/* ==========================================================================
   Custom CSS Template
   Author: JAM Studios
   Description: Base responsive layout with tablet and desktop breakpoints
   ========================================================================== */


/* Web Fonts */
/* ========= */
@font-face { font-family: 'Stag'; src:url('../webfonts/Stag-Light.woff2') format('woff2'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family: 'Stag'; src:url('../webfonts/Stag-Regular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family: 'Stag'; src:url('../webfonts/Stag-Light-Italic.woff2') format('woff2'); font-weight:300; font-style:italic; font-display:swap; }
@font-face { font-family: 'Stag'; src:url('../webfonts/Stag-Regular-Italic.woff2') format('woff2'); font-weight:400; font-style:italic; font-display:swap; }

@font-face { font-family: 'ProximaNova'; src:url('../webfonts/ProximaNova-Light.woff') format('woff'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family: 'ProximaNova'; src:url('../webfonts/ProximaNova-Regular.woff') format('woff'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family: 'ProximaNova'; src:url('../webfonts/ProximaNova-Semibold.woff') format('woff'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family: 'ProximaNova'; src:url('../webfonts/ProximaNova-Light-Italic.woff') format('woff'); font-weight:300; font-style:italic; font-display:swap; }
@font-face { font-family: 'ProximaNova'; src:url('../webfonts/ProximaNova-Regular-Italic.woff') format('woff'); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family: 'ProximaNova'; src:url('../webfonts/ProximaNova-Semibold-Italic.woff') format('woff'); font-weight:600; font-style:italic; font-display:swap; }


/* Font Vars */
:root {
	--stag:'Stag','Georgia','Times New Roman',serif;
	--proxima:'ProximaNova','Helvetica Neue','Helvetica','Arial','Liberation Sans',sans-serif;
}
.stag { font-family:var(--stag); }
.proxima { font-family:var(--proxima); }
.light { font-weight:300; }
.regular { font-weight:400; }
.semibold { font-weight:600; }
i, em, .italic { font-style:italic; }
.uppercase { text-transform:uppercase; }
.capitalize { text-transform:capitalize; }


/* Base Styles */
/* =========== */
* { box-sizing:border-box; margin:0; padding:0; }
html { /*scroll-behavior:smooth;*/ overscroll-behavior:none; scrollbar-gutter:stable; }
html, body { min-height:100%; font-family:sans-serif; background-color:#f8f8f8; color:#5b4a42; text-wrap:balance; overflow-x:hidden; }
body { max-width:1920px; margin:0 auto; outline:1px solid rgba(91,74,66,1); font-family:var(--stag); font-weight:400; font-size:clamp(1rem, 0.526vw + 0.743rem, 1.375rem); }
body:has(.main-menu.open),
body:has(#contactForm.show) { position:relative; overflow:hidden; }
header, main, footer { width:100%; }
header { border-bottom:1px solid rgba(91,74,66,1); }
ul { margin-left:clamp(1rem, 0.743rem + 0.526vw, 1.375rem); }
li:not(:last-of-type) { padding-bottom:clamp(0.525rem, 0.426vw + 0.268rem, 0.5rem) !important; }
li .noTxtBalance { display:block; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 {  }
h2 { font-size:clamp(2rem, 1.25vw + 1.75rem, 3.25rem); line-height:clamp(2rem, 1.25vw + 1.75rem, 3.25rem); padding:clamp(1rem, 1vw + 0.8rem, 2rem) 0; }
h3 {  }
h4 {  }
h5 {  }
h1, h2, h3, h4, h5, h6, p, ul, ol { padding:clamp(0.625rem, 0.526vw + 0.368rem, 1rem) 0 !important; }
a { text-decoration:none; display:inline-block; color:rgba(129,182,58,1); letter-spacing:1px; }
.button { cursor:pointer; background-color:rgba(129,182,58,1); border:2px solid rgba(129,182,58,1); color:#fff; letter-spacing:1px; text-align:center; transition:color 0.3s ease; text-transform:uppercase; padding:10px 14px; font-family:var(--proxima); font-weight:600; font-size:clamp(0.875rem, 0.351vw + 0.704rem, 1.125rem); transition:background-color 0.3s ease, color 0.3s ease, text-shadow 0.3s ease; }
.button:hover { background-color:rgba(255,255,255,1); color:rgba(129,182,58,1); }
.button:not(.nav-link) { margin-top:clamp(0.525rem, 0.426vw + 0.268rem, 0.5rem) !important; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.center, .text-center { text-align:center; }
.text-justify { text-align:justify; }
img.ss-htmleditorfield-file { height:auto !important; min-width:48px !important; }
.navAnchor { scroll-margin-top:90px; }
.noTxtBalance { text-wrap:initial; display:inline-block; }

.loader { opacity:1; animation:0.5s ease forwards fadeLoader; /*transition:opacity 1s ease;*/ }
@keyframes fadeLoader {
	0% { opacity:1; }
	50% { opacity:1; }
	100% { opacity:0; display:none; }
}

section, h1, h2, h3, h4, h5, h6 { scroll-margin-top:180px; }
section { padding:clamp(1.25rem, 3.625vw + 0.525rem, 4.875rem); }
section.banner { padding-left:0; padding-right:0; }
section.copy-left,
section.copy-right { padding-left:0; padding-right:0; }
section.copy-left > div,
section.copy-right > div { display:flex; flex-wrap:wrap; }
section.copy-left > div { flex-direction:row-reverse; }
.section-container { display:flex; flex-wrap:wrap; }
.section-container picture,
.section-container .video,
.section-container .map-embed { flex:0 0 clamp(29rem, 59.35vw + 0.03rem, 71.25rem); max-width:100%; width:59.38vw; height:42.71vw; max-height:820px; position:relative; overflow:hidden; background-image:none; }
.section-container .map-embed { outline:1px solid rgba(91,74,66,0.25); flex:none; }
.section-container .map-embed > * { min-width:100%; min-height:100%; max-width:100%; max-height:100%; }
.section-container picture > img { width:100%; height:auto; }
.section-container .video > video { position:absolute; top:0; left:50%; transform:translateX(-50%); height:100%; width:auto; }
.section-container.video.columns .video > video { top:50%; left:50%; transform:translate(-50%, -50%); width:100%; }
/*.section-container.video.columns .video .video_button_overlay { max-height:50%; top:50%; transform:translateY(-50%); }*/
.section-container > div { flex:1; /*min-width:300px;*/ display:flex; flex-direction:column; align-items:center; justify-content:center; }
.section-container > div > div,
.section-container > div > div { text-wrap:initial; width:clamp(16.875rem, 24.211vw + 5.072rem, 34.125rem); }


.white { color:#fff; }
.green { color:rgb(0,113,61); }
.dark-green { color:rgb(0,47,11); }
.lime { color:rgb(129,182,58); }
.brown { color:rgb(91,74,66); }
.white { color:rgb(255,255,255); }
section .tagline,
header .tagline { text-transform:uppercase; font-size:clamp(0.875rem, 0.375vw + 0.8rem, 1.25rem); font-family:var(--proxima); font-weight:600; letter-spacing:1px; }
.flavor { max-width:clamp(17.5rem, 72.5vw + 3rem, 90rem); margin:0 auto; font-weight:300; font-size:clamp(1.125rem, 0.875vw + 0.95rem, 2rem); line-height:clamp(1.75rem, 1.228vw + 1.151rem, 2.625rem); }
.star { overflow:hidden; text-indent:-9999px; margin:0 2.5px; color:transparent; display:inline-block; /*aspect-ratio:1; clip-path:polygon(50% 0,79% 90%,2% 35%,98% 35%,21% 90%); /*width:clamp(1.5rem, 0.75vw + 1.35rem, 2.25rem); width:36px; background-color:rgb(0,113,61); */ width:24px; height:24px; position:relative; }
.star:after { content:''; background-image:URL('../images/fullstar.svg'); background-size:contain; width:24px; height:24px; position:absolute; top:0; left:0; }

.rating-list { /*position:relative;*/ }
.rating-list:has(.fullReview.show):before { content:''; display:block; background-color:rgba(0,47,11,0.8); top:0; right:0; left:0; bottom:0; width:100%; height:100%; position:fixed; z-index:2; }
.rating-list .fullReview { display:none; }
.rating-list .fullReview.show { border:2px solid rgb(129,182,58); background-color:#fff; padding:clamp(1.625rem, 1.526vw + 1.368rem, 1rem); display:block; position:fixed; z-index:99; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:auto; max-width:60%; max-height:80vh; overflow-y:auto; }
.rating-list a.close { cursor:pointer; position:absolute; top:10px; right:10px; width:clamp(1.5rem, 0.75vw + 1.35rem, 2.25rem); height:clamp(1.5rem, 0.75vw + 1.35rem, 2.25rem); background-color:rgba(129,182,58,1); border:2px solid #fff; color:#fff; display:inline-flex; align-items:center; justify-content:center; transition:all 0.3s ease; }
.rating-list a.close span { display:inline-block; line-height:0; transform-origin:center; position:relative; bottom:1px; }
.rating-list a.close:hover { background-color:rgba(255,255,255,1); color:rgba(129,182,58,1); border:2px solid rgba(129,182,58,1);  }
.rating-list .row { /*position:relative;*/ overflow:hidden; display:grid; margin-top:clamp(2.5rem, 3.915vw - 0.01rem, 4.688rem); grid-template-columns:1fr 1fr 1fr; gap:clamp(2.5rem, 3.915vw - 0.01rem, 4.688rem); text-wrap:initial; padding-top:clamp(1.625rem, 1.526vw + 1.368rem, 1rem); }
.rating-list .row:has(.fullReview.show) { overflow:visible; }
.rating-list .row:first-of-type { margin-top:0; }
.rating-list .row.hide { height:0; min-height:0; margin-top:0; padding-top:0; transition:all 1s ease; }
.rating-list .row.hide.show { height:auto; min-height:min-content; margin-top:clamp(2.5rem, 3.915vw - 0.01rem, 4.688rem); padding-top:clamp(1.625rem, 1.526vw + 1.368rem, 1rem); }
.rated {  }
.rated h4 { padding-bottom:0 !important; font-size:clamp(1.125rem, 0.875vw + 0.95rem, 2rem); }
.rated .stars img { max-width:24px; margin:0 2.5px; }
.rated .stars img:first-of-type { margin-left:0; }
.rated .even,
.rated .odd { width:100%; max-width:18px; display:inline-block; }
.rated .even img,
.rated .odd img { width:100%; height:auto; max-width:18px; display:inline-block; }
.rated .even img { transform:scaleX(-1);position:relative;left:-0.5px; }

.slider-pager {  }
.slider-pager .pager-dot { opacity:0.25; display:inline-block; aspect-ratio:1; width:clamp(0.875rem, 0.25vw + 0.825rem, 1.125rem); border-radius:50%; margin:0 clamp(0.375rem, 0.25vw + 0.325rem, 0.625rem); background-color:rgba(129,182,58,1); cursor:pointer; transition:opacity 0.3s ease; }
.slider-pager .pager-dot:hover,
.slider-pager .pager-dot.active { opacity:1; }


/* Fixed Top Navigation Bar */
/* ======================== */
.navbar { position:fixed; top:0; left:50%; transform:translateX(-50%); width:100%; max-width:1920px; height:90px; background-color:rgba(255,255,255,0); z-index:9999; transition:background-color 0.3s ease; filter:drop-shadow(0 2px 5px rgba(91,74,66,0));  }
.navbar.white { background-color:rgba(255,255,255,1); }
.navbar-container { height:100%; display:flex; align-items:center; justify-content:space-between; padding:0 2vw; }


/* Navbar Container: 3-Column Grid Layout */
/* ====================================== */
.nav-left { justify-self:start; }
.nav-center { justify-self:center; }
.nav-right { justify-self:end; display:flex; /*gap:1rem;*/ }
.hamburger-link, .logo-link, .nav-link { display:inline-block; text-decoration:none; color:#000; }
.nav-link { text-align:center; color:#fff; transition:color 0.3s ease; text-transform:uppercase; padding:12px 16px; font-family:var(--proxima); font-weight:600; font-size:clamp(0.875rem, 0.351vw + 0.704rem, 1.125rem); }
.navbar.white .nav-link:not(.button) { color:rgb(91,74,66); }
.nav-link:not(.button) { border:1px solid transparent; margin-right:5px; }
.logo-link { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:auto; height:100%; max-height:clamp(2.5rem, 1.875vw + 2.125rem, 4.375rem); }
.logo-white { z-index:2; opacity:1; transition:opacity 0.3s ease; }
.logo-colored { z-index:1; opacity:0; transition:opacity 0.3s ease; }
.navbar.white .nav-center .logo-white { opacity:0; }
.navbar.white .nav-center .logo-colored { opacity:1; }
.hamburger-link { border:0; background-color:transparent; position:relative; /*left:-14px;*/ display:inline-flex; align-items:center; justify-content:center; width:clamp(3.5rem, 1.754vw + 2.645rem, 4.75rem); height:clamp(3.5rem, 1.754vw + 2.645rem, 4.75rem); }
.hamburger-icon { position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:100%; transition:opacity 0.3s ease; }
.hamburger-white { z-index:5; opacity:1; }
.hamburger-color { z-index:4; opacity:0; }
.navbar.white .hamburger-white { opacity:0; }
.navbar.white .hamburger-color { opacity:1; }
.hamburger-link.open .hamburger-color { opacity:0 !important; }
.hamburger-link.open .hamburger-white { opacity:1 !important; }


/* Contact Form */
/* ************ */
#contactForm { overflow-y:auto; color:rgb(91,74,66); animation-duration:0.5s; animation-timing-function:ease; animation-fill-mode:forwards; position:fixed; z-index:99999; /*top:0; right:0;*/ margin:clamp(0.938rem, 1.813vw + 0.375rem, 3.75rem); margin-top:calc(clamp(0.938rem, 1.813vw + 0.375rem, 3.75rem) + 90px);box-shadow:5px 5px 10px rgba(0,0,0,0.15); width:800px; max-width:calc(100vw - (clamp(0.938rem, 1.813vw + 0.375rem, 3.75rem)*3)); overflow:hidden; background-color:#fff; padding:clamp(0.938rem, 0.938vw + 0.75rem, 1.875rem); }
#Form_contactForm_a_password_Holder { position:absolute; left:-9999px; top:-9999px; }
#contactForm fieldset { border:0; }
#contactForm .contactHeader {  }
#contactForm .contactHeader > * { padding-top:0 !important; }
#contactForm label { display:none; font-family:var(--proxima); }
#contactForm .showlabel label { display:initial; }
#contactForm input[type="text"],
#contactForm input[type="email"],
#contactForm input[type="text"],
#contactForm textarea { width:100%; padding:5px; font-family:var(--proxima); margin-bottom:10px; border:1px solid rgb(91,74,66); color:rgb(91,74,66); }
#contactForm textarea { height:80px; }
#contactForm .boxContain { margin-bottom:10px; }
#contactForm .field.checkbox { display:inline-block; margin-right:10px; font-size:clamp(1rem, 0.125vw + 0.975rem, 1.125rem); }
#contactForm .contactFooter { font-size:16px; }
#contactForm .btn-toolbar { padding:clamp(0.625rem, 0.526vw + 0.368rem, 1rem) 0; }
#contactForm button { background-color:rgba(129,182,58,1); border:2px solid rgba(129,182,58,1); color:#fff; /*text-shadow:0 1px rgba(0,64,27,1);*/ text-align:center; transition:color 0.3s ease; text-transform:uppercase; padding:10px 14px; font-family:var(--proxima); font-weight:600; font-size:clamp(0.875rem, 0.351vw + 0.704rem, 1.125rem); transition:background-color 0.3s ease, color 0.3s ease, text-shadow 0.3s ease; }
#contactForm button:hover { cursor:pointer; background-color:rgba(255,255,255,1); color:rgba(129,182,58,1); /*text-shadow:0 1px rgba(0,64,27,0.5);*/ }
#contactForm button:disabled { position:relative; opacity:0.5; }
#contactForm button:disabled::after { display:inline-block; width:15px; text-align:left; content:""; animation:submitDots 2.2s steps(4,end) infinite; }
#contactForm button:disabled:hover { background-color:rgba(129,182,58,1); border:2px solid rgba(129,182,58,1); color:#fff; }
#contactForm .closeForm { cursor:pointer; position:absolute; top:10px; right:10px; width:clamp(1.5rem, 0.75vw + 1.35rem, 2.25rem); height:clamp(1.5rem, 0.75vw + 1.35rem, 2.25rem); background-color:rgba(129,182,58,1); border:2px solid #fff; color:#fff; display:inline-flex; align-items:center; justify-content:center; transition:all 0.3s ease; }
#contactForm .closeForm span { display:inline-block; line-height:0; transform-origin:center; }
#contactForm .closeForm:hover { background-color:rgba(255,255,255,1); color:rgba(129,182,58,1); border:2px solid rgba(129,182,58,1);  }
#contactForm.show { animation-name:fadeShow; right:0; top:0; }
#contactForm.hide { animation-name:fadeHide; right:-99999px; top:-99999px; }
#contactForm.start:not(:has(.message.success,.message.error)) { display:none; opacity:0; z-index:0; }
#contactForm.start:has(.message.success,.message.error) { right:0; top:0; }
#contactForm.start:has(.message.success,.message.error) fieldset,
#contactForm.start:has(.message.success,.message.error) .btn-toolbar,
#contactForm.start:has(.message.success,.message.error) .contactFooter { display:none; }
@keyframes submitDots {
	0% { content:""; }
	25% { content:"."; }
	50% { content:".."; }
	75% { content:"..."; }
	100% { content:""; }
}
@keyframes fadeShow {
	0% { opacity:0; display:block; right:0; top:0; }
	1% { opacity:0; display:block; right:0; top:0; }
	100% { opacity:1; display:block; right:0; top:0; }
}
@keyframes fadeHide {
	0% { opacity:1; display:block; right:0; top:0; }
	99% { opacity:0; display:block; right:0; top:0; }
	100% { opacity:0; display:none; right:-99999px; top:-99999px; }
}


/* Menu Container: 2-Column Grid Layout */
/* ==================================== */
.main-menu { background-color:rgba(0,73,32,1); position:absolute; z-index:3; top:0; left:0; width:100%; opacity:0; height:100vh; max-height:100dvh; /*max-height:1080px;*/ transition:transform 0.5s ease, opacity 0.5s ease; overflow:hidden; transform:translateY(-100vh); }
.main-menu.open { /*height:1080px; max-height:100vh;*/ transform:translateY(0); opacity:1; }
.menu-container { display:flex; align-items:center; height:100vh; }
.menu-left,
.menu-right { height:100%; display:flex; align-items:center; justify-content:center; }
.menu-left { flex:0 0 40%; background-color:rgba(0,73,32,1); text-align:center; flex-direction:column; }
.menu-left .logo .logo-white { height:clamp(4.375rem, 3.509vw + 2.664rem, 6.875rem); width:auto; }
.menu-left .tagline { position:relative; width:99%; color:rgba(129,182,58,1); font-size:clamp(2.25rem, 1.404vw + 1.566rem, 3.25rem); letter-spacing:1px; }
.menu-left .tagline sup { /*font-size:20%; vertical-align:super; top:12%;*/ position:absolute; }
.menu-right { flex:1; background-color:rgba(0,64,27,1); overflow-y:auto; overscroll-behavior:none; align-items:start; }
.menu-right .column-container { overflow-x:hidden; column-count:2; column-width:auto; column-gap:clamp(3.75rem, 15.238vw - 6.536rem, 11.75rem); margin-left:4.895vw; margin-top:auto; margin-bottom:auto; padding-bottom:clamp(0.625rem, 0.526vw + 0.368rem, 1rem); }
.menu-right .column-container > div { break-inside:avoid; }
.main-menu a { text-decoration:none; color:#fff; font-family:var(--proxima); font-weight:600; font-size:clamp(1rem, 0.175vw + 0.914rem, 1.125rem); display:block; margin:clamp(0.75rem, 0.446vw + 0.464rem, 1rem) 0; transition:color 0.5s ease; text-transform:uppercase; letter-spacing:clamp(0.39px, 0.0005vw, 0.96px); }
.main-menu a:hover { color:rgba(129,182,58,1); }
.main-menu h2 { color:rgba(129,182,58,1); font-family:var(--stag); font-weight:400; font-size:clamp(1.375rem, 0.526vw + 1.118rem, 1.75rem); padding-bottom:0 !important; }
.menu-left .menu-image { flex:1; width:100%; background-image:URL('../images/navigation-photo.avif'); background-repeat:no-repeat; background-size:cover; background-position:center center; }
.menu-left .menu-brand { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; }


/* Responsive Header Container */
/* ================================ */
.header { position:relative; width:100%; height:auto; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:1920px 1080px; }
.header.content { margin-top:90px; padding:clamp(1.25rem, 3.625vw + 0.525rem, 4.875rem); border-bottom:0; }
.header > video,
.header > #headerimg { position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:0; width:calc(100% + 2px); height:auto; max-height:100vh; max-height:-webkit-fill-available; min-height:100%; min-width:100%; object-fit:cover; overflow:hidden; background-position:top center;background-size:cover; }
.header > video { background-image:none; }
.overlay { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:linear-gradient(rgba(0, 0, 0, /*0.46*/0.5) 0%, rgba(0,0,0,/*0.196*/0.1) 20%, rgba(0,0,0,/*0.196*/0) 50%, rgba(0, 0, 0, /*0.46*/0.6) 100%); }
.overlay h1 { /*white-space:nowrap;*/ position:absolute; bottom:20px; left:50%; transform:translateX(-50%); color:#fff; font-size:clamp(2.625rem, 3.25vw + 1.975rem, 5.875rem); font-family:var(--stag); font-weight:400; letter-spacing:2px; }
.overlay .line { height:2.6vw; opacity:0.5; }
.overlay .line > div { position:relative; left:calc(50% - 1px); width:2px; height:3vw; min-height:35px; background-color:#fff; transform-origin:center; transform:scaleY(0); animation:1.2s linear infinite alternate oscillate; }
@keyframes oscillate { 0% { transform:scaleY(0.5) }, 50% { transform:scaleY(1.5); }, 100% { transform:scaleY(0.5); } }


/* Word Roller Styles */
/* ================== */
.overlay h1 > span { display:contents; height:auto; border:1px solid #f00;}
.word-roller { overflow:clip; line-height:initial !important; outline:1px solid #00f; }
.word-list { display:inline-flex; flex-direction:column; align-items:baseline; }
.word-list .word { line-height:0; opacity:0; display:inline-block; width:100% !important; transform-origin:top; transform:rotateX(90deg); white-space:no-wrap; text-transform:capitalize; letter-spacing:1px; }
.word-list .word.no-animate { transform:rotateX(0deg); opacity:1; }
.word-list .word.active:not(.no-animate) { animation:showWord 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards; }
.word-list .word.exit { animation:hideWord 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards; }
@keyframes hideWord {
	0% { transform:rotateX(0deg); opacity:1; }
	100% { transform:rotateX(90deg); opacity:0; }
}
@keyframes showWord {
	0% { width:0; transform:rotateX(90deg); opacity:0; }
	50% { width:100%; transform:rotateX(90deg); opacity:0; }
	100% { width:100%; transform:rotateX(0deg); opacity:1; }
}


/* Carousel */
/* =============== */
/*global*/

.header .flickity .slide img { display:flex; }
.columns .flickity .flickity-viewport { width:100%; }
.columns .slide > div img { /*transition:transform 0.5s ease-in-out;*/ min-height:100%; min-width:100%; max-width:100%; }
.columns .slide:not(.video).is-selected > div img { transform:scale(112%); transition:transform 3s ease-in-out; }

.slide:not(.is-selected) .video { pointer-events:none; }

.carousel { overflow:hidden; width:100%; position:relative; }
.carousel .slider-track { display:flex; transition:transform 0.5s; }
.carousel .slide { /*aspect-ratio:1;*/ display:flex; align-items:center; justify-content:center; position:relative; padding:1vw; cursor:default; }

.carousel-nav { display:flex; flex-wrap:wrap; line-height:2; justify-content:center; gap:2%; font-family:var(--proxima); text-transform:uppercase; padding:clamp(0.625rem, 0.526vw + 0.368rem, 1rem) 0 !important; }
.carousel-nav a { color:rgb(91,74,66); font-size:clamp(0.875rem, 0.375vw + 0.8rem, 1.25rem); font-family:var(--proxima); font-weight:600; transition:color 0.3s ease; }
.carousel-nav a:hover,
.carousel-nav a.active { color:rgb(129,182,58); }
.carousel-caption { max-width:52.54vw; min-width:320px; /*display:flex; align-items:center; justify-content:center;*/ text-align:center; min-height:clamp(1rem, 1.375vw + 0.725rem, 2.375rem); padding:clamp(0.625rem, 0.526vw + 0.368rem, 1rem) 0; }

.center-stage-carousel { padding:clamp(0.625rem, 0.526vw + 0.368rem, 1rem) 0 !important; }
.center-stage-carousel .slide { max-width:52.54vw; width:100%; padding:0 2vw; display:flex; align-items:center; }
.center-stage-carousel .slide:has(.video) { /*aspect-ratio:57/41;*/ }
.center-stage-carousel .slide > div { transition:transform 0.5s ease-in-out; overflow:hidden; width:100%; height:auto; }
.center-stage-carousel .slide.zoom { padding:initial; }
.center-stage-carousel .slide > div img { transition:transform 0.5s ease-in-out; }
.center-stage-carousel .slide[aria-hidden="true"].zoom > div { transform:scale(87%); }
.center-stage-carousel .slide.is-selected > div { transform:scale(100%); }
.center-stage-carousel .slide.is-selected.zoom > div img { transform:scale(112%); transition:transform 3s ease-in-out; }
.center-stage-carousel .slide > div > img { width:100%; height:auto; }
.center-stage-carousel .slide .button { position:absolute; z-index:999; bottom:10%; left:50%; transform:translateX(-50%); }
.center-stage-carousel .slide .video { /*aspect-ratio:2;*/ position:relative; overflow:hidden; display:flex; }

.video .video_button_overlay { position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; opacity:0.5; }
.video .video_button_overlay:hover { opacity:0.6; }
.video .video_button_overlay.is_playing { display:none; }
.video .video_button_overlay img { height:50%; }

.center-stage-carousel .slide.zoom .video { aspect-ratio:initial; background-color:#002f0b; }
.center-stage-carousel .slide .video video { /*position:absolute; top:50%;*/ width:100%; /*transform:translateY(-50%);*/}
.center-stage-carousel .slide:not(.is-selected) .video video { width:100%; }

/*
.center-stage-carousel .flickity-prev-next-button { background:rgba(255,255,255,0.75) !important; width:clamp(4rem, 1.875vw + 3.625rem, 5.875rem) !important; height:clamp(4rem, 1.875vw + 3.625rem, 5.875rem) !important; box-shadow: -2px 0 5px rgba(0,0,0,0.3); }
.center-stage-carousel .flickity-prev-next-button.next { right:calc(0px - (clamp(4rem, 1.875vw + 3.625rem, 5.875rem)/2)) !important; }
.center-stage-carousel .flickity-prev-next-button.previous { left:calc(0px - (clamp(4rem, 1.875vw + 3.625rem, 5.875rem)/2)) !important; }
.center-stage-carousel .flickity-prev-next-button .flickity-button-icon { fill:rgba(51,51,51,1) !important; width:40% !important; height:25% !important; top:50% !important; transform:translateY(-50%); transition:left 0.3s ease, right 0.3s ease; }
.center-stage-carousel .flickity-prev-next-button.next .flickity-button-icon { left:6% !important;  }
.center-stage-carousel .flickity-prev-next-button.previous .flickity-button-icon { left:unset !important; right:6% !important; }
.center-stage-carousel .flickity-prev-next-button.next:hover .flickity-button-icon { left:9% !important; }
.center-stage-carousel .flickity-prev-next-button.previous:hover .flickity-button-icon { right:9% !important; }
*/
section:not(:has(.panel-carousel)) .flickity-prev-next-button { background:rgba(255,255,255,0.75) !important; width:clamp(4rem, 1.875vw + 3.625rem, 5.875rem) !important; height:clamp(4rem, 1.875vw + 3.625rem, 5.875rem) !important; box-shadow: -2px 0 5px rgba(0,0,0,0.3); }
section:not(:has(.panel-carousel)) .flickity-prev-next-button.next { right:calc(0px - (clamp(4rem, 1.875vw + 3.625rem, 5.875rem)/2)) !important; }
section:not(:has(.panel-carousel)) .flickity-prev-next-button.previous { left:calc(0px - (clamp(4rem, 1.875vw + 3.625rem, 5.875rem)/2)) !important; }
section:not(:has(.panel-carousel)) .flickity-prev-next-button .flickity-button-icon { fill:rgba(51,51,51,1) !important; width:40% !important; height:25% !important; top:50% !important; transform:translateY(-50%); transition:left 0.3s ease, right 0.3s ease; }
section:not(:has(.panel-carousel)) .flickity-prev-next-button.next .flickity-button-icon { left:6% !important;  }
section:not(:has(.panel-carousel)) .flickity-prev-next-button.previous .flickity-button-icon { left:unset !important; right:6% !important; }
section:not(:has(.panel-carousel)) .flickity-prev-next-button.next:hover .flickity-button-icon { left:9% !important; }
section:not(:has(.panel-carousel)) .flickity-prev-next-button.previous:hover .flickity-button-icon { right:9% !important; }

.panel-carousel { display:flex; }
.panel-carousel > div { flex:1; color:#fff; }
.panel-carousel > div:last-of-type { flex:0 0 52.54vw; overflow:hidden; max-width:60%; min-width:60%; }
.panel-carousel > div:last-of-type img { max-width:100%; height:auto; min-width:100%; min-height:100%; }
.panel-carousel > div:first-of-type { background-color:rgb(0,47,11); padding:clamp(3.375rem, 5.006vw - 0.007rem, 6rem); }
.panel-carousel hr { border:0; height:1px; background-color:#fff; }
.panel-carousel .flickity-enabled,
.panel-carousel .flickity-viewport { height:100%; }

.panel-carousel .flickity-prev-next-button { background-color:rgba(129,182,58,1); border-radius:0; border:2px solid rgba(129,182,58,1); color:#fff; letter-spacing:1px; text-align:center; transition:color 0.3s ease; text-transform:uppercase; padding:10px 14px; font-family:var(--proxima); font-weight:600; font-size:clamp(0.875rem, 0.351vw + 0.704rem, 1.125rem); transition:background-color 0.3s ease, color 0.3s ease, text-shadow 0.3s ease; right:initial !important; left:0 !important; top:initial; bottom:-80px; width:auto; height:auto; }
.panel-carousel > div:first-of-type { padding-top: calc(clamp(3.375rem, 5.006vw - 0.007rem, 6rem) - clamp(0.625rem, 0.526vw + 0.368rem, 1rem) ) !important; padding-bottom:calc(clamp(3.375rem, 5.006vw - 0.007rem, 6rem) + 44px) !important; }
.panel-carousel .flickity-prev-next-button:hover { background-color:rgba(255,255,255,1); color:rgba(129,182,58,1); }
.panel-carousel .flickity-button:disabled { display:none; }
.panel-carousel .flickity-button.previous svg,
.panel-carousel .flickity-button.next svg { max-width:clamp(0.875rem, 0.351vw + 0.704rem, 1.125rem); max-height:clamp(0.875rem, 0.351vw + 0.704rem, 1.125rem); position:relative; top:3px; left:0; /*display:none;*/ }
.panel-carousel .flickity-button.previous:after { content:'How It Works'; display:inline-block; }
.panel-carousel .flickity-button.next:before { content:'Why It Matters'; display:inline-block; }

.column-carousel {  }
.column-carousel .flickity .slide { display:flex; width:100%; padding-top:clamp(1.25rem, 3.625vw + 0.525rem, 4.875rem); }
.column-carousel .flickity .slide > div { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.column-carousel .flickity .slide > div .column-content { text-wrap:initial; width:clamp(16.875rem, 24.211vw + 5.072rem, 34.125rem); }
.column-carousel .flickity .slide picture { flex:0 0 clamp(29rem, 59.35vw + 0.03rem, 71.25rem); max-width:100%; width:59.38vw; height:42.71vw; max-height:820px; position:relative; overflow:hidden; background-image:none; }
.column-carousel .flickity .slide picture img { height:100%; }

section:has(> .tour-carousel) > *:not(.tour-carousel) { max-width:40%; }
.tour-carousel { display:flex; margin-bottom:-8vw; }
.tour-nav { flex:1; max-width:35%; margin-right:5%; height:fit-content; border-bottom:1px solid rgb(91,74,66); }
.tour-nav a { position:relative; color:rgb(91,74,66); display:block; touch-action:pan-y; }
.tour-nav a > span { display:block; }
.tour-nav a > span:not(.tagline) { height:auto; /*max-height:0;*/ overflow:hidden; padding-bottom:clamp(0.625rem, 0.526vw + 0.368rem, 1rem) !important; transition:max-height 0.3s ease; }
.tour-nav a > span:not(.tagline) p { padding-bottom:0 !important; }
.tour-nav a.active > span:not(.tagline) { /*max-height:200px;*/ transition:max-height 0.6s ease; }
.tour-nav a:not(.active) > span:not(.tagline) { max-height:0 !important; }
.tour-nav a > span.tagline { border-top:1px solid rgb(91,74,66); padding-top:clamp(0.625rem, 0.526vw + 0.368rem, 1rem) !important; }
.tour-nav img { display:none; max-width:100%; max-height:55vh; }
.tour-gallery { flex:1; position:relative; bottom:clamp(4.875rem, 8.085vw - 0.077rem, 9.625rem); }
.tour-gallery .flickity-button { display:none; }

.tour-nav a:after { content:''; display:block; position:absolute; right:0; width:10px; height:10px; border-top:1px solid rgb(129,182,58); border-right:1px solid rgb(129,182,58); top:calc(clamp(0.875rem, 0.375vw + 0.8rem, 1.25rem) - 2px); transform:rotate(135deg); transform-origin:center; transition:all 0.3s ease; }
.tour-nav a.active:after { opacity:0; /*transform:rotate(-45deg); transition:all 0.3s ease;*/ }

.video-caption .controls,
.video-caption .controls span { width:clamp(1.5rem, 0.75vw + 1.35rem, 2.25rem); height:clamp(1.5rem, 0.75vw + 1.35rem, 2.25rem); display:inline-block; margin-right:10px; }
.video-caption .controls { position:relative; inline-block; }
.video-caption .controls.play span.play,
.video-caption .controls.pause span.pause,
.video-caption .controls.unmute span.mute,
.video-caption .controls.mute span.unmute { position:absolute; left:0; z-index:1; visibility:hidden; display:block; }
.video-caption .controls.pause span.play,
.video-caption .controls.unmute span.unmute { visibility:visible; }
.video-caption .controls span img { width:100%; height:auto; transform:none !important; transition:none !important; }
.slide:not(.is-selected) .video-caption .controls.play span.play { visibility:visible; }
.slide:not(.is-selected) .video-caption .controls.play span.pause { display:none; }

.flickity-page-dots { display:none; }
.flickity-page-dots .dot { background:#82b73a !important; transition:opacity 0.3s ease; }
.show-pager .flickity-page-dots { display:block; }

.video-caption { color:rgb(91,74,66); padding:10px 0; bottom:0; width:100%; }
video[poster] { object-fit:cover; }

/*
//social carousel
.instafeed { position:relative; padding-top:clamp(0.625rem, 0.526vw + 0.368rem, 1rem); }
.eapps-instagram-feed { position:relative !important; }
.insta-container > div { z-index:0; }
.eapps-instagram-feed:after { content:''; position:absolute; display:block; background-color:#f8f8f8; height:52px; width:100%; z-index:999999; bottom:0; left:0; }
.insta-container .es-header-user-username { max-width:clamp(17.5rem, 72.5vw + 3rem, 90rem); margin:0 auto; font-size:clamp(1.125rem, 0.875vw + 0.95rem, 2rem); font-weight:300; padding:0 clamp(0rem, 3.75vw - 0.75rem, 3.75rem); }
*/

/* FAQ Styles */
.faq { border-bottom:1px solid rgb(91,74,66); }
.faq .qa { border-top:1px solid rgb(91,74,66); padding:10px 0; padding-right:20px; position:relative; }
.faq .qa:hover { cursor:pointer; }
.faq .qa:after { content:''; display:block; position:absolute; right:0; width:10px; height:10px; border-top:1px solid rgb(129,182,58); border-right:1px solid rgb(129,182,58); top:13px; transform:rotate(135deg); transform-origin:center; transition:all 0.3s ease; }
.faq .qa.active:after { transform:rotate(-45deg); transition:all 0.3s ease; }
.faq .qa .question { font-family:var(--proxima); font-weight:600; }
.faq .qa .answer { max-height:0; overflow:hidden; transition:max-height 0.3s ease; }
.faq .qa.active .answer { max-height:1000px; transition:max-height 0.6s ease; }


/* Blog Styles */
/* *********** */
.bloglist { display:grid; grid-template-columns:repeat(3, 1fr); gap:clamp(1rem, 2.143vw - 0.071rem, 2.5rem); }
.bloglist h4 { padding-top:2vw; text-transform:capitalize; }
.content.blog { padding:5% 20% 0; }
.section.blog { padding:5% 20%; }


/* Footer Styles */
/* ============= */
footer { padding:clamp(1.25rem, 3.625vw + 0.525rem, 4.875rem); padding-bottom:1vw; background-color:rgba(0,64,27,1); color:#fff; padding-left:clamp(1.25rem, 6.48vw - 2.902rem, 4.875rem); padding-right:clamp(1.25rem, 6.48vw - 2.902rem, 4.875rem); }
.footer { display:flex; justify-content:space-between; }
.footer > div { flex:0 0 auto; max-width:25%; }
.footer p { padding:0 !important; }
.footer .brand { text-align:center; flex:0; }
.footer .logo .logo-white { height:100%; width:auto; max-height:clamp(2.5rem, 1.875vw + 2.125rem, 4.375rem); line-height:0; }
.footer .tagline { position:relative; width:99%; font-size:clamp(1.125rem, 1.228vw + 0.339rem, 1.813rem); font-weight:300; letter-spacing:1px; }
.footer .tagline.lime { font-weight:initial; }
.footer .tagline sup { position:absolute; }
.footer .social {  }
.footer .social .icon { display:inline-flex; align-items:center; justify-content:center; background-color:rgb(129,182,58); border-radius:50%; width:clamp(2rem, 1vw + 1.8rem, 3rem); aspect-ratio:1; }
.footer .social .icon span { display:inline-block; width:50%; aspect-ratio:1; background-size:contain; background-position:center center; background-repeat:no-repeat; }
.footer .social .icon.fb span { background-image:URL('../images/icon_fb.svg'); }
.footer .social .icon.ig span { background-image:URL('../images/icon_ig.svg'); }
.footer .menu { display:flex; flex-direction:column; justify-content:space-evenly; gap:8px; }
.footer .menu a { flex:1; color:#fff; font-family:var(--proxima); font-weight:400; font-size:clamp(1.125rem, 0.446vw + 0.839rem, 1.375rem); text-transform:uppercase; }
footer .copyright { padding-top:2vw; font-size:14px; font-family:var(--proxima); font-weight:400; }

.footer .location > p { display:flex; text-wrap:auto; }
.footer .location .pin { padding-right:10px; }
.footer .location .pin a {  }
.footer .location .pin a img { width:clamp(1.75rem, 0.893vw + 1.179rem, 2.25rem); }
.footer .location .address { max-width:35vw; max-width:350px; }


/* Responsive Breakpoints */
/* ====================== */

/* 480px – 779px */
/* ===================== */
@media screen and (min-width:480px) {
	header, main, footer {  }
}
@media screen and (max-width:480px) {
	#contactForm { margin:0 !important; box-shadow:none; width:100%; max-width:100vw; height:100vh; max-height:100vh; }
}

/* 640px and under */
/* ======================== */
@media screen and (max-width:640px) {
	/* navigation mobil styles */
	.hamburger-link { max-width:48px; max-height:48px; }
	.nav-link { display:none; }
	.nav-link:not(.button) { padding:0; display:inline-block; opacity:0; transition:opacity 0s ease; transition-delay:0s; transform:translateY(-300%); }
	.nav-link.button.clone { display:inline-block; }
	.open-menu .nav-link:not(.button) { transform:translateY(0); opacity:1; transition:opacity 0.5s ease; transition-delay:0.5s; }
	.nav-center .logo-link { left:auto; right:4vw; transform:translate(0,-50%); max-width:clamp(12rem, 20vw + 8rem, 16rem); }
	.navbar-container.open-menu .logo-link { display:none; }
}

/* 770px and under */
/* ======================== */
@media screen and (orientation:portrait) and (max-width:640px) {
	/* menu layout */
	.navbar-container { transition:background-color 0.5s ease; }
	.navbar-container.open-menu { position:relative; background-color:rgba(0,64,27,1); z-index:inherit; }
	.main-menu.open { max-height:100dvh; }
	.main-menu h2 { display:flex; justify-content:space-between; align-items:center; cursor:pointer; }
	.main-menu .show h2 { padding-bottom:0; }
	.main-menu .column-right > div:has(.dropdown) h2::after,
	.main-menu .column-left > div:has(.dropdown) h2::after { content:''; width:24px; height:24px; transform:rotate(0deg); transition:transform 0.05s ease; display:inline-block; color:#fff; cursor:pointer; background-size:contain; background: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20960%20560%22%20enable-background%3D%22new%200%200%20960%20560%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M480%2C344.181L268.869%2C131.889c-15.756-15.859-41.3-15.859-57.054%2C0c-15.754%2C15.857-15.754%2C41.57%2C0%2C57.431l237.632%2C238.937%20c8.395%2C8.451%2C19.562%2C12.254%2C30.553%2C11.698c10.993%2C0.556%2C22.159-3.247%2C30.555-11.698l237.631-238.937%20c15.756-15.86%2C15.756-41.571%2C0-57.431s-41.299-15.859-57.051%2C0L480%2C344.181z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center; }
	.main-menu div.show:has(.dropdown) h2::after { transform:rotate(180deg); }
	.main-menu h2 a { font-size:18px; }
	.main-menu a { font-size:15px; font-weight:400; }
	.main-menu .menu-left { display:none; }
	.main-menu .menu-right { /*overflow-y:auto; overscroll-behavior:none;*/ display:block; padding:90px 0 0 !important; scroll-margin-top:90px; min-height:100dvh; text-align:center; }
	.main-menu .menu-right .column-container { column-count:1; text-align:initial; margin:0 4vw; border-bottom:1px solid #467c5e; }
	.main-menu .menu-right .column-container > div { border-top:1px solid #467c5e; width:100%; padding:16px 0; transition:padding 0.5s ease; }
	.main-menu .menu-right .column-container .dropdown { height:0; overflow:hidden; transition:height 0.5s ease; }
	.main-menu .menu-right .show { padding-bottom:0; }

}

@media screen and (min-width:641px) {
	.main-menu .dropdown { height:initial !important; overflow:initial; transition:none; }
}

/* 780px and up */
/* ===================== */
@media screen and (min-width:780px) {
}


@media screen and (max-width:1024px) {
	footer { padding:0; }
	.footer { flex-wrap:wrap; }
	.footer > div { flex:1 !important; max-width:initial !important; order:1; padding:1vw clamp(1.25rem, 3.625vw + 0.525rem, 4.875rem); }
	.footer > div.careers { flex:0 0 100% !important; order:0; background-color:rgba(0,73,32,1); text-align:center; padding:6vw clamp(1.25rem, 3.625vw + 0.525rem, 4.875rem); }
	.footer > div.brand { padding-top:6vw; padding-bottom:3vw; flex:0 0 100% !important; }
	.footer .brand { display:flex; }
	.footer .brand > div { text-align:left; flex:1; }
	.footer .brand > div:first-child { flex:0 0 61%; }
	.footer .brand > div:last-child p { width:0; }
	.footer .logo .logo-white { max-height:clamp(2.5rem, 4.972vw + 1.506rem, 4.688rem); }
	.footer .tagline { font-size:clamp(1.375rem, 1.42vw + 1.091rem, 2rem); width:initial; }
	.footer .tagline p { display:inline-block; }
	.footer .tagline p:after { content:' '; display:inline-block; padding-left:0.75vw; white-space:pre; }
	.footer .location { padding-right:0; flex:0 0 60% !important; }
	.footer .menu { padding-left:0; }
	footer .copyright { padding:clamp(1.25rem, 3.625vw + 0.525rem, 4.875rem); }
	.carousel-nav { display:none; }
}

@media screen and (max-width:641px) {
	.footer .careers { padding-top:30px !important; padding-bottom:30px !important; }
	.footer .brand { display:block; padding-top:30px !important; padding-bottom:0 !important; }
	.footer .brand > div,
	footer .copyright { text-align:center; }
	.footer .location { text-align:center; flex:0 0 100% !important; padding:0 clamp(1.25rem, 3.625vw + 0.525rem, 4.875rem); padding-top:30px !important; }
	.footer .menu { text-align:center; flex:0 0 100% !important; padding:0 clamp(1.25rem, 3.625vw + 0.525rem, 4.875rem); 8vw; padding-top:30px !important; }
.footer .location > p { justify-content:center; }
	.footer .location > p .address { text-align:left; width:fit-content; max-width:200px; }
	footer .copyright { padding-top:30px !important; padding-bottom:30px !important; }
}


/* 1024 and under in landscape orientation */
/* ======================================= */
@media screen and (orientation:landscape) and (max-width:1024px) {
	.navbar-container.open-menu { position:relative; background-color:rgba(0,64,27,1); z-index:inherit; }
	.main-menu.open .menu-container { flex-direction:column; }
	.main-menu .menu-left { display:none; }
	.main-menu .menu-right { align-items:start; padding:90px 0 0 !important; scroll-margin-top:90px; min-height:100dvh; width:100%; }
	.main-menu .menu-right .column-container { column-count:3; padding:4vw 0; margin-bottom:12vw; }
	.main-menu .menu-right .column-left,
	.main-menu .menu-right .column-right { display:contents; }
	.main-menu .menu-right .column-left > div,
	.main-menu .menu-right .column-right > div { break-inside:avoid; }
	.nav-link.button.clone { display:none; }
}

/* 1080 and under */
/* ============== */
@media screen and (max-width:1080px) {
	section:has(.panel-carousel) { padding-left:0; padding-right:0; }
	.panel-carousel { flex-direction:column; }
	.panel-carousel > div:first-of-type { order:2; padding:clamp(0.75rem, 2.632vw + 0.224rem, 2rem) clamp(2.375rem, 2.105vw + 1.954rem, 3.375rem); padding-bottom:clamp(1.875rem, 3.947vw + 1.086rem, 3.75rem); }
	.panel-carousel > div:last-of-type { max-width:100%; min-width:0; }
	/*.panel-carousel .flickity-prev-next-button { bottom:clamp(-3.5rem, -1.316vw - 2.237rem, -3.125rem); }*/
	.menu-left .menu-image { display:none; }
	.column-carousel .flickity .slide { flex-direction:column; }
	.column-carousel .flickity .slide > div { order:2; }
	.column-carousel .flickity .slide > div .column-content { width:100%; Padding:clamp(1.25rem, 3.625vw + 0.525rem, 4.875rem); padding-bottom:0; height:auto !important; }
	.column-carousel .flickity .slide picture { width:100%; }
	.column-carousel .flickity .slide picture img { width:100%; height:auto; }
	.column-carousel .flickity .flickity-prev-next-button { top:34svw; transform:none; }

}
@media screen and (min-width:1081px) {
	.panel-carousel .flickity-viewport { /*height:100% !important;*/ top:50%; transform:translateY(-50%); }
}

@media screen and (max-height:500px) and (orientation:landscape) {
	.menu-left .menu-image { display:none; }
}

/* 1080 and under in portrait orientation */
/* ====================================== */
@media screen and (orientation:portrait) and (max-width:1080px) {

	/* navigation tablet styles */
	.navbar-container .nav-right { flex-direction:column; transform:translateY(27%); align-items:end; padding-right:20px; }
	.navbar-container .nav-link:not(.button) { padding-right:0; }
	.navbar-container .nav-link.button { opacity:0; transition:opacity 0s ease; transition-delay:0s; transform:translateY(-300%); }
	.navbar-container.open-menu .nav-right { z-index:4; }
	.navbar-container.open-menu .nav-link:not(.button) { color:#fff !important; /*animation:menuFadeInOutIn 1s ease-in-out forwards;*/ }
	.navbar-container.open-menu .nav-link.button { transform:translateY(0); opacity:1; transition:opacity 0.5s ease; transition-delay:0.5s; }
	@keyframes menuFadeInOutIn {
		0% { opacity:1; }
		50% { opacity:0; }
		100% { opacity:1; }
	}

	/* menu layout */
	.main-menu.open .menu-container { flex-direction:column; }
	.main-menu.open .menu-left { flex:0; text-align:left; padding:15px 0 30px; align-self:start; white-space:nowrap; position:relative; left:12%; }
	.main-menu.open .menu-left .logo-white { max-height:70px; }
	.main-menu.open .menu-left .tagline { position:relative; left:3%; font-size:28px; }
	.main-menu.open .menu-left .tagline > span::after { content:'\00a0'; display:inline-block; }
	.main-menu.open .menu-right { width:100%; padding-top:14px; align-items:center; /*justify-content:start;*/ }
	.main-menu .column-container { column-gap:clamp(3.75rem, 29.091vw - 7.886rem, 11.75rem); }
}


/* 1024 and up */
/* ==================== */
@media screen and (orientation: landscape) and (max-width:1024px) {
	.navbar-container .nav-link.button { display:none; }
	.navbar-container.open-menu .nav-link:not(.button) { color:#fff !important; }
	.navbar.white .navbar-container.open-menu .nav-center .logo-white { opacity:1; }
	.navbar.white .navbar-container.open-menu .nav-center .logo-colored { opacity:0; }

}
@media screen and (max-width:1024px) {
	section.copy-left,
	section.copy-right { padding:clamp(1.25rem, 3.625vw + 0.525rem, 4.875rem) 0; }
	section.copy-left .section-container .flickity,
	section.copy-right .section-container .flickity { flex:0 !important; }
	section.copy-left .section-container > div,
	section.copy-right .section-container > div { order:2; width:100% !important; height:auto !important; }
/*	section.copy-right .section-container > div:first-of-type { padding:0; } */
	section.copy-left .section-container.columns .slide > div img,
	section.copy-right .section-container.columns .slide > div img { min-height:initial; width:100%; height:auto; }
	section.copy-left .section-container .video,
	section.copy-right .section-container .video { width:100%; height:auto; max-height:60vw; aspect-ratio:16/9; }
	section.copy-right .section-container picture { order1; }
	.section-container { display:flex; flex-wrap:wrap; flex-direction:column !important; }
	.section-container picture { flex:1; width:auto; }
	.section-container picture > img { width:100%; height:auto; }
	.section-container > div { padding:clamp(1.25rem, 3.625vw + 0.525rem, 4.875rem); padding-bottom:0; flex:1; /*min-width:300px;*/ display:flex; flex-direction:column !important; align-items:start; justify-content:center; }
	.section-container > div > div { text-wrap:initial; width:auto; }
	.section-container > div.flickity,
	.section-container > div.map { padding-left:0; padding-right:0; }
	.section-container .map-embed { width:100%; flex:none; height:auto; aspect-ratio:202.125/145.3925; }

.center-stage-carousel .flickity-prev-next-button { background:rgba(255,255,255,0.75)/*rgb(8,47,9)*/ !important; width:clamp(4rem, 1.875vw + 3.625rem, 5.875rem) !important; height:clamp(4rem, 1.875vw + 3.625rem, 5.875rem) !important; box-shadow: -2px 0 5px rgba(0,0,0,0.3); }
.center-stage-carousel .flickity-prev-next-button.next { right:calc(0px - (clamp(4rem, 1.875vw + 3.625rem, 5.875rem)/2)) !important; }
.center-stage-carousel .flickity-prev-next-button.previous { left:calc(0px - (clamp(4rem, 1.875vw + 3.625rem, 5.875rem)/2)) !important; }
.center-stage-carousel .flickity-prev-next-button .flickity-button-icon { fill:rgba(51,51,51,1) !important; width:40% !important; height:25% !important; top:50% !important; transform:translateY(-50%); transition:left 0.3s ease, right 0.3s ease; }
.center-stage-carousel .flickity-prev-next-button.next .flickity-button-icon { left:6% !important;  }
.center-stage-carousel .flickity-prev-next-button.previous .flickity-button-icon { left:unset !important; right:6% !important; }
.center-stage-carousel .flickity-prev-next-button.next:hover .flickity-button-icon { left:9% !important; }
.center-stage-carousel .flickity-prev-next-button.previous:hover .flickity-button-icon { right:9% !important; }

}

@media screen and (orientation: landscape) and (max-height: 1079px) {
	.header,
	.main-menu { height:auto; /* aspect-ratio:16/9; */ }
	.main-menu { min-height:100vh; }
}

@media screen and (max-width:1180px) {
	section:has(> .tour-carousel) > *:not(.tour-carousel) { max-width:100%; text-align:center; }
	.tour-carousel { margin-bottom:0; }
	.tour-nav { max-width:100%; margin-right:0; text-align:center; }
	.tour-nav img { display:inline; padding:10px 20px 20px; }
	.tour-gallery { display:none; }
	.rating-list .row { grid-template-columns:1fr; }
}

@media screen and (max-width:980px) {
	.center-stage-carousel .slide { max-width:100svw !important; width:100% !important; }
	.center-stage-carousel .slide .video-caption > div { flex:0 0 100% !important; text-align:center; }
	.content.blog { padding:0; }
	.section.blog { padding:5%; }
	section[style*="padding-left"]:not(:has(.flickity,.instafeed)),
	header.content[style*="padding-left"] { padding-left:clamp(1.25rem, 3.625vw + 0.525rem, 4.875rem) !important; }
	section[style*="padding-right"]:not(:has(.flickity,.instafeed)),
	header.content[style*="padding-right"] { padding-right:clamp(1.25rem, 3.625vw + 0.525rem, 4.875rem) !important; }
	.center-stage-carousel .slide { max-width:100svw !important; padding:0 !important; }
}

@media screen and (max-width:800px) {
	.rating-list .fullReview.show { max-width:90%; max-height:none; }
	.bloglist { grid-template-columns:repeat(1,1fr); }
}


@media screen and (max-width:641px ) {
	.carousel-caption { max-width:80svw; min-width:initial; }
	.center-stage-carousel .slide { max-width:100svw !important; padding:0 !important; }
	.center-stage-carousel .slide .video-caption { text-align:center; display:block !important; }
	.section-container > div.flickity { padding-left:0; padding-right:0; }
	section div[style*="column-count"] { column-count:1 !important; }
	section:has(div[style*="column-count"]) { text-align:center; }
}

@media screen and (max-width:720px) {
	header .overlay h1 { text-align:center; }
}

