/* ============= Global ============= */
@font-face {
	font-family: 'Grotesque-SemiBold';
	src: url('/fonts/grotesque_semibold.eot');
	src: url('/fonts/grotesque_semibold.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/grotesque_semibold.woff') format('woff'),
	     url('/fonts/grotesque_semibold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	font-size: 14px;
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
	color: #ffffff;
	background-color: #1e1e1e;
	font-family: "Helvetica", "Arial", sans-serif;
}

a, button {
	color: #ffffff;
}

*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	max-width: 100%;
  display: block;
  vertical-align: middle;
}

.no-style {margin: 0; padding: 0; list-style-type: none;}

.clearfix {*zoom:1;}
.clearfix:before,
.clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}

/* ============= Layout ============= */

/* Layout Specific Color Overrides */
body.black {}
body.black #masthead {background-color: #000000 !important;}
body.red {}
body.white {}
body.whitecheckered {}
body.blackcheckered #masthead {background-color: #000000 !important;}

.mobile-header {display: block; position: fixed; top: 0; left: 0; height: 50px; background: #333; width: 100%; border-bottom: solid 1px #666666;}
.mobile-header a.bmx-logo img {width: 100px; position: absolute; top: 10px; left: 10px;}
.mobile-header #open-mobile-menu-link {width: 30px; height: 30px; border-radius: 2px; background-color: #555; position: absolute; top: 10px; right: 10px; text-indent: -9999px; display: block;}

footer, #main-wrap {width: 100%; max-width: 100%; overflow: hidden;}

#main-wrap {}
#main-wrap header {padding-top: 50px;}
#main-wrap header #pencil_ad {}
#main-wrap header #masthead {background-color: #ffffff;}
#main-wrap header #masthead #top-nav {display: none;}
#main-wrap header #masthead #powered-by {display: none;}
#main-wrap header #masthead h1 {margin: 0; padding: 20px 0;}
#main-wrap header #masthead h1 img {margin: 0 auto;}

#main-wrap #main-nav {display: none; position: fixed; left: 0; top: 0; overflow-y: scroll; overflow-x: hidden; width: 100%; height: 100%; z-index: 9; background-color: rgba(100,100,100, .95); text-align: center;}
#main-wrap #main-nav #close-mobile-menu-link {width: 20px; height: 20px; position: absolute; top: 15px; right: 15px; text-indent: -9999px; display: none; z-index: 999;}
#main-wrap #main-nav ul {list-style: none; padding: 0; margin: 50px 0;}
#main-wrap #main-nav ul li a {font-family: "Grotesque-SemiBold"; text-transform: uppercase; font-size: 1.75em; text-decoration: none; padding: 8px 0; display: inline-block; position: relative;}
#main-wrap #main-nav ul li.has-sub-nav > a::after {content: '\25bc'; display: block; position: absolute; right: -20px; top: 13px; font-size: 12px; color: rgba(255,255,255,0.70);}
#main-wrap #main-nav ul li.has-sub-nav.shown > a::after {content: '\25b2';}
#main-wrap #main-nav ul li.has-sub-nav.shown ul {display: block;}
#main-wrap #main-nav ul li ul {margin: 0 0 20px 0; transform: none; display: none;}
#main-wrap #main-nav ul li ul li {}
#main-wrap #main-nav ul li ul li a {font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 200; font-size: 1em; letter-spacing: 1px;}

#main-wrap #body-wrap {padding: 0 4%;}
#main-wrap #body-wrap #content-wrap h1 {color: #ffffff; font-family: "Grotesque-SemiBold"; text-transform: uppercase;}
#main-wrap #body-wrap #sidebar {}
#main-wrap #body-wrap #sidebar #sidebar-sections {display: none;}
#main-wrap #body-wrap #sidebar #social-links-wrap {display: block;}
#main-wrap #body-wrap #sidebar #social-links-wrap h2 {display: none;}
#main-wrap #body-wrap #sidebar #social-links-wrap ul {list-style-type: none; text-align: center; margin: 0; padding: 20px 0 10px 0; border-bottom: solid 1px rgba(255,255,255,0.5);}
#main-wrap #body-wrap #sidebar #social-links-wrap ul li {display: inline-block; width: 30px; height: 30px; background-size: contain; text-indent: -9999px; margin: 0 10px; background-repeat: no-repeat;}
#main-wrap #body-wrap #sidebar #social-links-wrap ul li#twitter {background-image: url('/images/bmx/icons/logo-twitter.png');}
#main-wrap #body-wrap #sidebar #social-links-wrap ul li#facebook {background-image: url('/images/bmx/icons/logo-facebook.png');}
#main-wrap #body-wrap #sidebar #social-links-wrap ul li#youtube {background-image: url('/images/bmx/icons/logo-youtube.png');}
#main-wrap #body-wrap #sidebar #social-links-wrap ul li#instagram {background-image: url('/images/bmx/icons/logo-instagram.png');}
#main-wrap #body-wrap #sidebar #social-links-wrap ul li#rainedout {background-image: url('/images/bmx/icons/logo-rainedout.png');}
#main-wrap #body-wrap #sidebar #social-links-wrap div.social-feed-item-clearing { clear: left; }
#main-wrap #body-wrap #sidebar #social-links-wrap ul li a {display: block;}
#main-wrap #body-wrap #sidebar #social-activity-wrap {display: none;}
#main-wrap #body-wrap #sidebar #sponsors-desktop { display: none; }

#main-wrap #hero #contact-us {display: none;}

#main-wrap #content a {color: ##006699 !important;}
#main-wrap #content #news article {padding: 2%; background: rgba(255,255,255,0.25); margin-bottom: 10px; border-radius: 2px;}
#main-wrap #content #news article h4 {font-size: 1.15em; margin: 5px 0 10px 0; font-family: "Grotesque-SemiBold"; font-weight: normal;}
#main-wrap #content #points-events {display: none;}

#main-wrap #content #posts-list li {padding: 2%; background: rgba(255,255,255,0.25); margin-bottom: 10px; border-radius: 2px;}
#main-wrap #content #posts-list li h2 {font-size: 1.15em; margin: 5px 0 10px 0; font-family: "Grotesque-SemiBold"; font-weight: normal;}

#main-wrap #content #calendar-tools #calendar-view {display: none;}
#main-wrap #content #calendar-tools #month-switcher {text-align: center; padding: 10px; border-radius: 2px; background-color: rgba(255,255,255,0.25);}
#main-wrap #content #calendar-tools #month-switcher a {display: inline-block; padding: 3px 12px 6px 12px; background-color: rgba(255,255,255,0.25); border-radius: 2px; text-decoration: none; font-weight: bold; font-size: 1.25em; margin: 0 10px;}
#main-wrap #content #calendar-tools #month-switcher #switcher-current-month {font-size: 1.25em; font-weight: bold; position: relative; top: 2px;}
#main-wrap #content #calendar-tools #future-switcher {text-align: center; padding: 10px 0;}
#main-wrap #content #events-list li {padding: 10px; border-bottom: solid 1px rgba(255,255,255,0.25);}
#main-wrap #content #events-list li:last-child {border-bottom: none;}

.volunteer-form-popup {background: #666; padding: 20px 4%; margin-top: 30px; font-size: 0.85em;}
.volunteer-form-popup #title-bar {text-decoration: none; font-size: 1.5em; text-align: center; margin-bottom: 10px; font-weight: bold; display: block;}
.volunteer-form-popup #volunteer-form p {margin-top: 0;}
.volunteer-form-popup #volunteer-form .col-half,
.volunteer-form-popup #volunteer-form .col-third {width: 48%; margin-right: 2%; float: left; margin-bottom: 10px;}
.volunteer-form-popup #volunteer-form .position-checkbox-wrap {margin-bottom: 5px;}
.volunteer-form-popup #volunteer-form .position-checkbox-wrap label {position: relative; top: -3px;}
.volunteer-form-popup #volunteer-form #comments-wrap {width: 100%; float: none;}
.volunteer-form-popup #volunteer-form .hide-form-btn {display: none;}

footer {background-color: #333; font-size: .75em; text-align: center;}
footer #footer-content #footer-nav {display: none;}

/* Forms */
input[type="text"],
input[type="phone"],
input[type="email"],
textarea {width: 100%; border: none; padding: 6px; margin-bottom: 10px; background: #333; color: #fff;}

input::placeholder,
textarea::placeholder {color: #fff;}
input[type="submit"] {background: #aaa; border: none; padding: 10px; color: #333; width: 100%; margin-top: 10px; margin-right: 0px !important; font-weight: bold;}

select {background-color: #ffffff; font-size: 12px; padding: 3px 5px;}

/* Tables */
table {}
table thead {}
table thead tr {}
table thead tr th {background: #333333; font-weight: bold; text-align: left; border: solid 1px #000000; padding: 10px; margin: 0;}
table tbody {}
table tbody tr {}
table tbody tr td {background: #ffffff; border-bottom: solid 1px #000000; border-left: solid 1px #000000; padding: 10px; color: #333333; font-size: 10px;}
table tbody tr td:last-child {border-right: solid 1px #000000;	}
#main-wrap #content table tr td a {color: #333333 !important; text-decoration: underline;}

/* Motoboards */
.live-motos {text-align: center;}
.live-motos a {display: block; color: #000000; padding: 7px 0; font-weight: bold; background: #f3f315;}
#motoboard .btn {background: #666; color: #ffffff; border-radius: 2px; padding: 3px 6px; text-decoration: none; font-size: 12px;}
#motoboard #motoselector {background: #333; padding: 20px;}
#motoboard #motoselector .control {display: block; margin-bottom: 15px;}
#motoboard .table-moto-number-wrap {font-size: 1.5em;}
#motoboard #race_info_text {font-size: 10px; color: #999999; font-style: italic;}
#motoboard #table-caption {text-align: center; font-weight: bold; margin-bottom: 10px;}
#motoboard .rider-transfers { background-color: #f3f315; }
#motoboard .rider-transfers td { background-color: #f3f315; !important }

.confirmation-code-accepted {
  color: #39b54a;
}

.confirmation-code-accepted input {
  border: 1px solid #39b54a;
}

.presign-btn {
	background: #e31b22; 
	display: inline-block; 
	padding: 5px 7px; 
	color: #fff; 
	text-transform: uppercase;
	border-radius: 3px;
	margin-top: 5px;
}