{} *{} /*endBaseStyles*/ #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } :root{ color-scheme: light; --teal-950:#0f6a62; --teal-800:#178f84; --teal-600:#2aa79b; --teal-300:#bfe7e0; --teal-100:#eef8f5; --cream:#fff; --ink:#143f3a; --ink-soft:rgba(20,63,58,.85); --coral:#ff6f5b; --coral-deep:#f0553d; } *{ margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; } html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; overflow-x:hidden; } body{ font-family:'Manrope',sans-serif; color:var(--ink); background:var(--cream); overflow-x:hidden; } h1,h2{ font-family:'Fraunces',serif; font-weight:500; } a{ color:inherit; text-decoration:none; } img{ display:block; max-width:100%; } /* ================= HEADER ================= */ .site-header{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 32px; background:var(--cream); border-bottom:1px solid rgba(20,63,58,.08); } .site-header .logo img{ height:58px; width:auto; border-radius:50%; filter:drop-shadow(0 3px 10px rgba(0,0,0,.16)); } .header-links{ display:flex; align-items:center; gap:24px; } .header-links a{ font-size:14.5px; font-weight:600; color:var(--ink-soft); transition:color .2s ease; } .header-links a:hover{ color:var(--coral); } @media (max-width:720px){ .site-header{ padding:8px 16px; } .site-header .logo img{ height:46px; } .header-links{ gap:16px; } .header-links a{ font-size:13px; } .header-links a.hide-sm{ display:none; } } /* ================= BOOKING HERO ================= */ .book-hero{ position:relative; background: linear-gradient(180deg, rgba(10,40,38,.62) 0%, rgba(10,40,38,.55) 55%, rgba(10,40,38,.75) 100%), url('https://res.cloudinary.com/resolvetech/image/upload/v1787597601/shd/HERO-Front_Veranda-Inc_Driveway_honvz0.jpg') center/cover no-repeat; padding:84px 20px 92px; } .book-hero__inner{ max-width:900px; margin:0 auto; } .book-hero__head{ text-align:center; margin-bottom:30px; color:#fff; } .book-hero__head .eyebrow{ display:inline-block; font-size:13px; font-weight:800; letter-spacing:2.4px; text-transform:uppercase; color:var(--teal-300); margin-bottom:14px; text-shadow:0 1px 10px rgba(0,0,0,.5); } .book-hero__head h1{ font-size:clamp(32px,4.6vw,52px); line-height:1.1; letter-spacing:-.3px; text-shadow:0 2px 20px rgba(0,0,0,.5); } .book-hero__head p{ margin:14px auto 0; max-width:500px; font-size:16.5px; line-height:1.65; color:rgba(255,255,255,.95); text-shadow:0 1px 12px rgba(0,0,0,.5); } .widget-shell{ background:#fff; padding:24px; border-radius:20px; box-shadow:0 24px 60px rgba(10,40,38,.35); } .widget-fallback{ text-align:center; margin-top:18px; font-size:14px; color:rgba(255,255,255,.9); text-shadow:0 1px 8px rgba(0,0,0,.5); } .widget-fallback a{ color:#fff; font-weight:700; border-bottom:1px solid rgba(255,255,255,.5); } .widget-fallback a:hover{ border-color:#fff; } @media (max-width:640px){ .book-hero{ padding:56px 16px 64px; } .widget-shell{ padding:16px; border-radius:16px; } } /* ================= ESSENTIALS ================= */ .essentials{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; max-width:1000px; margin:0 auto; padding:34px 20px 0; } .essential{ display:flex; align-items:center; gap:8px; border:1px solid rgba(20,63,58,.12); border-radius:999px; padding:10px 18px; font-size:14px; font-weight:600; color:var(--ink); } .essential svg{ width:16px; height:16px; color:var(--coral); flex-shrink:0; } /* ================= PHOTO STRIP ================= */ .glance{ max-width:1160px; margin:0 auto; padding:64px 24px 76px; } .glance__head{ text-align:center; margin-bottom:26px; } .glance__head h2{ font-size:clamp(24px,3vw,34px); line-height:1.2; } .glance__head p{ margin-top:10px; font-size:15.5px; color:var(--ink-soft); } .strip{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; } .strip a{ display:block; aspect-ratio:4/3; border-radius:14px; overflow:hidden; background:var(--teal-300); } .strip img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; } .strip a:hover img{ transform:scale(1.06); } .glance__link{ text-align:center; margin-top:26px; } .glance__link a{ font-family:'Fraunces',serif; font-size:16px; color:var(--coral); border-bottom:1px solid rgba(255,111,91,.4); padding-bottom:2px; } .glance__link a:hover{ border-color:var(--coral); } @media (max-width:760px){ .glance{ padding:48px 16px 56px; } .strip{ grid-template-columns:repeat(2,1fr); gap:10px; } } /* ================= FOOTER ================= */ footer{ background:var(--teal-950); color:rgba(255,255,255,.9); padding:52px 24px 30px; } .footer-inner{ max-width:1160px; margin:0 auto; display:flex; flex-wrap:wrap; gap:36px 56px; align-items:flex-start; } .footer-logo{ flex:0 0 auto; } .footer-logo img{ width:165px; height:165px; border-radius:50%; background:#fff; padding:6px; box-shadow:0 8px 24px rgba(0,0,0,.25); } .footer-inner .col{ flex:1 1 240px; min-width:0; max-width:420px; } .footer-inner h3{ font-family:'Fraunces',serif; font-weight:500; font-size:20px; color:#fff; margin-bottom:10px; } .footer-inner p, .footer-inner a{ font-size:14px; line-height:1.8; color:rgba(255,255,255,.82); overflow-wrap:anywhere; } .footer-inner a:hover{ color:var(--coral); } .footer-sublabel{ display:block; margin-top:18px; font-size:12px; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; color:rgba(255,255,255,.55); } .social-row{ display:flex; gap:11px; margin-top:16px; } .social-btn{ width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.22); display:flex; align-items:center; justify-content:center; color:#fff; transition: background .22s ease, border-color .22s ease, transform .22s ease; } .social-btn:hover{ background:#fff; border-color:#fff; color:var(--teal-950); transform:translateY(-2px); } .social-btn svg{ width:20px; height:20px; } .contact-line{ display:flex; align-items:center; gap:9px; } .contact-line svg{ width:17px; height:17px; color:var(--teal-300); flex:0 0 auto; } .footer-bottom{ max-width:1160px; margin:34px auto 0; padding-top:20px; border-top:1px solid rgba(255,255,255,.18); font-size:13px; color:rgba(255,255,255,.6); text-align:center; } @media (max-width:820px){ .footer-logo{ flex:1 1 100%; text-align:center; } .footer-logo img{ margin:0 auto; } } @media (max-width:560px){ .footer-inner{ flex-direction:column; align-items:center; text-align:center; gap:26px; } .footer-inner .col{ flex:0 0 auto; max-width:100%; } .social-row{ justify-content:center; } .contact-line{ justify-content:center; } } .gp-component-id-w86mbg_zuK { width: 100%; } @media (max-width: 639px) { .gp-component-id-w86mbg_zuK { width: 100%;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-w86mbg_zuK { width: 100%;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-w86mbg_zuK { width: 100%;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-w86mbg_zuK { width: 100%;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-w86mbg_zuK { width: 100%;overflow-wrap: break-word; } } .gp-component-id-q0MJIUmaJ6 { z-index: 15;position: relative; } @media (max-width: 639px) { .gp-component-id-q0MJIUmaJ6 { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-q0MJIUmaJ6 { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-q0MJIUmaJ6 { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-q0MJIUmaJ6 { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto; } } @media (min-width: 1200px) { .gp-component-id-q0MJIUmaJ6 { z-index: 15;position: relative;width: 100%;margin-right: auto;margin-left: auto; } } .gp-component-id-nLucIXG0z_ { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } @media (max-width: 639px) { .gp-component-id-nLucIXG0z_ { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-nLucIXG0z_ { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-nLucIXG0z_ { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-nLucIXG0z_ { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } } @media (min-width: 1200px) { .gp-component-id-nLucIXG0z_ { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit;z-index: 15;position: relative; } } .gp-component-id-aO4MmnD5RZ { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-aO4MmnD5RZ { min-height: 50px;position: relative;z-index: auto;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-aO4MmnD5RZ { min-height: 50px;position: relative;z-index: auto;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-aO4MmnD5RZ { min-height: 50px;position: relative;z-index: auto;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-aO4MmnD5RZ { min-height: 50px;position: relative;z-index: auto;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-aO4MmnD5RZ { min-height: 50px;position: relative;z-index: auto;width: 100%; } }