/*-------------------------------------------------------------------------------------



	Design Template Theme Styles



---------------------------------------------------------------------------------------



	1. Document Setup

	2. Header

		2.1. Countdown

		2.2. Navigation

		2.3. Logo

		2.4. Register

	3. Body Content

		3.1. Slideshow

		3.2. Featured

			3.2.1. Weather

		3.3. Main Content

		3.4. Sponsors / Flexisel

	4. Footer

		4.1. Email Sign-Up

		4.2. Footer Social

		4.3. Copyright

		4.4. Footer Race IT Logo



-------------------------------------------------------------------------------------*/






/*-----------------------------------------------------------------------------------*/

/*	1. Document Setup (body, common classes, etc)

/*-----------------------------------------------------------------------------------*/



button,
.button {
	font-weight: normal;
	background-color: #2a77cd;
	border: none;
	color: #fff;
   -webkit-transition: all 0.15s linear;
   -moz-transition: all 0.15s linear;
   -o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
	background-color: #3489d8;
}



/*-----------------------------------------------------------------------------------*/

/*	2. Header

/*-----------------------------------------------------------------------------------*/



header {
    background-color: #ffffff;
}



/*--- 2.1. Countdown ---*/



.countdown-desktop {
	color: #cecece;
}

.countdown-desktop .countdown div {
	color: #9ecb3a;
}

.countdown-desktop .countdown div span {
	border-top: 1px solid #cecece;
	text-transform: uppercase;
	color: #cecece;
}

.countdown-mobile {
	background-color: #D9D9D9;
	color: #ffffff;
}

.countdown-mobile .countdown div {
	color: #fff;
}

.countdown-mobile .countdown div span {
	border-top: 1px solid #cecece;
	text-transform: uppercase;
	color: #fff;
}



/*--- 2.2. Navigation ---*/



.toggleMenu {
    color: #fff;
}

.toggleMenu:hover,
.toggleMenu:focus {
	color: #fff;
}

/*
.menu > li {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}
*/

.lt-ie9 .menu > li {
    border-right: 1px solid #ccc;
}

.menu > li > .parent {
    background-image: url("../images/down-arrow.png");
}

.menu > li > a {
    color: #888888;
    font-style: normal;
    font-weight: normal;
}

.lt-ie9 .menu > li > a {
    color: #999;
}

.menu > li > a:hover {
    color: rgba(0, 0, 0, 0.6);
}

.lt-ie9 .menu > li > a:hover {
    color: #666666;
}

.menu li li {
	background: url("../images/sub-nav-bg.png") repeat #eee;
}

.menu li li:hover {
	background: url("../images/sub-nav-active-bg.png") repeat #eee;
}

.menu li li a {
    border-top: 1px solid #D9D9D9;
    color: #888;
}

.menu li li li a {
    border-top: 1px solid #D9D9D9;
}

@media screen and (max-width: 768px) {

	/*
.navigation {
	    background: url("../images/menu-bg.png") repeat #888;
	}
*/

	.menu {
		background: #555;
	}

	.menu > li > a {
	    color: #fff;
	}

	.menu > li > a:hover {
	    color: #fff;
	}

    .menu > li {
        border-top: 1px solid #777;
    }

    .menu > li:hover {
       background: #333;
    }

    .menu li li .parent {
        background-image: url("../images/down-arrow.png");
    }
    
    .menu .link {
    border-right: none !important;
}


}



/*--- 2.3. Logo ---*/



/*
.logo img {
	width: 250px;
}
*/



/*--- 2.4. Register ---*/




/*
.register:hover {
	background: url("../images/register-active-bg.png") repeat #86b228;
}
*/

.register a {
	color: #ffffff;
	font-style: italic;
}

@media screen and (max-width: 768px) {

	.register {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

}



/*-----------------------------------------------------------------------------------*/

/*	3. Body Content

/*-----------------------------------------------------------------------------------*/



.body-content {
	background-color: #999;
    background-repeat: repeat;
}

@media screen and (max-width: 768px) {

	.body-content {
	    background-repeat: repeat;
	}

}



/*--- 3.1. Slideshow ---*/



.rslides .caption {
	text-shadow: none;
	color: #222;
	background: #fff;
	background: rgba(225,225,225, .6);
}

.rslides .caption .ss-header {
	font-weight: bold;
}



/*--- 3.2. Featured ---*/



.featured .section-container .title {
	background: url("../images/featured-bg.png") top left repeat #9ecb3b;
}

.featured .section-container .title:hover,
.featured .section-container .title:focus {
	background-color: #89b331;
}

.featured .section-container .title a {
	color: #fff;
	font-weight: bold;
}

.section-container .content ul {
	list-style-image: url("../images/list-bullet.png");
}

.featured .section-container .content a {
	color:  #89b331;
}

.featured .section-container .content a:hover,
.featured .section-container .content a:focus {
	color:  #89b331;
	text-decoration: underline;
}

.featured button,
.featured .button {
	font-weight: normal;
	background-color: #97bd3e;
	border: none;
	color: #fff;
   -webkit-transition: all 0.15s linear;
   -moz-transition: all 0.15s linear;
   -o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

.featured button:hover,
.featured button:focus,
.featured .button:hover,
.featured .button:focus {
	background-color: #aacc4c;
}

@media only screen and (min-width: 786px) {

	.featured .section-container {
		-moz-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
		box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
	}

}

@media only screen and (max-width: 786px) {

	.featured .section-container .title {
		border-bottom: 1px solid #a9cc5e;
	}

	.featured .section-container .title:hover,
	.featured .section-container .title:focus,
	.featured .section-container .title:active {
		background: url("../images/featured-active-bg.png") top left repeat #9ecb3b;

	}

	.featured .section-container .active .title {
		background: url("../images/featured-active-bg.png") top left repeat #9ecb3b;
	}

}



/*--- 3.2.1. Weather ---*/



#weather .current {
	font-weight: bold;
}



/*--- 3.3. Main Content ---*/



.main-content {
	background-color: #fff;
/* 	box-shadow: 0 0 8px 0 #777777; */
}



/*--- 3.4. Sponsors / Flexisel ---*/



.sponsors {
	background: url("../images/sponsor-bg.png") top left repeat #eee;
}

.nbs-flexisel-nav-left {
	background: url("../images/button-previous.png") no-repeat;
	background-size: 45px 54px;
   -webkit-transition: all 0.15s linear;
   -moz-transition: all 0.15s linear;
   -o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

.lt-ie9 .nbs-flexisel-nav-left {
	background: url("../images/ie8-button-previous.png") no-repeat;
}

.nbs-flexisel-nav-right {
	background: url("../images/button-next.png") no-repeat;
	background-size: 45px 54px;
   -webkit-transition: all 0.15s linear;
   -moz-transition: all 0.15s linear;
   -o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

.lt-ie9 .nbs-flexisel-nav-right {
	background: url("../images/ie8-button-next.png") no-repeat;
}

.nbs-flexisel-nav-left:hover,
.nbs-flexisel-nav-right:hover {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}



/*-----------------------------------------------------------------------------------*/

/*	4. Footer

/*-----------------------------------------------------------------------------------*/





footer {
	background: url("../images/footer-bg.png") repeat #000;
	color: #696969;
}



/*--- 4.1. Email Sign-Up ---*/



.email-signup-wrapper {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.14);
}

.lt-ie9 .email-signup-wrapper {
	background: #383838;
	border: 1px solid #5b5b5b;
}

.email-signup input[type="text"] {
	background-color: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(0, 0, 0, 0.2);
	color: rgba(255,255,255,0.4);
}

.lt-ie9 .email-signup input[type="text"] {
	background-color: #323232;
	border: 1px solid #292929;
	color: #847f71;
}

.email-signup input[type="submit"] {
	background: url("../images/sign-up-bg.png") repeat #86b228;
    color: #fff;
}

.email-signup input[type="submit"]:hover {
	opacity: 0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}

@media screen and (max-width: 768px) {

	.email-signup {
		border: 1px solid #5e5f60;
	}

}



/*--- 4.2. Footer Social ---*/



.social li img {
   -webkit-transition: all 0.15s linear;
   -moz-transition: all 0.15s linear;
   -o-transition: all 0.15s linear;
	transition: all 0.15s linear;
	background-color: rgba(225, 225, 226, 0.15);
}

.social li img:hover {
	background-color: rgba(225, 225, 226, 0.25);
}

.lt-ie9 .social li img {
	background-color: #525252;
}

.lt-ie9 .social li img:hover {
	background-color: #686869;
}


/*--- 4.3. Copyright ---*/



.copyright {
    color: rgba(255, 255, 255, 0.2);
    font-size: 0.8em !important;
    font-style: italic;
}



/*--- 4.4. Footer Race IT Logo ---*/



.footer-raceit img {
	opacity: 0.2;
	filter: alpha(opacity=20); /* For IE8 and earlier */
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.footer-raceit img:hover {
	opacity: 0.3;
	filter: alpha(opacity=30); /* For IE8 and earlier */
}