/*
Theme Name:		 Quadsimia Child Theme
Description:	 Bento theme customization by Quadsimia
Author:			 Quadsimia
Author URI:		 http://www.quadsimia.com/
Template:		 bento
Version:		    1.0.0
Text Domain:	 Bento-child
-------------------------------------------------------------- */
/* TABLE OF CONTENTS
1: IMPORTS & FONTS
2: GENERAL
3: HEADER
4: SIDEBAR
5: BREADCRUMBS
6: BODY
7: FOOTER
8: ANIMATION FX
9: RESPONSIVE MEDIA QUERIES
-------------------------------------------------------------- */
/* 1: IMPORTS & FONTS */
/* Import: Animate CSS */
@import "assets/css/animate.css";
/* Google Font: Judson */
@import url('https://fonts.googleapis.com/css?family=Judson:400,400i,700');
/* Font: Gotham */
@font-face{font-family:'Gotham Black';src: local('Gotham Black'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-black-webfont.eot');src:local('Gotham Black'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-black-webfont.woff') format('woff'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-black-webfont.ttf') format('truetype'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-black-webfont.svg#gotham_blackregular') format('svg');}
@font-face{font-family:'Gotham Black Italic';src:local('Gotham Black Italic'), url('/wp-content/themes/quadsimia/assets/fonts/gotham/Gotham-BlackItalic.ttf') format('truetype');}
@font-face{font-family:'Gotham Bold';src:local('Gotham Bold'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-bold-webfont.eot');src:local('Gotham Bold'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-bold-webfont.woff') format('woff'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-bold-webfont.ttf') format('truetype'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-bold-webfont.svg#gotham_boldregular') format('svg');}
@font-face{font-family:'Gotham Bold Italic';src:local('Gotham Bold Italic'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/Gotham-BoldItalic.ttf') format('truetype');}
@font-face{font-family:'Gotham Book';src:local('Gotham Book'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-book-webfont.eot');src:local('Gotham Book'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-book-webfont.woff') format('woff'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-book-webfont.ttf') format('truetype'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/gotham-book-webfont.svg#gotham_bookregular') format('svg');}
@font-face{font-family:'Gotham Book Italic';src:local('Gotham Book Italic'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/Gotham-BookItalic.ttf') format('truetype');}
@font-face{font-family:'Gotham Light';src:local('Gotham Light'), url('/wp-content/themes/quadsimia/assets/fonts/gotham/Gotham-Light.ttf') format('truetype');}
@font-face{font-family:'Gotham Light Italic';src:local('Gotham Light Italic'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/Gotham-LightItalic.ttf') format('truetype');}
@font-face{font-family:'Gotham Medium';src:local('Gotham Medium'), url('/wp-content/themes/quadsimia/assets/fonts/gotham/Gotham-Medium.ttf') format('truetype');}
@font-face{font-family:'Gotham Medium Italic';src:local('Gotham Medium Italic'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/Gotham-MediumItalic.ttf') format('truetype');}
@font-face{font-family:'Gotham Thin';src:local('Gotham Thin'), url('/wp-content/themes/quadsimia/assets/fonts/gotham/Gotham-Thin.ttf') format('truetype');}
@font-face{font-family:'Gotham Thin Italic';src:local('Gotham Thin Italic'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/Gotham-ThinItalic.ttf') format('truetype');}
@font-face{font-family:'Gotham Ultra';src:local('Gotham Ultra'), url('/wp-content/themes/quadsimia/assets/fonts/gotham/Gotham-Ultra.ttf') format('truetype');}
@font-face{font-family:'Gotham Ultra Italic';src:local('Gotham Ultra Italic'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/Gotham-UltraItalic.ttf') format('truetype');}
@font-face{font-family:'Gotham X Light';src:local('Gotham X Light'), url('/wp-content/themes/quadsimia/assets/fonts/gotham/Gotham-XLight.ttf') format('truetype');}
@font-face{font-family:'Gotham X Light Italic';src:local('Gotham X Light Italic'),url('/wp-content/themes/quadsimia/assets/fonts/gotham/Gotham-XLightItalic.ttf') format('truetype');}
/* Font: Archer */
@font-face{font-family:'Archer Book';font-style:normal;font-weight:normal;src:local('Archer Book'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-Book-Pro.woff') format('woff');}
@font-face{font-family:'Archer Hairline';font-style:normal;font-weight:normal;src:local('Archer Hairline'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-Hairline-Pro.woff') format('woff');}
@font-face{font-family:'Archer Light';font-style:normal;font-weight:normal;src:local('Archer Light'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-Light-Pro.woff') format('woff');}
@font-face{font-family:'Archer Medium';font-style:normal;font-weight:normal;src:local('Archer Medium'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-Medium-Pro.woff') format('woff');}
@font-face{font-family:'Archer Thin';font-style:normal;font-weight:normal;src:local('Archer Thin'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-Thin-Pro.woff') format('woff');}
@font-face{font-family:'Archer Extra Light';font-style:normal;font-weight:normal;src:local('Archer Extra Light'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-XLight-Pro.woff') format('woff');}
@font-face{font-family:'ArcherPro Book';font-style:normal;font-weight:normal;src:local('ArcherPro Book'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-Book_0.woff') format('woff');}
@font-face{font-family:'ArcherPro Hairline';font-style:normal;font-weight:normal;src:local('ArcherPro Hairline'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-Hairline.woff') format('woff');}
@font-face{font-family:'ArcherPro Light';font-style:normal;font-weight:normal;src:local('ArcherPro Light'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-Light_0.woff') format('woff');}
@font-face{font-family:'ArcherPro Medium';font-style:normal;font-weight:normal;src:local('ArcherPro Medium'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-Medium.woff') format('woff');}
@font-face{font-family:'ArcherPro Thin';font-style:normal;font-weight:normal;src:local('ArcherPro Thin'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-Thin.woff') format('woff');}
@font-face{font-family:'ArcherPro Extra Light';font-style:normal;font-weight:normal;src:local('ArcherPro Extra Light'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-XLight.woff') format('woff');}
@font-face{font-family:'Archer Bold';font-style:normal;font-weight:normal;src:local('Archer Bold'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-Bold-Pro.woff') format('woff');}
@font-face{font-family:'Archer Bold Italic';font-style:normal;font-weight:normal;src:local('Archer Bold Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-BoldItal-Pro.woff') format('woff');}
@font-face{font-family:'Archer Book Italic';font-style:normal;font-weight:normal;src:local('Archer Book Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-BookItal-Pro.woff') format('woff');}
@font-face{font-family:'Archer Hairline Italic';font-style:normal;font-weight:normal;src:local('Archer Hairline Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-HairlineItal-Pro.woff') format('woff');}
@font-face{font-family:'Archer Light Italic';font-style:normal;font-weight:normal;src:local('Archer Light Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-LightItal-Pro.woff') format('woff');}
@font-face{font-family:'Archer Medium Italic';font-style:normal;font-weight:normal;src:local('Archer Medium Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-MediumItal-Pro.woff') format('woff');}
@font-face{font-family:'Archer Semibold Italic';font-style:normal;font-weight:normal;src:local('Archer Semibold Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-SembdItal-Pro.woff') format('woff');}
@font-face{font-family:'Archer Semibold';font-style:normal;font-weight:normal;src:local('Archer Semibold'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-Semibold-Pro.woff') format('woff');}
@font-face{font-family:'Archer Thin Italic';font-style:normal;font-weight:normal;src:local('Archer Thin Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-ThinItal-Pro.woff') format('woff');}
@font-face{font-family:'Archer Extra Light Italic';font-style:normal;font-weight:normal;src:local('Archer Extra Light Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/Archer-XLightItal-Pro.woff') format('woff');}
@font-face{font-family:'ArcherPro Bold Italic';font-style:normal;font-weight:normal;src:local('ArcherPro Bold Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-BoldIta.woff') format('woff');}
@font-face{font-family:'ArcherPro Bold';font-style:normal;font-weight:normal;src:local('ArcherPro Bold'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-Bold_0.woff') format('woff');}
@font-face{font-family:'ArcherPro Book Italic';font-style:normal;font-weight:normal;src:local('ArcherPro Book Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-BookIta_0.woff') format('woff');}
@font-face{font-family:'ArcherPro Hairline Italic';font-style:normal;font-weight:normal;src:local('ArcherPro Hairline Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-HairlineIta.woff') format('woff');}
@font-face{font-family:'ArcherPro Light Italic';font-style:normal;font-weight:normal;src:local('ArcherPro Light Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-LightIta.woff') format('woff');}
@font-face{font-family:'ArcherPro Medium Italic';font-style:normal;font-weight:normal;src:local('ArcherPro Medium Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-MediumIta.woff') format('woff');}
@font-face{font-family:'ArcherPro Semibold';font-style:normal;font-weight:normal;src:local('ArcherPro Semibold'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-Semibold.woff') format('woff');}
@font-face{font-family:'ArcherPro Semibold Italic';font-style:normal;font-weight:normal;src:local('ArcherPro Semibold Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-SemiboldIta.woff') format('woff');}
@font-face{font-family:'ArcherPro Thin Italic';font-style:normal;font-weight:normal;src:local('ArcherPro Thin Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-ThinIta.woff') format('woff');}
@font-face{font-family:'ArcherPro Extra Light Italic';font-style:normal;font-weight:normal;src:local('ArcherPro Extra Light Italic'),url('/wp-content/themes/quadsimia/assets/fonts/archer/ArcherPro-XLightIta.woff') format('woff');}

/*------------------------------------------------------------ */
/* 2: GENERAL */

/* fixes smooth scrolling issue on mobile */
body{-webkit-overflow-scrolling: touch;}
/* fixes mega menu body issue which was causing JS problems and browser scrollbar problems */
body{overflow-x: unset !important;}
/* smooth fonts */
body,h1,h2,h3,h4,h5,h6,p,a,button,address,pre,dl,dd,table,ul,li,ol{-webkit-font-smoothing:antialiased;}
/* smooth link hover transitions */
a,button{transition:all 0.3s ease;}
/* headings */
h1,h2,h3,h4,h5,h6{font-weight:normal;clear:none;}
h4{
   margin:0.25em 0 0.5em 0;
   font-family:'Open Sans', Arial, sans-serif !important;
   font-size:1.5em;
   font-weight:400;
   font-style:italic;}
h4.accent{
   font-size:1.8em;
   text-align:center;
   position:relative;
   z-index:1;}
h4.accent:before {
   border-top:2px solid #dfdfdf;
   content:"";
   margin:0 auto;
   position:absolute;
   top:50%;left:0;right:0;bottom:0;
   width:100%;
   z-index:-1;}
h4.accent span{ 
   background:#fff; 
   padding:0 1em;}
/* accessibility enhancement */
:focus{
   outline:3px solid #c1e0fe;
   outline:3px solid rgba(131,192,253,0.5);
   outline-offset:1px;}

/* -- 2c: Links/CTAs ----------------------------------------- */

/* CTA Sizes */
.cta.large{
  font-size:1.5em;
  min-width:200px;}
/* CTA Widths */
.cta.full{width:100%;}
.cta.half{width:50%;}
.cta.thirds{width:33.333%;}
.cta.quarter{width:25%;}
@media screen and (max-width:680px){
  .cta.full,.cta.half,.cta.thirds,.cta.quarter{width:80%;}
}

/* -- 2f: Grids/Columns -------------------------------------- */
.group:before,.group:after{content:"";display:table;}
.group:after{clear:both;}
.group{zoom:1;/* For IE 6/7 */}
.col{display:block;float:left;margin:1% 0 1% 1.6%;}
.col:first-child{margin-left:0;}
.span1{width:6.86%;}.span2{width:15.33%;}.span3{width:23.8%;}.span4{width:32.26%;}.span5{width:40.73%;}.span6{width:49.2%;}.span7{width:57.66%;}.span8{width:66.13%;}.span9{width:74.6%;}.span10{width:83.06%;}.span11{width:91.53%;}.span12{width:100%;}
.grid-example .col{padding:0.5em;background-color:#f1f1f1;border:1px dotted #ccc;}
/* column handling */
.col.span6:nth-child(2n+1){margin-left:0; /* 2 column */}
.col.span4:nth-child(3n+1){margin-left:0; /* 3 column */}
.col.span3:nth-child(4n+1){margin-left:0; /* 4 column */}
.col.span2:nth-child(6n+1){margin-left:0; /* 6 column */}
@media screen and (max-width:840px){
  .span1{width:6.86%;}.span2{width:15.33%;}.span3{width:23.8%;}.span4{width:32.26%;}.span5{width:40.73%;}.span6{width:49.2%;}.span7{width:57.66%;}.span8{width:66.13%;}.span9{width:74.6%;}.span10{width:83.06%;}.span11{width:91.53%;}.span12{width:100%;}
}
@media screen and (max-width:680px){
  .col{margin:1% 0;}
  .span1{width:100%;}.span2{width:100%;}.span3{width:100%;}.span4{width:100%;}.span5{width:100%;}.span6{width:100%;}.span7{width:100%;}.span8{width:100%;}.span9{width:100%;}.span10{width:100%;}.span11{width:100%;}.span12{width:100%;}
}

/* -- 2g: Flex ----------------------------------------------- */
@media screen and (min-width:681px){
  .flex{display:-webkit-flex;display:flex;flex-wrap:wrap;}
  .flex.center{align-items:center;}
  .flex.stretch{align-items:stretch;}
  .flex.space-between{justify-content:space-between;}
  .flex.space-around{justify-content:space-around;}
  .flex.space-evenly{justify-content:space-evenly;}
}

/* -- 2k: Formatting ----------------------------------------- */

/* Positioning */
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.center{margin-left:auto;margin-right:auto;}
.textleft{text-align:left;}
.textcenter{text-align:center;}
.textright{text-align:right;}

/* Card */
.card{position:relative;overflow:hidden;padding-bottom:3em;background:rgba(255,255,255,1);border-radius:0.35em;-webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);}
.card.left{min-width:300px;margin-right:1.25em;margin-bottom:1.25em;}
.card figure{position:relative;margin:0;padding:0;}
.card figure img{display:block;object-fit:cover;height:200px;}
.card figure img.short{height:115px;}
.card figure img.tall{height:300px;}
.card .container{padding-bottom:1.5em;}
.card .date{font-style:italic;}
.card p{font-size:0.95em;}
.card h4.fullwidth{margin-left:-1.25em;margin-right:-1.25em;padding-left:1.25em;padding-right:-1.25em;background-color:#f1f1f1;}
.card .more{position:absolute;width:100%;margin-bottom:0;bottom:0;font-size:1.2em;}
.card .more .cta{margin:0;padding-left:0;padding-right:0;text-align:center;border-radius:0;min-width:auto;}
/* Profile Card */
.card figure.profile img{width:180px;height:180px;margin-top:-90px;border:6px solid #fff;background:#fff;-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.1);-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.1);}
/* Video Card */
.card.video{padding:0;background: rgba(241,241,241,0.35);}
.card.video a{border-bottom:1px solid #ccc;display:block;margin:0;padding:0;position:relative;font-size:3.75em;background:rgba(0,0,0,1);}
.card.video a:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-family:"Font Awesome 5 Free";font-weight:700;content:"\f144";font-size:135%;color:#fff;opacity:0.75;text-shadow:0px 0px 30px rgba(0, 0, 0, 0.8);transition:all 0.2s ease;z-index:1;}
.card.video a:hover:before{opacity:0.5;font-size:150%;}
.card.video a img{display:block;opacity: 0.8;transition:all 0.3s ease;}
.card.video a:hover img{opacity: 1;}
.card.video .card-text{margin:0 0.5em 0.5em 0.5em;padding:0.55em 0.55em 0 0.55em;min-height:45px;font-size:0.95em;line-height:1.35em;color:#333;}

/* custom */
/* CTA Slider */
.cta-slider-container{
  padding:2em 0;}
.cta-slider article.card{border-radius:2em;}
.cta-slider figure img{
  max-height:200px;
  object-fit:cover;}
.cta-slider article.card .container{width:95%;margin:0 auto;min-height:180px;}
.cta-slider article.card h4{font-size:1.8em;margin:0.5em auto;color:#009FDF;}
.cta-slider article.card p, .site-content .cta-slider article.card p{font-size:1em;}
.cta-slider article.card .more{
  margin: 0 auto;
  width: 95%;
  left: 0;
  right: 0;
  bottom:10px;}
.cta-slider article.card .cta{
  width:100%;
  font-size:0.95em;
  border-radius:2em;
  background-color:#009FDF;}
.cta-slider article.card .cta:hover{
  background-color:#FF9E1B;}

@media screen and ( max-width: 450px ){
  .cta-slider article.card .container{min-height:225px;}
}

/*------------------------------------------------------------ */
/* 3: HEADER */

/* sticky header */
#thsp-sticky-header{
   padding:0.25em;}
#thsp-sticky-header-title img{
   height:55px;}
#thsp-sticky-header-menu li{
   margin: 0 0 0 0.25em !important;
   font-size:1em;
   font-weight:bold;}
#thsp-sticky-header li.cta a{
   margin-top:0.35em;
   padding:0.35em 1.5em;
   text-align:center;
   text-transform:uppercase;
   border: 2px solid #054342;
   border-radius:5px;
   /*background-color:#FF9E1C;*/
   -webkit-text-shadow:0 0 10px rgba(0,0,0,.5);
   text-shadow:0 0 10px rgba(0,0,0,.5);}
#thsp-sticky-header li.cta.cta-staynplay a:hover{
   background-color:#006ba6;}
#thsp-sticky-header li.cta.cta-cabana a:hover{
   background-color:#dfe32a;}
#thsp-sticky-header li.cta.cta-apply a:hover{
   background-color:#d2206e;}
#thsp-sticky-header li.cta.cta-booknow a{
   /*background-color:#FF9E1C;*/
   /*color:#5d0716 !important;
   background-color:#fff;*/
   border: 2px solid #fff;
   background-color: transparent;
   color: #fff !important;}
#thsp-sticky-header li.cta.cta-booknow a:hover{
   /*background-color:#ffab47;*/
   /*background-color:#ccc;*/
   color:#005957 !important;
   background-color:#fff;}
#thsp-sticky-header li.cta a:hover{
   border: 2px solid #f5f0e2;
   background-color:#FF9E1C;
   opacity:1;}

/* top nav bar */
.topnav{
   display:block;
   padding:0.5em;
   background-color:#ebf5f7;
   font-size:0.9em;
   color:#adb5bd;
   vertical-align:middle;}
.topnav .topnav-left{float:left;}
.topnav .topnav-right{float:right;}
.topnav .fa, .topnav .fas, .topnav .far, .topnav .fab{
   /*font-size:1.4em;*/
   vertical-align:middle;}
.topnav a{
   padding:0;
   font-weight:normal;
   color:#8b8b8d;
   vertical-align:middle;}
.topnav a:hover{color:#006ba6;}
.topnav #propertiesContainer{display:inline-block;}
.topnav #propertiesContainer a.toplevel{
   padding: 5px;
   color: #009FDF;
   font-weight:bold;
   text-transform:uppercase;}
.topnav #propertiesContainer a.toplevel:hover{color:#006ba6;}
.topnav #propertiesContainer .menu .sub-menu{
   margin-top:5px;
   width:55%;
   text-align:center;}
.topnav #propertiesContainer .menu .sub-menu img.resort-logo{
   max-width:250px;}
.topnav #propertiesContainer .menu .sub-menu li a{
   width:20%;
   display: inline-block;}
.topnav #propertiesContainer .menu .sub-menu li img{
   /*width:100%;
   max-height:100px;*/}
.topnav .property-menu{display:inline;}
.topnav .property-menu a{
   font-weight:bold;
   font-size:1.25em;}

/* properties menu */
#property-menu{
   padding-bottom:0;
   margin-right:1em;}
.menu li:hover .sub-menu{
   display:block;}
.menu .sub-menu {
   display:none;
   position:absolute;
   z-index:99999;
   margin:0;
   width:26rem;
   background-color:#ebf5f7;
   border-top:5px solid #009FDF;
   -webkit-box-shadow:3px 3px 10px 0px rgba(0,0,0,0.25);
   -moz-box-shadow:3px 3px 10px 0px rgba(0,0,0,0.25);
   box-shadow:3px 3px 10px 0px rgba(0,0,0,0.25);}
.menu .sub-menu li {
   border:0;
   margin:0;
   padding:0;}
.menu .sub-menu li a {
   display:block;
   margin:0;
   padding:0.5em 0.75em;
   color:#444;}
.menu .sub-menu li a:hover{background-color:#fff;}

/* header logo */
header .logo{
   float:left;
   width:30%;}
.logo img{
   width:100%;
   max-width:250px;}

/* header right column */
header .header-right{text-align:right;}
/*header .header-right .cta{margin-top:2em;}
header .header-right .cta a{
   display:inline-block;
   float:right;
   transition:all 0.15s ease;}
header .header-right .cta a:hover{
   margin-top:-0.35em;
   opacity:0.8;}
header .header-right .cta img{
   margin:0 0.25em;
   width:100%;
   max-width:195px;
   border-radius:0.25em;
   transition:all 0.15s ease;}
header .header-right .cta a:hover img{
   -webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.25);
   -moz-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.25);
   box-shadow:2px 2px 10px 0px rgba(0,0,0,0.25);}*/
header .header-right a.cta{
   display: inline-block;
   margin:0.8em 0.15em 0 0.15em;
   padding:0.5em 1.25em;
   font-size:1.35em;
   font-weight: bold;
   color: #005957;
   text-align:center;
   text-transform:uppercase;
   border: 2px solid #ccc;
   border-radius:5px;}
header .header-right a.cta-booknow{
   border: 2px solid #005957;}
header .header-right a.cta:hover{
   border: 2px solid #005957;
   background-color:#f4f4f4;
   opacity:1;}

/* nav */
.header-menu { /* make nav full width */
   display:inline-block;
   width:100%;}
nav.main-nav{background-color:#005957;}
#nav-primary {float:none;}
.primary-menu > li{margin:0;}
.primary-menu > li > a{
   margin:0;
   padding:1.25em 2em;
   font-weight:bold;
   line-height:1.25em;}
.primary-menu > .menu-item-has-children > a{padding-right:2.5em;}
.primary-menu > .menu-item-has-children > a:after{
   position:absolute;
   margin-top:0.5em;
   font-size:2.5em;
   line-height:1.35em !important;}

/* nav megamenu */
#wp-megamenu-primary-menu>.wpmm-nav-wrap ul.wp-megamenu>li>a{
   padding:1em 0.5em;
   font-size:1em !important;
   font-weight:normal;
   line-height:1.25em;}
#wp-megamenu-primary-menu>.wpmm-nav-wrap .wp-megamenu>li>ul.wp-megamenu-sub-menu li.wpmm-type-widget>a, #wp-megamenu-primary-menu>.wpmm-nav-wrap .wp-megamenu>li .wpmm-strees-row-container>ul.wp-megamenu-sub-menu li.wpmm-type-widget>a, #wp-megamenu-primary-menu>.wpmm-nav-wrap .wp-megamenu>li .wpmm-strees-row-and-content-container>ul.wp-megamenu-sub-menu li.wpmm-type-widget>a{font-weight:normal;}

/* mobile menu */
#mobmenuleft li.desktop{
  display: none;}
.mobmenu-content li.cta{
  display:block;
  margin:0.5em 5%;
  padding:0;
  text-align:center;
  border-radius:10px;}
#mobmenuleft li.cta a{
  padding:0.15em 0;
  text-transform:uppercase;
  font-size:1.6em;
  font-weight:bold;
  color:#fff !important;
  -webkit-text-shadow: 0 0 10px rgba(0,0,0,.5);
  text-shadow: 0 0 10px rgb(0 0 0 / 50%);}
.mobmenu-content li.cta-book{color:#005957 !important;background-color:#fff;}
  #mobmenuleft li.cta-book a{color:#005957 !important;}
/*.mobmenu-content li.cta-tickets{color:#fff;background-color:#FF9E1C;}*/
.mobmenu-content li.cta-staynplay{color:#fff;background-color:#006ba6;}
.mobmenu-content li.cta-specials{color:#fff;background-color:#FF9E1C;}
/*.mobmenu-content li.cta-cabana{color:#fff;background-color:#dfe32a;}*/
.mobmenu-content li.cta-apply{color:#fff;background-color:#d2206e;}

.mobmenu-content li.cta:hover{opacity:0.7;}

.mobmenu-content li.subscribe-cta{background-color:#593586;}
.mobmenu-content li.donate-cta{background-color:#2a6db7;}
.mobmenu-content li.phone{background-color:#1c536f;}

.mobmenu-content li.social{display:inline-block;text-align:center;width:19%;}
.mobmenu-content li.social .fab{font-size:1.5em;}

/* search tab */
#wp-megamenu-item-wpmm-search-icon a{padding:1em 1em !important;}
.wpmm-search-form{ /* Display search form below nav items */
   position:relative;
   right:inherit;
   top:inherit;
   z-index:0;}
#wp-megamenu-primary-menu .wpmm-search-form input{color:#58595b;}

/* reservation bar */
.reservationBar{
   padding:0.25em 0.25em 0.5em 0.25em;
   /*background:#ebf5f7;*/
   background:#f5f0e2;}
.reservationBar .reservationTitle, .reservationBar .reservationContainer, .reservationBar .reservationCTA, .reservationBar img, .reservationBar form, .reservationBar .inputs, .reservationBar label, .reservationBar .checkrates{
   width:auto;
   display:inline-block;
   vertical-align:middle;
   text-align:left;
   margin:0 0.25em;}
.reservationBar h3{
   font-family:'Gotham Bold', Arial, sans-serif;
   font-size:1.1em;
   font-weight:normal;
   text-transform:uppercase;
   margin:0;
   padding:0;}
.reservationBar img{
   width:100%;
   max-width:140px;
   margin:12px 0.25em 0 0;}
.reservationBar label{margin:0 0.25em;}
.reservationBar label span{
   display:block;
   font-size:1.15em;
   color:#000;}
.reservationBar input, .reservationBar select{
   width:100%;
   max-width:85px;
   height:30px;
   font-size:1.25em;
   margin:0;
   border-radius:5px;}
.reservationBar button{
   text-decoration:none;
   margin:0 0.25em;
   padding:0.6em 1em;
   font-size:1em;
   background:#E6AC49;
   color:#fff !important;
   border-radius:5px;
   position:relative;
   top:8px;
   cursor:pointer;}
.reservationBar button.ofcr{background:#12605e;}
.reservationBar button.wei{background:#820025;}
   /* Reservation Toggle Select Dropdown - https://gist.github.com/toddparker/32fc9647ecc56ef2b38a */
   /* Container used for styling the custom select, the buttom class adds the bg gradient, corners, etc. */
   .reservationBar .dropdown{
     position:relative;
     width:auto;
     display:inline-block;
     padding:0;
     font-size:0.75em;}
   /* This is the native select, we're making everything the text invisible so we can see the button styles in the wrapper */
   .reservationBar .dropdown select{
     width:100%;
     max-width:180px;
     margin:0;
     background:none;
     border:1px solid transparent;
     outline:none;
     /* Prefixed box-sizing rules necessary for older browsers */
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
     /* Remove select styling */
     appearance:none;
     -webkit-appearance:none;
     font-size:1.25em; /* Magic font size number to prevent iOS text zoom */
     color:#444;
     padding:.6em 1.9em .5em .8em;
     line-height:1.3;}
   .reservationBar .dropdown select,.reservationBar .dropdown label{height:auto;}
   /* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select */
   .reservationBar .dropdown::after{
     content:"";
     position:absolute;
     width:9px;
     height:8px;
     top:50%;
     right:1em;
     margin-top:-4px;
     z-index:2;
     background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpolygon fill='rgb(102,102,102)' points='8,12 0,0 16,0'/%3E%3C/svg%3E") 0 0 no-repeat;  
     /* These hacks make the select behind the arrow clickable in some browsers */
     pointer-events:none;}
   /* This hides native dropdown button arrow in IE 10/11+ so it will have the custom appearance, IE 9 and earlier get a native select */
   @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
     .reservationBar .dropdown select::-ms-expand {display:none;}
     /* Removes the odd blue bg color behind the text in IE 10/11 and sets the text to match the focus style text */
     .reservationBar select:focus::-ms-value {
       background:transparent;
       color:#222;}
   }
   /* Firefox >= 2 -- Older versions of FF (v2 - 6) won't let us hide the native select arrow, so we'll just hide the custom icon and go with native styling */
   /* Show only the native arrow */
   body:last-child .reservationBar .dropdown::after, x:-moz-any-link {display: none;}
   /* reduce padding */
   body:last-child .reservationBar .dropdown select, x:-moz-any-link {padding-right: .8em;}
   /* Firefox 7+ -- Will let us hide the arrow, but inconsistently (see FF 30 comment below). We've found the simplest way to hide the native styling in FF is to make the select bigger than its container. */
   /* The specific FF selector used below successfully overrides the previous rule that turns off the custom icon; other FF hacky selectors we tried, like `*>.dropdown::after`, did not undo the previous rule */
   /* Set overflow:hidden on the wrapper to clip the native select's arrow, this clips hte outline too so focus styles are less than ideal in FF */
   _::-moz-progress-bar, body:last-child .reservationBar .dropdown {overflow: hidden;}
   /* Show only the custom icon */
   _::-moz-progress-bar, body:last-child .reservationBar .dropdown:after {display:block;}
   _::-moz-progress-bar, body:last-child .reservationBar .dropdown select {
   /* increase padding to make room for menu icon */
      padding-right: 1.9em;
   /* `window` appearance with these text-indent and text-overflow values will hide the arrow FF up to v30 */
     -moz-appearance: window;
     text-indent: 0.01px;
     text-overflow: "";
     /* for FF 30+ on Windows 8, we need to make the select a bit longer to hide the native arrow */
     width:110%;}
   /* Firefox 7+ focus style - This works around the issue that -moz-appearance: window kills the normal select focus. Using semi-opaque because outline doesn't handle rounded corners */
   _::-moz-progress-bar, body:last-child .reservationBar .dropdown select:focus{outline: 2px solid rgba(180,222,250, .7);}
   /* Opera - Pre-Blink nix the custom arrow, go with a native select button */
   x:-o-prefocus, .reservationBar .dropdown::after{display:none;}
   /* Hover style */
   .reservationBar .dropdown:hover{border:1px solid #888;}
   /* Focus style */
   .reservationBar select:focus {
     outline:none;
     box-shadow:0 0 1px 3px rgba(180,222,250, 1);
     background-color:transparent;
     color:#222;
     border:1px solid #aaa;}
   /* Firefox focus has odd artifacts around the text, this kills that */
   .reservationBar select:-moz-focusring {
     color:transparent;
     text-shadow:0 0 0 #000;}
   .reservationBar option {font-weight:normal;}
   /* These are just demo button-y styles, style as you like */
   .reservationBar .button {
     border:1px solid #bbb;
     border-radius:.3em;
     box-shadow:0 1px 0 1px rgba(0,0,0,.04);
     background:#f3f3f3; /* Old browsers */
     background:-moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
     background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
     background:-webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
     background:-o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
     background:-ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
     background:linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */}
   .reservationBar .places{display:none;}
   /* Show OFCR first */
   .reservationBar .ofcr{/* show when page is loaded */display:block;}
   .reservationBar .wei {}
   /* Show WEI first */
   /*.reservationBar .wei{/* show when page is loaded *//*display:block;}
   .reservationBar .ofcr {}*/

/*------------------------------------------------------------ */
/* 4: SIDEBAR */

/*------------------------------------------------------------ */
/* 5: BREADCRUMBS */

.breadcrumbs-container{
   padding:0.5em 1em;
   color:#8b8b8d;}
.site-content span span{color:#005957;}
.site-content .breadcrumbs-container a:not(.button), .site-content .breadcrumbs-container a:not(.button) span{
   color:#333;
   text-decoration:none;
   transition:all 0.3s ease;}
.site-content .breadcrumbs-container a:hover, .site-content .breadcrumbs-container a:hover span{color:#006ba6;}

/*------------------------------------------------------------ */
/* 6: BODY */

/* homepage */
section#intro{
  background: rgb(51,122,121);
background: -moz-linear-gradient(0deg, rgba(51,122,121,1) 25%, rgba(0,89,87,1) 75%);
background: -webkit-linear-gradient(0deg, rgba(51,122,121,1) 25%, rgba(0,89,87,1) 75%);
background: linear-gradient(0deg, rgba(51,122,121,1) 25%, rgba(0,89,87,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#337a79",endColorstr="#005957",GradientType=1);}
section#intro .col{
  margin:0;
  padding:0;}
.site-content section#intro .post-thumbnail{margin-bottom:0;}
section#intro img{
  margin:0;
  padding:0;
  height:500px;
  object-fit: cover;
  border-radius:0;}
section#intro .container{
  text-align:left;
  padding:2em;}
.site-content section#intro h1{
  margin:0 0 0.25em 0;
  font-family: Gotham Black, Arial, sans-serif;
  font-size:3.25em;
  font-weight:bold;
  color:#fff538;}
.site-content section#intro p{
  margin:0.25em 0 1em 0;
  color:#fff;
  font-weight: bold;
  font-size: 1.35em;}
.site-content section#intro .cta{
  margin:1em 0;
  font-family: Gotham Black, Arial, sans-serif;
  font-size:1.2em;
  border-radius:2em;}

@media only screen and (max-width: 800px) {
  section#intro img{
    height:350px;}
  .site-content section#intro h1{font-size:2.8em;}
}

#attractionsFeature h1{
   margin:0;
   padding:0;
   font-size:3.5em;
   text-align:center;
   text-transform:uppercase;
   color:#006ba6;}
#attractionsFeature p.summary{
   margin:0;
   padding:0;
   text-align:center;
   font-family:'Archer Bold';
   font-size:1.8em;
   font-weight:normal;}
#attractionsFeature p.summary strong{font-weight:normal;}
#promotionBoxes div{margin-bottom:0;}

/* homepage slider */
.entry-content .panel-grid:first-of-type .siteorigin-panels-stretch{margin-top:0;}

/* SLIDER */
.marquee{
   position:relative;
   overflow:hidden;
  -webkit-box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.25);}
.marquee .post-thumbnail{margin-bottom:0 !important;}
.marquee img, .marquee video{
  display:block;
  width:100%;
  min-height:350px;
  max-height:450px;
  object-fit:cover;}
.marquee .slide-text{
   position:relative;
   bottom:0;
   width:100%;
   height: 100%;
   padding:0.1em 0 0.75em 0;
   background:#333;
   color:#fff;}
.marquee .show-logo{
   float:none;
   margin:-2em auto 0 auto;
   border:2px solid #fff;}
.marquee .show-title{
   display:block;
   width:100%;
   vertical-align:top;
  position: relative;
  bottom:3em;
  padding: 4em 0em 1em 0em;}
.marquee .show-time{
   display:block;
   width:100%;
   vertical-align:top;}
.marquee .show-title h1{
   clear:none;
   margin:0.25em 0;
   font-weight:700;
   font-size:2em;
   color:#fff;
  text-transform: uppercase;}
.marquee .show-title .post-header-subtitle, .marquee .show-title p{
   color:#fff;
   margin:0.25em 0;
   font-weight:500;
   font-size:1.25em;
   line-height:1.25em;}
.marquee .show-time p{
   margin:0.25em 0;
   font-size:1em;
   line-height:1.35em;}
.marquee .show-time .cta{
   width: 100%;
   text-align: center;
   margin:0.25em 0;
   font-size:1.25em;
   background-color:#c2a65c;}
.marquee .show-time .buytickets-cta{
   margin-bottom:1em;
   background-color:#a90000;}
.marquee .show-time .cta:hover{
   background-color:#d61a1a;}

.site-content .marquee .cta{display:inline-block;margin:1em 0;}

/*@media screen and (min-width: 48em) {*/
   .marquee .slide-text{
      position:absolute;
      padding:1em 0 2em 0;
      background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);}
   .marquee .show-logo{
      float:left;
      margin:-3em 1em 0 0;
      max-width:250px;}
   .marquee .show-title{
     position: absolute;
      display:inline-block;
      padding-right: 0.25em;
     padding: 0em;
      width:66%;
      vertical-align:top;}
   .marquee .show-time{
      display: inline-block;
      width:33%;}
   .marquee .show-title h1{
      margin: 0 0 0.25em 0;
      font-size:3.25em;
      line-height: 1.1em;}
   .marquee .show-title .post-header-subtitle{
      font-size:1.8em;
      line-height:1.25em;}
   .marquee .show-time .cta{
      width: auto;
      margin:0.25em 0;
      font-size:0.8em;}

body.home .owl-carousel .owl-nav button.owl-next .fa, body.home .owl-carousel .owl-nav button.owl-prev .fa{
  padding: 0.45em 0.35em !important;
  font-size: 1.85em !important;
  color: #fff !important;}
body.home .marquee .slide-text{background:transparent;}

@media screen and ( max-width: 782px ){
  body.home .marquee .slide-text .bnt-container{padding:0 3em;}
  body.home .marquee .show-title h1{font-size:2.5em;}
}

/*}*/

/* SECTION: Promo */

section.promo {
  margin: 0;
  padding: 0;
}

section.promo img {
  margin:0 auto;
  max-width:350px;
  object-fit:cover;}

section.promo .container {padding: 0;}
section.promo img {margin: 0; max-width: 100%;}
section.promo .more {margin-bottom: 3em; position: absolute; bottom: 0; left: 0; right: 0;}

/* body content */
.site-content{
   padding-top:0;
   padding-bottom:6em;}
.site-main{padding:0 0 1em 0;}
.site-content .description{
   min-height:180px;}
.site-content .descriptionLong{
   min-height:400px;}
.site-content .cta{
   display:inline-block;
   margin:0.5em 0;
   padding:0.5em 1.5em;
   font-size:1.1em;
   font-weight:bold;
   text-align:center;
   text-transform:uppercase;
   border-radius:4px;
   color:#005957 !important;
   /*background-color:#edf212;*/
   background-color:#fff;
   border:2px solid #005957;}
.site-content .cta:hover{
   text-decoration:none;
   opacity:0.7;}
.site-content .cta-wide{
   width:100%;}
.site-content .cta-half{
   display: inline-block;
   width: 49.5%;
   margin: 0 0.5% 0 0;}
.site-content .cta.apply{
   background-color:#d2206e;
   color: #fff !important;}
.site-content .cta-right{
   float: right;
   margin: 0.5em 0 0.5em 0.5em;}
.site-content .cta.apply.right{
   float: right;
   margin-left:1em;}
.site-content .cta.apply.left{
   margin:1em 0;}
.site-content .cta-lg{
   margin: 0 0 0.25em 0;
   font-size:1.5em;
   color: #fff !important;
   background-color:#005957;}
section.title{background-color:#f9f9f9;}
section.title h1{
   margin:0;
   padding:0.4em 0.25em;
   color:#005957;
   font-size:3.75em;
   font-weight:700;
   text-transform:uppercase;
   line-height:0.9em;
   -webkit-text-shadow:0 0 10px rgba(0,0,0,.15);
   text-shadow:0 0 10px rgba(0,0,0,.15);}
.site-content .post-thumbnail{margin-bottom:1.6rem;}
.site-content .post-thumbnail img{
   width:100%;
   border-radius:3px;}
.site-content h2{
   margin:0;
   margin-bottom:1.6rem;
   font-size:3em;
   font-weight:normal;
   /*color:#0070c6 !important;*/
   color:#333 !important;
   line-height: 1.1em;}
.site-content h3{
   margin-bottom:0.25em;
   font-size:2em;
   font-weight:normal;
   /*color:#FF9E1B !important;*/
   color:#005957 !important;}
.site-content p{
   font-size:1.2em;}
.site-content .entry-content ul li, .site-content .entry-content ol li, .site-content .entry-content .so-widget-sow-editor ul li, .site-content .entry-content .so-widget-sow-editor ol li{
   font-size: 1.15em;
   margin-bottom: 0.5rem;}
.site-main .sharethis-inline-share-buttons{margin:1.6rem 0;}

/* more info box */
#infoBox{
   text-align: center;}
#infoBox .fas{
   color:#005957;}

/* park map tooltip */
.site-content h3.tooltip-title{
   color:#fff !important;}

/* tabs */
.site-content .sow-tabs-title{
   font-size:1.15em;
   font-weight:bold;}
.site-content .sow-tabs p, .site-content .entry-content .sow-tabs ul li{
   font-size:1.0em;}

/* ride attributes sidebar */
.left-sidebar .sidebar.ride-attributes{padding:0 1em 1em 1em;}
.sidebar.ride-attributes h3{
   margin:0;
   padding:0.5em 0.5em;
   color:#fff !important;
   background-color:#006ba6;
   border-bottom:5px solid #009FDF;
   font-size:1.75em;
   border-radius:3px;}
.sidebar.ride-attributes div.content-container{
   background-color:#fff;
   padding:0.5em;}
.sidebar.ride-attributes .fa, .sidebar.ride-attributes .fas, .sidebar.ride-attributes .far, .sidebar.ride-attributes .fab{color:#009FDF;}

/* Thrill Meter *//* Using rems to easily scale these gauges - Based on CSS Guages https://codepen.io/bennettfeely/pen/rdiaj */
figure.thrill-meter{
  text-align: center;
  margin:0.15em 0 0 0;}
figure.thrill-meter figcaption{font-size:1.35em;}
.gauge{
  display:inline-block;
  position:relative;
  margin:-0.5em 0 0 -0.25em;
  width:20rem;
  height:10rem;
  overflow:hidden;
  transform:scale(0.8);}
.gauge:before, .gauge:after, .meter{
  position:absolute;
  display:block;
  content:"";}
.gauge:before, .meter { width:20rem; height:10rem;}
.gauge:before{border-radius:10rem 10rem 0 0; background:#999;}
.gauge:after{
  position:absolute;
  bottom:0;
  left:5rem;
  width:10rem;
  height:5rem;
  background:#fff;
  border-radius:5rem 5rem 0 0;}
.meter{
  top:100%;
  transition:all 3s;
  transform-origin:center top;
  border-radius:0 0 12rem 12rem;}
@keyframes meter-max{
   0%   {background:green; transform:rotate(0deg);}
   25%  {background:green; transform:rotate(45deg);}
   50%  {background:yellow; transform:rotate(90deg);}
   75%  {background:orange; transform:rotate(145deg);}
   100% {background:red; transform:rotate(170deg);}
}
.meter-max{
   animation:meter-max 1.0s 1.0s 1 normal linear forwards;}
@keyframes meter-high{
   0%   {background:green; transform:rotate(0deg);}
   25%  {background:green; transform:rotate(45deg);}
   50%  {background:yellow; transform:rotate(90deg);}
   100% {background:orange; transform:rotate(145deg);}
}
.meter-high{
   animation:meter-high 1.0s 1.0s 1 normal linear forwards;}
@keyframes meter-med{
   0%   {background:green; transform:rotate(0deg);}
   50%  {background:green; transform:rotate(45deg);}
   100% {background:yellow; transform:rotate(90deg);}
}
.meter-med{
   animation:meter-med 1.0s 1.0s 1 normal linear forwards;}
@keyframes meter-low {
   0%   {background:green; transform:rotate(0deg);}
   100% {background:green; transform:rotate(45deg);}
}
.meter-low{animation:meter-low 1.0s 1.0s 1 normal linear forwards;}

/* photo gallery slider buttons - always show nav arrows and pagination */
.sow-slider-base .sow-slider-pagination, .sow-slider-base .sow-slide-nav{
   display: block!important;}

/* next / prev page */
#pagination{
   padding:1.6rem 0;
   font-size:1.65em;}

/* hours of operation */
ul.hours{
   margin:0;
   padding:0;
   list-style-type:none;}
ul.hours li{
   display:inline-block;
   text-align:center;
   width:100%;
   max-width:16.33%;}
ul.hours li div{
   width:100%;
   padding:0.5em;
   font-size:1.15em;
   font-weight:bold;
   color:#fff;
   border:2px solid #ccc;
   text-shadow:1px 1px 5px rgba(0,0,0, 1);}
ul.hours li.hours1 div{
   background-color:#3399cc;}
ul.hours li.hours2 div{
   background-color:#ff9933;}
ul.hours li.hours3 div{
   background-color:#ffff33;}
ul.hours li.hours4 div{
   background-color:#ee00ca;}
ul.hours li.hours5 div{
   background-color:#cc3333;}
ul.hours li.hoursClosed div{
   background-color:#fff;}

/* jobs listing */
.so-widget-sow-accordion-default-babac161090a .sow-accordion-panel-header {font-size: 1.5em; font-weight: bold;}

/*body.jobs .site-content h2, body.jobs-beta .site-content h2*/
.site-content h2{
   clear:none;}

.job-box{
   border: 1px solid #cfcfcf;
   padding: 1em 1em 0 1em;
   border-radius: 8px;
   background-color:#fff;
   transition:all 0.3s ease;}
.apply-box{
   border: 1px solid #d2206e;}
.job-box:hover{
   background-color:#fafafa;
   -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);
   -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);
   box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);}
.site-content .job-box h4{
   font-size: 1.5em;
   margin: 0.5em 0;
   color: #585858;
   border-bottom: 1px solid #cfcfcf;
   padding-bottom: 0.5em;}
.site-content .apply-box h4{
   color: #d2206e;
   border-bottom: 1px solid #d2206e;}
.site-content .job-box .description{
   /*min-height:200px;*/
   min-height:100px;}
.site-content .job-box p{
   font-size:1.1em;}

/* video */
video{width:100%;}

/* news and blog */
.post-date-blog{
   padding: 1em 1.5em;
   color: #fff !important;
   background-color: #FF9E1B;}
.post-day{
   font-size:2em;}
.blog article, .archive article, .search article, .widget_siteorigin-panels-postloop article{
   padding-left: 7em;}
.featured-image, .content-archive .post-thumbnail{
   float:left;
   margin-right:1.0em;
   width:100%;
   max-width:300px;
   text-align: center;}
.entry-footer{
   font-size: 1em;}
.blog article, .archive article, .search article, .widget_siteorigin-panels-postloop article{
   clear: both;}
.widget .post-date{
   font-size:0.9em;}
.post-date{ display: none;} /* hide date from pages */
body.single-post .post-date{ /* show date on posts */
   display: block;
   font-size: 0.85em;
   font-style: italic;}

/* wp posts - specials & packages, events */
/* search and filter */
.searchandfilter{
   background: #f0f0f0;
   border-radius: 5px;
   padding: 0.5em;
   border-bottom: 2px solid #ccc;}
.searchandfilter ul{
   width:100%;}
.searchandfilter li{
   width:33.3%;
   padding-right:0.5em;
   padding-left:0.5em;}
.searchandfilter h4{
   margin: 0;
   font-size: 1.25em;}
.searchandfilter input[type="submit"]{
   padding: 0.9em 1.5em;
   width: 100%;
   border-radius: 5px;
   transition: all 0.3s ease;}

/* posts list */
.posts-list .grid{
   position: relative;
   margin: 15px;
   border-radius: 5px;
   padding: 0 0 4.5em 0;
   /*border-bottom: 2px solid #ccc;*/}
.posts-list .cta{
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;}

/* sitemap */
#sitemapnav ul > li{
   padding: 0.25em 0.25em 0.25em 1.5em;
   list-style-type: disc;
   list-style-position: inside;}

/* eCLUB POP-UP */
.popmake-content, .popupform{
   min-height:300px !important;}
#ssf_S7EwMrIwMbTQTTJLs9A1MTU11bUwNTDUTTQ1S0pOMk8yMzc1AAA{
   height:300px !important;}

#popmake-4568{
   max-width:640px;
   z-index:9999;}

.pum-theme-ofcr-popup-overlay .banner{
   margin:0;
   padding:0;
   line-height:0;}
.pum-theme-ofcr-popup-overlay .title{
   background-color:#d2206e;}
.pum-theme-ofcr-popup-overlay .title h2{
   margin:0;
   padding:0.4em 0.25em;
   color:#fff;
   font-family:Gotham Black, Arial, sans-serif;
   font-size:1.75em;
   text-transform:uppercase;
   line-height:0.9em;
   -webkit-text-shadow:0 0 10px rgba(0,0,0,.15);
   text-shadow:0 0 10px rgba(0,0,0,.15);}
.pum-theme-ofcr-popup-overlay h3{
   margin: 0.25em 0 0 0;
   font-size:0.95em;
   line-height:1.5;}
.pum-theme-ofcr-popup-overlay .clear{
   margin:0;}

/*------------------------------------------------------------ */
/* 7: FOOTER */

/* site footer */
.site-footer a, .site-footer a:hover{border:0;}
.site-footer a:hover{color:#006ba6;}
.site-footer img.logo{
   margin:0 auto;
   width:100%;
   max-width:250px;}
.sidebar-footer{
   padding-top:0;
   padding-bottom:0;}

/* social */
.socialBtn{
   position:relative;
   display:inline-block;
   margin:0;
   padding:0;
   width:100%;
   max-width:20%;
   text-align:center;
   overflow:hidden;}
.socialBtn a{
   display:block;
   padding:2em;
   box-shadow:0 0 0 1px #ffffff inset;
   border-bottom:0 !important;
    background-color:#005957;
   transition:all 0.2s ease-in-out;}
.site-footer .socialBtn a{color: #fff;}
.socialBtn h3{
   margin-top:1rem;
   margin-bottom:0;
   height:30px;
   font-family:'Gotham Bold';
   font-size:0.7em;
   font-weight:normal;}
.socialBtn .fa, .socialBtn .fas, .socialBtn .far, .socialBtn .fab{
   font-size:4em;
   transition:all 0.2s ease-in-out;}
.socialBtn a:hover{background-color: #009fdf;}
.socialBtn a:hover .fa, .socialBtn a:hover .fas, .socialBtn a:hover .far, .socialBtn a:hover .fab{transform: scale(1.25);}
/* Waves - https://codepen.io/mburakerman/pen/eRZZEv */
.socialBtn a:hover .wave{
  width:800px;
  height:800px;
  position:absolute;
  margin-left:-250px;
  margin-top:-850px;
  border-radius:35%;
  background:rgba(255, 255, 255, .35);
  animation:wave 15s infinite linear;}
@keyframes wave {
  from{transform:rotate(0deg);}
  from{transform:rotate(360deg);}
}

/* wave accent */
#wavebanner{margin-top:-1.5em;}

/* bottom footer */
#footercontent{background:#fff;}
#footercontent h4{
   /*font-family:'Archer Bold';*/
   font-family:'Judson', serif !important;
   font-size:2em;
   /*font-weight:normal;*/
   font-weight: 700;
   text-transform:uppercase;
   letter-spacing:0em;
   color:#005957;
   margin-bottom:0;}
#footercontent p strong{font-size:1.35em;}
.bottom-footer{
   text-align:center;
   padding:0.5em 0 1em 0;
   color:#fff;}
.bottom-footer a:hover{color:#52cdff;}

/* brand family */
/*#brandfamily{text-align:center;}
#brandfamily img{margin:0 1em;}*/
#brandfamily{text-align:center;}
#brandfamily img{
   margin:0 1em;
   max-height:120px;}
#brandfamily img.resort-logo{
   margin-bottom:1em;
   max-height:180px;}
/* brand family carousel container */
.customers{margin: 0 0 2em 0;}

/* Mobile Footer Accordion */
footer .links{display:none;margin:1em 0 0 0;}
@media screen and (max-width:979px){
  footer .links{display:block;}
  /* collapsible footer */
  footer .links .collapsible{
    background-color:#005957;
    color:white;
    cursor:pointer;
    margin:0 auto;
    padding:18px;
    width:80%;
    border-radius:10px;}
  footer .links .active, footer .links .collapsible:hover{
    background-color:#004746;}
  footer .links .collapsible:after{
    content:'\002B';
    color:white;
    font-weight:bold;
    float:right;
    margin-left:5px;}
  footer .links .active:after{
    content:"\2212";}
  footer .links .content{
    padding:0 1em;
    max-height:0;
    overflow:hidden;
    transition:max-height 0.2s ease-out;
    /*background-color:#f1f1f1;*/}
  footer .links .content a{display:block;padding:0.5em;font-size:1.125em;}
}

/* Mobile Footer CTAs */
.call-mobile{
  display:none;
  position:fixed;
  bottom:0;
  width:100%;
  left:0;
  right:0;
  height:80px;
  background:#009fdf;
  z-index:999;}

.call-mobile .cta{
  display:inline-block;
  margin:0;
  padding:1.125em 0 0 0;
  text-transform:uppercase;
  text-align:center;
  width:50%;
  height:80px;
  font-size:1.5em;
  font-weight:bold;
  line-height:1.15em;
  border-radius:0;
  background-color:#005957;
  color:#fff !important;
  -webkit-text-shadow: 0 0 10px rgba(0,0,0,.5);
  text-shadow: 0 0 10px rgb(0 0 0 / 50%);}
.call-mobile .cta-staynplay{background-color:#006ba6;}
.call-mobile .cta-cabana{background-color:#dfe32a;}
.call-mobile .cta-apply{background-color:#d2206e;}
.call-mobile .cta:hover{
  text-decoration:none;
  cursor:pointer;
  opacity:0.7;}

@media screen and (max-width:768px){
  .bottom-footer-copyright{padding-bottom:100px;}
  .call-mobile{display:block;}
}

/*------------------------------------------------------------ */
/* 8: ANIMATION FX */

/* Animated Content Buckets */
/* grid */
.grid figure{
	position:relative;
	float:none;
	overflow:hidden;
   width:100%;
   margin:0;
   max-height:350px;
	text-align:center;
	cursor:pointer;
   /*border:3px solid #FF9E1B;*/
   background-color:#005957;
   border-radius:2px;
   -webkit-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.2);
   -moz-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.2);
   box-shadow:2px 2px 5px 0px rgba(0,0,0,0.2);}
.grid figure img{
	position:relative;
	display:block;
   height:auto;
	min-height:auto;
   max-height:auto;
   width:100%;
   min-width:100%;
	max-width:100%;
	opacity:1;}
.grid figure figcaption{
   position:absolute;
	top:0;
	left:0;
   right:0;
   width:100%;
   height:100%;
   background:rgba(0, 153, 223, 0.8);
	color:#fff;
	text-transform:uppercase;}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none;}
.grid figure figcaption,.grid figure figcaption > a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;}
.grid figure figcaption > a{ /* Anchor will cover the whole item by default. For some effects it will show as a button */
	z-index:888;
	text-indent:200%;
	white-space:nowrap;
	font-size:0;
	opacity:0;}
.grid figure h2{
   display:block;
   height:20%;
   margin:0;
   padding:0;
   font-size:1.125em;
   font-weight:normal;
   color:#006ba6 !important;
   background:rgba(255,255,255,0.55);
   text-shadow:0px 0px 10px rgba(255, 255, 255, 1);}
.grid figure h2:before{
   content:'';
   display:inline-block;
   vertical-align:middle;
   height:100%;}
.grid figure p{
   min-height:80%;
   margin:0;
   padding:0.5em;
   font-family:'Archer Medium';
   font-size:1.35em;
   font-weight:normal;
   line-height:1.35em;
   text-transform:none;}
.grid figure .cta{
   display:table;
   margin:1em auto;
   padding:0.35em 0.65em;
   font-size:0.85em;
   font-weight:bold;
   text-transform:uppercase;
   border:3px solid #fff;
   border-radius:10px;
   background-color:transparent;}
/* Goliath */
.grid a h3{
   margin: 0.25em 0;
   color:#005957;
   line-height: 1.1em;}
.grid a p{
   color:#333;}
.grid, .grid a, .grid a:hover, .grid a:hover h3, .grid a:hover p{
   text-decoration: none;}
figure.fx img{
   -webkit-transition:all 0.8s ease;
   transition:all 0.8s ease;}
/*figure.fx figcaption{
   -webkit-transition:-webkit-transform 0.6s;
	transition:transform 0.6s;
   -webkit-transform:translate3d(0,90%,0);
	transform:translate3d(0,90%,0);}*/
.grid a:hover figure.fx img{
   opacity:0.5;
   filter:grayscale(100%);
   -webkit-transform:rotate(0deg) scale(1.1, 1.1);
   transform:rotate(0deg) scale(1.1, 1.1);}
/*.grid a:hover figure.fx figcaption{
   -webkit-transform:translate3d(0,20%,0);
	transform:translate3d(0,20%,0);}*/

/* Color Changing Border */
/*.border-fx{
   border-top:10px solid;
   border-bottom:10px solid;
   -webkit-animation:Border 20s infinite alternate;}
@-webkit-keyframes Border{
   0% {border-color:#1796d8;} /* Light Blue */
   /*25% {border-color:#FF9E1B;} /* Orange */
   /*50% {border-color:#ffdd39;} /* Yellow */
   /*75% {border-color:#d2206e;} /* Pink */
   /*100% {border-color:#006ba6;} /* Blue */
   /*0% {border-color:#942279;}*/ /* Purple */
/*}*/

.mobile-cta {text-align: center;}
.mobile-cta a {
  display: inline-block !important;
  margin: 0.5em 0.15em 0 0.15em;
  padding: 0.5em 1.25em !important;
  font-size: 1.35em !important;
  font-weight: bold !important;
  color: #005957 !important;
  text-align: center;
  text-transform: uppercase !important;
  border: 2px solid #ccc;
  border-radius: 5px;
  width: 90%;
}
.cta-booknow a {border: 2px solid #005957;}

/* -- 8b: Owl Carousel --------------------------------------- */
.owl-carousel .owl-stage {margin: 0 auto;}
/*#gallery-slider.owl-carousel .owl-item img {
  max-width: 500px;
  margin: 0 auto;}*/
.owl-theme .owl-nav [class*=owl-] {
  background: rgba(0, 0, 0, 0.4) !important;}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: rgba(0, 0, 0, 0.6) !important;}
.owl-prev, .owl-next{
  position: absolute;
  top: 40%;
  margin-top: -10px;
  width:35px;}
.owl-prev{left: 0;}
.owl-next{right: 0;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  box-shadow: none;}
.owl-carousel .owl-nav button.owl-next .fa, .owl-carousel .owl-nav button.owl-prev .fa {
  padding: 0.45em 0.35em;
  font-size: 1.85em;
  color: #fff;}
.owl-carousel .owl-nav button:hover {
  background: #5cc661;
  border-color: #4CAF50;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px 1px #000, 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000;}

/* -- 8c: Parallax Images - Using Simple Parallax JS --------- */
.parallax-banner{position:relative;margin:0;padding:0;width:100%;/*overflow:hidden;*/}
.parallax-banner .overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0);}
.parallax-banner .simpleParallax{position:absolute;width:100%;height:100%; /* this div is dynamically added by the SimpleParallax script */}
.parallax-banner img.parallax{position:absolute;height:100%;object-fit:cover;/*max-width:100%;height:auto;*/}
.parallax-banner .container{padding:4em 1em;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,0.15);}
.parallax-banner h1{margin-top:0;}
.parallax-banner h1, .parallax-banner h2, .parallax-banner p{color:#fff;}
.parallax-banner .container .more{margin-top:3em;}
.parallax-banner .container .cta{font-size:1.5em;text-shadow:none;}

/* -- 8c: Parallax Images - Using Simple Parallax JS - ORIGINAL - Removed 06-16-21 --------- */

/*.parallax-banner .container{
  padding:5em 1em;}
.parallax-banner .container{
  max-width:1000px;
  padding:2.5em 1em;}

.parallax-banner .overlay{
  background: rgb(104,76,157);
  background: -moz-linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,0.6) 100%);
  background: -webkit-linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,0.6) 100%);
  background: linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#684c9d",endColorstr="#efbb54",GradientType=1);}

.parallax-banner .cta.outline.contact{
  border:3px solid #fff;
  color:#fff;}*/

/*------------------------------------------------------------ */
/* 9: RESPONSIVE MEDIA QUERIES */

@media screen and (min-width: 10em){ /* mobile */
   /* general */
   .bnt-container{padding:0 2%;}
   /* top nav */
   .topnav{display:none;}
   /* header */
   header{/* hide header on mobile interior pages */display:none;}
   .site-main header{ /* but don't hide page heading titles */ display:block; }
   body.home header{/* show header on mobile homepage */display:block;}
   header .logo{display:none;}
   header .header-right{display:none;}
   header .header-right .cta{margin:0.5em 0 0.25em 0;text-align:center;}
   header .header-right .cta a{display:block;float:none;}
   header .header-right .cta img{margin:0;max-width:100%;}
   /* nav */
   nav.main-nav{/* show nav bar */display:none;}
   /* reservation bar */
   .reservationBar{/* hide reservations bar on mobile interior pages */display:none;}
   body.home .reservationBar{/* show reservations bar on mobile homepage */display:block;padding:1em 0;}
   .reservationBar .reservationTitle{width:100%;text-align:center;}
   .reservationBar .reservationTitle h3{font-size:2em;}
   .reservationBar .button,.reservationBar .dropdown select{width:100%;max-width:100%;font-size:1.15em; /* stops annoying mobile zoom */}
   .reservationBar .reservationContainer{text-align:center;}
   .reservationBar .reservationContainer input{font-size:1.15em;}
   .reservationBar .checkrates{display:block;text-align:center;}
   .reservationBar .checkrates button{margin:0;width:100%;}
   /* ride attributes sidebar */
   .left-sidebar .sidebar.ride-attributes{padding:0 0 1em 0;}
   /* body */
   .site-main{padding:0;}
   section.title h1{font-size:2.5em;}
   .site-content p{font-size:1.35em;}
   /* hours of operation */
   ul.hours li{
      display:inline-block;
      max-width:49.25%;}
   /* footer */
   .site-footer{text-align: center;}
   .site-footer div,.site-footer div .panel-grid-cell{margin-bottom:0 !important;}
   /* bottom footer */
   #footercontent h4{margin:0;}
   .TA_tchotel #CDSWIDTC.widTC2015{/* Center the Trip Advisor badge */margin:0 auto;}
   #secondary-nav{/* hide the less important list of links on mobile */display: none;}
   /* social */
   .socialBtn a{padding:1em 0;}
   .socialBtn .fa, .socialBtn .fas, .socialBtn .far, .socialBtn .fab{font-size:2.5em;}
   .socialBtn h3{display:none;font-size:0.7em;}
}
@media screen and (min-width: 37em){ /* 592px */
   /* header */
   header .header-right .cta{text-align:center;}
   header .header-right .cta a{margin: 0.25em;display:inline-block;width:32%;}
   /* social */
   .socialBtn a{padding:1.5em 0;}
   .socialBtn .fa, .socialBtn .fas, .socialBtn .far, .socialBtn .fab{font-size:3em;}
}
@media screen and (min-width: 48em){ /* 768px */
   /* ride attributes sidebar */
   .left-sidebar .sidebar.ride-attributes{padding: 0 1em 1em 1em;}
   /* body */
   .site-main{padding:0 0 1em 0;}
   section.title h1{font-size:3.75em;}
   .site-content p{font-size:1.2em;}
   /* hours of operation */
   ul.hours li{max-width:33%;}
   /* blog archive - full width */
   .right-sidebar .content-archive{
      float: none !important;}
   .has-sidebar .content-archive{
      width:100% !important;}
}
@media screen and (min-width: 61.250em){ /* 980px */
   /* general */
   .bnt-container{padding:0 5%;}
   /* top nav */
   .topnav{display:block;}
   /* header */
   header{/* show header */display:block;}
   header .logo{display:block;}
   header .header-right{display:block;}
   header .header-right .cta{margin:1.5em 0 0 0;text-align:right;}
   header .header-right .cta a{margin:0 0.25em;display:inline-block;width:auto;}
   header .header-right .cta img{margin:0;max-width:195px;}
   /* nav */
   nav.main-nav{/* show nav bar */display: block;}
   nav.main-nav .wp-megamenu-wrap .wpmm-nav-wrap > ul > li.mobile{/* hide mobile links on tablet & desktop */display: none;}
   /* reservation bar */
   .reservationBar, body.home .reservationBar{/* show reservations bar */display:block;padding:0.25em 0.25em 0.5em 0.25em;}
   .reservationBar .reservationTitle{width:auto;text-align:left;}
   .reservationBar .reservationTitle h3{font-size:1em;}
   .reservationBar .button , .reservationBar .dropdown select{width:auto;max-width:auto;font-size:0.95em;}
   .reservationBar .reservationContainer{text-align:left;}
   .reservationBar .checkrates{display:inline-block;}
   /* social */
   .socialBtn a{padding:2em 0;}
   .socialBtn .fa, .socialBtn .fas, .socialBtn .far, .socialBtn .fab{font-size:4em;}
   .socialBtn h3{display:block;font-size:1.5em;}
   /* footer */
   .site-footer{text-align:left;}
   .site-footer img.logo{margin-top:-2.25em;}
   /* bottom footer */
   #footercontent h4{margin:1em 0 0 0;}
   .TA_tchotel #CDSWIDTC.widTC2015{/* Trip Advisor badge */margin:0;}
   #secondary-nav{display: flex;}
}
@media screen and (min-width:80em){ /* 1280px */
   /* top nav */
   .topnav a{padding:0 0.5em;}
   /* nav menu */
   #wp-megamenu-primary-menu>.wpmm-nav-wrap ul.wp-megamenu>li>a{padding:1em 0.75em;font-size:1.15em !important;}
   #wp-megamenu-item-wpmm-search-icon a{font-size:1.5em !important;padding:0.6em 1em !important;}
   /* reservation bar */
   .reservationBar{padding:0.25em 0.25em 0.5em 1.75em;}
   .reservationBar input,.reservationBar select{max-width:150px;}
   .reservationBar .dropdown select{max-width:none;}
   /* hours of operation */
   ul.hours li{max-width:16.33%;}
   /* wave accent */
   #wavebanner{margin-top:-3.75em;}
   /* animated content buckets */
   /* grid */
   .grid figure h2{font-size: 1.4em;}
}

@media only screen and (max-width: 980px) {
  body{padding-top:60px;}
  body.has-mtsnb{
    padding-top:120px !important;
  }
  /* WP Notification Bar */
  .mtsnb {
    top: 60px;
    z-index: 9999;
  }
}

/*------------------------------------------------------------ */

/*-- WP MOBILE MENU - OVERRIDE. Plugin color options not working 041921 --*/

@media screen and ( min-width: 782px ){
		body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
			top: 32px!important;
		}
				body.admin-bar .mobmenu-search-holder {
				top: 92px!important;
		}
}

@media screen and ( max-width: 782px ){
	body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
		top: 46px!important;
	}

	body.admin-bar .mob-menu-header-banner {
		top: 0px!important;
	}
		body.admin-bar .mobmenu-search-holder {
		top: 106px!important;
	}
	body.admin-bar  .mob-menu-slideout .mobmenu-search-holder {
		top: 60px!important;
	}

}

@media screen and ( max-width: 479px ) {
	.mob-menu-overlay .mobmenu-content {
		padding-top: 5%;
	}
}

@media screen and ( max-width: 782px ) {
	.mob-menu-overlay .mobmenu-content {
		padding-top: 10%;
	}
}

@media screen and ( min-width: 782px ) {
	#mobmenu-footer li:hover {
    background-color: ;
	}
	#mobmenu-footer li:hover i {
		color: ;
	}
}

@media only screen and (min-width:981px){
	.mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel  {
		display: none!important;
	}
}
/* Our css Custom Options values */
@media only screen and (max-width:980px){
	.main-navigation {
		display:none !important;
	}
}


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

			
	.mobmenur-container i {
		color: #222;
	}
	.mobmenul-container i {
		color: #222;
	}
	.mobmenul-container img {
		max-height:  60px;
		float: left;
	}
	.mobmenur-container img {
		max-height:  60px;
		float: right;
	}
	.mob-expand-submenu i {
		font-size: 30px;
	}
	#mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
		/* color: #222; ORIGINAL */
    color:#fff !important; /* ROB MODIFIED 041921 */
	}
	.mob-cancel-button {
		font-size: 30px!important;
	}

	/* 3rd Level Left Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a:hover {
		color: #ccc;
	}
	/* 3rd Level Left Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover {
		background-color: #666;
	}
	.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
		/* background-color: #009fdf; ORIGINAL */
    background-color:#669b9a !important; /* ROB MODIFIED 041921 */
  }
	.mobmenu-content #mobmenuright li:hover  {
		background-color: #a3d3e8 ;
	}
	/* 3rd Level Right Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
		background-color: #666;
	}
	/* 3rd Level Right Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuright .sub-menu  .sub-menu li a:hover {
		color: #ccc;
	}

  .mobmenu-content #mobmenuleft .sub-menu {
		/*background-color:#eff1f1; ORIGINAL */
    background-color:#b3cdcd !important; /* ROB MODIFIED 041921 */
		margin: 0;
		/* color: #222; ORIGINAL */
    color:#003043 !important; /* ROB MODIFIED 041921 */
		width: 100%;
		position: initial;
		height: 100%;
	}
	.mob-menu-left-bg-holder {
				opacity: 1;
		background-attachment: fixed ;
		background-position: center top ;
		-webkit-background-size:  cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	.mob-menu-right-bg-holder { 
				opacity: 1;
		background-attachment: fixed ;
		background-position: center top ;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size:  cover;
	}
		.mobmenu-content #mobmenuleft .sub-menu a {
		color: #222 ;
	}
	.mobmenu-content #mobmenuright .sub-menu  a {
		color: #222 ;
	}
	.mobmenu-content #mobmenuright .sub-menu .sub-menu {
		background-color: inherit;
	}
	.mobmenu-content #mobmenuright .sub-menu {
		background-color: #eff1f1 ;
		margin: 0;
		color: #222 ;
		position: initial;
		width: 100%;
	}
	#mobmenuleft li:hover a, #mobmenuleft li:hover i {
		/* color: #fff; ORIGINAL */
    color:#003043 !important; /* ROB MODIFIED 041921 */
	}
  #mobmenuleft li ul li a, #mobmenuleft li ul li:hover a, #mobmenuleft li ul li i, #mobmenuleft li ul li:hover i{
    color:#003043 !important; /* ADDED - ROB MODIFIED 041921 */
  }
  
	#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
		color: #222 ;
	}
	#mobmenuright li a:hover {
		color: #fff ;
	}
	.mobmenul-container {
		top: 5px;
		margin-left: 5px;
		margin-top: 5px;
		height: 60px;
		float: left;
	}
	.mobmenur-container {
		top: 10px;
		margin-right: 5px;
		margin-top: 5px;
	}
		.mob-menu-logo-holder {
		margin-top:   5px;
		text-align:   center;
		margin-left:  0;
		margin-right: 0;
		height:       60px;
			}
	.mob-menu-header-holder {
		width:  100% ;
		background-color: #fbfbfb ;
		height: 60px ;
		position:fixed;
	}
	body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
		padding-top: 60px;
	}
		.mobmenul-container, .mobmenur-container{
		position: absolute; 
	}
	.mobmenu-left-panel {
		/*background-color:#f9f9f9; ORIGINAL */
    background-color:#005957 !important;/* ROB MODIFIED 041921 */
		/*width:270px;*/
	}
	.mobmenu-right-panel {
		background-color:#f9f9f9;		width:  270px; 
	}
	.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay  {
		background: rgba(0, 0, 0, 0.83);
	}
	.mob-menu-slideout-top .mobmenu-overlay {
		display:none!important;
	}
	.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {
		-webkit-transform: translateX(270px);
		-moz-transform: translateX(270px);
		-ms-transform: translateX(270px);
		-o-transform: translateX(270px);
		transform: translateX(270px);
	}
	.mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder {
		-webkit-transform: translateX(-270px);
		-moz-transform: translateX(-270px);
		-ms-transform: translateX(-270px);
		-o-transform: translateX(-270px);
		transform: translateX(-270px);
	}
	.mob-menu-slideout-top .mobmenu-panel {
		width:  100%;
		height: 100%;
		z-index: 1;
		position: fixed;
		left: 0px;
		top: 0px;
		max-height: 100%;
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel  {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		z-index: 300000;
	}
	.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel {
		overflow: hidden;
	}
	.show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel {
		z-index: 300000;
	}
	/* Hides everything pushed outside of it */
	.mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel {
		position: fixed;
		top: 0;
		height: 100%;
		overflow-y: auto;
		overflow-x: auto;
		z-index: 10000;
		opacity: 1;
	}
	/*End of Mobmenu Slide Over */
	.mobmenu .headertext { 
		color: #222 ;
		text-decoration: none;
	}
	.headertext span {
		position: initial;
		line-height: 60px;
	}
	.mobmenu-search-holder {
		top: 60px;
	}
	/*Premium options  */
	
	/* Mobile Menu Frontend CSS Style*/
	body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top  {
		overflow-x: hidden;
	}
	
	.mobmenu-left-panel li a, .leftmbottom, .leftmtop{
		padding-left: 0%;
		padding-right: 0%;
	}
	.mobmenu-content li > .sub-menu li {
		padding-left: calc(0*1%);
	}

	.mobmenu-right-panel li, .rightmbottom, .rightmtop{
		padding-left: 10%;
		padding-right: 10%;
	}
	.mobmenul-container i {
		line-height: 45px;
		font-size: 45px;
		float: left;
	}
	.left-menu-icon-text {
		float: left;
		line-height: 45px;
		color: #222;
	}
	.mobmenu-left-panel .mobmenu-display-name {
		color: #222;
	}
	.right-menu-icon-text {
		float: right;
		line-height: 30px;
		color: #222;
	}
	.mobmenur-container i {
		line-height: 30px;
		font-size: 30px;
		float: right;
	}
	.nav, .main-navigation, .genesis-nav-menu, .hide {
		display: none!important;
	}
	
	.mob-standard-logo {
		display: inline-block;
		height:40px!important;	}
	.mob-retina-logo {
		height:40px!important;	}
	.mobmenu-content #mobmenuleft > li > a:hover {
		/* background-color: #009fdf; ORIGINAL */
    background-color:#669b9a !important; /* ROB MODIFIED 041921 */
	}

	.mobmenu-content #mobmenuright > li > a:hover {
		background-color: #a3d3e8;
	}
	.mobmenu-left-panel .mob-cancel-button {
		/* color: #666; ORIGINAL */
    color:#fff !important; /* ROB MODIFIED 041921 */
	}
	.mobmenu-right-panel .mob-cancel-button {
		color: #666;
	}	
	
}


.mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field {
	font-family:inherit;
	font-size:inherit;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
	text-transform:none;
}

.left-menu-icon-text {
	font-family:inherit;
	font-size:inherit;
	font-weight:normal;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

#mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name, .mobmenu-content .mobmenu-tabs-header li {
	font-family:inherit;
	font-size:18px;
	font-weight:normal;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

.right-menu-icon-text {
	font-family:Dosis;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

#mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
	font-family:Dosis;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}