/* INIT */
*{
	padding: 0;
	margin: 0;
}
ul, ol { list-style: none; }

/* FONTS */
.oswald { font-family: 'Oswald', sans-serif; }
.segoe-ui { font-family: 'Segoe UI', sans-serif; }

body {
	background: #000 !important;
	color: #fff !important;
	font-family: 'Segoe UI', sans-serif;
	font-size: 1em;
}

a { text-decoration: none; color: #fff; }
a:hover { text-decoration: none; color: #BFE2F6; }

/* HEADLINES */		
h1, h2, h3, h4, h5, h6 {
	line-height: 1.05em;
}
h1 { font-size: 2em; margin: 1em 0 .7em; }
h2 { font-size: 1.7em; margin: 1em 0 .7em; }
h3 { font-size: 1.5em; margin: 1em 0 .5em; }
h4 { font-size: 1.3em; margin: 1em 0 .5em; }
h5 { font-size: 1.1em; margin: 1em 0 .3em; }
h6 { font-size: 0.95em; margin: 1em 0 .3em; }

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child { margin-top: 0; }

/* MAIN */

/* HEADER */
header { background: #1f1f1f; }
.header-img-wrapper {
	background: url(../img/ls-header-bg.png) no-repeat;
	background-size: cover;
}


.social-links, .ls-logo, 
.sub-title-desktop, .sub-title 
{ position: relative; }

.social-links img {
	height: 1.5em;
	margin: 0 .5em .5em 0;
}
.no-desktop > .social-links { margin: .5em; }

.ls-logo img { padding: 2.5% 0; }

.sub-title {  
	text-shadow: 2px 2px #000;
	margin-top: -.2em;
}
.sub-title span { 
	font-size: 1.6em; 
	text-shadow: 2px 2px #000;
	margin-bottom: -1.5em; 
}

/* NAVIGATION */
.navbar {
	background: #1f1f1f;
	position: relative;
	cursor: pointer;
}

.nav-sticky, .nav-sticky-mobile {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
.nav-item {
	position: relative;
}

.nav-item a {
	display: inline-block;
	padding: .4em 1em .2em;
	font-size: 1.3em; 
}


/*** DESKTOP NAVIGATION ***/

/* 1st level */
#top-nav ul > li { display: inline-block; }
#top-nav li.active, #top-nav li:hover {
	border-bottom: .2em #BFE2F6 solid;
}

/* 2nd level */
#top-nav > ul ul {
	display: none;
	text-align: left;
	opacity: 0;
	
	background: #1f1f1f;
	margin: .18em 0 0;
	
	transition: opacity 0.2s linear;
}
#top-nav li:hover > ul {
	display: block;
	opacity: 1;
	position: absolute;
	z-index: 1000;
}
#top-nav ul ul > li { 
	width: 100%;
	border-bottom: .2em solid white;
}

/*** MOBILE NAV ***/
#mobile-nav { 
	background: #1f1f1f;
	margin-top: 3em;
	height: auto;
}
#mobile-nav li.active > a { color: #BFE2F6; }

/* Nav bar */
#mobile-nav-bar {
	height: 3em;
	border-bottom: .2em solid #BFE2F6;
}
#mobile-nav-bar img {
	margin: .3em;
	height: 2.2em;
}

.navicon-line {
	width: 25px;
	height: 4px;
	border-radius: 2px;
	margin-bottom: 3px;
	background-color: #fff;
}
.nav-control {
	display: inline-block;
	padding: .8em; 
	z-index: 50;
}

/* 1stlevel */
#mobile-nav > ul li {
	padding: .5em 1em;
	background: #1f1f1f;
	border-bottom: .15em solid #111;
	text-align: right;
}

/* 2nd level */
#mobile-nav > ul ul li { 
	border: none; 
	padding: .2em 1.5em .2em 0; 
}
#mobile-nav > ul ul li a { font-size: 1em; }



/* CONTENT */
#content {
	background: #000;
	clear: both;
	padding: 1em;
}

.page-headline { 
	margin: 0 0 1em;
	letter-spacing: .2em;
}

/* FOOTER */
footer {
	background: #000;
	padding: 0 0 .5em;
}
#footer-wave {
	border-bottom: 2px #fff solid;
}
#footer-wave img { 
	width: 7em; 
	margin-bottom: -1px; 
}

#footer-wrapper {
	position: relative;
}

.footer-copyright, 
.footer-links { font-size: .9em; }
#footer-nav { position: relative; }
#footer-nav ul { list-style: none; }
#footer-nav ul li { 
	display: inline; 
	padding: 0 .5em;
}
#footer-nav ul li a { 
	font-size: inherit;
	padding: 0; 
}
#footer-nav ul li a:hover, 
#footer-nav ul li a.active { color: #BFE2F6; }


/* HELPER */
.flleft { float: left; }
.flright { float: right; }
.clear { clear: both; }

.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.tjustify { text-align: justify; }

.extra-bold { font-weight: 800; }
.bold { font-weight: 700; }
.semi-bold { font-weight: 600; }
.regular { font-weight: 400; }
.light { font-weight: 300; }
.extra-light { font-weight: 200; }

.uc { text-transform: uppercase; }
.lc { text-transform: lowercase; }

.italic { font-style: italic; }
.underline { text-decoration: underline; }

.hide { display: none; }
.show-block { display: block; }

.vAlign-fix, .vAlign-fix-mid, .vAlign-fix-bottom {
	display: inline-block;
	height: 100%;
}
.vAlign-fix-mid { vertical-align: middle; }
.vAlign-fix-bottom { vertical-align: bottom; }



/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}
.center, *[align="center"] {margin: 0 auto;}




/* MOBILE */
@media ALL and (max-width : 480px) {
	.header-img-wrapper { height: 10em; margin-top: 3em; }
	.header-wrapper.row { max-height: 10em; }
	.ls-logo img { height: 75%; }
	.sub-title { margin-top: 1.5em; }
	.sub-title span { font-size: 1.75em }
	
	#top-nav li:hover > ul { display: none; }
}

/* TABLET */
@media ALL and (min-width : 481px) and (max-width : 768px) {
	.header-img-wrapper { height: 10em; }
	.ls-logo img { height: 90%; }
	.sub-title span { font-size: 1.6em; }
	
	#top-nav li:hover > ul { display: none; }
}

/* DESKTOP */
@media ALL and (min-width : 769px) {
	.header-img-wrapper { height: 13em; }
	.ls-logo img { height: 90%; }
}