/* GENERAL AND REST STYLES */

html {height: auto;}
body {margin:0; padding:0; font-weight: normal; font-style: normal; line-height: 1;  -webkit-font-smoothing: antialiased;  }
#skyline-container h1, #skyline-container h2, #skyline-container h3, #skyline-container h4, #skyline-container h5, #skyline-container p {margin:14px 0 0 0; color:#808080; line-height: 1.1; padding:0; font-style: normal; text-rendering: optimizeLegibility;}
#skyline-container ul, #skyline-container li {line-height: 1.6;}
#skyline-container  a img { border: none; }

#skyline-container {height:100%; position: relative; background-image: url(https://www.olsenfish.com/themes/olsen_skyline/images/background-pattern.png);}
#skyline-container .background-bar {position:absolute; top:190px; left:0; width:100%; height:360px; 
background: #002d6a url(https://www.olsenfish.com/themes/olsen_skyline/images/bluewaves.png) repeat center center; /* customize_background_Block */}
#skyline-container .clear {clear:both;}


#skyline-container .row .main-container {padding:24px; padding-right:24px; padding-left:24px; margin-bottom:0px; background: #FFF; -webkit-box-shadow: 0px 0px 8px 2px rgba(157, 157, 157, 0.2); box-shadow: 0px 0px 8px 2px rgba(157, 157, 157, 0.2);}
#skyline-container .main-block {margin-bottom:40px;} /* Adds bottom margin to each main-block */
#skyline-container .side-block {margin-bottom:24px;} /* Adds bottom margin to each side-block */
#skyline-container .footer-block {margin-bottom:48px;} /* Adds bottom margin to each footer-block */

#skyline-container .left-sidebar .main-block {margin-bottom:80px;}


/* HEADER STYLES */
#skyline-container .header-container { border-top:10px solid #808080;  }
#skyline-container .header-container .header { height:120px; margin-bottom:15px; padding:0; }
#skyline-container .header-container .header a:hover {border:0;}
#skyline-container .header ul {float: right; list-style-type: none;  margin:0; margin-top:-10px;    }
#skyline-container .logo-container {float:left; width:250px; display:block; padding-top: 20px; padding-bottom: 20px; }


/* NAVIGATION STYLES */
#skyline-container .header .navigation select { display: none; }
#skyline-container .header ul {margin-top:58px;  }
#skyline-container .header ul li {display: inline-block; font-size: 16px; margin: 0; float: left; position: relative; width: auto; background:#FFF; margin-right:2px;  color:#808080; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -ms-transition: background 1s ease-in-out; -o-transition: background 1s ease-in-out; transition: background 1s ease-in-out; }
#skyline-container .header ul li a {text-decoration: none; border-bottom:0; padding:12px 20px; display: inline-block; text-transform: uppercase;  }
#skyline-container .header ul li.nav-path-selected ul li.nav-path-selected { background-color:#808080; border-top:2px solid #FFF;}
#skyline-container .header ul li.nav-path-selected ul li.nav-path-selected a {color:#FFF;}
#skyline-container .header ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
#skyline-container .header ul li.nav-path-selected:hover {background-color:#FFF;}
#skyline-container .header ul li.nav-path-selected ul li.nav-path-selected:hover { cursor:none; color:#FFF; background:#808080;} 
#skyline-container .header ul li.nav-path-selected ul li.nav-path-selected:hover a { color:#FFF;} 

#skyline-container .header ul li a {color:#b4975a; -webkit-transition: color 1s ease-in-out; -moz-transition: color 1s ease-in-out; -ms-transition: color 1s ease-in-out; -o-transition: color 1s ease-in-out; transition: color 1s ease-in-out; }
#skyline-container .header ul li a:hover {color:#002d6a; }
#skyline-container .header ul li.nav-selected a {color:#002d6a; }
#skyline-container .header ul li.nav-selected a:hover {cursor: default; color:#002d6a }
#skyline-container .header ul li ul { position: absolute; top: -999em; width: 150px; /* left offset of submenus need to match */}
#skyline-container .header ul li ul li {border:0;}
#skyline-container .header ul li ul li a {padding:0px; border:0; width:100%;}
#skyline-container .header ul li:hover ul {background:#e8e8e8;  width:100%; left: 0; top: 0px; z-index: 30;}
#skyline-container .header ul li ul li {border-top: 2px solid #FFF; padding: 6px; width:100%}
#skyline-container .header ul li ul li:hover { }
#skyline-container .header ul li ul li a { padding:6px 12px; text-transform:lowercase; font-size:15px; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease;-o-transition: 0.4s ease; -ms-transition: 0.4s ease;transition: 0.4s ease; }
#skyline-container .header ul li ul li:hover a { color:#FFF; margin-left:4px;}
#skyline-container .header ul li ul li.nav-path-selected a:hover { cursor:default; margin-left:0px;}



/* SLIDER STYLES - using the (free) Blueberry slider addon from the markerplace */
#skyline-container .slider-container {clear:both;  position:relative; margin-bottom:24px; text-align: center;}
#skyline-container .slider-container ul {list-style: none;}
#skyline-container .slider-container .bbpager { background:url(https://www.olsenfish.com/themes/olsen_skyline/images/slider-shadow.png) no-repeat top center; background-size:100%; position: absolute; bottom:20px; right:50%;}
#skyline-container .slider-container .bbpager .pagerButton a span {background-color:#FFF; }
#skyline-container .slider-container .bbpager .pagerButton.active a span {/* customize_Slider_Pagination */background-color:#29b0eb;/* customize_Slider_Pagination */}
#skyline-container .slider-container .bbpager .pagerButton a , #skyline-container .slider-container .bbpager .pagerButton span {border-radius: 0; height:10px; width:10px;}
#skyline-container .slider-container .bbpager .pagerButton a:hover {border:0;}


/* Homepage STYLES */

#skyline-container #home-slide-container{
	margin-bottom: 30px;
	position: relative;
}

#skyline-container #home-img {
	
}


#skyline-container #home-txt {
	position: absolute;
	top: 62%;
	left: 5%;
	right: 15%;
	z-index: 10;
}

#skyline-container #home-txt p {
	font-family: 'Rokkitt', serif;
	color: #fff;
	font-size: 48px;
	line-height: 48px;
	font-weight: 700;
}


#skyline-container #home-ribbon {
	background: transparent url(https://www.olsenfish.com/themes/olsen_skyline/images/blue-ribbon.png) no-repeat;
	background-size:contain;
	position: absolute;
	
	width: 151px;
	height: 293px;
	top: -8px;
	right: -10px;	
	
	width: 15.729167%;
	height: 72.5247%;
	top: -1.9801%;
	right: -1.0416667%;
	
	z-index: 10;
	
}

/* Left sidebar */
#interior-img-container {
	margin-bottom: 20px;
	position: relative;
}

#interior-overlay {
	width: 315px;
	height: 223px;
	
	width: 32.8125%;
	height: 100%;
	
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url(https://www.olsenfish.com/themes/olsen_skyline/images/interior-overlay.png) no-repeat;
	background-size:contain;
}
/* Left sidebar Link*/

#skyline-container ul.sidebar-links  {
	padding: 0;
	margin: 0;
}
#skyline-container ul.sidebar-links li {
font-size:16px; padding:12px 0; margin-bottom:2px; background:#e3e0da; 
list-style: none;
}

#skyline-container ul.sidebar-links li a {
color:#4f493e; padding-left:20px; 
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-o-transition: 0.4s ease;
-ms-transition: 0.4s ease;
transition: 0.4s ease;
font-family: 'Oswald', sans-serif;
text-transform: uppercase; 
font-size: 18px;
}

#skyline-container ul.sidebar-links li a:hover {font-size:18px; color:#b4975a; border-bottom: 0; margin-left:15px;}

#skyline-container ul.sidebar-links li a.nav-selected {font-size:18px; color:#b4975a; border-bottom: 0; margin-left:0px;}

#skyline-container ul.sidebar-links li a.nav-selected:hover { margin-left:0px; }

/* FOOTER */
#skyline-container .footer {background:#aeb9c7 url(https://www.olsenfish.com/themes/olsen_skyline/images/footer-wave.png) repeat-x center bottom; width:100%; color:#d7d7d7; padding:28px 24px; margin-top:60px; }
#skyline-container .footer h3 {color:#d7d7d7;}
#skyline-container .footer p {color:#FFF; font-size:14px; margin:0;}
#skyline-container .footer a {color:#FFF; text-decoration: underline; }
#skyline-container .footer a:hover {color:#FFF; text-decoration: underline; }
#skyline-container .footer .footer-sign-in {float:left;}
#skyline-container .footer .footer-copyright { float:left; margin-right:24px;}
#skyline-container .footer p.footer-tag-line  { text-align:right;}

#skyline-container .footer .left {
	font-family: 'Syncopate', sans-serif;
}

#skyline-container .footer .left h5{
	text-transform: uppercase;
	font-size: 22px;
	color: #fff;
	font-family: 'Syncopate', sans-serif;
	margin-bottom: 0;
}

#skyline-container .footer .left p{
	text-transform: uppercase;
	font-size: 18px;
}

#skyline-container .footer .right p, #skyline-container .footer .right a {
	color: #183467;
	text-align: right;
	line-height: 16px;
	font-size: 14px;
	text-decoration: none;
}

 #skyline-container .footer .right a:hover {
	 color: #fff;
 }
 
  #skyline-container .row .footer .row {
	  margin-bottom: 0;
  }
 
#skyline-container p.footer-copyright {
	font-size: 12px;
	margin-bottom: 50px;
} 

/* MEDIA QUERIES (Main structural styles are found in foundation.css) */

/* UNDER 947px STYLES */

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

#skyline-container {background-image: none;}	
#skyline-container .background-bar {display: none;}
#skyline-container .main-container {-webkit-box-shadow: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px; padding-top:0;}
#skyline-container .header-container .header { height:auto; margin-bottom:24px; text-align: center;}
#skyline-container .header-container .header a:hover {border:0;}
#skyline-container .header ul {display: inline-block; float:none;  margin:auto; list-style-type: none; border-top: 0 }
#skyline-container .logo-container {float:none; margin:auto; text-align: center; }

#skyline-container #home-txt { top: auto; bottom: 10%;}

/* NAVIGATION STYLES */
#skyline-container .header ul {border: 1px solid #f4f4f4;}
#skyline-container .header ul li {border-top:0;  padding:0; margin:0;}
#skyline-container .header ul li a { padding:12px 32px; font-size:16px;  }
#skyline-container .header ul li:hover ul { top: 49px;}
}


/* UNDER 767px STYLES */

@media only screen and (max-width: 767px) {
 #skyline-container .header ul { display: none; }
 #skyline-container .header .navigation {padding:0 24px;}
 #skyline-container .header .navigation select { display: block; width:100%;  padding:6px 0; font-size:16px; line-height:24px; }
 #skyline-container .footer .footer-bottom .footer-tag-line { text-align:left;}
 #skyline-container .logo-container {border-bottom: 0;}
 #skyline-container .header-container .header {border-bottom:0;}
 #skyline-container .footer p.footer-tag-line {text-align: right; }
  #skyline-container #home-txt { top: auto; bottom: 10%;}
 #skyline-container #home-txt p { font-size: 24px; line-height: 25px;}
}