/* * Luz Quarter styles. * * Part 1 is the old WordPress theme's CSS (wp-content/themes/luzquarter: css/style.css plus the * hero-block, products-view-block and contact-us-block block styles), cut down to the components * this site uses and kept as minified upstream so pages look the same as before. Prefer not to * edit it; override in part 2 instead. * * Part 2, at the end, is ours: pages and states the old site didn't have. */ body{margin:0} main{display:block} h1{font-size:2em;margin:.67em 0} hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible} a{background-color:transparent} b,strong{font-weight:700} small{font-size:80%} img{border-style:none} button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0} button,input{overflow:visible} button,select{text-transform:none} button,[type=button],[type=reset],[type=submit]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto} textarea{overflow:auto} html{-webkit-box-sizing:border-box;box-sizing:border-box} :root{--font-primary: "Cormorant Garamond", serif;--font-secondary: "Montserrat", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Source Code Pro", monaco, consolas, "Courier New", monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-base: 1rem;--font-size-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--font-size-3xl: clamp(2rem, 1.625rem + 1.875vw, 3rem);--font-size-4xl: clamp(2.25rem, 1.9rem + 1.75vw, 3rem);--font-size-5xl: clamp(3rem, 2.5rem + 2.5vw, 4rem);--font-size-6xl: clamp(3.75rem, 3rem + 3.75vw, 5rem);--line-height-tight: 1.1;--line-height-snug: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--letter-spacing-tight: -.05em;--letter-spacing-normal: 0em;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--header-nav-font-weight: var(--font-weight-regular);--header-nav-font-size: .9375rem;--header-nav-line-height: 1.5;--header-nav-letter-spacing: .01em;--mobile-nav-font-weight: var(--font-weight-regular);--mobile-nav-font-size: 1rem;--mobile-nav-line-height: 1.5;--mobile-nav-letter-spacing: .01em} :root{--h1-size: var(--font-size-4xl);--h1-weight: var(--font-weight-medium);--h1-line-height: var(--line-height-tight);--h1-letter-spacing: var(--letter-spacing-tight);--h2-size: var(--font-size-3xl);--h2-weight: var(--font-weight-medium);--h2-line-height: var(--line-height-snug);--h2-letter-spacing: var(--letter-spacing-tight);--h3-size: var(--font-size-2xl);--h3-weight: var(--font-weight-medium);--h3-line-height: var(--line-height-snug);--h3-letter-spacing: var(--letter-spacing-normal);--h4-size: var(--font-size-xl);--h4-weight: var(--font-weight-medium);--h4-line-height: var(--line-height-normal);--h4-letter-spacing: var(--letter-spacing-normal);--h5-size: var(--font-size-lg);--h5-weight: var(--font-weight-medium);--h5-line-height: var(--line-height-normal);--h5-letter-spacing: var(--letter-spacing-normal);--h6-size: var(--font-size-base);--h6-weight: var(--font-weight-medium);--h6-line-height: var(--line-height-normal);--h6-letter-spacing: var(--letter-spacing-wide)} :root{--color-primary: #0A4B6E;--color-accent: #C9A86A;--color-highlight: #F8BB77;--color-text-primary: #6B6B6B;--color-heading: #2C2C2C;--color-text-dark: #364153;--color-text-secondary: #6B6B6B;--color-text-light: #98A2B3;--color-text-inverse: #FFF;--color-bg-primary: #FFF;--color-bg-secondary: #E6F2FF;--color-bg-light: #E6F2FF;--color-bg-card: #E6F2FF;--color-bg-screen: #E6F2FF;--color-bg-pre: #E6F2FF;--color-bg-ins: #E6F2FF;--color-bg-dark: #364153;--color-bg-hr: #E5E7EB;--color-text-input: var(--color-heading);--color-text-input-focus: var(--color-black);--color-link: var(--color-primary);--color-link-visited: var(--color-text-primary);--color-link-hover: var(--color-primary);--color-btn-primary: var(--color-primary);--color-btn-text: #FFF;--color-btn-hover: #083d5a;--color-border-light: #E5E7EB;--color-border-medium: #D1D5DB;--color-border-dark: #6B7280;--color-border-button: var(--color-primary);--color-border-button-hover: var(--color-primary);--color-border-button-focus: var(--color-primary);--color-border-input: #E5E7EB;--color-border-abbr: var(--color-heading);--color-success: #4A9B7F;--color-error: #B85C5C;--color-warning: var(--color-highlight);--color-header-bg: var(--color-bg-dark);--color-header-text: #FFF;--color-header-text-light: rgb(255 255 255 / 80%);--color-header-bg-light: #4a5a6b;--color-header-overlay: rgb(255 255 255 / 10%);--color-header-overlay-light: rgb(255 255 255 / 5%);--color-footer-text: var(--color-text-primary);--color-footer-text-dark: var(--color-heading);--color-footer-text-light: var(--color-text-light);--color-footer-border: #E5E7EB;--color-footer-bg-light: #E6F2FF;--color-screen-reader-bg: #f1f1f1;--color-screen-reader-text: #21759b;--color-shadow-text: rgb(0 0 0 / 25%);--color-shadow-black: rgb(0 0 0 / 60%);--color-shadow-primary: rgb(10 75 110 / 20%);--color-white-10: rgb(255 255 255 / 10%);--color-black: #000;--color-white: #FFF} :root{--spacing-0: 0rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7-5: 1.875rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--spacing-40: 10rem;--spacing-48: 12rem;--spacing-56: 14rem;--spacing-64: 16rem} html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1rem;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%} *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} *,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit} body{font-family:var(--font-primary);margin:0;padding:0} .container{width:100%;max-width:75rem;margin-left:auto;margin-right:auto;padding:0 1rem} @media screen and (min-width:48rem){.container{padding:0 2rem}} h1,h2,h3,h4,h5,h6,.is-style-header1,.is-style-header2,.is-style-header3,.is-style-header4,.is-style-header5,.is-style-header6{font-family:Cormorant Garamond,serif;color:var(--color-heading);clear:both;line-height:1.2;font-weight:500;margin-top:0;margin-bottom:16px} h1,.is-style-header1{font-size:30px} @media screen and (min-width:450px){h1,.is-style-header1{font-size:calc(30px + 18 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){h1,.is-style-header1{font-size:48px}} h2,.is-style-header2{font-size:24px} @media screen and (min-width:450px){h2,.is-style-header2{font-size:calc(24px + 6 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){h2,.is-style-header2{font-size:30px}} h3,.is-style-header3{font-size:20px} @media screen and (min-width:450px){h3,.is-style-header3{font-size:calc(20px + 4 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){h3,.is-style-header3{font-size:24px}} h4,.is-style-header4{font-size:18px} @media screen and (min-width:450px){h4,.is-style-header4{font-size:calc(18px + 2 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){h4,.is-style-header4{font-size:20px}} h5,.is-style-header5{font-size:18px} @media screen and (min-width:450px){h5,.is-style-header5{font-size:calc(18px + 2 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){h5,.is-style-header5{font-size:20px}} h6,.is-style-header6{font-size:18px} @media screen and (min-width:450px){h6,.is-style-header6{font-size:calc(18px + 2 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){h6,.is-style-header6{font-size:20px}} p{font-weight:400;line-height:1.44;margin-top:0;font-size:1rem;margin-bottom:1.5rem} body,button,input,select,optgroup,textarea{font-family:Montserrat,-apple-system,blinkmacsystemfont,Segoe UI,roboto,sans-serif;font-size:1rem;color:var(--color-text-primary);line-height:var(--line-height-normal)} ul,ol{margin:0 0 1.5em 3em} ul,ol{list-style:none} img{height:auto;max-width:100%} figure{margin:1em 0} a{color:#0a4b6e} a:hover,a:focus,a:active{color:#0a4b6e} a:hover,a:focus,a:active{outline:0} button,input[type=button],input[type=reset],input[type=submit]{border:.0625rem solid #0A4B6E;border-radius:.1875rem;background:#0a4b6e;color:var(--color-btn-text);line-height:1;padding:.6em 1em .4em} input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],textarea{width:100%;padding:.725rem 1rem;border:.514px solid #E0E0E0;border-radius:10px;font-size:.875rem;line-height:1;color:#2c2c2c;background:#fff;-webkit-transition:border-color .2s ease;transition:border-color .2s ease;outline:none} textarea{min-height:140px;resize:vertical} select{width:100%;padding:.725rem 1rem;border:.514px solid #E0E0E0;border-radius:10px;font-size:.875rem;line-height:1;color:#2c2c2c;background:#fff;font-family:inherit;-webkit-transition:border-color .2s ease;transition:border-color .2s ease;outline:none} label{color:#2c2c2c;font-size:.875rem;font-weight:400;margin:0;display:block} .screen-reader-text{border:0;clip:rect(.0625rem,.0625rem,.0625rem,.0625rem);clip-path:inset(50%);height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute!important;width:.0625rem;overflow-wrap:normal!important} .screen-reader-text:focus{background-color:var(--color-screen-reader-bg);border-radius:.1875rem;-webkit-box-shadow:0 0 .125rem .125rem var(--color-shadow-black);box-shadow:0 0 .125rem .125rem var(--color-shadow-black);clip:auto!important;clip-path:none;color:var(--color-screen-reader-text);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:auto;left:.3125rem;line-height:var(--line-height-normal);padding:.9375rem 1.4375rem .875rem;text-decoration:none;top:.3125rem;width:auto;z-index:100000} p{margin:0 0 1.5rem;font-size:var(--font-size-base);line-height:1.62} small,.small{font-size:var(--font-size-sm);line-height:var(--line-height-normal)} a{color:var(--color-primary);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration:none} a:hover,a:focus{color:var(--color-btn-hover)} ul,ol{margin:0 0 1.5rem 1.5rem;padding:0} li{margin-bottom:.5rem} .header{position:absolute;top:1rem;left:0;right:0;width:100%;z-index:1000;background:transparent} @media screen and (min-width:62rem){.header{top:1.5rem}} .header__container{padding:.25rem 1rem;max-width:86rem} .header__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1.5rem} .header__logo{position:relative;z-index:9999;-ms-flex-negative:0;flex-shrink:0} .header__logo a{display:block;text-decoration:none} .header__logo-svg{display:block;height:auto;width:auto;max-height:2rem} .header__logo-svg--mobile{display:block} @media screen and (min-width:48rem){.header__logo-svg--mobile{display:none}} .header__logo-svg--desktop{display:none} @media screen and (min-width:48rem){.header__logo-svg--desktop{display:block}} .header__nav{display:none} @media screen and (min-width:48rem){.header__nav{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;position:absolute;left:0;right:0;margin:auto}} .header__nav--mobile{display:block;padding:1rem 1rem 1.25rem;background:#f9f7f4;border-radius:.625rem;border:1px solid #f9f7f4} @media screen and (min-width:48rem){.header__nav--mobile{display:none}} .header__nav-menu{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} @media screen and (min-width:48rem){.header__nav-menu{gap:2rem}} .header__nav-menu--mobile{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.75rem} .header__nav-menu li{margin:0} .header__nav-menu a{color:#6b6b6b;text-decoration:none;text-transform:uppercase;-webkit-transition:color .3s ease;transition:color .3s ease;display:block;font-size:.875rem} .header__nav-menu a:hover,.header__nav-menu a:focus{color:#c9a86a} .header__nav-menu--mobile li{width:100%} .header__nav-menu--mobile a{font-size:.875rem;color:#6b6b6b;padding:.5rem .75rem;font-weight:500;line-height:1.42} .header__social{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;position:relative;z-index:1} @media screen and (min-width:48rem){.header__social{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}} .header__social-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;border:.7px solid #fff;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;-ms-flex-negative:0;flex-shrink:0;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a} .header__social-link:hover,.header__social-link:focus{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.3);box-shadow:0 1px 3px #0000004d} @media screen and (min-width:62rem){.header__social-link:noth(.header__social-link--whatsapp) svg path{stroke:#364153}} .header__social-icon{width:1rem;height:1rem} .header__menu-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;cursor:pointer;position:relative;z-index:1001;background:#f9f7f4;border-radius:100%;color:#364153;border:.514px solid rgba(255,255,255,.2)} @media screen and (min-width:48rem){.header__menu-toggle{display:none}} .header__menu-toggle-icon{position:absolute;width:1.25rem;height:1.25rem;-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease} .header__menu-toggle-icon svg{width:100%;height:100%} .header__menu-toggle-icon--burger{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0)} .header__menu-toggle-icon--close{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)} .header__mobile-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease;z-index:999;pointer-events:none} @media screen and (min-width:48rem){.header__mobile-overlay{display:none}} .header__nav--mobile{position:fixed;inset:5.375rem 0 auto;margin:auto;background:#f5f3f0;overflow-y:auto;-webkit-transform:translateY(15%);transform:translateY(15%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:20rem;border:.514px solid #F9F7F4;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.25);box-shadow:0 4px 4px #00000040} @media screen and (min-width:48rem){.header__nav--mobile{position:static;-webkit-transform:none;transform:none;max-width:none;background:transparent;padding:0;-webkit-box-shadow:none;box-shadow:none}} .header__mobile-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;margin-top:1rem} .header__mobile-social-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#f5f3f0;border:1px solid rgba(54,65,83,.1);color:var(--color-text-dark);text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;-ms-flex-negative:0;flex-shrink:0} .header__mobile-social-link:hover,.header__mobile-social-link:focus{border-color:var(--color-primary);color:var(--color-primary)} .header__mobile-social-link svg{width:1rem;height:1rem} .header.is-open .header__mobile-overlay{opacity:1;visibility:visible;pointer-events:all} .header.is-open .header__nav--mobile{-webkit-transform:translateY(0);transform:translateY(0)} .header.is-open .header__menu-toggle-icon--burger{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} .header.is-open .header__menu-toggle-icon--close{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0)} body.is-hero-landing .header .header__logo-text path{fill:#fff!important} @media screen and (min-width:48rem){body.is-hero-landing .header .header__nav-menu a{color:#fff} body.is-hero-landing .header .header__nav-menu a:hover,body.is-hero-landing .header .header__nav-menu a:focus{color:#fff;opacity:.8} body.is-hero-landing .header .header__social-link{background:#ffffff1a;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a} body.is-hero-landing .header .header__social-link:hover,body.is-hero-landing .header .header__social-link:focus{border-color:#fff;color:#fff;opacity:.8} body.is-hero-landing .header .header__social-link .header__social-icon{color:#fff}} body.is-hero-landing .header .header__menu-toggle{color:#fff;border:.514px solid rgba(255,255,255,.2);background:#ffffff1a} body.is-hero-landing .header .header__menu-toggle:hover,body.is-hero-landing .header .header__menu-toggle:focus{color:#fff;opacity:.8} body.is-hero-landing .header .header__menu-toggle svg path{stroke:#fff!important} .footer{position:relative;z-index:1;padding:2.375rem 1rem;text-align:center;color:var(--color-text-primary)} .footer{font-size:12px} @media screen and (min-width:450px){.footer{font-size:calc(12px + 2 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){.footer{font-size:14px}} @media screen and (min-width:62rem){.footer{padding-top:2.0625rem}} .footer__inquiry{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.125rem;font-weight:400;line-height:1.42;letter-spacing:.35px} .footer__inquiry-text{font-weight:400} .footer__contact-link{color:var(--color-highlight);text-decoration:none;font-weight:500;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out} .footer__contact-link:hover,.footer__contact-link:focus{color:var(--color-accent);text-decoration:underline} .footer__legal{margin-top:.625rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem;font-weight:500;line-height:1.42} .footer__legal-separator{color:var(--color-text-primary);opacity:.5} .footer__privacy-link,.footer__terms-link{color:var(--color-text-primary);text-decoration:none;font-weight:500;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out} .footer__privacy-link:hover,.footer__privacy-link:focus,.footer__terms-link:hover,.footer__terms-link:focus{color:var(--color-primary);text-decoration:underline} @media screen and (max-width:47.96875rem){.footer__inquiry,.footer__legal{line-height:1.33;letter-spacing:.3px}} *{scrollbar-width:thin;scrollbar-color:var(--color-grey-400) var(--color-bg-light)} body.page-template-template-hero-landing{background-color:#000;overflow-x:hidden;min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh} body.page-template-template-hero-landing #page,body.page-template-template-hero-landing .site-main{background-color:transparent} .hero-landing__background{position:fixed;inset:0;width:100%;height:100vh;height:-webkit-fill-available;height:100dvh;z-index:0;overflow:hidden} @media screen and (min-width:62rem){.hero-landing__background{height:100vh}} .hero-landing__bg-image{position:absolute;top:0;left:0;width:100%;height:100%} .hero-landing__bg-image--mobile{display:block} @media screen and (min-width:62rem){.hero-landing__bg-image--mobile{display:none}} .hero-landing__bg-image--desktop{display:none} @media screen and (min-width:62rem){.hero-landing__bg-image--desktop{display:block}} .hero-landing__bg-img{width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:fixed;inset:0;height:100vh;height:-webkit-fill-available;height:100dvh} @media screen and (min-width:62rem){.hero-landing__bg-img{height:100vh}} .hero-landing__overlay{position:fixed;inset:0;height:100vh;height:-webkit-fill-available;height:100dvh;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),color-stop(50%,rgba(0,0,0,.5)),to(rgba(0,0,0,.7)));background:linear-gradient(180deg,#0009,#00000080,#000000b3);backdrop-filter:blur(6px);z-index:1} @media screen and (min-width:62rem){.hero-landing__overlay{height:100vh}} .hero-landing{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2;padding:7.75rem 0 3.875rem} @media screen and (min-width:62rem){.hero-landing{padding:8rem 0 4rem;min-height:calc(100vh - 7.5rem)}} @media screen and (min-width:75rem){.hero-landing{padding:6rem 0 3rem}} @media screen and (min-width:97.5rem){.hero-landing{padding:8rem 0 4.5rem}} .hero-landing__container{position:relative;z-index:2;width:100%;max-width:100%;padding:0 1rem;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .hero-landing__icon{width:auto;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:1.125rem;max-width:5.75rem} @media screen and (min-width:62rem){.hero-landing__icon{max-width:7rem;margin-bottom:1.5rem}} .hero-landing__icon svg{width:auto;height:auto;max-width:100%;display:block} .hero-landing__title{color:#fff;margin:0;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .hero-landing__title span{font-family:Apple SD Gothic Neo,sans-serif;font-weight:300;letter-spacing:22.23px;-webkit-transform:translateX(11.115px);transform:translate(11.115px);line-height:1.02} .hero-landing__title span{font-size:48px} @media screen and (min-width:450px){.hero-landing__title span{font-size:calc(48px + 27 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){.hero-landing__title span{font-size:75px}} @media screen and (min-width:62rem){.hero-landing__title span{line-height:.96;-webkit-transform:translateX(16.2px);transform:translate(16.2px);letter-spacing:32.4px}} .hero-landing__title-line{display:block} .hero-landing__subtitle{color:#ffffffe6;text-align:center;font-style:italic;font-weight:400;line-height:1.8;letter-spacing:.5px} .hero-landing__subtitle{font-size:20px} @media screen and (min-width:450px){.hero-landing__subtitle{font-size:calc(20px + 5 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){.hero-landing__subtitle{font-size:25px}} @media screen and (min-width:62rem){.hero-landing__subtitle{line-height:1.44}} .hero-landing__separator{width:4.0625rem;height:1px;background-color:#f8bb77;margin:1.25rem auto 1.5rem} @media screen and (min-width:62rem){.hero-landing__separator{width:6rem;margin:1.75rem auto 2.6875rem}} .hero-landing__description{color:#fff;margin:0 0 2.5rem;max-width:42rem;opacity:.9} .hero-landing__description p{margin:0;font-style:italic;line-height:1.82;letter-spacing:.4px} .hero-landing__description p{font-size:14px} @media screen and (min-width:450px){.hero-landing__description p{font-size:calc(14px + 6 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){.hero-landing__description p{font-size:20px}} @media screen and (min-width:62rem){.hero-landing__description{margin:0 0 1.75rem} .hero-landing__description p{line-height:1.8;letter-spacing:.5px}} .hero-landing__welcome{color:#f8bb77;font-style:normal;line-height:1.5;margin:0;font-weight:400;letter-spacing:.4px} .hero-landing__welcome{font-size:14px} @media screen and (min-width:450px){.hero-landing__welcome{font-size:calc(14px + 2 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){.hero-landing__welcome{font-size:16px}} .hero-landing__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;width:100%;max-width:28rem;margin-top:2.5rem;color:#fff!important} @media screen and (min-width:62rem){.hero-landing__buttons{gap:1.25rem}} .hero-landing__button{width:100%;padding:1.125rem 2rem;background:#fff3;backdrop-filter:blur(8px);border:.5px solid rgba(255,255,255,.9);color:#fff;text-transform:uppercase;text-decoration:none;font-weight:400;letter-spacing:2.4px;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.33;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.1);box-shadow:0 4px 4px #0000001a} .hero-landing__button{font-size:12px} @media screen and (min-width:450px){.hero-landing__button{font-size:calc(12px + 2 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){.hero-landing__button{font-size:14px}} @media screen and (min-width:62rem){.hero-landing__button{line-height:1.42;padding:1.25rem 2rem;letter-spacing:4.2px}} .hero-landing__button:hover{background:#ffffff26;border-color:#ffffff80;color:#fff} .hero-landing__bottom-separator{position:relative;width:100%;height:.5px;background-color:#f0f0f033;max-width:64rem;margin-left:auto;margin-right:auto} .hero-landing--opening .hero-landing__title{line-height:1;margin-bottom:1rem} .hero-landing--opening .hero-landing__title span{font-family:Cormorant Garamond,serif} .hero-landing--opening .hero-landing__title span{font-size:42px} @media screen and (min-width:450px){.hero-landing--opening .hero-landing__title span{font-size:calc(42px + 33 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){.hero-landing--opening .hero-landing__title span{font-size:75px}} .hero-landing--opening .hero-landing__title span{line-height:.85} @media screen and (min-width:62rem){.hero-landing--opening .hero-landing__title{margin-bottom:.75rem} .hero-landing--opening .hero-landing__title span{line-height:1}} .hero-landing--opening .hero-landing__separator{margin:1.5rem 0} @media screen and (min-width:62rem){.hero-landing--opening .hero-landing__separator{margin:2.375rem 0}} .hero-landing--opening .hero-landing__description p{font-style:normal;color:#ffffffe6;font-weight:400;letter-spacing:.5px;line-height:1.4} .hero-landing--opening .hero-landing__description p{font-size:20px} @media screen and (min-width:450px){.hero-landing--opening .hero-landing__description p{font-size:calc(20px + 16 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){.hero-landing--opening .hero-landing__description p{font-size:36px}} @media screen and (min-width:62rem){.hero-landing--opening .hero-landing__description p{letter-spacing:.9px;line-height:1.11}} .content-page{width:100%;padding:6rem 0 1.5rem} @media screen and (min-width:62rem){.content-page{padding:8rem 1 4.375rem}} .content-page__container{width:100%;max-width:82rem;margin:0 auto;padding:0 1rem} .content-page__article{width:100%} .content-page__header{margin-bottom:1rem} .content-page__header h1{line-height:1.2;letter-spacing:.75px} @media screen and (min-width:62rem){.content-page__header h1{line-height:1;letter-spacing:1.2px}} .content-page__title{color:#2c2c2c;margin:0;font-weight:400;line-height:1.2} .content-page__title{font-size:32px} @media screen and (min-width:450px){.content-page__title{font-size:calc(32px + 16 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){.content-page__title{font-size:48px}} .content-page__content{color:#6b6b6b;line-height:1.6} .content-page__content p{margin:0 0 1.5rem} .content-page__content p:last-child{margin-bottom:0} .content-page__content h1,.content-page__content h2,.content-page__content h3,.content-page__content h4,.content-page__content h5,.content-page__content h6{color:#0a4b6e;margin:2rem 0 1rem;font-weight:700;line-height:1.2} .content-page__content h1:first-child,.content-page__content h2:first-child,.content-page__content h3:first-child,.content-page__content h4:first-child,.content-page__content h5:first-child,.content-page__content h6:first-child{margin-top:0} .content-page__content ul{margin:0 0 1.5rem;padding-left:2rem;list-style-type:disc;list-style-position:outside} .content-page__content ul li{margin-bottom:.75rem;padding-left:.5rem} .content-page__content ul li:last-child{margin-bottom:0} .content-page__content ol{margin:0 0 1.5rem;padding-left:2rem;list-style-type:decimal;list-style-position:outside} .content-page__content ol li{margin-bottom:.75rem;padding-left:.5rem} .content-page__content ol li:last-child{margin-bottom:0} .content-page__content ul ul,.content-page__content ol ol,.content-page__content ul ol,.content-page__content ol ul{margin-top:.5rem;margin-bottom:.5rem} .content-page__content a{color:#0a4b6e;text-decoration:none;-webkit-transition:color .2s ease;transition:color .2s ease;font-weight:500} .content-page__content a:hover{color:#094463} .form-row label.screen-reader-text{position:static!important;clip:auto!important;clip-path:none!important;width:auto!important;height:auto!important;margin:0 0 .5rem!important;padding:0!important;overflow:visible!important;word-wrap:normal!important} .woocommerce-account .site-main{padding-top:5rem} @media screen and (min-width:62rem){.woocommerce-account .site-main{padding-top:6rem}} .luzquarter-weekly-guest-pass-section{padding:0;border-radius:10px;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000f;margin-bottom:1.5rem} .luzquarter-weekly-guest-pass-card{padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;border-radius:10px;border:.514px solid #e8dcc4;background:#fafaf9;width:100%} @media screen and (min-width:62rem){.luzquarter-weekly-guest-pass-card{padding:2rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem}} @media screen and (min-width:75rem){.luzquarter-weekly-guest-pass-card{gap:3.375rem}} .luzquarter-weekly-guest-pass-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:25rem} .luzquarter-weekly-guest-pass-card__icon{width:3rem;height:3rem;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background:#fff;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a} .luzquarter-weekly-guest-pass-card__icon svg{width:1.5rem;height:1.5rem;display:block} .luzquarter-weekly-guest-pass-card__text{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem} .luzquarter-weekly-guest-pass-card__title{color:#2c2c2c;font-weight:400;margin:0;line-height:1.55;font-size:1.125rem} .luzquarter-weekly-guest-pass-card__description p{color:#6b6b6b;margin:0;line-height:1.62;font-size:.875rem} .luzquarter-weekly-guest-pass-card__controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.75rem;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:1;-ms-flex:1;flex:1;border-top:.514px solid #E0E0E0;padding-top:1.5rem} .luzquarter-weekly-guest-pass-card__controls>div{width:100%} @media screen and (min-width:62rem){.luzquarter-weekly-guest-pass-card__controls{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;border-top:none;padding-left:1.5rem;padding-top:0;border-left:.514px solid #E0E0E0}} .luzquarter-weekly-guest-pass-card__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#6b6b6b;font-size:.75rem;margin-bottom:0;font-weight:400;width:100%} .luzquarter-weekly-guest-pass-card__label .number-of-guests-amount{color:#2c2c2c} .luzquarter-weekly-guest-pass-card__quantity-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;border-radius:4px;padding:0;width:100%} @media screen and (min-width:62rem){.luzquarter-weekly-guest-pass-card__quantity-selector{width:auto}} .luzquarter-weekly-guest-pass-card__quantity-btn{width:2rem;height:2rem;border-radius:10px;border:.514px solid #E0E0E0;background:transparent;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;-webkit-transition:background-color .2s ease,border-color .2s ease;transition:background-color .2s ease,border-color .2s ease} .luzquarter-weekly-guest-pass-card__quantity-btn svg{display:block;width:16px;height:16px} .luzquarter-weekly-guest-pass-card__quantity-btn svg path{-webkit-transition:stroke .2s ease;transition:stroke .2s ease} .luzquarter-weekly-guest-pass-card__quantity-btn:hover:not(:disabled){background:#0a4b6e;border-color:#0a4b6e} .luzquarter-weekly-guest-pass-card__quantity-btn:hover:not(:disabled) svg path{stroke:#fff} .luzquarter-weekly-guest-pass-card__quantity-btn:disabled{opacity:.4;cursor:not-allowed} .luzquarter-weekly-guest-pass-card__quantity-btn:focus{border-color:#e8dcc4} .luzquarter-weekly-guest-pass-card__quantity-display{min-width:5rem;text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem} @media screen and (min-width:62rem){.luzquarter-weekly-guest-pass-card__quantity-display{min-width:4rem}} .luzquarter-weekly-guest-pass-card__quantity-number{color:#2c2c2c;font-size:1.125rem;font-weight:400;line-height:1.5} .luzquarter-weekly-guest-pass-card__quantity-label{color:#6b6b6b;font-weight:400;font-size:.75rem;line-height:1.33} .luzquarter-weekly-guest-pass-card__total{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.25rem;width:100%;padding-bottom:.75rem;border-bottom:.514px solid #E0E0E0;margin-bottom:.25rem;margin-top:.75rem} @media screen and (min-width:62rem){.luzquarter-weekly-guest-pass-card__total{width:auto}} .luzquarter-weekly-guest-pass-card__total-label{font-size:.875rem;color:#6b6b6b;font-weight:400} .luzquarter-weekly-guest-pass-card__total-price{color:#2c2c2c;font-weight:400;line-height:1.42;font-size:1.125rem} .luzquarter-weekly-guest-pass-card__date-picker{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.625rem;padding-top:.75rem;border-top:.514px solid #E0E0E0;margin-top:.25rem} .luzquarter-weekly-guest-pass-card__date-label{font-size:.75rem;color:#6b6b6b;font-weight:400;margin-bottom:0} .luzquarter-weekly-guest-pass-card__date-fields{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.75rem;width:100%} .luzquarter-weekly-guest-pass-card__date-field{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem} .luzquarter-weekly-guest-pass-card__date-field label{font-size:.6875rem;color:#6b6b6b;font-weight:400;line-height:1.4} .luzquarter-weekly-guest-pass-card__date-input{width:100%;padding:.5rem .75rem;border:.514px solid #E0E0E0;border-radius:6px;font-size:.8125rem;color:#2c2c2c;background:#fff;cursor:pointer;-webkit-transition:border-color .2s ease;transition:border-color .2s ease;line-height:1.4} .luzquarter-weekly-guest-pass-card__date-input::-webkit-input-placeholder{color:#ababab} .luzquarter-weekly-guest-pass-card__date-input::-moz-placeholder{color:#ababab} .luzquarter-weekly-guest-pass-card__date-input:-ms-input-placeholder{color:#ababab} .luzquarter-weekly-guest-pass-card__date-input::-ms-input-placeholder{color:#ababab} .luzquarter-weekly-guest-pass-card__date-input::placeholder{color:#ababab} .luzquarter-weekly-guest-pass-card__date-input:focus{outline:none;border-color:#0a4b6e;-webkit-box-shadow:0 0 0 2px rgba(10,75,110,.12);box-shadow:0 0 0 2px #0a4b6e1f} .luzquarter-weekly-guest-pass-card__validity-summary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#0a4b6e0f;border-radius:6px;color:#0a4b6e} .luzquarter-weekly-guest-pass-card__validity-summary svg{-ms-flex-negative:0;flex-shrink:0;width:14px;height:14px} .luzquarter-weekly-guest-pass-card__validity-text{font-size:.8125rem;font-weight:400;line-height:1.4} .luzquarter-weekly-guest-pass-card__weeks-info{font-size:.75rem;color:#6b6b6b;font-weight:400;line-height:1.4} .luzquarter-weekly-guest-pass-card__total-price .per-week{font-size:.75rem;color:#6b6b6b;font-weight:400} .luzquarter-weekly-guest-pass-card__add-btn{width:100%;background:#0a4b6e;color:#fff;border:none;border-radius:10px;padding:.625rem 2rem;font-family:var(--font-secondary);font-size:.75rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;line-height:1.33;cursor:pointer;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease;min-height:2.25rem;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a} @media screen and (min-width:62rem){.luzquarter-weekly-guest-pass-card__add-btn{white-space:nowrap}} .luzquarter-weekly-guest-pass-card__add-btn:hover:not(:disabled){background:#0a4769;-webkit-transform:translateY(-.125rem);transform:translateY(-.125rem);-webkit-box-shadow:0 .25rem .75rem rgba(10,75,110,.2);box-shadow:0 .25rem .75rem #0a4b6e33} .luzquarter-weekly-guest-pass-card__add-btn:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(10,75,110,.2);box-shadow:0 0 0 3px #0a4b6e33} .luzquarter-weekly-guest-pass-card__add-btn:disabled{opacity:.5;cursor:not-allowed} body.woocommerce-account:not(.woocommerce-orders):not(.woocommerce-view-order):not(.woocommerce-view-subscription){background-color:#f8f7f4} .luzquarter-login-wrapper{max-width:28rem;margin:0 auto 3rem;width:100%} .luzquarter-login-header{text-align:center;margin-bottom:2rem} .luzquarter-login-header .luzquarter-login-title{font-family:var(--font-primary);font-weight:var(--font-weight-regular);color:#2c2c2c;margin:0 0 1rem;line-height:1.2;letter-spacing:.01em} .luzquarter-login-header .luzquarter-login-title{font-size:24px} @media screen and (min-width:450px){.luzquarter-login-header .luzquarter-login-title{font-size:calc(24px + 6 * (100vw - 450px) / 1130)}} @media screen and (min-width:1580px){.luzquarter-login-header .luzquarter-login-title{font-size:30px}} .luzquarter-login-header .luzquarter-login-subtitle{font-family:var(--font-secondary);font-weight:var(--font-weight-regular);color:#6b6b6b;font-size:.875rem;line-height:1.5;margin:0} .luzquarter-login-card{background:#fff;border-radius:10px 10px 0 0;padding:2rem 1.5rem} @media screen and (min-width:62rem){.luzquarter-login-card{padding:2rem}} .luzquarter-login-card .woocommerce-form-login .form-row{margin-bottom:1.25rem} .luzquarter-login-card .woocommerce-form-login .form-row:last-of-type{margin-bottom:0} .luzquarter-login-card .woocommerce-form-login .form-row label{color:#2c2c2c;font-size:.875rem;font-weight:var(--font-weight-regular);margin-bottom:.5rem;display:block} .luzquarter-login-card .woocommerce-form-login .form-row label .required{color:#b85c5c} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon>label{margin-bottom:.5rem;display:block} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper{position:relative;width:100%;display:block} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .luzquarter-input-icon{position:absolute;left:1rem;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;z-index:10;height:100%;max-height:2.5625rem} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .luzquarter-input-icon svg{width:20px;height:20px;display:block;-ms-flex-negative:0;flex-shrink:0} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .password-input{position:relative;width:100%;display:block} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .password-input input{width:100%;padding:.75rem 1rem .75rem 3rem;border:.514px solid #e0e0e0;border-radius:10px;font-size:.875rem;line-height:1;color:#2c2c2c;background:#fff;-webkit-transition:border-color .2s ease;transition:border-color .2s ease;outline:none;font-family:var(--font-secondary);-webkit-box-sizing:border-box;box-sizing:border-box} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .password-input input:focus{outline:none;border-color:#2c2c2c} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .password-input input::-webkit-input-placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .password-input input::-moz-placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .password-input input:-ms-input-placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .password-input input::-ms-input-placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .password-input input::placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .password-input input:-webkit-autofill,.luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .password-input input:-webkit-autofill:hover,.luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .password-input input:-webkit-autofill:focus,.luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .password-input input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #FFF inset!important;-webkit-text-fill-color:#2C2C2C!important;box-shadow:0 0 0 30px #fff inset!important;background-color:#fff!important;background-clip:content-box} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper .password-input .show-password-input{display:none!important} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper input{width:100%;padding:.75rem 1rem .75rem 3rem;border:.514px solid #e0e0e0;border-radius:10px;font-size:.875rem;line-height:1;color:#2c2c2c;background:#fff;-webkit-transition:border-color .2s ease;transition:border-color .2s ease;outline:none;font-family:var(--font-secondary);-webkit-box-sizing:border-box;box-sizing:border-box} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper input:focus{outline:none;border-color:#2c2c2c} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper input::-webkit-input-placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper input::-moz-placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper input:-ms-input-placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper input::-ms-input-placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper input::placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper input:-webkit-autofill,.luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper input:-webkit-autofill:hover,.luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper input:-webkit-autofill:focus,.luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .luzquarter-input-wrapper input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #FFF inset!important;-webkit-text-fill-color:#2C2C2C!important;box-shadow:0 0 0 30px #fff inset!important;background-color:#fff!important;background-clip:content-box} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .password-input{position:relative;width:100%} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .password-input input{width:100%;padding:.875rem 3rem;border:.514px solid #e0e0e0;border-radius:10px;font-size:.875rem;line-height:1;color:#2c2c2c;background:#fff;-webkit-transition:border-color .2s ease;transition:border-color .2s ease;outline:none;font-family:var(--font-secondary)} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .password-input input:focus{outline:none;border-color:#2c2c2c} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .password-input input::-webkit-input-placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .password-input input::-moz-placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .password-input input:-ms-input-placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .password-input input::-ms-input-placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .password-input input::placeholder{color:#8b8b8bb3} .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon .password-input .show-password-input{display:none!important} .luzquarter-login-card .woocommerce-form-login .luzquarter-login-options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1.25rem;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem} .luzquarter-login-card .woocommerce-form-login .luzquarter-login-options .luzquarter-remember-me-row{margin-bottom:0;width:auto} .luzquarter-login-card .woocommerce-form-login .luzquarter-login-options .luzquarter-remember-me-row .woocommerce-form-login__rememberme{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;cursor:pointer;margin:0} .luzquarter-login-card .woocommerce-form-login .luzquarter-login-options .luzquarter-remember-me-row .woocommerce-form-login__rememberme input[type=checkbox]{width:auto;margin:0;cursor:pointer;accent-color:#0A4B6E} .luzquarter-login-card .woocommerce-form-login .luzquarter-login-options .luzquarter-remember-me-row .woocommerce-form-login__rememberme span{font-family:var(--font-secondary);font-size:.875rem;font-weight:var(--font-weight-regular);color:#2c2c2c;cursor:pointer} .luzquarter-login-card .woocommerce-form-login .luzquarter-login-options .woocommerce-LostPassword{margin:0} .luzquarter-login-card .woocommerce-form-login .luzquarter-login-options .woocommerce-LostPassword a{font-family:var(--font-secondary);font-size:.875rem;font-weight:var(--font-weight-regular);color:#0a4b6e;text-decoration:none;-webkit-transition:color .2s ease;transition:color .2s ease} .luzquarter-login-card .woocommerce-form-login .luzquarter-login-options .woocommerce-LostPassword a:hover{color:#094463;text-decoration:underline} .luzquarter-login-card .woocommerce-form-login .luzquarter-submit-row{margin-bottom:1.5rem} .luzquarter-login-card .woocommerce-form-login .luzquarter-submit-row .luzquarter-login-submit-btn{width:100%;background:#0a4b6e;color:#fff;border:none;border-radius:10px;padding:.625rem 2rem;font-family:var(--font-secondary);font-size:.75rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;line-height:1.33;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;min-height:2.25rem;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a} .luzquarter-login-card .woocommerce-form-login .luzquarter-submit-row .luzquarter-login-submit-btn:hover{background:#0a4769;-webkit-transform:translateY(-.125rem);transform:translateY(-.125rem);-webkit-box-shadow:0 .25rem .75rem rgba(10,75,110,.2);box-shadow:0 .25rem .75rem #0a4b6e33} .luzquarter-login-card .woocommerce-form-login .luzquarter-submit-row .luzquarter-login-submit-btn:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(10,75,110,.2);box-shadow:0 0 0 3px #0a4b6e33} .luzquarter-login-footer{text-align:center;margin:1.5rem 0 0;font-family:var(--font-secondary);font-size:.75rem;font-weight:var(--font-weight-regular);color:#8b8b8b;line-height:1.5} .luzquarter-login-footer a{color:#0a4b6e;text-decoration:underline;-webkit-transition:color .2s ease;transition:color .2s ease} .luzquarter-login-footer a:hover{color:#094463} @media screen and (max-width:61.96875rem){.luzquarter-login-wrapper{padding:1.5rem 1rem} .luzquarter-login-card{padding:1.5rem}} .luzquarter-shadow-wrapper{-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000f;border-radius:10px} /* ---- hero-block.min.css ---- */ .hero-block{position:relative;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.hero-block__overlay{position:absolute;inset:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.6)));background:linear-gradient(180deg,#0000004d,#0009);backdrop-filter:blur(2px);z-index:1}.hero-block__container{position:relative;z-index:2;width:100%;margin:0 auto;padding:4rem 1rem 1.875rem;text-align:center}@media screen and (min-width:62rem){.hero-block__container{padding:8.375rem 1rem 3.75rem}}.hero-block__title-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.75rem}@media screen and (min-width:62rem){.hero-block__title-section{margin-bottom:1.375rem}}.hero-block__separator{width:3.125rem;height:.5px;background-color:#f8bb77;margin:0 auto .625rem}@media screen and (min-width:62rem){.hero-block__separator--top{margin-bottom:1.375rem}}.hero-block__separator--bottom{margin:.625rem auto 0}@media screen and (min-width:62rem){.hero-block__separator--bottom{margin-top:1.375rem}}@media screen and (min-width:62rem){.hero-block__separator{height:1px;width:6rem}}.hero-block__title{color:#fff;line-height:1;margin:0;text-align:center;text-transform:uppercase;letter-spacing:12px}.hero-block__title{font-size:32px}@media screen and (min-width:450px){.hero-block__title{font-size:calc(32px + 28 * (100vw - 450px) / 1130)}}@media screen and (min-width:1580px){.hero-block__title{font-size:60px}}@media screen and (min-width:62rem){.hero-block__title{letter-spacing:24px}}.hero-block__subtitle{font-family:Montserrat,sans-serif;color:#f8bb77;line-height:.9;margin:0;text-align:center;text-transform:uppercase;letter-spacing:2.5px}.hero-block__subtitle{font-size:14px}@media screen and (min-width:450px){.hero-block__subtitle{font-size:calc(14px + 2 * (100vw - 450px) / 1130)}}@media screen and (min-width:1580px){.hero-block__subtitle{font-size:16px}}@media screen and (min-width:62rem){.hero-block__subtitle{letter-spacing:4.8px;line-height:1}} /* ---- products-view-block.min.css ---- */ .products-view-block{width:100%;padding:0 1rem;margin:1.5rem auto}@media screen and (min-width:62rem){.products-view-block{max-width:66rem;margin:4.5rem auto}}.products-view-block__container{width:100%;margin:0 auto}.products-view-block__description{color:#6b6b6b;text-align:center;margin-bottom:1.5rem;max-width:47.125rem;margin-left:auto;margin-right:auto}.products-view-block__description p{color:#6b6b6b;line-height:1.62;margin:0}.products-view-block__description p{font-size:14px}@media screen and (min-width:450px){.products-view-block__description p{font-size:calc(14px + 2 * (100vw - 450px) / 1130)}}@media screen and (min-width:1580px){.products-view-block__description p{font-size:16px}}@media screen and (min-width:62rem){.products-view-block__description{margin-bottom:6.625rem}}.products-view-block__products{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media screen and (min-width:62rem){.products-view-block__products{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:4.5rem}}.products-view-block__product{background:#fff;border-radius:0;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #E8DCC4}.products-view-block__product[data-has-variations=false] .products-view-block__product-price{min-height:5rem}.products-view-block__product{-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000f}@media screen and (min-width:62rem){.products-view-block__product{border:.5px solid #E8DCC4;-webkit-box-shadow:none;box-shadow:none}}.products-view-block__product-image{width:100%;height:auto;overflow:hidden}.products-view-block__product-image img{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.products-view-block__product-content{padding:1.25rem 1.25rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width:62rem){.products-view-block__product-content{padding:2rem 1.625rem 1rem}}.products-view-block__product-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.75rem;padding-bottom:.625rem;border-bottom:.5px solid #F0F0F0}@media screen and (min-width:62rem){.products-view-block__product-header{-webkit-box-flex:1;-ms-flex:1;flex:1;gap:1rem;padding-bottom:1rem}}.products-view-block__product-icon{width:2.5rem;height:2.5rem;border-radius:50%;background:.625;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width:62rem){.products-view-block__product-icon{width:3rem;height:3rem}}.products-view-block__product-icon img{width:1.25rem;height:1.25rem;-o-object-fit:contain;object-fit:contain}@media screen and (min-width:62rem){.products-view-block__product-icon img{width:1.5rem;height:1.5rem}}.products-view-block__product-text{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.products-view-block__product-title{color:#2c2c2c;font-weight:400;margin:0}.products-view-block__product-title{font-size:18px}@media screen and (min-width:450px){.products-view-block__product-title{font-size:calc(18px + 2 * (100vw - 450px) / 1130)}}@media screen and (min-width:1580px){.products-view-block__product-title{font-size:20px}}.products-view-block__product-title{line-height:1.55}@media screen and (min-width:62rem){.products-view-block__product-title{line-height:1.4}}.products-view-block__product-description{color:#6b6b6b;margin:0}.products-view-block__product-description b,.products-view-block__product-description strong{font-weight:500}.products-view-block__product-description p{margin:0;font-size:.75rem;line-height:1.9}.products-view-block__product-variations{padding-top:.75rem}.products-view-block__variations-label{display:block;color:#6b6b6b;font-size:.75rem;margin-bottom:.75rem;font-weight:400}.products-view-block__variations-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;border-radius:4px;margin-bottom:.75rem;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:100%}.products-view-block__variation-btn{width:2rem;height:2rem;border:1px solid #E8DCC4;background:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0;padding:0;-webkit-transition:background-color .2s ease,border-color .2s ease;transition:background-color .2s ease,border-color .2s ease}.products-view-block__variation-btn svg{display:block;width:16px;height:16px}.products-view-block__variation-btn svg path{-webkit-transition:stroke .2s ease;transition:stroke .2s ease}.products-view-block__variation-btn:hover{border-color:#e8dcc4}.products-view-block__variation-btn:hover:not(:disabled){background:#0a4b6e;border-color:#0a4b6e}.products-view-block__variation-btn:hover:not(:disabled) svg path{stroke:#fff}.products-view-block__variation-btn:disabled{opacity:.4;cursor:not-allowed}.products-view-block__variation-btn:focus{border-color:#e8dcc4}.products-view-block__variation-display{min-width:5rem;text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem}.products-view-block__variation-number{color:#2c2c2c;font-size:1.125rem;font-weight:400;line-height:1.5}.products-view-block__variation-label{color:#6b6b6b;font-weight:400;font-size:.75rem;line-height:1.33}.products-view-block__variations-data{display:none}.products-view-block__product-price{color:#2c2c2c;font-weight:400;margin-bottom:.75rem}.products-view-block__product-price{font-size:14px}@media screen and (min-width:450px){.products-view-block__product-price{font-size:calc(14px + 2 * (100vw - 450px) / 1130)}}@media screen and (min-width:1580px){.products-view-block__product-price{font-size:16px}}.products-view-block__product-price{line-height:1.42}@media screen and (min-width:62rem){.products-view-block__product-price{line-height:1.5;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.products-view-block__select-btn{width:100%;padding:.625rem 1.5rem;background:#0a4b6e;color:#fff;border:none;border-radius:0;font-weight:400;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color .2s ease,opacity .2s ease;transition:background-color .2s ease,opacity .2s ease;margin-top:auto;min-height:2.25rem}.products-view-block__select-btn{font-size:12px}@media screen and (min-width:450px){.products-view-block__select-btn{font-size:calc(12px + 4 * (100vw - 450px) / 1130)}}@media screen and (min-width:1580px){.products-view-block__select-btn{font-size:16px}}.products-view-block__select-btn:focus,.products-view-block__select-btn:hover:not(:disabled){background:#094463;color:#fff}.products-view-block__select-btn:disabled{opacity:.5;cursor:not-allowed}@media screen and (min-width:62rem){.products-view-block__select-btn{min-height:2.5rem}}.products-view-block__guest-passes{background:#fff9f0;border-left:3.5px solid #C9A86A;padding:1.125rem 1.5rem 1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:62rem){.products-view-block__guest-passes{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2rem;padding:2rem 2rem 3.25rem 2.25rem}}.products-view-block__guest-passes-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.products-view-block__guest-passes-label{color:#2c2c2c;font-weight:400;text-transform:uppercase;letter-spacing:.3px;margin-bottom:.5rem}.products-view-block__guest-passes-label{font-size:12px}@media screen and (min-width:450px){.products-view-block__guest-passes-label{font-size:calc(12px + 2 * (100vw - 450px) / 1130)}}@media screen and (min-width:1580px){.products-view-block__guest-passes-label{font-size:14px}}@media screen and (min-width:62rem){.products-view-block__guest-passes-label{margin-bottom:1rem;letter-spacing:.35px}}.products-view-block__guest-passes-description{color:#6b6b6b;line-height:1.62}.products-view-block__guest-passes-description{font-size:14px}@media screen and (min-width:450px){.products-view-block__guest-passes-description{font-size:calc(14px + 2 * (100vw - 450px) / 1130)}}@media screen and (min-width:1580px){.products-view-block__guest-passes-description{font-size:16px}}.products-view-block__guest-passes-description{font-weight:400}.products-view-block__guest-passes-button-wrapper{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width:62rem){.products-view-block__guest-passes-button-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.products-view-block__guest-passes-btn{display:inline-block;padding:.75rem 1.5rem;background:#0a4b6e;color:#fff;border:none;border-radius:0;font-weight:400;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;text-decoration:none;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;font-size:.75rem;white-space:nowrap;margin-top:1.5rem}@media screen and (min-width:62rem){.products-view-block__guest-passes-btn{margin-top:0}}.products-view-block__guest-passes-btn:hover{background:#094463;color:#fff} /* ---- contact-us-block.min.css ---- */ .contact-us-block{width:100%;padding:5.875rem 0 6.25rem;background:#fafaf9}@media screen and (min-width:62rem){.contact-us-block{padding-top:8rem}}.contact-us-block__container{width:100%;max-width:74rem;margin:0 auto}.contact-us-block__header{text-align:center;margin-bottom:3rem}@media screen and (min-width:62rem){.contact-us-block__header{margin-bottom:4rem}}.contact-us-block__title{font-weight:400;color:#2c2c2c;margin:0 0 1rem;text-transform:none;letter-spacing:0;line-height:1.2;letter-spacing:.75px}@media screen and (min-width:62rem){.contact-us-block__title{line-height:1;letter-spacing:1.2px}}.contact-us-block__separator{width:4rem;height:1px;background-color:#b68146;margin:0 auto 1.5rem}@media screen and (min-width:62rem){.contact-us-block__separator{width:5.875rem}}.contact-us-block__description{max-width:41.125rem;margin:0 auto}.contact-us-block__description p{color:#6b6b6b;line-height:1.62;font-size:1rem;margin:0}.contact-us-block__video{width:100%;max-width:64.5rem;margin:0 auto 2.5rem;padding:0 1rem}@media screen and (min-width:62rem){.contact-us-block__video{margin-bottom:3rem}}.contact-us-block__video-frame{position:relative;width:100%;border-radius:10px;overflow:hidden;background:#111;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000f}.contact-us-block__video-player{display:block;width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;background:#111}.contact-us-block__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:62rem){.contact-us-block__content{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:2rem}}@media screen and (min-width:75rem){.contact-us-block__content{gap:3rem}}.contact-us-block__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:22rem;width:100%;gap:1.5rem}.contact-us-block__card{background:#fff;border-radius:10px;padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000f}@media screen and (min-width:62rem){.contact-us-block__card{padding:2.375rem 1.5rem 1.5rem}.contact-us-block__card--hours{padding-top:1.5rem}}.contact-us-block__card-section{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;padding:0}.contact-us-block__card-divider{width:100%;height:1px;background-color:#f0f0f0;margin:1.5rem 0;-ms-flex-negative:0;flex-shrink:0}.contact-us-block__card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;margin-bottom:1rem}.contact-us-block__card-icon{width:3rem;height:3rem;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.contact-us-block__card-icon svg{width:20px;height:20px;display:block}.contact-us-block__card-icon--whatsapp,.contact-us-block__card-icon--location{background:linear-gradient(135deg,#0a4b6e1a,#0a4b6e0d)}.contact-us-block__card-icon--hours{height:2.5rem;width:2.5rem;background:linear-gradient(135deg,#c9a86a33,#c9a86a1a)}.contact-us-block__card-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.contact-us-block__card-title{color:#2c2c2c;font-weight:400;margin:0;font-size:.875rem;line-height:1.42}.contact-us-block__card-link{color:#0a4b6e;text-decoration:none;font-size:.875rem;line-height:1.42;-webkit-transition:color .2s ease;transition:color .2s ease}.contact-us-block__card-link:hover{color:#094463;text-decoration:underline}.contact-us-block__card-text{color:#6b6b6b;font-size:.875rem;line-height:1.62;font-weight:400}.contact-us-block__hours{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;margin-top:0}.contact-us-block__card--hours .contact-us-block__card-header{margin-bottom:1rem}.contact-us-block__card--hours .contact-us-block__hours{margin-top:0}.contact-us-block__card--hours .contact-us-block__card-header{gap:.75rem}.contact-us-block__hour-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;font-size:.875rem;line-height:1.42}.contact-us-block__hour-day{color:#6b6b6b;font-weight:400}.contact-us-block__hour-time{color:#2c2c2c}.contact-us-block__urgent{background:#f9f7f4;border-radius:10px;padding:1.25rem;border:.514px solid #E8DCC4}.contact-us-block__urgent p{margin:0;color:#2c2c2c;font-size:.75rem;line-height:1.62}@media screen and (min-width:62rem){.contact-us-block__urgent p{max-width:281px}}@media screen and (min-width:62rem){.contact-us-block__urgent{-webkit-box-flex:1;-ms-flex:1;flex:1}}@media screen and (min-width:62rem){.contact-us-block--simple .contact-us-block__content{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.contact-us-block__form-wrapper{background:#fff;border-radius:10px;padding:1.5rem;width:100%;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000f;margin-top:1.75rem;max-width:47rem;margin-left:auto;margin-right:auto}@media screen and (min-width:62rem){.contact-us-block__form-wrapper{padding:2rem;margin-top:0}}.contact-us-block__form-title{color:#2c2c2c;font-weight:400;margin:0 0 1.5rem;text-transform:none;letter-spacing:0;line-height:1.4}.contact-us-block__form,.contact-us-block__form-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.25rem}@media screen and (min-width:62rem){.contact-us-block__form-row--half{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}.contact-us-block__form-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.375rem}.contact-us-block__form-messages{display:none}.contact-us-block__form-messages--success,.contact-us-block__form-messages--error{display:block}.contact-us-block__message{padding:.75rem 1rem;border-radius:4px;font-size:.875rem;line-height:1.5;display:block}.contact-us-block__message p{margin:0 0 .5rem;font-weight:500;font-size:.875rem}.contact-us-block__message ul{margin:0;padding-left:1.25rem;list-style-type:disc}.contact-us-block__message li{margin-bottom:.25rem;font-size:.75rem;font-weight:400}.contact-us-block__message li:last-child{margin-bottom:0}.contact-us-block__message--success{background:#4a9b7f1a;color:#4a9b7f;border:1px solid rgba(74,155,127,.3)}.contact-us-block__message--error{background:#b85c5c1a;color:#b85c5c;border:1px solid rgba(184,92,92,.3)}.contact-us-block__form-submit-wrapper{margin-top:.875rem}.contact-us-block__form-submit{width:100%;padding:.625rem 1.25rem;background:#0a4b6e;color:#fff;border:none;border-radius:10px;font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;line-height:1.33}.contact-us-block__form-submit:hover:not(:disabled){background:#094463}.contact-us-block__form-submit:disabled{opacity:.6;cursor:not-allowed}@media screen and (min-width:62rem){.contact-us-block__form-submit{max-width:auto;width:auto}} /* ---- from style.css, outside the components above ---- */ label .required{color:#b85c5c} body.woocommerce-account{background-color:#f8f7f4} .luzquarter-create-account{margin:0;font-size:.875rem;font-weight:400;color:#6b6b6b;border-top:.76px solid #f0f0f0;background:#fafaf9;padding:1.25rem;text-align:center;border-radius:0 0 10px 10px} .luzquarter-create-account a{color:#0a4b6e;text-decoration:none;-webkit-transition:color .2s ease;transition:color .2s ease} .luzquarter-create-account a:hover{color:#094463;text-decoration:underline} /* ==== Part 2: ours ==================================================================== */ .center { text-align: center; } .input--hidden { display: none !important; } /* spam honeypot */ /* Mobile menu without JS: show it under the header instead of behind the toggle. */ html:not(.js) .header__menu-toggle { display: none; } html:not(.js) .header__mobile-overlay { position: static; opacity: 1; visibility: visible; pointer-events: auto; background: none; backdrop-filter: none; } html:not(.js) .header__nav--mobile { position: static; transform: none; margin-top: 1rem; } /* Legal operator line (always shown; Meta / WhatsApp verification relies on it). */ .footer__operator { margin: .625rem auto 0; max-width: 48rem; font-size: .8em; line-height: 1.5; opacity: .7; } /* Buttons for our own pages, matching the theme's sign-in button. */ .btn { display: inline-block; background: #0a4b6e; color: #fff; border: .514px solid #0a4b6e; border-radius: 10px; padding: .625rem 2rem; font-family: var(--font-secondary); font-size: .75rem; font-weight: 500; line-height: 1.33; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; } .btn:hover, .btn:focus { background: #094463; color: #fff; } .btn--outline { background: #fff; color: #0a4b6e; } .btn--outline:hover, .btn--outline:focus { background: #0a4b6e; } /* Form hints, errors and checkboxes (fields use the theme's contact-us-block classes). */ .form-hint { margin: 0; color: #8b8b8b; font-size: .75rem; line-height: 1.5; } .form-error { margin: 0; color: #b85c5c; font-size: .75rem; line-height: 1.5; } [aria-invalid="true"] { border-color: #b85c5c !important; } .form-check { display: flex; align-items: flex-start; gap: .5rem; color: #6b6b6b; cursor: pointer; } .form-check input { margin-top: .15rem; accent-color: #0a4b6e; } .form-back { margin: 1.5rem 0 0; font-size: .875rem; text-align: center; } .contact-us-block__message { margin-bottom: 1.25rem; } .luzquarter-login-card .form-hint { margin-top: .5rem; } .luzquarter-login-card p:not(.form-row):not(.form-hint):not(.form-error) { font-size: .875rem; color: #2c2c2c; } /* Pool cards: the stepper's number is a real input so the form works without JS. */ .products-view-block__variation-display input.products-view-block__variation-number { width: 2ch; height: auto; font-size: 1.125rem; line-height: 1.5; color: #2c2c2c; padding: 0; border: 0; background: none; font-family: inherit; text-align: center; -moz-appearance: textfield; appearance: textfield; } .products-view-block__variation-number::-webkit-inner-spin-button, .products-view-block__variation-number::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .products-view-block__variation-label { margin-left: .25rem; } html:not(.js) .products-view-block__variation-btn { display: none; } /* Join page: price summary. */ .join-summary { padding: 1rem 0; border-top: .5px solid #f0f0f0; border-bottom: .5px solid #f0f0f0; } .join-summary__price { margin: 0 0 .25rem; color: #2c2c2c; font-size: 1.5rem; line-height: 1.3; } .join-summary__price span { color: #6b6b6b; font-size: .875rem; } /* Signed-in My Account. */ .account { max-width: 47rem; margin: 0 auto 3rem; padding: 0 1rem; } .account-card { background: #fff; border-radius: 10px; box-shadow: 0 2px 8px #0000000f; padding: 1.5rem; margin-bottom: 1.5rem; } .account-card p { font-size: .875rem; } .account-card__details { display: grid; grid-template-columns: max-content 1fr; gap: .5rem 1.5rem; margin: 1.25rem 0 1.5rem; font-size: .875rem; } .account-card__details dt { color: #8b8b8b; } .account-card__details dd { margin: 0; color: #2c2c2c; } .status--active, .status--trialing { color: #4a9b7f; } .status--past_due { color: #b85c5c; } .luzquarter-weekly-guest-pass-card__icon img { width: 1.5rem; height: 1.5rem; } .luzquarter-weekly-guest-pass-card { align-items: flex-start !important; } .luzquarter-weekly-guest-pass-card__controls .contact-us-block__form { width: 100%; } .guest-pass-list { padding: 1.5rem; font-size: .875rem; } .guest-pass-list h3 { font-size: 1.125rem; font-weight: 400; } .guest-pass-list ul { margin: 0; } @media screen and (min-width: 62rem) { .account-card { padding: 2rem; } .guest-pass-list { padding: 1.5rem 2rem 2rem; } } /* Sign-in card: the old page's spacing (an empty notices row plus flex gap above the card, and a second form row below the email field). */ .woocommerce-account .woocommerce { max-width: 82rem; margin: 0 auto; padding: 1.5rem 1rem 0; } @media screen and (min-width: 62rem) { .woocommerce-account .woocommerce { padding-top: 2rem; } } .luzquarter-login-card .woocommerce-form-login .luzquarter-form-row-with-icon.form-row { margin-bottom: 1.25rem; } /* ---------- QR pool passes (My Account) */ .account-card__subtitle { font-family: var(--font-heading, 'Cormorant Garamond', serif); font-size: 20px; font-weight: 400; margin: 20px 0 4px; color: #2c2c2c; } .pass-grid { display: flex; flex-wrap: wrap; gap: 16px; margin: 12px 0 20px; } .pass-card { margin: 0; width: 168px; padding: 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; text-align: center; } .pass-card__qr svg { display: block; width: 100%; height: auto; } .pass-card figcaption { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; } .pass-card__name { font-size: 14px; color: #2c2c2c; } .pass-card__code { font-size: 13px; color: #6b6b6b; letter-spacing: 1px; font-variant-numeric: tabular-nums; } .guest-pass-list .pass-grid { margin-top: 8px; } /* ---------- Floating WhatsApp chat button */ .chat-button { position: fixed; right: 1rem; bottom: 1rem; z-index: 90; display: flex; align-items: center; gap: .5rem; padding: .875rem; border-radius: 999px; background: #1fa855; color: #fff; box-shadow: 0 6px 20px rgba(0, 0, 0, .18); text-decoration: none; font-size: .8125rem; font-weight: 500; line-height: 1; } .chat-button:hover, .chat-button:focus { background: #178a45; color: #fff; } .chat-button svg { width: 22px; height: 22px; } .chat-button__label { display: none; } @media screen and (min-width: 62rem) { .chat-button { right: 1.5rem; bottom: 1.5rem; padding: .75rem 1.125rem .75rem .875rem; } .chat-button__label { display: inline; } } /* ---------- Home: How can we help? */ .help { position: relative; z-index: 2; background: #fafaf9; padding: 3.5rem 1rem 4rem; scroll-margin-top: 4rem; } .help__container { max-width: 66rem; margin: 0 auto; text-align: center; } .help__title { font-family: "Cormorant Garamond", serif; font-weight: 400; color: #2c2c2c; font-size: 2rem; margin: 0 0 2rem; } .help__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: .75rem; text-align: left; } @media screen and (min-width: 40rem) { .help__grid { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 62rem) { .help { padding: 5rem 1rem 5.5rem; } .help__title { font-size: 2.5rem; } .help__grid { grid-template-columns: repeat(3, 1fr); gap: 1rem; } } .help__card { display: flex; flex-direction: column; gap: .375rem; height: 100%; padding: 1.25rem 1.5rem; background: #fff; border: .5px solid #e8dcc4; text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease; } .help__card:hover, .help__card:focus { border-color: #0a4b6e; box-shadow: 0 4px 16px rgba(10, 75, 110, .08); } .help__card-title { color: #0a4b6e; font-size: 1rem; font-weight: 500; } .help__card-title::after { content: " \2192"; } .help__card-text { color: #6b6b6b; font-size: .8125rem; line-height: 1.6; } .help__footnote { margin: 2rem 0 0; color: #6b6b6b; font-size: .8125rem; } .help__footnote a { color: #0a4b6e; } /* ---------- Pool: chooser and FAQ */ .chooser { margin: 0 auto 1.5rem; } .chooser__title { font-family: "Cormorant Garamond", serif; font-weight: 400; color: #2c2c2c; font-size: 1.5rem; line-height: 1.25; text-align: center; margin: 0 0 1rem; } .chooser__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; } .chooser__list li { margin: 0; } .chooser__list a { display: flex; flex-direction: column; gap: .125rem; height: 100%; padding: .75rem 1rem; background: #fff; border: .5px solid #e8dcc4; text-decoration: none; color: #6b6b6b; font-size: .8125rem; line-height: 1.5; } .chooser__list a:hover, .chooser__list a:focus { border-color: #0a4b6e; } .chooser__list strong { color: #0a4b6e; font-weight: 500; } /* Pool page: intro, chooser and the three memberships close together; on desktop the chooser sits in the same three columns as the cards, each answer above its membership. */ .products-view-block__description { margin-bottom: 1.75rem; } .products-view-block__product-header { display: grid; grid-template-columns: auto 1fr; align-items: center; align-content: start; column-gap: .75rem; row-gap: .625rem; } .products-view-block__product-text { display: contents; } .products-view-block__product-icon { width: 2.25rem; height: 2.25rem; } .products-view-block__product-icon img { width: 1.25rem; height: 1.25rem; } .products-view-block__product-description { grid-column: 1 / -1; } .products-view-block__product[data-has-variations=false] .products-view-block__product-price { min-height: 0; padding-top: .75rem; } @media screen and (min-width: 62rem) { .products-view-block { margin-top: 3rem; } .products-view-block__description { margin-bottom: 2.5rem; } .chooser__title { font-size: 1.75rem; margin-bottom: 1.25rem; } .chooser__list, .products-view-block__products { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } .chooser { margin-bottom: 1.5rem; } .chooser__list a { padding: 1rem 1.25rem; font-size: .875rem; justify-content: space-between; gap: .5rem; } .products-view-block__products { margin-bottom: 3.5rem; } .products-view-block__product-image img { aspect-ratio: 16 / 10; } .products-view-block__product-content { padding: 1.5rem 1.375rem 1.25rem; } .products-view-block__product-icon { width: 2.5rem; height: 2.5rem; } .products-view-block__product-price { flex: 0 0 auto; min-height: 2.5rem; } .products-view-block__product[data-has-variations=false] .products-view-block__product-price { min-height: 2.5rem; padding-top: 0; } .products-view-block__product[data-has-variations=false] .products-view-block__product-header { padding-bottom: 1rem; } } .products-view-block__product { scroll-margin-top: 6rem; } .faq { max-width: 47rem; margin: 3.5rem auto 0; } .faq__item { border-bottom: .5px solid #e8dcc4; } .faq__item summary { cursor: pointer; padding: 1rem 0; color: #2c2c2c; font-size: .9375rem; list-style: none; display: flex; justify-content: space-between; gap: 1rem; } .faq__item summary::-webkit-details-marker { display: none; } .faq__item summary::after { content: "+"; color: #0a4b6e; font-size: 1.25rem; line-height: 1; } .faq__item[open] summary::after { content: "\2212"; } .faq__item p { margin: 0 0 1rem; color: #6b6b6b; font-size: .875rem; line-height: 1.7; } .faq__more { margin: 1.5rem 0 0; color: #6b6b6b; font-size: .875rem; text-align: center; } .faq__more a { color: #0a4b6e; } /* ---------- Footer legal links wrap on phones */ .footer__legal { flex-wrap: wrap; justify-content: center; row-gap: .25rem; } /* ---------- Terrace Sports Bar */ .terrace-body { background: #fafaf9; } .terrace { color: #2c2c2c; } .terrace__hero { position: relative; display: flex; align-items: flex-end; min-height: 88vh; min-height: 88svh; background: #0b2233; overflow: hidden; } .terrace__hero-photo { position: absolute; inset: 0; } .terrace__hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 55% 40%; display: block; } .terrace__hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 22%, rgba(0,0,0,.15) 45%, rgba(8,24,36,.92) 78%, #0b2233 100%); } .terrace__hero-copy { position: relative; z-index: 1; width: 100%; padding: 2rem 1rem 2.5rem; text-align: center; color: #fff; } .terrace__hero-copy .hero-landing__icon { margin: 0 auto 1rem; } .terrace__hero-copy .hero-landing__icon img { width: 70px; height: auto; } .terrace__title { font-family: "Cormorant Garamond", serif; font-weight: 400; color: #fff; text-transform: uppercase; letter-spacing: 6px; line-height: 1.1; margin: 0; font-size: 2.125rem; } .terrace__rule { width: 6rem; height: 1px; background: #f8bb77; margin: 1.125rem auto; } .terrace__lede { margin: 0 auto; max-width: 26rem; font-size: 1rem; line-height: 1.6; color: rgba(255,255,255,.9); } .terrace__open { margin: 1.25rem 0 0; font-size: .8125rem; letter-spacing: .08em; text-transform: uppercase; color: #f8bb77; } .terrace__open strong { font-weight: 500; color: #fff; } .terrace__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin-top: 1.5rem; } .terrace__btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 2.75rem; padding: 0 1.5rem; background: #0a4b6e; color: #fff; border: 1px solid #0a4b6e; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; font-size: .75rem; font-weight: 500; } .terrace__btn:hover, .terrace__btn:focus { background: #094463; color: #fff; } .terrace__hero .terrace__btn { background: #f8bb77; border-color: #f8bb77; color: #0b2233; } .terrace__hero .terrace__btn:hover, .terrace__hero .terrace__btn:focus { background: #fff; border-color: #fff; color: #0b2233; } .terrace__hero .terrace__btn--ghost { background: transparent; border-color: rgba(255,255,255,.7); color: #fff; } .terrace__section { max-width: 70rem; margin: 0 auto; padding: 3.5rem 1rem 0; } .terrace__heading { font-family: "Cormorant Garamond", serif; font-weight: 400; color: #2c2c2c; font-size: 1.875rem; line-height: 1.2; margin: 0 0 1.25rem; } .terrace__muted { margin: 0; color: #6b6b6b; font-size: .9375rem; line-height: 1.7; } .terrace__muted a { color: #0a4b6e; } .terrace__cards { display: grid; gap: .75rem; } .terrace__card { background: #fff; border-top: 2px solid #f8bb77; padding: 1.5rem; box-shadow: 0 2px 8px #0000000f; } .terrace__card h3 { font-family: "Cormorant Garamond", serif; font-weight: 500; font-size: 1.5rem; margin: 0 0 .5rem; color: #2c2c2c; } .terrace__card p { margin: 0; color: #6b6b6b; font-size: .875rem; line-height: 1.7; } .photo-grid { display: grid; grid-auto-flow: column; grid-auto-columns: 78%; gap: .75rem; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -1rem; padding: 0 1rem .5rem; } .photo-grid figure { position: relative; margin: 0; scroll-snap-align: start; } .photo-grid img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; } .photo-grid figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 2.5rem 1rem .875rem; background: linear-gradient(transparent, rgba(0,0,0,.6)); color: #fff; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; } .contact-us-block__video .photo-grid { margin-top: .75rem; } @media screen and (min-width: 48rem) { .photo-grid { grid-auto-flow: row; grid-template-columns: repeat(3, 1fr); overflow: visible; margin: 0; padding: 0; } .contact-us-block__video .photo-grid { grid-template-columns: repeat(4, 1fr); } } .terrace__ig-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; } .terrace__follow { flex: none; padding: .5rem 1rem; border: 1px solid #0a4b6e; border-radius: 999px; color: #0a4b6e; text-decoration: none; font-size: .6875rem; letter-spacing: .14em; text-transform: uppercase; } .terrace__follow:hover, .terrace__follow:focus { background: #0a4b6e; color: #fff; } .terrace__ig { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; } .terrace__ig a { display: block; background: #111; overflow: hidden; } .terrace__ig img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; transition: transform .3s ease; } .terrace__ig a:hover img { transform: scale(1.03); } .terrace__band { display: flex; flex-direction: column; gap: 1.25rem; align-items: flex-start; max-width: 68rem; margin: 3.5rem auto 0; padding: 1.75rem 1.5rem; background: #fff9f0; border-left: 3.5px solid #c9a86a; } .terrace__band > div { width: 100%; } .terrace__visit { display: grid; gap: 1rem; padding-bottom: 4rem; } .terrace__visit-card { background: #fff; padding: 1.75rem 1.5rem; box-shadow: 0 2px 8px #0000000f; } .terrace__hours { display: grid; grid-template-columns: 1fr auto; gap: .5rem 1rem; margin: 0 0 1rem; font-size: .9375rem; } .terrace__hours dt { color: #6b6b6b; } .terrace__hours dd { margin: 0; font-weight: 500; } .terrace__visit-links { display: flex; flex-direction: column; gap: .5rem; margin: 1.25rem 0 0; font-size: .875rem; } .terrace__visit-links a { color: #0a4b6e; } .terrace__map { position: relative; min-height: 16rem; background: #e7e4df url("/img/terrace-bar.jpg") center / cover; display: grid; place-content: center; text-align: center; gap: .5rem; } .terrace__map::before { content: ""; position: absolute; inset: 0; background: rgba(250,250,249,.82); } .terrace__map > * { position: relative; } .terrace__map-btn { padding: .75rem 1.5rem; background: #0a4b6e; color: #fff; border: 0; cursor: pointer; text-transform: uppercase; letter-spacing: .1em; font-size: .75rem; } .terrace__map-note { margin: 0; color: #6b6b6b; font-size: .75rem; } .terrace__map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } @media screen and (min-width: 48rem) { .terrace__cards { grid-template-columns: repeat(3, 1fr); gap: 1rem; } .terrace__band { flex-direction: row; align-items: center; justify-content: space-between; padding: 2rem 2.25rem; } .terrace__band .terrace__btn { flex: none; } .terrace__visit { grid-template-columns: 20rem 1fr; } } @media screen and (min-width: 62rem) { .terrace__hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; min-height: 92vh; } .terrace__hero-photo { position: relative; inset: auto; order: 2; } .terrace__hero-photo::after { background: linear-gradient(90deg, #0b2233 0%, rgba(11,34,51,0) 30%), linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 20%); } .terrace__hero-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; padding: 8rem 3rem 4rem max(3rem, calc((100vw - 70rem) / 2 + 1rem)); } .terrace__hero-copy .hero-landing__icon { margin: 0 0 1.5rem; } .terrace__title { font-size: 3.5rem; letter-spacing: 10px; } .terrace__rule { margin: 1.5rem 0; } .terrace__lede { margin: 0; font-size: 1.125rem; } .terrace__actions { justify-content: flex-start; } .terrace__section { padding-top: 5rem; } .terrace__heading { font-size: 2.25rem; } .terrace__band { margin-top: 5rem; } .terrace__visit { padding-bottom: 6rem; } .terrace__map { min-height: 20rem; } } html:not(.js) .terrace__map { display: none; } /* ---------- Background video loops (home and events heroes); the photo/poster shows until playing */ .hero-landing__bg-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .8s ease; } .hero-landing__bg-video.is-playing { opacity: 1; } .hero-landing__background .hero-landing__overlay { z-index: 1; } /* ---------- Enquiry section (Contact, Events, Rentals) */ .enquiry-page { background: #fafaf9; padding: 5.5rem 1rem 0; } @media screen and (min-width: 62rem) { .enquiry-page { padding-top: 8rem; } } .enquiry-page .contact-us-block__header { margin-bottom: 2.5rem; } .enquiry-page .contact-us-block__title { font-size: 2.25rem; } @media screen and (min-width: 62rem) { .enquiry-page .contact-us-block__title { font-size: 3rem; } } .enquiry { background: #fafaf9; padding: 0 0 5rem; scroll-margin-top: 5rem; } .events-body .enquiry { padding: 4rem 1rem 5rem; } .enquiry__inner { max-width: 68rem; margin: 0 auto; display: grid; gap: 1.5rem; } @media screen and (min-width: 62rem) { .enquiry__inner { grid-template-columns: 22rem 1fr; gap: 2.5rem; align-items: start; } } .enquiry__aside { padding: 1.75rem 1.5rem; background: #0b2233; color: rgba(255,255,255,.85); } .enquiry__heading { font-family: "Cormorant Garamond", serif; font-weight: 400; font-size: 1.875rem; color: #fff; margin: 0 0 .75rem; } .enquiry__text { margin: 0 0 1.5rem; font-size: .9375rem; line-height: 1.7; } .enquiry__wa { display: inline-flex; align-items: center; gap: .5rem; min-height: 3rem; padding: 0 1.25rem; background: #1fa855; color: #fff; text-decoration: none; font-size: .8125rem; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; } .enquiry__wa:hover, .enquiry__wa:focus { background: #178a45; color: #fff; } .enquiry__details { margin: 1.75rem 0 0; display: grid; gap: 1.25rem; font-size: .875rem; line-height: 1.6; } .enquiry__details > div { border-top: 1px solid rgba(255,255,255,.12); padding-top: 1.25rem; } .enquiry__details dt { color: #f8bb77; font-size: .6875rem; letter-spacing: .14em; text-transform: uppercase; margin-bottom: .375rem; } .enquiry__details dd { margin: 0; } .enquiry__details a { color: #fff; } .enquiry__hours { display: flex; justify-content: space-between; gap: 1rem; } .enquiry__card { background: #fff; padding: 1.75rem 1.5rem 2rem; box-shadow: 0 2px 12px rgba(0,0,0,.05); } @media screen and (min-width: 62rem) { .enquiry__aside { padding: 2.5rem 2.25rem; } .enquiry__card { padding: 2.5rem 2.5rem 2.75rem; } } .enquiry__title { font-family: "Cormorant Garamond", serif; font-weight: 400; font-size: 1.875rem; color: #2c2c2c; margin: 0 0 1.5rem; } .enquiry__form { display: flex; flex-direction: column; gap: 1.25rem; } .enquiry .contact-us-block__form-row { display: flex; flex-direction: column; gap: 1.25rem; } @media screen and (min-width: 40rem) { .enquiry .contact-us-block__form-row--half { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; } } .enquiry .contact-us-block__form-field { display: flex; flex-direction: column; gap: .5rem; } .enquiry label { color: #2c2c2c; font-size: .8125rem; font-weight: 500; letter-spacing: .02em; } .enquiry input:not([type=checkbox]):not(.input--hidden), .enquiry select, .enquiry textarea { width: 100%; min-height: 3rem; padding: .75rem .875rem; font: 400 .9375rem/1.4 Montserrat, sans-serif; color: #2c2c2c; background: #fff; border: 1px solid #d9d2c5; border-radius: 0; box-shadow: none; transition: border-color .15s ease, box-shadow .15s ease; } .enquiry select { appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%230a4b6e' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right .875rem center; padding-right: 2.5rem; } .enquiry textarea { min-height: 9rem; resize: vertical; } .enquiry input::placeholder, .enquiry textarea::placeholder { color: #a39d93; } .enquiry input:focus, .enquiry select:focus, .enquiry textarea:focus { outline: none; border-color: #0a4b6e; box-shadow: 0 0 0 3px rgba(10,75,110,.12); } .enquiry__submit { align-self: flex-start; min-height: 3rem; padding: 0 2.25rem; background: #0a4b6e; color: #fff; border: 0; cursor: pointer; font: 500 .8125rem/1 Montserrat, sans-serif; letter-spacing: .1em; text-transform: uppercase; } .enquiry__submit:hover, .enquiry__submit:focus { background: #094463; } @media screen and (max-width: 39.99rem) { .enquiry__submit { align-self: stretch; } } /* ---------- Events page */ .events-body { background: #fafaf9; } .ev-hero { position: relative; display: flex; align-items: flex-end; min-height: 88vh; min-height: 88svh; overflow: hidden; color: #fff; background: #0b2233 url("/img/events-hero.jpg") center / cover; } .ev-hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .ev-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.1) 30%, rgba(0,0,0,.35) 60%, rgba(8,24,36,.9) 100%); } .ev-hero__copy { position: relative; z-index: 1; width: 100%; max-width: 70rem; margin: 0 auto; padding: 0 1rem 3rem; text-align: center; } .ev-hero .terrace__rule { margin: 0 auto 1.25rem; } .ev-hero__title { font-family: "Cormorant Garamond", serif; font-weight: 400; color: #fff; text-transform: uppercase; letter-spacing: 6px; line-height: 1.1; margin: 0; font-size: 2.25rem; } .ev-hero__lede { margin: 1.25rem auto 0; max-width: 32rem; font-size: 1rem; line-height: 1.6; color: rgba(255,255,255,.9); } .ev-hero .terrace__btn { background: #f8bb77; border-color: #f8bb77; color: #0b2233; } .ev-hero .terrace__btn:hover, .ev-hero .terrace__btn:focus { background: #fff; border-color: #fff; color: #0b2233; } .ev-hero .terrace__btn--ghost { background: transparent; border-color: rgba(255,255,255,.7); color: #fff; } @media screen and (min-width: 62rem) { .ev-hero__copy { padding-bottom: 5rem; } .ev-hero__title { font-size: 3.75rem; letter-spacing: 10px; } .ev-hero__lede { font-size: 1.125rem; } } .ev-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; counter-reset: step; } .ev-steps li { counter-increment: step; display: grid; grid-template-columns: 2.75rem 1fr; column-gap: 1rem; row-gap: .25rem; align-items: baseline; padding: 1.25rem 1.5rem; background: #fff; box-shadow: 0 2px 8px #0000000f; } .ev-steps li::before { content: counter(step); grid-row: span 2; font-family: "Cormorant Garamond", serif; font-size: 2.25rem; line-height: 1; color: #c9a86a; } .ev-steps strong { font-weight: 500; color: #2c2c2c; } .ev-steps span { color: #6b6b6b; font-size: .875rem; line-height: 1.6; } @media screen and (min-width: 48rem) { .ev-steps { grid-template-columns: repeat(3, 1fr); gap: 1rem; } } .events-body .photo-grid { grid-template-columns: repeat(2, 1fr); } @media screen and (min-width: 48rem) { .events-body .photo-grid { grid-template-columns: repeat(4, 1fr); } } @media screen and (max-width: 47.99rem) { .events-body .photo-grid { grid-template-columns: none; } } /* Film dialog */ .film { padding: 0; border: 0; background: #000; width: min(96vw, 80rem); max-height: 92vh; overflow: visible; } .film::backdrop { background: rgba(0,0,0,.85); } .film__video { display: block; width: 100%; max-height: 92vh; background: #000; } .film__close { position: absolute; top: -2.75rem; right: 0; width: 2.5rem; height: 2.5rem; display: grid; place-items: center; background: transparent; border: 0; color: #fff; cursor: pointer; } .film__close svg { width: 24px; height: 24px; } /* Home: when the loop is playing, drop the photo's blur and lighten the shade so the film shows. */ /* The home photo is the film's first frame, so it is shown sharp and lightly shaded from the start. */ .home .hero-landing__overlay { backdrop-filter: none; -webkit-backdrop-filter: none; background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.22) 38%, rgba(0,0,0,.3) 62%, rgba(0,0,0,.6) 100%); transition: background .8s ease; } .hero-landing__bg-video { transition: opacity 1.2s ease; } .terrace__card-link { margin-top: .875rem !important; } .terrace__card-link a { color: #0a4b6e; font-size: .8125rem; } /* Terrace: a shorter hero so "What's on" shows on first view. */ .terrace__hero { min-height: 72vh; min-height: 72svh; } @media screen and (min-width: 62rem) { .terrace__hero { min-height: 0; height: 64vh; max-height: 40rem; } .terrace__hero-copy { padding-top: 6.5rem; padding-bottom: 2.5rem; } .terrace__section:first-of-type { padding-top: 3rem; } } .terrace__hero-photo img { object-position: 50% 45%; } /* EN | PT language switch beside the header icons */ .lang-switch { display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; height: 2rem; padding: 0 .375rem; margin-right: .25rem; border: 1px solid currentColor; border-radius: 999px; font-size: .6875rem; font-weight: 500; letter-spacing: .08em; text-decoration: none; color: inherit; opacity: .85; } .lang-switch:hover, .lang-switch:focus { opacity: 1; } /* ---------- Event proposal (customer) */ .proposal { grid-template-columns: 1fr !important; max-width: 52rem; } .proposal__facts { display: flex; flex-wrap: wrap; gap: 2rem; margin: 0 0 1.5rem; } .proposal__facts dt { color: #8b8b8b; font-size: .6875rem; letter-spacing: .14em; text-transform: uppercase; } .proposal__facts dd { margin: .25rem 0 0; font-size: 1rem; color: #2c2c2c; } .proposal__lines { width: 100%; border-collapse: collapse; margin: 0 0 1.75rem; font-size: .875rem; } .proposal__lines th, .proposal__lines td { padding: .625rem .5rem; text-align: right; border-bottom: 1px solid #eee8dd; } .proposal__lines th:first-child, .proposal__lines td:first-child { text-align: left; } .proposal__lines thead th { color: #8b8b8b; font-weight: 500; font-size: .75rem; } .proposal__lines tfoot th { text-align: right; font-weight: 400; color: #6b6b6b; } .proposal__lines tfoot tr:first-child th, .proposal__lines tfoot tr:first-child td { font-weight: 500; color: #2c2c2c; } /* ---------- Managers' area (/admin/) */ .admin-body { background: #f8f7f4; } .admin { max-width: 72rem; margin: 0 auto; padding: 6rem 1rem 4rem; font-size: .875rem; } .admin__bar { display: flex; justify-content: space-between; align-items: center; gap: 1rem; } .admin__title { font-family: "Cormorant Garamond", serif; font-weight: 400; font-size: 2rem; margin: 0 0 1rem; } .admin__tabs { display: flex; gap: 1.25rem; margin: 0 0 1.25rem; border-bottom: 1px solid #e3ddd2; } .admin__tabs a { padding: .5rem 0; color: #6b6b6b; text-decoration: none; } .admin__tabs a[aria-current] { color: #0a4b6e; border-bottom: 2px solid #0a4b6e; } .admin__card { background: #fff; padding: 1.5rem; box-shadow: 0 2px 8px #0000000f; } .admin__card--narrow { max-width: 28rem; } .admin__card h2 { font-family: "Cormorant Garamond", serif; font-weight: 400; font-size: 1.5rem; margin: 0 0 1rem; } .admin__grid { display: grid; gap: 1.25rem; } @media screen and (min-width: 62rem) { .admin__grid { grid-template-columns: 22rem 1fr; align-items: start; } } .admin__table { width: 100%; border-collapse: collapse; background: #fff; box-shadow: 0 2px 8px #0000000f; } .admin__table th, .admin__table td { padding: .75rem; text-align: left; border-bottom: 1px solid #f0ece4; vertical-align: top; } .admin__table th { font-weight: 500; color: #8b8b8b; font-size: .75rem; } .admin__table small { color: #8b8b8b; } .admin__status { display: inline-block; padding: .125rem .5rem; border-radius: 999px; font-size: .75rem; background: #eee; } .admin__status--new { background: #fff1d6; color: #8a5a00; } .admin__status--quoted { background: #e3eff7; color: #0a4b6e; } .admin__status--booked { background: #e1f3ea; color: #2f7a57; } .admin__status--lost { background: #f1eeee; color: #8b8b8b; } .admin__warn { color: #b85c5c; font-size: .75rem; } .admin__hint, .admin__empty { color: #6b6b6b; } .admin__msg { white-space: pre-wrap; background: #faf8f4; padding: .75rem; } .admin__dl { display: grid; grid-template-columns: max-content 1fr; gap: .375rem 1rem; margin: 0 0 1rem; } .admin__dl dt { color: #8b8b8b; } .admin__dl dd { margin: 0; } .admin__form { display: flex; flex-direction: column; gap: .875rem; } .admin__form input, .admin__form select { width: 100%; min-height: 2.5rem; padding: .5rem .625rem; border: 1px solid #d9d2c5; font: inherit; } .admin__row { display: flex; flex-wrap: wrap; gap: .75rem; } .admin__row label { display: flex; flex-direction: column; gap: .25rem; } .admin__num { max-width: 7rem; } .admin__lines { width: 100%; border-collapse: collapse; } .admin__lines th { text-align: left; font-weight: 500; color: #8b8b8b; font-size: .75rem; padding: 0 .25rem .25rem; } .admin__lines td { padding: .125rem .25rem; } .admin__inline { margin-top: 1rem; } .admin .btn { align-self: flex-start; } /* ---------- Event final details */ .proposal__details-link { display: inline-flex; align-items: center; text-decoration: none; margin-top: .5rem; } .proposal__details-link:hover, .proposal__details-link:focus { color: #fff; } .proposal__summary { margin: 0 0 1.25rem; padding-left: 1.1rem; line-height: 1.7; } .admin__details { margin: 0 0 1rem; padding-left: 1.1rem; line-height: 1.6; } .admin__card h3 { font-size: .875rem; font-weight: 600; margin: 1.25rem 0 .5rem; } /* ---------- Events enquiry: on phones the heading, WhatsApp button and form come first; the address and email follow the form. On desktop they stack in the left column as before. */ .enquiry__more { padding: 1.5rem; background: #0b2233; color: rgba(255,255,255,.85); order: 3; } .enquiry__more .enquiry__details { margin-top: 0; } .enquiry__more .enquiry__details > div:first-child { border-top: 0; padding-top: 0; } .enquiry__card { order: 2; } @media screen and (max-width: 61.99rem) { .events-body .enquiry { padding-top: .75rem; } .enquiry { scroll-margin-top: 0; } .enquiry__aside { padding: 1.25rem 1.25rem 1.5rem; } .enquiry__heading { font-size: 1.625rem; margin-bottom: .5rem; } .enquiry__text { margin-bottom: 1rem; font-size: .875rem; line-height: 1.6; } .enquiry__inner { gap: 1rem; } .enquiry__card { padding: 1.25rem 1.25rem 1.75rem; } .enquiry__title { font-size: 1.5rem; margin-bottom: 1rem; } } @media screen and (min-width: 62rem) { .enquiry__inner { grid-template-rows: auto 1fr; row-gap: 0; } .enquiry__aside { grid-column: 1; grid-row: 1; } .enquiry__more { grid-column: 1; grid-row: 2; align-self: start; padding: 0 2.25rem 2.5rem; } .enquiry__more .enquiry__details > div:first-child { border-top: 1px solid rgba(255,255,255,.12); padding-top: 1.25rem; } .enquiry__card { grid-column: 2; grid-row: 1 / span 2; } } .form-hint--spend:empty { display: none; } .form-hint--spend { color: #0a4b6e; } /* Booking page: hold the date, accept the proposal */ .proposal__hold { border-top: .5px solid #e8dcc4; padding-top: 1.5rem; margin-top: .5rem; } .proposal__heading { font-family: "Cormorant Garamond", serif; font-weight: 400; font-size: 1.625rem; color: #2c2c2c; margin: 0 0 .75rem; } .proposal__points { margin: 0 0 1.5rem; padding-left: 1.1rem; line-height: 1.7; color: #4a4a4a; } .proposal__schedule { list-style: none; margin: 0 0 1.5rem; padding: 0; } .proposal__schedule li { display: flex; justify-content: space-between; gap: 1rem; padding: .5rem 0; border-bottom: .5px solid #eee8dd; } /* ---------- Careers */ .careers { padding-bottom: 4rem; } .careers__list { max-width: 52rem; margin: 0 auto; padding: 0 1rem; display: grid; gap: 1rem; } .careers__job { display: block; background: #fff; padding: 1.5rem 1.5rem 1.25rem; border: .5px solid #e8dcc4; text-decoration: none; color: #2c2c2c; transition: border-color .15s ease; } .careers__job:hover, .careers__job:focus { border-color: #0a4b6e; } .careers__job-title { font-family: "Cormorant Garamond", serif; font-weight: 400; font-size: 1.625rem; margin: 0 0 .375rem; } .careers__meta { margin: 0 0 .75rem; color: #6b6b6b; font-size: .875rem; } .careers__more { color: #0a4b6e; font-size: .8125rem; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; } .careers__empty { background: #fff; padding: 1.5rem; border: .5px solid #e8dcc4; color: #4a4a4a; line-height: 1.7; } .careers__back { max-width: 68rem; margin: 0 auto 1.25rem; padding: 0 1rem; font-size: .875rem; } .enquiry input[type=radio]:not(.input--hidden) { width: auto; min-height: 0; padding: 0; margin: 0; border: 0; box-shadow: none; appearance: auto; accent-color: #0a4b6e; } .careers__choice .form-check { align-items: center; } .careers__back a { color: #0a4b6e; } .careers__job-page { max-width: 68rem; margin: 0 auto; padding: 0 1rem; display: grid; gap: 2rem; } @media screen and (min-width: 62rem) { .careers__job-page { grid-template-columns: 1fr 30rem; align-items: start; } .careers__apply { position: sticky; top: 6rem; } } .careers__description { color: #4a4a4a; font-size: .9375rem; line-height: 1.75; } .careers__description h3 { font-family: "Cormorant Garamond", serif; font-weight: 400; font-size: 1.5rem; color: #2c2c2c; margin: 1.75rem 0 .5rem; } .careers__description ul { padding-left: 1.25rem; list-style: disc; } .careers__description li { margin: .25rem 0; } .careers__apply.enquiry { background: #fff; padding: 1.75rem 1.5rem 2rem; } @media screen and (min-width: 62rem) { .careers__apply.enquiry { padding: 2.5rem 2.5rem 2.75rem; } } .careers__facts { display: flex; flex-wrap: wrap; gap: 1.5rem 2.5rem; margin: 1.75rem 0 0; } .careers__facts dt { color: #8b8b8b; font-size: .6875rem; letter-spacing: .14em; text-transform: uppercase; } .careers__facts dd { margin: .25rem 0 0; color: #2c2c2c; } .careers__choice { border: 0; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; } .careers__choice legend { color: #2c2c2c; font-size: .8125rem; font-weight: 500; margin-bottom: .5rem; padding: 0; width: 100%; } .careers__days .form-check { min-width: 3.5rem; } .form-optional { color: #8b8b8b; font-weight: 400; } /* Home: "Watch the film" sits under the main button, lighter so the main one leads. */ .hero-landing__button--ghost { background: transparent; backdrop-filter: none; border-color: rgba(255,255,255,.55); } /* Upright phones: the events hero still matches the first frame of the vertical loop. */ @media (orientation: portrait) and (max-width: 899px) { .ev-hero { background-image: url("/img/events-hero-portrait.jpg"); } } /* Narrow phones: "QUARTER" with the full letter-spacing is wider than a 375px screen (sideways scroll). */ @media (max-width: 449px) { .hero-landing__title span { font-size: min(42px, 10.5vw); letter-spacing: .3em; transform: translateX(.15em); } }