﻿/*MEDIA QUERY*/

/*HEADER*/
#announce {}
#logo {width:100%; margin-top:80px; margin-bottom:20px; background:url(/images/logo-340.jpg) no-repeat center center;}
#content {padding-left:0px; padding-right:0px;}
#announce {display:none;}
.page-header h1 {font-size:1em;}
h1.home {border-top:0px;}
img.header {border-bottom:none; padding-bottom:0px;}
#top-bar-mobile {width:100%; background-color: #0079c2; float:left; display:block; padding: 20.5px 0px; text-align:center; color: #FFF; text-transform: uppercase;font-weight: 700; font-family: 'Open Sans Condensed', sans-serif;  position:fixed; z-index:1999;}
#top-bar-mobile a {color:#ffffff; line-height:1.2em; font-size:2em;}
#vol-bar-mobile {width:100%; background-color: #a32226; float:none; display:block; padding: 9.5px 0px; text-align:center; color: #FFF; text-transform: uppercase;font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.3em; z-index:1999;}
#vol-bar-mobile a {color:#ffffff;}
#presented-by-mobile {display:block; color: #000000; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; font-size: .8em; background-color:#e5e5e5; padding:10px; text-align:center;}
#marathon-date-mobile {display:block; color: #FFF; text-transform: uppercase;font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.3em; background-color:#000000; padding:15px; text-align:center;}
#reg-link-mobile {display:block; text-align:center; margin-top:15px;}
#copper-star-mobile {display:block; background-color:#30343E; text-align:center; padding-bottom:20px;}
#header {width:100%;}
.main {width:100%; padding-left:10px; padding-right:10px;}
.register-dropdown {display:none;}
#header input.search {display:none;}
#header .social {display:none;}
#header #hosted-by {display:none;}
.slider {display:none;}
.sidebar {display:none;}
.row {width:100%;}
.one-third {float:none; padding-left:10px; width:100%; margin-bottom:20px;}
.one-third .menu-navigation-menu-container {display:none;}
.race-icons {display:none;}
.copy {margin-top:0px; padding-left:10px; padding-right:10px;}

#menu-icon {
	position:fixed;
	display:inline-block;
width: 40px;
	height: 40px;
	background: #0079c2 url(/images/menu-icon.png) center;
	float:left;
	margin-top: 3%;
}

 /* a:hover#menu-icon, a:active#menu-icon {

	background-color: #0079c2;
	border-radius: 4px 4px 0 0;

} */

#nav {position:absolute; z-index:2000; text-align:left;}
#nav a {padding:0px; font-size:1.3em;}
#nav > a:hover {background: #0079c2 url(/images/menu-icon.png) center; position:fixed; margin-top:3%;}
#nav ul {

		display: none;
		position: relative;
		padding: 20px;
		background: #fff;
		border: 2px solid #0079c2;
		top:60px;
		width: 100%;
		/* border-radius: 4px 0 4px 4px; */

	}

	#nav li {

		text-align: left;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		font-size:18px;

	}
	
#nav ul li#menu-item-32 ul {  border:none; position:relative; width:100%; display:block;}
#nav ul li#menu-item-33 ul {  border:none; position:relative; width:100%; display:block;}
#nav ul li#menu-item-37 ul {  border:none; position:relative; width:100%; display:block;}
#nav ul li#menu-item-182 ul {  border:none; position:relative; width:100%; display:block;}
#nav ul li#menu-item-38 ul {  border:none; position:relative; width:100%; display:block;}
#nav ul li#menu-item-188 ul { border:none; position:relative; width:100%; display:block;}

#nav ul li#menu-item-32 > a {font-weight:bold; color: #0079c2}
#nav ul li#menu-item-33 > a {font-weight:bold; color: #0079c2}
#nav ul li#menu-item-36 > a {font-weight:bold; color: #0079c2}
#nav ul li#menu-item-1939 > a {font-weight:bold; color: #0079c2}
#nav ul li#menu-item-34 > a {font-weight:bold; color: #0079c2}
#nav ul li#menu-item-37 > a {font-weight:bold; color: #0079c2}
#nav ul li#menu-item-182 > a {font-weight:bold; color: #0079c2}
#nav ul li#menu-item-38 > a {font-weight:bold; color: #0079c2}
#nav ul li#menu-item-188 > a {font-weight:bold; color: #0079c2}

.main .featured p {font-size:1em;}

@media screen and (orientation:landscape) {
.main .featured img {width:52.5%;}
.main .featured .text {width:46%; padding:15px;}
.main .featured p {font-size:.75em;}
}

.main .stats li {margin-right:0; font-size:.8em; width:100%; margin-right:2%;}
.main .stats li img {float:none;}
.main .stats li img.original.pad-btm {margin-bottom:16px;}
.page-header {padding:1em; margin: 10px 0 10px 0; font-size:1.2em;}
.sponsor .border-img {/* width:30% !important;*/ margin-right:3% !important;}
.hosted li {float:left; margin-top:20px; margin-bottom:20px; margin-left:1%; margin-right:1%; text-align:center; width:31%;}

/* Ambassadors */
.ambass-header {margin-top: 1em;}
.ambass-img {float:none; width:100%;}
.ambass-bio {float:none; width:100%; padding-left:0;}

/* FORMS */
.form-row label { width:100%; text-align:left; margin-right:0; margin-bottom:.5em;}
.card-info {padding:1em;}
.race-order-details thead {font-size:1em;}
.btn-coupon {padding:15px 5px; font-size:.6em;}

	/*************** RETINA DISPLAYS *******************************/
	
	@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

#top-bar-mobile {font-size: .6em;}
    
}
	
	