@font-face {
  font-family: 'Goudy Old Style';
  src: url('fonts/GoudyOldStyleT-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/GoudyOldStyleT-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/GoudyOldStyleT-Regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/GoudyOldStyleT-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/GoudyOldStyleT-Regular.svg#79e8f1fb517a7c4835610d95a8fc8be0') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  400;
}

#wrapper {
  margin: 0 auto;
  background: #fff;
}

body {
	font-size: 120%;
	font-family: Arial !important;
	color: #270000;
	background-color: #fff;
	overflow-y: scroll;
	@media (max-width:767px) { overflow-x: hidden; }
	@media (min-width:768px) { font-size: 125%; }
	@media (min-width:992px) { font-size: 130%; }
	@media (min-width:1200px){ font-size: 135%; }
}
h1 {
	font-size: 160%;
	margin-top: 0;
	margin-bottom: 15px;
	color: #de6640;
}
h2 {
	font-size: 140%;
	color: #001687;
}
h3 {
	font-size: 110%;
	color: #270000;
}
h1, h2, h3{
	font-weight: normal;
}
small {
	font-size: 90%;
}
a {
	color: #270000;
	opacity: 0.85;
	text-decoration: none; 
	&:hover, &:active {
		color: #270000;
		opacity: 1;
	}
}
header {
	background-image: url(../uploads/images/header/2023/1.jpg);
	background-repeat: no-repeat;
	background-size: auto 250%;
	background-position: center right;
	.container {
  	position: relative;
	}
	.headbox {
  	/*border-left: 1px solid #E9BAA8;*/
  	margin: 0;
  	color: #000000;
  	padding: 0;
	}
  .logo {
		line-height: 90%;
		font-family: 'Goudy Old Style';
		margin: 15px 0;
	}
	.title {
    font-size: 24pt;
    line-height: 110%;
  }
  .date {
    font-size: 18pt;
    strong {
      display: block;
      font-size: 24pt;
      padding-top: 15px;
      font-weight: 400;
    }
  }
  .location {
    font-size: 21pt;
  }
	@media (max-width:767px) {
  	background-position: top left;
    .headbox {
      border: none;
      margin: 0;
      padding: 0;
    }
    .image {
      margin: 0;
      img {
        max-width: 100%;
        height: auto !important;
      }
    }
    /*.title {
      font-size: 20pt;
    }
    .date {
      font-size: 14pt;
      br {
        display: none;
      }
      strong {
        font-size: 14pt;
        display: inline;
        padding: 0 0 0 5px;
        font-weight: 600;
      }
    }
    .location {
      font-size: 17pt;
    }*/
	}
	@media (min-width:768px) { 
    height: 280px;
    background-position: center right;
    background-size: cover;
    .image {
      margin: 0;
    }
	}
	/*@media (min-width:992px) { 
    height: 230px;
    background-position: center right;
    .headbox {
      margin: 30px 0 0 380px;
    }
    .title {
      font-size: 30pt;
    }
    .date {
      strong {
        font-size: 30pt;
        padding-bottom: 1px;
      }
    }
    .location {
      font-size: 25pt;
    }
	}
	@media (min-width:1200px){
  	height: 230px;
  	background-position: center right;
  	.headbox {
      margin: 30px 0 0 470px;
    }
    .title {
      font-size: 34pt;
    }
    .date {
      strong {
        font-size: 34pt;
        padding-top: 22px;
        padding-bottom: 7px;
      }
    }
    .location {
      font-size: 29pt;
    }
	}*/
	.social {
		height: 18px;
		display: none;
		position: absolute;
		bottom: 38px;
		left: 440px;
		@media (min-width:768px) { 
      display: block;
      a {
        background-image: url(../uploads/images/social-icons4.png);
        width: 23px;
        &.fb { background-position: 0 center; }
      	&.yt { background-position: -42px center; }
      	&.in { background-position: -87px center; }
      	&.gr { background-position: -128px center; }
      }
    }
    /*@media (min-width:992px) {
      bottom: 20px;
      left: 640px;
    }
    @media (min-width:1200px){
      left: 760px;
    }*/
	}
	
}

.social a{
	display: inline-block;
	height: 18px;
	width: 18px;
	margin-left: 5px;
	text-indent: -9999px;
	background-image: url(../uploads/images/social-icons.png);
	background-repeat: no-repeat;
	&.fb { background-position: 0 center; }
	&.yt { background-position: -45px center; }
	&.in { background-position: -90px center; }
	&.gr { background-position: -135px center; }
}
.mobile {
	background-color: #29317c;
	@media (min-width:768px) { display: none; }
	.social {
		height: 34px;
		padding-top: 8px;
		a {
			margin: 0 15px 0 0;
		}
	}
	.nav-bt {
		float: right;
		cursor: pointer;
		width: 34px;
		height: 34px;
		background-image: url(../uploads/images/mobile-nav-icons.png);
		background-repeat: no-repeat;
		background-position: right -46px top 7px;
		&.active {
			background-position: right 2px top 7px;
		}
	}
}
nav {
	background-color: #29317c;
	@media (max-width:767px) { display: none; }
	@media (min-width:768px) { display: block !important; }
	.container {
  	padding-right: 0;
	}
	ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		li{
			position: relative;
			a:link, a:visited, a:active{
  			outline: 0;
				display: block;
				white-space: nowrap;
				text-decoration: none !important;
				line-height: 32px;
				@media (max-width:767px) {
					color: white;
					font-size: 125%;
					padding: 0 15px;
					border-bottom: 1px solid #C38F1B;
				}
				@media (min-width:768px) { 
					color: #edf0f7;
					font-size: 83%;
					padding: 4px 0;
				}
				@media (min-width:992px) { 
					font-size: 102%;
				}
				@media (min-width:1200px){
          font-size: 106%;
        }
			}
			ul {
				z-index: 10;
				background-color: #29317c;
				@media (max-width:767px) { display: none; }
				@media (min-width:768px) { 
					position: absolute;
					left: -9999px;
				}
				li {
					min-width: 150px;
					a:link, a:visited, a:active {
						line-height: 30px;
						height: 30px;
						padding: 0 15px;
						outline: 0;
						@media (min-width:768px) {
							padding: 0 10px;
							line-height: 40px;
							height: 40px;
							border-top: 3px solid white;
						};
					}
					&.menuactive, &:hover, &:focus {
						background-color: #E24C25;
						a { color: white; }
					}
				}
				ul { display: none; }
			}
		}
	}
	@media (max-width:767px) { 
		&>.container {
			padding: 0px;
			background-color: #29317c;
		}
	}
	&>.container > ul > li {
		@media (max-width:767px) { 
			&.menuactive > a, &:hover > a, &:focus > a{
				background-color: #E1BB66;
				color: #fff;
			}
			&.parent > a {
				background-image: url(../uploads/images/mobile-nav-icons.png);
				background-repeat: no-repeat;
				background-position: right -85px top 5px;
			}
			&.parent.menuactive {
				&> a { background-position: right -85px top -32px; }
				ul { display: block; }
			}
		}
		@media (min-width:768px) { 
			float: left; 
			margin: 0px;
			padding-left: 4px; 
			padding-right: 4px; 
			&:hover > ul, &:focus  > ul{
				left: 0px;
			}
			&.menuactive > a{
				color: white;
				padding-bottom: 0px;
				border-bottom: 4px solid #DBA51E;
			}
			&:hover, &:focus {
				&>a { color: white; }
				background-color: #E1BB66;
			}
		}
		@media (min-width:992px) { padding-left: 6px; padding-right: 6px; }
		@media (min-width:1200px){ padding-left: 12px; padding-right: 12px; }
	}
}
article {
	ul {
		padding-left: 0px;
		margin-left: 17px;
		li {
			list-style: none;
			&:before {
				content:"•";
				vertical-align: top;
				margin-left: -15px;
				padding-right: 10px;
				color: #a47346;
			}
		}
	}
	.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.content-left, .content-right .logos{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.content-left img, .content-right .logos img{
		max-width: 100%;
		height: auto;
	}
	.content {
		padding-top: 15px;
		padding-bottom: 15px;
		@media (min-width:768px) { padding: 40px 25px 30px 15px; }
		@media (min-width:992px) { padding: 40px 40px 30px 25px; }
	}
	.content-right {
		padding: 0px;
		background-color: #fff;
		img {
			max-width: 100%;
			margin-bottom: 0;
		}
		.mecca {
  		background: #EFF2F8;
		}
		.mecca p {
			word-wrap: break-word;
		}
		.logos, .mecca {
			padding: 20px;
		}
		.logos{
			background-color: white;
			padding-top: 40px;
			img {
  			margin-left: auto;
  			margin-right: auto;
  			display: block;
  			margin-bottom: 20px;
  			@media (min-width:992px) { margin-bottom: 40px; }
			}
		}
	}
	.paypal {
		tr td{
			padding: 3px 7px 3px 0px;
		}
		tr:first-child td{
			line-height: 20px;
			font-size: 16px;
			color: #270000;
		}
		input, option, select{
			font-family: Arial;
			font-size: 14px;
		}
		input[type=image]{
			border: 0;
			background-color: transparent;
		}
	}
	
	#content .bt {
		margin: 20px 0;
		a, a:visited {
			padding: 8px 12px;
			color: #FFFFFF;
			font-weight: bold;
			background-color: #679146;
			border: 1px solid #000000;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			text-decoration: none;
			font-size: 18px;
		}
		a:active, a:hover {
			color: #FFFFFF;
			background-color: #006f49;
			text-decoration: none;
		}
	}
}

footer {
  background-color: #29317c;
	color: white;
	line-height: 40px;
	font-size: 85%;
}

.ImageFloatLeft {
	float: left;
	margin-right:20px;
	margin-bottom:14px;
}
.ImageFloatRight {
	float: right;
	margin-left:20px;
	margin-bottom:14px;
}

#sponsors {
	p {
		background-color: white;
		border: 1px solid #eee;
	}
	img {
		max-width: 200px;
		max-height: 140px;
		width: auto;
		height: auto;
		padding: 15px;
	}
}

@media print {
  a[href]:after {
    content: none
  }
}

hr {
  margin: 40px 0;
}

dl {
  margin: 15px 0;
  display: flex;
  flex-flow: row wrap;
  dt {
    width: 50%;
    font-weight: 400;
    padding-bottom: 5px;
  }
  dd {
    width: 50%;
    padding-bottom: 5px;
  }
}

dl.comittee {
  dt {
    width: 33.3333%;
  }
  dd {
    width: 66.6666%;
  }
}