/* ==========================================================================
     Project:     Cool River Adventures
     Date:        05/28/2021 - File created	
     Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

/* ==========================================================================
     Typograpy
========================================================================== */

@font-face {font-family: 'Norwester';src: url('/css/fonts/norwester-webfont.woff2') format('woff2'),url('/css/fonts/norwester-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
body {font-family: "Open Sans", sans-serif;color: #001430;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: "Norwester", sans-serif; font-weight:400; color: #001430;margin-bottom: 1rem; text-transform: lowercase;}

/* ==========================================================================
     Main Layout
========================================================================== */ 

.page-wrapper {overflow-x: hidden;}

/* Grid */
main .container-fluid, footer .container-fluid {max-width: 1200px; padding-left: 30px; padding-right: 30px;}

/* Links */
a:not(.btn) {color: #40AFE1;text-decoration: underline;}
a:not(.btn):hover { text-decoration: none;color: #001430}

/* Images */
img {max-width: 100%; height: auto}

/* Forms */
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}

/* Skip */
.skip {position:absolute;top:-1000px;left:15px;width:auto;height:auto;text-align:center;overflow:hidden;transition:.25s;background:#001430; width:auto;height:auto;overflow:visible;padding:10px;color:#fff;font-weight:500;font-size:.875rem;z-index:9999;text-decoration:underline}
     .skip:active,.skip:focus,.skip:hover{left:15px;top:15px;color: #fff; background:#001430}

/* Header */
header {position: relative; z-index:2; background: #fff; }
     header .container-fluid {position:relative;}

     /* Header menus */
     .headermenu ul {margin: 0px; padding: 0px; list-style:none;}
     .headermenu a {text-decoration: none;}
     .headermenu .btn {margin:0px}

     .headermenu .quicklinks, .headermenu .mainmenu > li > a {font-family: "Open Sans Condensed", sans-serif;}

     .headermenu .quicklinks {font-size: 0.813rem;}
     .headermenu .quicklinks li {margin-left: 20px}
     .headermenu .quicklinks a:not(.btn) {color: #001430; transition: color 250ms ease}
     .headermenu .quicklinks a:not(.btn):hover {color: #0B6DB4}

     .headermenu .mainmenu {}
     .headermenu .mainmenu > li {position: relative;z-index: 1} 
     .headermenu .mainmenu > li > a {color: #fff;height: 100%;display:block; padding: 7.5px 25px}
     .headermenu .mainmenu > li:nth-child(1) > a {background: #4CBB17}
     .headermenu .mainmenu > li:nth-child(2) > a {background: #0B6DB4}
     .headermenu .mainmenu > li:nth-child(3) > a {background: #40AFE1}
     .headermenu .mainmenu > li:nth-child(4) > a {background: #F0861C}
     .headermenu .mainmenu > li.show {display: inline-block !important}
     .headermenu .mainmenu > li:hover > a, .headermenu .mainmenu > li > a:focus  {color: #fff}
     .headermenu .mainmenu > li.active > a::after, .headermenu .mainmenu > li:not(:nth-last-child(-n+3)) > a::after {content: ""; position: absolute; height:3px; width: 0px; top: 55px; opacity: 0; background: fff; left:50%; right: 50%; margin:auto; transition: all ease-in-out .25s}
     .headermenu .mainmenu > li:not(:nth-last-child(-n+3)):hover a::after, .headermenu .mainmenu > li:not(:nth-last-child(-n+3)).active > a::after {left: 0px; right: 0px; opacity: 1; width: 100%; }

     .headermenu .mainmenu .btn {font-size: .875rem}

	/* Header menu dropdowns */
	.headermenu .mainmenu ul {text-align:left; z-index:0; text-transform: none; font-size: 0.813rem; padding-top: 5px; border-radius: 0px 0px 5px 5px; font-weight: 400; pointer-events:none; width: 200px;top:calc(100% - 20px);position: absolute; left: 0px; opacity: 0; visibility: hidden; transition: all 250ms ease;}
          .headermenu .mainmenu ul.active {opacity:1;top: calc(100% - 5px); pointer-events: all;visibility: visible;}
          
          .headermenu .mainmenu > li:nth-child(1) > ul {background: #4CBB17}
          .headermenu .mainmenu > li:nth-child(2) > ul {background: #0B6DB4}
          .headermenu .mainmenu > li:nth-child(3) > ul {background: #40AFE1}
          .headermenu .mainmenu > li:nth-child(4) > ul {background: #F0861C; left: auto; right: 0px;}

          .headermenu .mainmenu ul li:not(:last-child) {border-bottom: 1px solid rgba(0,0,0,.05)}
          .headermenu .mainmenu ul li:first-child a {border-radius: 5px 5px 0px 0px}
          .headermenu .mainmenu ul li:last-child a {border-radius: 0px 0px 5px 5px}
          .headermenu .mainmenu ul li:last-child {border-bottom:none;}
          .headermenu .mainmenu ul a { display:table;padding: 10px; line-height: 1.2; color: #fff; transition: background .25s ease;width:100%}
          .headermenu .mainmenu ul a:hover, .headermenu .mainmenu ul a:focus {background: rgba(255,255,255,.2); color: #fff }

          header .btn-toggle-offcanvas {position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

 /* Offcanvas menu */
.offcanvasmenu {position:fixed; height: 100%; top: 0px;background: #fff; overflow-x:hidden; overflow-y:auto; z-index:3}
     .offcanvasmenu .mainmenu {list-style:none; margin: 0px; padding:0px;}
     .offcanvasmenu .mainmenu > li {border-bottom: 1px solid #e5e5e5; position: relative;text-transform: uppercase; font-weight: 700; font-family: "Open Sans Condensed", sans-serif;}
     .offcanvasmenu .mainmenu a:not(.btn) {height: 48px; color: #001430; display: block; padding: 0px 15px;text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
     .offcanvasmenu .mainmenu a:not(.btn):hover, .offcanvasmenu .mainmenu a:not(.btn):focus {background: rgba(0,0,0,.05); color:#001430; }
     .offcanvasmenu .mainmenu li a[aria-haspopup] {margin-right: 47px;}
     .offcanvasmenu .mainmenu li .fa-angle-right {margin-right: 10px}
     .offcanvasmenu .mainmenu li .fa-angle-down {font-size: 1.25rem; transition: transform 200ms ease-in-out}
     .offcanvasmenu .mainmenu li .fa-angle-down.rotate {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg)}
     .offcanvasmenu .mainmenu li ul {font-family: "Open Sans", sans-serif;list-style:none; background: #f9f9f9; color: #001430;margin: 0;font-size:.875rem; padding: 0px; text-transform:none;visibility: hidden; overflow:hidden; height: 0px; transition: all 500ms ease}
     .offcanvasmenu .mainmenu li ul li { font-weight: 400; margin-bottom: 0px;}
     .offcanvasmenu .mainmenu li ul a {padding: 5px 15px;height:auto}

     .offcanvasmenu .mainmenu li.active a:hover, .offcanvasmenu .mainmenu li.active a:focus, .offcanvasmenu .mainmenu li.active a {background:#63BC47; color: #fff;text-decoration:none;}
     .offcanvasmenu .mainmenu li.active li a {color: #001430;  white-space: normal; background:none}
     .offcanvasmenu .mainmenu li.active li a:hover, .offcanvasmenu .mainmenu li.active li a:focus {color: #001430; background: rgba(0,0,0,.05)}

     .offcanvasmenu .mainmenu li ul.active {visibility: visible;}

     .offcanvasmenu .quicklinks {list-style:none; padding: 0px; font-family: "Open Sans Condensed", sans-serif; text-transform: uppercase;font-size:.875rem;}
     .offcanvasmenu .quicklinks li {padding: 10px 15px; border-bottom: 1px solid #e5e5e5; }
     .offcanvasmenu .quicklinks .btn {width: 100%}
     .offcanvasmenu .quicklinks a {text-decoration: none;}

     .offcanvasmenu .btn-toggle-dropdown {position: absolute; top: 3px; right:3px; width: 42px; height:42px;padding: 0px;border-radius: 0px; border: none; background: none;border-left: 1px solid #e5e5e5;}
     .offcanvasmenu .btn-toggle-dropdown:hover, .offcanvasmenu .btn-toggle-dropdown:focus {}

     /* Webkit's scrollbar */
     .offcanvasmenu::-webkit-scrollbar {-webkit-appearance: none;width:5px;}
     .offcanvasmenu::-webkit-scrollbar-track-piece {margin: 15px 0px;}
     .offcanvasmenu::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.3);}

     /* Offcanvas animation */
     .page-wrapper {transition: transform 400ms ease-out;}
     .page-wrapper::before {content:""; position: absolute; left: 0px; top: 70px; width: 100%;  height: 100%; opacity:0; z-index:-1;background:rgba(0,0,0,0.5); transition: opacity 450ms ease}
     .offcanvas-open {overflow:hidden}
     .offcanvas-open .page-wrapper {overflow:unset}
     .offcanvas-open .page-wrapper::before { z-index: 3; opacity: 1;}

/* Footer */
footer {position: relative; background: url(/img/bg-river-bed.jpg) center center no-repeat; background-size:cover; padding-top: 60px; padding-bottom: 60px;}
     footer::after {position: absolute; content: ""; width: 300px; height: 300px; right: -50px; top: 0px;background: url(/img/helmet-02.png) right center no-repeat; background-size: contain; }
     footer .container-fluid {position: relative; z-index: 1}
     footer .icon { height: 45px;}
     footer div[class*="col-"] hr.hr-white {max-width: 200px;}              

/* Submenu */
.submenu {font-size: .875rem; transition: opacity 500ms ease;font-family: "Open Sans Condensed", sans-serif;}
     .submenu.active {visibility: visible;opacity: 1; overflow:visible; }
     .submenu li {position: relative;line-height: 1.4}
     .submenu a {display:block;background:#f1f1f1; border-bottom: 1px solid #fff; padding: 8px 15px; text-decoration:none; transition: background 200ms ease; color: #002F52}
     .submenu a:hover, .submenu a:focus {color:#4CBB17; background: rgba(0,0,0,.1);}
     .submenu li.active a {background: #4CBB17; color: #fff; font-weight: 700}

/* Hamburgers */
.btn-hamburger {border-radius: 0px; height: 36px;margin:0;padding:5px;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;}
     .hamburger-box {position: relative;display: inline-block;width: 24px;height: 24px;}
     .hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:24px;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#1D1D1B}
     .hamburger-inner{top:50%;display:block;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s;}
     .hamburger-inner:after,.hamburger-inner:before{display:block;content:"";}
     .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in; top:-8px;}
     .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19); bottom:-8px;}
     .btn-hamburger.active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}
     .btn-hamburger.active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s ease .12s;opacity:0}
     .btn-hamburger.active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}

/* Alert */
.alert-wrapper .alert-green {color: #fff; background: rgba(240,134,28,.9); text-align:center;font-size: 0.813rem; padding:10px 30px; border-radius: 0px; margin: 0px;z-index: 2; position: fixed; bottom: 0px; width: 100%}
     .alert-wrapper a {color: #fff}
     .alert-wrapper .btn-close-alert {color: #fff; position: absolute; right: 5px;position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

/* Masthead */
.masthead-wrapper {position: relative; z-index: 1; background: url(/img/bg-masthead.jpg) center top no-repeat; background-size: cover;height: 200px; text-align:center;overflow:hidden;}
     .masthead-wrapper::before, .masthead-wrapper::after {content: ""; position: absolute;}
     .masthead-wrapper::before { z-index: -1; width: 180px; height: 180px; left: -50px; top:18px;background: url(/img/helmet-01.png) right center no-repeat; background-size: contain; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1);}

/* ==========================================================================
     Templates
========================================================================== */ 

/* Homepage */
.homepage {}

.hero-wrapper {position: relative;z-index: 1;}
     .hero-wrapper::after {content: ""; position: absolute;left: 0px;background: url(/img/overlay-blueridge-deer.png) no-repeat left bottom;background-size: 100% 100%;z-index: 0;}
     .hero-wrapper .slick-track, .hero-wrapper .slick-slide {height: 100vh}
     .hero-wrapper .caption-wrapper .caption {background: rgba(255,255,255,.7); border-radius: 5px; text-align:center}
     .hero-wrapper .caption-wrapper h2, .hero-wrapper .caption-wrapper p {text-shadow:none !important; color: #001430 !important;}
     .hero-wrapper .caption-wrapper h2 {line-height: 1}
     .hero-wrapper .caption-wrapper .btn {margin: 10px 0px 0px 0px}
     .hero-wrapper .caption-wrapper p:last-child {margin-bottom: 0px !important}
     .hero-wrapper img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; object-fit: cover;  font-family: 'object-fit: cover; object-position: left top;';z-index:-1}
     .hero-wrapper .btn-togglevideo {position: absolute; bottom:150px; color: #fff;z-index: 2; right: 5px; opacity: .5;font-size: .875rem}
     .hero-wrapper .btn-togglevideo:hover, .hero-wrapper .btn-togglevideo:focus {opacity: 1} 
     
.plan-wrapper {position: relative; z-index: 0; background: url(/img/bg-blueridge.jpg) center top no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 130px}
     .plan-wrapper .card {border:none; font-size: 0.875rem; z-index: -1; position: relative;}

.overview-wrapper {position: relative; z-index: 2; background: url(/img/bg-climber.jpg) center top no-repeat; background-size: cover; padding-top:180px; padding-bottom:200px;}
     .overview-wrapper::before, .overview-wrapper::after, .overview-wrapper .container-fluid::before, .overview-wrapper .container-fluid::after {content:""; position: absolute; z-index: -1;}
     .overview-wrapper::after {width: 300px; height: 300px; right: -50px; top: -80px;background: url(/img/helmet-01.png) right center no-repeat; background-size: contain}
     .overview-wrapper .container-fluid::before {width: 600px; height: 500px; background: url(/img/caribeeners.png) left center no-repeat; background-size: contain}

     .overview-wrapper .today-temp {font-size:4.688rem;line-height:1}
     .overview-wrapper .today-temp sup {font-size: 2.813rem; top: -25px;}
     .overview-wrapper .today-highlow {font-size: 1.25rem;}

.parallax-wrapper {background: url(/img/parallax-kid.jpg) center center no-repeat; background-size:cover; height: 400px;position: relative;z-index:3}
     .parallax-wrapper::before {content:""; height: 210px; width: 100%; background: url(/img/overlay-waves-gradient.svg) center center repeat-x; position: absolute; top: -15px; z-index:4}

.locations-wrapper {background:url(/img/bg-zipliner.jpg) center center no-repeat; background-size: cover; padding-top: 130px; padding-bottom:400px; position: relative;z-index:1}
     .locations-wrapper::before  {content:""; width: 100%; height: 500px; background: url(/img/overlay-zipliner.svg) center top no-repeat; background-size: cover; position: absolute; bottom: -100px; left: 0px; z-index:0}
     .locations-wrapper::after {content:""; width: 100%; height: 500px; background: url(/img/overlay-blueridge-zipline.png) center top no-repeat; background-size: cover; position: absolute; bottom: 0px; left: 0px; z-index:-1}

.reviews-wrapper {background: url(/img/bg-ropes.jpg) center center no-repeat; background-size: cover; padding-top: 60px; padding-bottom: 60px;position:relative; z-index:0}
     .reviews-wrapper .slick-prev, .reviews-wrapper .slick-next {opacity: 1}
     .reviews-wrapper .slick-prev:hover .angle, .reviews-wrapper slick-prev:focus .angle, .reviews-wrapper slick-next:hover .angle, .reviews-wrapper .slick-next:focus  .angle {border-color: #FFF77D}
     .reviews-wrapper .item {margin: 0px 5px;}

/* ==========================================================================
     CMS Classes & Components
========================================================================== */

/* Text */
.text-blue {color: #0B6DB4}
.text-light-blue {color: #239FD8}
.text-dark-blue {color: #001430} 
.text-green {color: #4CBB17}
.text-orange {color: #F0861C}
.text-light-orange {color: #FFC422}
.text-large {font-size: 120%}
.text-xlarge {font-size: 140%}
.font-condensed {font-family: "Open Sans Condensed", sans-serif;}
.font-norwester {font-family: "Norwester", sans-serif; font-weight:400; text-transform: lowercase;}

/* Lists */
.list-details {list-style:none; padding-left: 0px;font-size: 0.875rem}
     .list-details li {margin-bottom: 10px; position: relative; padding-left: 30px; line-height: 1.4}
     .list-details span {position: absolute; top: 3px; left: 0px;font-size: 1rem}

/* Rules */
hr.hr-dark-blue {border-top: 1px solid #002F52}
hr.hr-white {border-top: 1px solid #fff}

/* Badges */
.badge-yellow {padding: 7.5px 10px; border-radius: 5px;font-family: "Open Sans Condensed", sans-serif;  font-weight:700;font-size: 0.75rem; background: #FFF77D; }

/* Cards */
.card {border:none}
.card-img .badge {position: absolute; top: 10px; left: 10px;z-index: 1}
     .card-img img {position: relative; z-index: 0; border-radius: .25rem .25rem 0 0}
     .card-img p {margin: 0px; display:inline}
     
/* Buttons */
.btn-orange, .btn-white, .btn-dark-blue-border, .btn-green-border, .btn-light-blue, .btn-green, .btn-white-border, .cms-slideshow .btn-primary, .btn-yellow { text-decoration:none; padding:3px 20px; transition: transform 150ms ease; text-transform: uppercase; border-radius: 30px; text-align:center; border:none;font-family: "Open Sans Condensed", sans-serif;  font-weight:700;font-size: 0.938rem}
     .btn-white:hover, .btn-white:focus, .btn-yellow:hover, .btn-orange:hover, .btn-orange-border:hover, .btn-green-border:hover, .btn-green-border:hover, .btn-light-blue:hover, .btn-green:hover, .btn-white-border:hover, .cms-slideshow .btn-primary:hover, .btn-yellow:focus, .btn-orange:focus, .btn-orange-border:focus, .btn-green-border:focus, .btn-green-border:focus, .btn-light-blue:focus, .btn-green:focus, .btn-white-border:focus, .cms-slideshow .btn-primary:focus  {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
     
     .btn-sm {font-size: 0.813rem; padding: 5px 15px}

     .btn-orange {background: #F0861C; border: 2px solid transparent;color: #fff}
     .btn-yellow {background: #FFF77D; border: 2px solid transparent;color: #002F52}
     .btn-dark-blue-border {background: none; border: 2px solid #002F52;color: #002F52}
     .btn-green-border {background: none; border: 2px solid #4CBB17;color: #4CBB17}
     .btn-light-blue, .cms-slideshow .btn-primary {background: #00BBF2; border: 2px solid transparent;color: #fff}
     .btn-green {background: #4CBB17; border: 2px solid transparent;color: #fff}
     .btn-white-border {background: none; border: 2px solid #fff;color: #fff}
     .btn-white {box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); background: #fff;color: #002F52}

     .btn-orange:hover, .btn-orange:focus,
     .btn-light-blue:hover, .btn-light-blue:focus,
     .btn-green:hover, .btn-green:focus,
     .btn-white-border:hover, .btn-white-border:focus,
     .cms-slideshow .btn-primary:hover, .cms-slideshow .btn-primary:focus {color: #fff}
     
     .btn-green-border:hover, .btn-green-border:focus {color: #4CBB17}

     .btn-yellow:hover, .btn-yellow:focus,
     .btn-white:hover, .btn-white:focus,
     .btn-dark-blue-border:hover, .btn-dark-blue-border:focus {color: #002F52}

/* Animations - AOS */
[data-aos=fade-up] { transform:translate3d(0,50px,0)}
[data-aos=fade-down] { transform:translate3d(0,-25px,0)}

/* CMS Plugins */
.cms-blog .page-item.active .page-link, 
.cms-blog .page-item .page-link:hover,
.cms-tabs .nav-pills .nav-link.active, 
.cms-tabs .nav-pills .show>.nav-link,
.cms-stepper .step .active .badge,
.cms-newspress-main .badge-primary,
.cms-blog .badge-primary {background: #40AFE1 !important; border: none}

.cms-newspress-main a, .cms-blog-item a {color: #001430;}

.cms-accordion {}
     .cms-accordion .card {background:none; border-radius: 0px; border: none}
     .cms-accordion .card-header {position: relative;border-radius: 0px; background:none; color: #9F9F9F; font-size: 1.3rem; padding: 22px 0px !important}
     .cms-accordion .card-header[aria-expanded=true] {font-weight: 500; color: #40AFE1}
     .cms-accordion .card-header[aria-expanded=false]::before, .cms-accordion .card-header[aria-expanded=true]::before {background-size: 100% 100%; width: 40px; height: 40px; content:""; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
     .cms-accordion .card-header[aria-expanded=false]::before {background: url(/img/icon-plus.svg) center center no-repeat; }
     .cms-accordion .card-header[aria-expanded=true]::before {background: url(/img/icon-minus.svg) center center no-repeat; }
     .cms-accordion .card-body {padding: 22px 0px 0px 0px}

.cms-stepper {}
     .cms-stepper .step .badge {border-color: #40AFE1 !important}

.cms-slideshow {}
     .cms-slideshow .btn-primary {background: #fff !important; color: #001430 !important;}
     .cms-slideshow .btn-primary:hover, .cms-slideshow .btn-primary:focus {color: #fff !important}

/* ==========================================================================
     Media Queries
========================================================================== */

@media (min-width: 0px) {	
     /* Typography */
     h1, .h1 {font-size: 2rem}
          
     /* Header */
     header {height: 70px}
     header .logo img {width: 200px}
     header .container-fluid {padding-left: 15px; padding-right: 15px;}
     .headermenu .mainmenu > li.active > a::after, .headermenu .mainmenu > li:not(:nth-last-child(-n+3)) > a::after {top: 55px}

     /* Offcanvas animation */
	.offcanvasmenu {width: 80%;right: -80%}
	.offcanvas-open .page-wrapper {-webkit-transform: translateX(-80%); -ms-transform: translateX(-80%); transform: translateX(-80%);}

     /* Homepage */
     .hero-wrapper::after {left: -120px; width: 992px; height: 745px;bottom: -25px; }
     .hero-wrapper .caption-wrapper {bottom: 240px !important;}
    .hero-wrapper .hero-caption {width: 90%; padding: 20px;}
    .overview-wrapper div[data-day] {font-size: .75rem}
    .plan-wrapper {padding-top: 50px}
    .overview-wrapper .container-fluid::before {bottom: -190px; right: -40px;}

     /* Submenu */
     .submenu {visibility: hidden; opacity:0; overflow:hidden; height: 0px;}
}


@media (min-width: 576px) {
     /* Offcanvas animation */
	.offcanvasmenu {width: 360px; right: -360px}
	.offcanvas-open .page-wrapper {-webkit-transform: translateX(-360px); -ms-transform: translateX(-360px); transform: translateX(-360px);}
     
     /* Homepage */
     .overview-wrapper div[data-day] {font-size: 1rem}
}

@media (max-width: 767px) {
     /* Homepage */
     .reviews-wrapper [class*="slick-"] .angle {width: 15px; height: 15px;}
     .reviews-wrapper .slick-prev, .reviews-wrapper .slick-next { opacity: .5}
     .reviews-wrapper .slick-prev {left: -27px;}
     .reviews-wrapper .slick-next {right: -31px;}

     /* Footer */
     footer .list-inline-item {display:block;}
}

@media (min-width: 768px) {	
     /* Typography */
     h1, .h1 {font-size: 2.5rem}
          
     /* Header */
     header .container-fluid {padding-left: 30px; padding-right: 30px;}

     /* Homepage */
     .hero-wrapper::after {left: 0px;}
     .hero-wrapper .hero-caption {width: auto; padding: 20px 40px}
     .reviews-wrapper .cms-slideshow + .row {padding-left: 60px; padding-right: 60px}
     .reviews-wrapper .cms-slideshow .item {margin: 0px 60px}
     .overview-wrapper .container-fluid::before {bottom: -80px;left: -250px;}
     .overview-wrapper::before {width: 450px; height: 450px; left: -50px; top: -140px;background: url(/img/caribeener-02.png) left center no-repeat; background-size: contain}

     /* Submenu */
     .submenu {visibility: unset; opacity:unset;overflow:unset; height: unset;}
     .submenu li.active::after {content: ""; width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 9px;border-color: transparent transparent transparent #4CBB17;position: absolute; right: -9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
     
}
@media (min-width: 872px) {	
     /* Homepage */
     .hero-wrapper::after {width: 1200px; height: 902px; bottom: -50px}
     .plan-wrapper {padding-top: 100px;}
}

@media (min-width: 992px) {	
     /* Header */
     header {height: 100px}
     header nav {width: 100%}
     header .logo img {width: 400px}

     /* Homepage */
     .hero-wrapper::after {bottom: 0px}
     .hero-wrapper .caption-wrapper {bottom: 300px !important;}
     .overview-wrapper .container-fluid::before {bottom: -80px;left: -50px;}
}

@media (min-width: 1200px) {
       /* Homepage */
       .hero-wrapper::after {width: 1400px; height: 1052px;bottom: -50px}
}

@media (min-width: 1400px) {
     /* Homepage */
     .hero-wrapper::after {left: -100px; width: 1800px; height: 1353px;bottom: -150px}
     .plan-wrapper {padding-top: 200px}
}

@media (min-width:  1800px) {	
     /* Homepage */
     .hero-wrapper::after {width: calc(100% + 100px);}

}