/* CSS Document */

/* Global Sytles
-------------------------------------------------- */
body{
	background-color:#fff;
	background-image: url('../images/bg/grey_wash_wall.png');
	background-repeat:repeat;
}
header{
	background:	#333;
}
h1{
	color:#fff;	
}
.w25{
	font-size:25px;
	text-align:center;
}
.wt{
	color:#fff;	
}
.wt a{
	color:#fff;
	text-decoration:none;	
}
.wt a:hover{
	color:#ccc;
	text-decoration:none;	
}
.link {
    color:#adadad;
}
.link:hover {
    color: #fff;
}
/* Sticky Navigation styles
-------------------------------------------------- */
.logo{
	padding-top:20px;	
}
.navbar-nav{
	float:right !important;	
}
.navbar-nav li a{
	margin-top:-1px;
	padding: 60px 20px 15px 20px;
	color:#adadad;
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	text-transform:uppercase;
	transition:linear .3s;
}
.navbar-nav li a:hover{
	background:#b50000;
	color:#fff !important;
}
.active> a{
	background:#b50000;
	color:#fff !important;
}
.active> a{
	background:#b50000;
	color:#fff !important;
}
.active>a .open{
	color:#adadad!important;	
}
.active ul li{
	background:#fff;
	color:#adadad;
}
.dropdown-menu .active a{
	background:#b50000;
	color:#fff !important;
}
@media(min-width:768px) and (max-width: 991px) {
	.navbar-nav li a{
		padding: 60px 10px 15px 10px;	
	}
}
@media(max-width:767px) {
	.navbar-nav li a{
		padding: 10px 15px;	
		width:260px;
	}
	.navbar-header{
		margin:30px 0;	
	}
}
.dropdown-menu li a{
	padding:10px 15px;;	
}
.btn-menu {
	background-color: transparent;
	border: none;	
}
.icon-bar{
	background-color: #b50000;	
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 80px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 80px;
  background-color: #333;
  color:#fff;
}
.footer-text{
	margin-top:30px;
	line-height:.8em;	
}
.footer-text a{
	color:#fff;	
}
.footer-text a:hover{
	color:#999;	
	text-decoration:none;
}
.b25{
	margin-bottom:25px;	
}
.foot-img{
    margin-top: 20px;
    max-width: 250px;
}
.foot-social{
    margin-top: 20px;
}
/* Content styles
-------------------------------------------------- */
@media(min-width:767px) {
	#content{
		background-image:url('../images/eagleLake.jpg');	
		background-repeat:no-repeat;
	}
	.modal{
		margin:100px auto;	
	}
}
#sponsorBox { 
	background-color: transparent;	
}
#sponsorScreen{
	position: absolute;
}
#sponsorScreen img	{ 
    text-align: center;
    vertical-align: middle;
	position:absolute;
}
@media(min-width:1200px) {
	#sponsorBox{
		height:262px;
		width:262px;	
	}
	#sponsorScreen img	{ 
		max-height:262px;
		max-width:262px;	
	}
}
@media(min-width:992px) and (max-width: 1199px) {
	#sponsorBox{
		height:213px;
		width:213px;	
	}
	#sponsorScreen img	{ 
		max-height:213px;
		max-width:213px;	
	}
}
@media(min-width:768px) and (max-width: 991px) {
	#sponsorBox{
		height:220px;
		width:220px;	
	}
	#sponsorScreen img	{ 
		max-height:220px;
		max-width:220px;	
	}
}
@media(min-width:677px) and (max-width: 767px) {
	#sponsorBox{
		height:300px;
		width:300px;	
	}
	#sponsorScreen img	{ 
		max-height:300px;
		max-width:300px;	
	}
}
@media(min-width:577px) and (max-width: 676px) {
	#sponsorBox{
		height:250px;
		width:250px;	
	}
	#sponsorScreen img	{ 
		max-height:250px;
		max-width:250px;	
	}
}
@media(min-width:477px) and (max-width: 576px) {
	#sponsorBox{
		height:200px;
		width:200px;	
	}
	#sponsorScreen img	{ 
		max-height:200px;
		max-width:200px;	
	}
}
@media(min-width:377px) and (max-width: 476px) {
	#sponsorBox{
		height:150px;
		width:150px;	
	}
	#sponsorScreen img	{ 
		max-height:150px;
		max-width:150px;	
	}
}
@media(min-width:277px) and (max-width: 376px) {
	#sponsorBox{
		height:100px;
		width:100px;	
	}
	#sponsorScreen img	{ 
		max-height:100px;
		max-width:100px;	
	}
}
@media(min-width:177px) and (max-width: 276px) {
	#sponsorBox{
		height:50px;
		width:50px;	
	}
	#sponsorScreen img	{ 
		max-height:50px;
		max-width:50px;	
	}
}
/* Index styles
-------------------------------------------------- */
.fbox{
	background:#fff;
	padding:15px;	
}
.fbox a{
	text-decoration:none;	
}
.ibox{
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	color:#fff;
	text-shadow: 2px 2px 4px #333;
}
.fdate{
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	color:#fff;
	text-shadow: 2px 2px 3px #333;
}
.btn-modal{
	width:100%;	
	padding:25px 0;
	margin:10px 0;
}
.btn-close{
	right:0;	
}
@media(min-width:1200px) {
	.fbox{
		min-height:365px;
	}
	.fbox-row{
		margin-top:150px;	
		margin-bottom:25px;
	}
	.fdate{
		margin-top:100px;	
	}
	.fdate h2{
		font-size:48px;	
	}
	.fdate h3{
		font-size:36px;	
	}
}
@media(min-width:992px) and (max-width: 1199px) {
	.fbox{
		min-height:385px;
	}
	.fbox-row{
		margin-top:125px;	
		margin-bottom:25px;
	}
	.fdate{
		margin-top:75px;	
	}
	.fdate h2{
		font-size:42px;	
	}
	.fdate h3{
		font-size:30px;	
	}
}
@media(min-width:768px) and (max-width: 991px) {
	.fbox{
		min-height:460px;
	}
	.fbox-row{
		margin-top:75px;	
		margin-bottom:25px;
	}
	.fdate{
		margin-top:50px;	
	}
	.fdate h2{
		font-size:38px;	
	}
	.fdate h3{
		font-size:26px;	
	}
	.event p{
		padding-top:15px;	
	}

}
@media(max-width:767px) {
	.fbox{
		min-height:300px;
		margin:15px 0;
	}
	.fbox-row{
		margin-bottom:25px;
	}
	.fdate h2{
		font-size:40px;	
	}
	.fdate h3{
		font-size:28px;	
	}
	.event p{
		padding-top:15px;	
	}
}
.fbox h2{
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	color:#333;
	text-align:center;
}
.fbox p{
	text-align:center;
}
.btn-fbox{
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	color:#fff;
}
.benefit h2{
	color:#fff;
	text-shadow: 1px 1px 2px #ccc;
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	text-transform:uppercase;
	font-size:30px;
}
.benefit h3{
	color:#ccc;
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	text-transform:uppercase;
	font-size:24px;
}
.benefit p{
	color:#ccc;
	font-size:16px;
}
.benefit img{
	margin-top:30px;
	margin-bottom:10px;	
}
.fund-btn{
	margin:15px 0 0 75px;	
}
.w700{
    max-width: 700px;
    margin:50px auto;
    font-size: 16px;
    text-shadow: none;
}
/* Race styles
-------------------------------------------------- */
.event h3{
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	color:#fff;
	text-shadow: 1px 1px 2px #ccc;
}
.event h4{
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	color:#d9534f;
	text-shadow: 1px 1px 2px #333;
}
.enum{
	font-size:26px;	
}
.event p{
	margin-top:10px;
	color:#ccc;
}
.ibox{
	color:#ccc;
}
.ibox h3{
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	color:#fff;
	text-shadow: 1px 1px 2px #ccc;
}
.title{
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	color:#fff;
	text-shadow: 1px 1px 2px #ccc;
	font-size:46px;	
}
.distance{
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	text-shadow: 1px 1px 2px #333;
	color:#d9534f;	
	font-size:28px;
}
.race p{
	color:#ccc;
	font-size:18px;	
}
.race h3{
	color:#fff;	
}
.race img{
	margin-top:50px;	
}
#accordion{
	margin:30px 0;	
}
#accordion h3{
	font-size:20px;	
}

/* Sponsor styles
-------------------------------------------------- */
.sponsor{
	margin-bottom:25px;
}
.sponsor img{
	margin:0 auto;
	object-fit:contain;
	vertical-align:middle;
}
.lvl-c{
	height:300px;
	width:500px;
}
.lvl-1{
	height:250px;
    max-height: 250px;
	width:400px;
}
.lvl-2{
	height:200px;
	width:300px;
}
.lvl-3{
	height:150px;
	width:200px;
}

/* Volunteer styles
-------------------------------------------------- */
.vol h3{
	color:#fff;
	text-shadow: 1px 1px 2px #ccc;
	font-size:20px;
}
.vol p{
	color:#ccc;
	font-size:16px;
}

/* Registration styles
-------------------------------------------------- */
.reg{
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	color:#fff;
	text-shadow: 1px 1px 2px #ccc;
	font-size:36px;	
	margin-bottom:20px;
}
.registration p{
	color:#ccc;
	font-size:16px;
}
.pi{
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	text-shadow: 1px 1px 2px #333;
	color:#d9534f;	
	font-size:16px;
}
.btn-reg{
	font-size:24px;	
	margin:0 20px 25px 0;
}
.txt-right{
	text-align:right;	
}
.txt-left{
	text-align:left;	
}
.txt-center{
	text-align:center;	
}
.reg-box{
	background:#fff;
	padding:15px;
	margin-bottom:20px;	
}
.reg-box h3{
	font-size:28px;
	text-align:center;	
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	color:#b50000;
	text-shadow: 1px 1px 2px #999;
	margin-bottom:15px;
}
.reg-box p{
	font-family: 'Nunito', sans-serif;
	/*font-family: 'Racing Sans One', cursive;*/
	text-shadow: 1px 1px 2px #333;
	color:#d9534f;	
	font-size:22px;
	text-align:center;
}
@media(min-width:1200px) {
	.reg-box{
		min-height:180px;	
	}
	.reg-box-bottom{
		min-height:150px;	
	}
}
@media(min-width:992px) and (max-width: 1199px) {
	.reg-box{
		min-height:215px;	
	}
	.reg-box-bottom{
		min-height:140px;	
	}
}
@media(min-width:768px) and (max-width: 991px) {
	.reg-box{
		min-height:220px;	
	}
	.reg-box-bottom{
		min-height:140px;	
	}
}
@media(max-width:767px) {

}


/* Sitemap Styles
-------------------------------------------------- */
.sitemap{
	list-style-type:none;
	font-size:18px;
	margin-top:80px;
}
/* IE10 and IE11
-------------------------------------------------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	/* Sticky Navigation styles
	-------------------------------------------------- */
	.navbar-nav li a{
		font-family: 'Nunito', sans-serif;
	}
	/* Index styles
	-------------------------------------------------- */
	.ibox{
		font-family: 'Nunito', sans-serif;
	}
	.fdate{
		font-family: 'Nunito', sans-serif;
	}
	.fbox h2{
		font-family: 'Nunito', sans-serif;
		/*font-family: 'Racing Sans One', cursive;*/
		color:#333;
		text-align:center;
	}
	.btn-fbox{
		font-family: 'Nunito', sans-serif;
	}
	.benefit h2{
		font-family: 'Nunito', sans-serif;
	}
	.benefit h3{
		font-family: 'Nunito', sans-serif;
	}
	
	/* Race styles
	-------------------------------------------------- */
	.event h3{
		font-family: 'Nunito', sans-serif;
	}
	.event h4{
		font-family: 'Nunito', sans-serif;
	}
	.ibox h3{
		font-family: 'Nunito', sans-serif;
	}
	.title{
		font-family: 'Nunito', sans-serif;
	}
	.distance{
		font-family: 'Nunito', sans-serif;
	}
	
	
	/* Registration styles
	-------------------------------------------------- */
	.reg{
		font-family: 'Nunito', sans-serif;
	}
	.pi{
		font-family: 'Nunito', sans-serif;
	}
	.reg-box h3{
		font-family: 'Nunito', sans-serif;
	}
	.reg-box p{
		font-family: 'Nunito', sans-serif;
	}
}