/* -------------------- CUSTOM STYLES ------------------------ */
/* -------------------- FOR LANSMASH ------------------------ */
/* -------------------- K GO ------------------------ */

/* -------------------- GENERAL ------------------------ */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
padding-top: 50px;
padding-bottom: 20px;
font-family: 'Open Sans', Arial, sans-serif;
color:#FFFFFF;
}

a{color:#54bad4; text-decoration:none;}
a:hover {color:#54bad4; text-decoration:underline;}
a:active {color:#54bad4; text-decoration:underline;}
a:visited {color:#54bad4; text-decoration:underline;}


h1 {font-family: 'Roboto', sans-serif; font-weight:900;}
h2 {font-family: 'Roboto', sans-serif; font-weight:900;}
h3 {font-family: 'Roboto', sans-serif; font-weight:900;}


.jumbotron {
padding:0px;
background-color: #092955;
}

.row {
margin-left:-15px;
}




/* -------------------- NAVBAR ------------------------ */

.navbar-brand {
padding:0px 0px 0px 15px; }

.navbar-fixed-top { }

.navbar {
min-height:10px;
border:none; }

.navbar-inverse {
background-color: #22c3fb;
border-color: #080808; }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
background-color: #22c3fb;
color: #FFFFFF;
text-decoration:none;
}

.navbar-inverse .navbar-nav > li > a {
color: #FFFFFF;
text-decoration:none; }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #22c3fb;
color: #FFFFFF;
text-decoration:none;}






/* -------------------- WEB FONTS ------------------------ */

@font-face {
font-family: 'GothamLightRegular';
src: url('fontface/GOTHAM-LIGHT.ttf') format('truetype');
font-weight: normal;
font-style: normal; }

.GothamLightRegular {
font-family: 'GothamLightRegular', Arial, sans-serif;}

.roboto {font-family: 'Roboto', sans-serif;}
.ultra {font-weight:900;}





/* -------------------- SPECIFICS ------------------------ */

#section1 {background-color:#222c3a; margin:auto; padding:0px;}
#section2 {background-color:#293443; margin:auto; padding:0px;}
#section3 {background-color:#323d4d; margin:auto; padding:0px;}
#section4 {background-color:#3a4556; margin:auto; padding:0px;}
#section5 {background-color:#a4b725; margin:auto; padding:0px;}


#nextEventTitle {
font-size:50px;
color:#FFFFFF;
line-height:36px;
padding-bottom:8px; }


.nextEventContainer {
background-color:#f59f09; }

#NextEventCountdown {
float:right;
color:#FFFFFF;
font-size:24px;
padding-top:35px;
font-weight:900;
font-family: 'Roboto', sans-serif; }

.countdownText{
color:#FFFFFF;
font-weight:100; }

#nextEventTitle {font-family: 'Roboto', sans-serif; margin-top:5px;}

#nextEventSubText{font-family: 'Roboto', sans-serif; font-size:12pt; font-weight:700; margin-top:15px;}

#eventSummary {
background-color:#05152a;
color:white;
padding-bottom:15px; }


.registerNowContainer {
margin:auto; padding:20px; background-color: #f59f09; background-image:url(../img/bgd-register.png); background-repeat:repeat-x; background-position:center; text-align:center;}

.mapimage {
width:100%;
margin-bottom: 10px;
display:block;
background:transparent url('../img/map-lg.png') center top no-repeat; }

.mapimage:hover {
background-image: url('../img/map-lg-hover.png'); }


.herographic {max-width:100%;}


.regocomingsoon {
background-color:white; width:430px; margin:auto; padding:10px; color:#09072e; border-radius:15px; font-family: 'Roboto', sans-serif; font-weight:900; font-size:24px; 
}





 /* -------------------- MEDIA QUERIES ------------------------ */


/* Large desktop */
@media (min-width: 1200px) { ... }

/* Regular desktop */
@media (min-width: 980px) and (max-width: 1170px) { 

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
body {padding-top: 0px; padding-bottom: 0px;} 
.navbar-fixed-top {margin-bottom:0px;}
.herographic{margin-top:50px;}
#NextEventCountdown {display:none;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
body {padding:0px;}
.navbar-fixed-top {margin-bottom:0px;}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {margin-right: 0px; margin-left: 0px;}
.navbar-toggle {float:none; margin-left:15px;}
.container > .navbar-header > ul, .container > .navbar-collapse > ul { padding-left:8px;}
.herographic{margin-top:50px;}
#NextEventCountdown {display:none;}
#nextEventTitle {font-size:40px;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 	 
body {padding:0px;}
.herographic{margin-top:50px;}
.registerNowButton {max-width:80%;}
#NextEventCountdown {display:none;}
#nextEventTitle {font-size:30px;}
.regocomingsoon {width:90%;}
}


/* Landscape phones and down */
@media (max-width: 400px) { 	 
body {padding:0px;}
.herographic{margin-top:50px;}
.registerNowButton {max-width:80%;}
#NextEventCountdown {display:none;}
#nextEventTitle {font-size:30px;}
.topcontainer {padding-right:0px; padding-left:0px;}
.regocomingsoon {width:100%;}
}


/* Landscape phones and down */
@media (max-width: 380px) { 	 
body {padding:0px;}
.herographic{margin-top:50px;}
.registerNowButton {max-width:80%;}
#NextEventCountdown {display:none;}
#nextEventTitle {font-size:30px;}
.topcontainer {padding-right:0px; padding-left:0px;}
.herographic {margin-top:100px;}
}