@charset "utf-8";
/* CSS Document - Dreamliner */

/***General***/
section nav li .pad-me {padding-left: 40px; padding-right: 40px;}
section.row .gold {border-bottom: 4px solid #baa88d;width: 100px;margin:15px auto 20px;}
section.row.intro {margin-top:-40px;}
section.row.intro h2{text-align: left !important; padding-top: 0px !important;}
section p{line-height: 1.5}
section.row.highlight {border-left: none; border-right: none; padding: 0px; margin-top: 0px; margin-bottom: 0px;}
section.row.highlight p {padding-left: 20%; padding-right: 20%; text-align: center;}
section.row p:last-child{margin-bottom: 0px; padding: 20px 0px;}
section.row{margin-left:-20px;margin-right:-20px;padding:10px 20px;position:relative;}
section.row h2{text-align:center; padding-top: 30px;}
img.nav-icon {align-self: center; grid-area: a; justify-self: center;}
small {font-size: 12px; line-height: 1;}

/***Customized to Dreamliner***/
section.row.services p:last-child{padding-top:5px;}
section.row.cabins p:last-child{padding-top:5px; padding-bottom:10px;}
div.copy-container {padding: 10px 20px; line-height: 1.5; font-size: 13px;}
div.edge-to-edge {padding: 0px;}
.adjustPad {padding-top:20px; padding-bottom: 20px;}

/*Sticky Navigation*/
nav.sticky.first{margin-top:-1px !important;background-color:initial; border-top:none; border-bottom:none; margin-bottom: 20px;}
nav.sticky.first ul {text-align:center;}
nav.sticky.first li { width:49.9%;}
nav.sticky {margin:20px -20px 0 -20px;position: -webkit-sticky;position: sticky; top: 0; background-color: #fff; border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;z-index: 10;}
nav.sticky ul {padding-left: 0; margin-bottom: 0;}
nav.sticky li {width: 33.33%;}
nav.sticky li {display:inline-block; list-style: none;text-align: center;margin-right: -5px;margin-bottom: 0;font-weight: 600;}
nav.sticky li:hover a {border-bottom: 4px solid #d82930;}
nav.sticky li a {color: #333333; text-decoration: none; display: grid; padding-bottom: 15px; padding-top: 10px; grid-template-areas: "a""b"; border-bottom: 4px solid transparent; width: max-content;
    margin: 0 auto;}
.sticky.fix.first {background-color:#f9f9f9;}

/***Carousel***/
div.slick-slide .carousel-content{   
    color: #4A4F55;
    padding:0px 20px;    
    height: 500px;
}
div.slick-slide .carousel-content:hover {background-color: #FFF;}
div.img-container {padding-right: 0px; padding-left: 0px;}
div.slick-slide .carousel-content p {font-size: 14px;}

/***Video Containers***/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 15px 0px;
}


/***Breakpoint between col-xs and col-sm being handled***/
@media only screen and (min-width:693px) and (max-width:696px){
div.copy-container {padding: 0px 5px;}
}

/***Small devices media queries***/
@media only screen and (max-width: 767px) {

/***Sticky Navigation***/
nav.sticky.first {width:initial;}	
nav.sticky {margin:0px -10px;background-color: #ffffff;border-top:none;border-bottom:none; position: relative; padding: 0px 15px;}
nav.sticky li a {color:#333333; text-decoration: none; display: block; padding-bottom: 15px; padding-top: 10px;}
nav.sticky li {width:49.99%;}
nav.sticky li {display: inline-block; list-style: none; text-align: left; margin-right: -4px; margin-bottom: -1px; border: 1px solid #e6e6e6; background-color: #fff; font-weight: 300;}

/***General***/
section.row.highlight {margin: 0px; padding: 5px 0px 5px 0px;}
section.row .gold {border-bottom: 4px solid #baa88d;width: 60px;margin:15px auto 20px;}
img.nav-icon {width: 30px;}

/***Video Containers***/
.video-container {margin-top: 0px; margin: 15px 5px;}

/***Customized to Dreamliner***/
div.copy-container {padding: 0px 10px;}
.adjustPad { padding-top: 15px; bottom: 25px;}
p.top-pad {padding-top: 0px; padding-bottom: 10px;}

/***Carousel***/
.slick-prev, .slick-next {top: 20% !important; }
div.img-slide .slick-prev,
div.img-slide .slick-next {top: 45% !important;}
div.slick-slide .carousel-content{height: 600px; padding: 15px 5px !important;}
div.img-container {padding-right: 5px; padding-left: 5px;}

}
