/* ============================================================ ACES AIRBOAT TOURS — Master Stylesheet Blew Bayou look & feel · recolored GREEN + YELLOW + BLACK + GREY Anton (display) + Inter (body) · large numbers, no dated icons Body-only Avada build. Loaded globally via aces-master mu-plugin. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap'); .ab *{ box-sizing:border-box; } html,body{ overflow-x:hidden; max-width:100%; } /* Global CSS vars so chrome (header, mega, mobile, footer, grass band) that lives OUTSIDE the .ab content wrapper still resolves them. */ :root{ --ink:#0a0e0b; --ink-2:#0f150f; --ash:#161d16; --ash-2:#1f291f; --green:#1DA53C; --green-2:#31D257; --green-dark:#127a2a; --yellow:#F6841E; --yellow-2:#FF9E45; --steel:#8b968c; --line:rgba(255,255,255,.10); --white:#ffffff; --off:#c9d2c9; --disp:"Anton","Oswald",Impact,sans-serif; --font:"Manrope",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif; --disp2:"Oswald",sans-serif; } /* ---- Hide Avada default chrome ---- */ .aces-site .fusion-header-wrapper,.aces-site .fusion-page-title-bar, .aces-site .avada-footer-copyright,.aces-site .fusion-footer, .aces-site #side-header,.aces-site .fusion-secondary-header{ display:none !important; } .aces-site .fusion-page-content-wrapper{ padding-top:0 !important; } .aces-site #main{ padding:0 !important; } .aces-site #content{ margin:0 !important; padding:0 !important; width:100% !important; float:none !important; } .aces-site .fusion-row{ max-width:100% !important; margin:0 !important; padding:0 !important; width:100% !important; } .ab{ --ink:#0a0e0b; --ink-2:#0f150f; --ash:#161d16; --ash-2:#1f291f; --green:#1DA53C; --green-2:#31D257; --green-dark:#127a2a; --yellow:#F6841E; --yellow-2:#FF9E45; --steel:#8b968c; --line:rgba(255,255,255,.10); --white:#ffffff; --off:#c9d2c9; --max:1280px; --shadow:0 30px 70px rgba(0,0,0,.55); --disp:"Anton","Oswald",Impact,sans-serif; --font:"Manrope",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif; --disp2:"Oswald",sans-serif; width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); font-family:var(--font); color:var(--white); background:var(--ink); line-height:1.65; font-size:18.5px; -webkit-font-smoothing:antialiased; overflow:hidden; } .ab img{ max-width:100%; height:auto; display:block; } .ab a{ color:var(--green-2); text-decoration:none; } .ab p{ margin:0 0 1rem; } .ab h1,.ab h2,.ab h3{ font-family:var(--disp) !important; font-weight:400 !important; line-height:.96; margin:0 0 .4em; text-transform:uppercase; letter-spacing:.01em; color:var(--white) !important; } .ab h4,.ab h5,.ab h6{ color:var(--white) !important; } .ab h1{ font-size:clamp(3.1rem,8vw,7.2rem); } .ab h2{ font-size:clamp(2.5rem,6.2vw,5.2rem); } .ab h3{ font-size:clamp(1.3rem,2.4vw,1.9rem); font-family:var(--font); font-weight:900; line-height:1.1; } .ab__hl{ color:var(--yellow); } .ab__display{ font-family:var(--disp); text-transform:uppercase; } .ab__wrap{ max-width:var(--max); margin:0 auto; padding:0 28px; } .ab__section{ padding:clamp(56px,8vw,120px) 0; position:relative; } .ab__center{ text-align:center; } .ab__lead{ font-size:clamp(1.2rem,2vw,1.62rem); color:var(--off); max-width:760px; font-weight:500; } .ab__center .ab__lead{ margin-left:auto; margin-right:auto; } .ab__prose p{ color:var(--off); } .ab__prose a{ color:var(--yellow); font-weight:700; } .ab__prose strong{ color:#fff; } .ab__eyebrow{ display:inline-flex; align-items:center; gap:.6rem; font-family:var(--disp2); font-size:.9rem; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:var(--green-2); margin-bottom:1rem; } .ab__eyebrow::before{ content:""; width:34px; height:3px; background:var(--green); display:inline-block; } .ab__center .ab__eyebrow{ justify-content:center; } .ab--ink{ background:var(--ink); } .ab--ash{ background:var(--ash); } .ab--grid{ background:var(--ink-2); } .ab--diag::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(900px 400px at 85% -10%, rgba(29,165,60,.22), transparent 60%); } /* ---- Buttons ---- */ .ab__btn{ position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:.6rem; font-family:var(--font); font-weight:800; font-size:1.02rem; text-transform:uppercase; letter-spacing:.03em; padding:18px 34px; border:2px solid transparent; cursor:pointer; line-height:1; border-radius:4px; transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease; } .ab__btn--primary{ background:var(--yellow); color:#0a0e0b !important; box-shadow:0 14px 30px rgba(245,197,24,.34); } .ab__btn--primary:hover{ background:var(--yellow-2); color:#0a0e0b !important; transform:translateY(-3px) scale(1.02); } .ab__btn--green{ background:var(--green); color:#fff !important; box-shadow:0 14px 30px rgba(29,165,60,.34); } .ab__btn--green:hover{ background:var(--green-2); color:#04120a !important; transform:translateY(-3px) scale(1.02); } .ab__btn--ghost{ background:transparent; color:#fff !important; border-color:rgba(255,255,255,.5); } .ab__btn--ghost:hover{ background:#fff; color:var(--ink) !important; border-color:#fff; transform:translateY(-3px); } .ab__btn--lg{ padding:22px 42px; font-size:1.12rem; } .ab__btn--block{ display:flex; width:100%; justify-content:center; } .ab__btn-row{ display:flex; flex-wrap:wrap; gap:16px; } .ab__center .ab__btn-row{ justify-content:center; } /* ---- Header / Nav ---- */ .aces-header{ position:sticky; top:0; z-index:1000; background:#000; transition:box-shadow .3s ease; border-bottom:1px solid rgba(255,255,255,.06); } .aces-header.scrolled,.aces-header.solid{ background:#000; box-shadow:0 6px 24px rgba(0,0,0,.6); } .aces-nav{ max-width:1320px; margin:0 auto; padding:10px 24px; display:flex; align-items:center; gap:12px; font-family:var(--font); } .aces-brand{ display:flex; align-items:center; gap:10px; color:#fff !important; font-family:var(--disp); font-size:1.35rem; letter-spacing:.5px; text-transform:uppercase; white-space:nowrap; } .aces-brand .ace{ display:inline-grid; place-items:center; width:44px; height:44px; border-radius:6px; background:var(--yellow); color:#0a0e0b; font-size:1.5rem; font-family:var(--disp); } .aces-brand .aces-logo{ width:56px; height:56px; display:block; } .aces-brand .aces-logo-full{ height:66px; width:auto; display:block; } .aces-footer .fbrand .aces-logo-full{ height:80px; width:auto; max-width:100%; } @media(max-width:640px){ .aces-footer .fgrid{ grid-template-columns:1fr !important; gap:30px; text-align:center; } .aces-footer .fbrand{ justify-content:center; } .aces-footer .fbrand .aces-logo-full{ height:auto; width:auto; max-width:240px; } .aces-footer .fcredit{ justify-content:center; } } .aces-footer .fbrand .aces-logo{ width:60px; height:60px; display:inline-block; vertical-align:middle; } .aces-brand small{ display:block; font-family:var(--font); font-weight:800; font-size:.58rem; letter-spacing:.24em; color:var(--yellow); } .aces-menu{ display:flex; align-items:center; gap:2px; margin-left:auto; list-style:none; padding:0; margin-top:0; margin-bottom:0; } .aces-menu>li{ position:relative; } .aces-menu>li>a{ color:#eef3ee !important; font-family:var(--disp2); font-weight:600; font-size:.92rem; padding:10px 10px; display:block; text-transform:uppercase; letter-spacing:.04em; } .aces-menu>li>a:hover{ color:var(--yellow) !important; } .aces-nav-cta{ display:flex; align-items:center; gap:12px; } .aces-nav-book{ padding:11px 20px !important; font-size:.86rem !important; } .aces-nav-phone{ color:#fff !important; font-weight:900; white-space:nowrap; letter-spacing:.02em; font-size:.95rem; } .aces-nav-phone:hover{ color:var(--yellow) !important; } .aces-burger{ display:none; margin-left:auto; background:transparent; border:0; cursor:pointer; padding:8px; } .aces-burger span{ display:block; width:26px; height:3px; background:#fff; margin:5px 0; border-radius:2px; } /* ---- MEGA MENU ---- */ .aces-menu .has-mega{ position:static; } .aces-mega{ position:absolute; left:0; right:0; top:100%; z-index:1001; background:var(--ink-2); border-top:3px solid var(--yellow); box-shadow:0 30px 60px rgba(0,0,0,.6); opacity:0; visibility:hidden; transform:translateY(10px); transition:.22s ease; } .aces-menu .has-mega:hover .aces-mega{ opacity:1; visibility:visible; transform:translateY(0); } .aces-mega-inner{ max-width:1500px; margin:0 auto; padding:30px 26px 34px; display:grid; grid-template-columns:repeat(5,1fr); gap:22px; } .aces-mega .mcol h5{ font-family:var(--font); font-weight:800; text-transform:uppercase; letter-spacing:.12em; font-size:.74rem; color:var(--green-2); margin:0 0 14px; padding-bottom:10px; border-bottom:1px solid var(--line); } .aces-mega .mcol a{ display:flex; gap:12px; align-items:baseline; padding:8px 8px; color:#eef3ee !important; } .aces-mega .mcol a:hover{ background:var(--ash); } .aces-mega .mcol a .mn{ flex:0 0 auto; font-family:var(--disp); font-size:1.05rem; color:var(--green-2); min-width:24px; } .aces-mega .mcol a:nth-child(even) .mn{ color:var(--yellow); } .aces-mega .mcol a b{ display:block; font-weight:700; font-size:.92rem; line-height:1.2; color:#fff; } .aces-mega .mcol a span.d{ display:block; font-size:.76rem; color:var(--steel); font-weight:500; } .aces-mega .mcol a:hover b{ color:var(--yellow); } .aces-mega .mfeat{ background:var(--ink); border:1px solid var(--line); position:relative; display:flex; flex-direction:column; min-height:240px; overflow:hidden; } .aces-mega .mfeat .mfimg{ position:absolute; inset:0; } .aces-mega .mfeat .mfimg img{ width:100%; height:100%; object-fit:cover; filter:grayscale(.2) brightness(.5); } .aces-mega .mfeat .mfbody{ position:relative; z-index:1; margin-top:auto; padding:20px; } .aces-mega .mfeat .mfbody .k{ color:var(--yellow); font-weight:900; letter-spacing:.16em; font-size:.68rem; text-transform:uppercase; } .aces-mega .mfeat .mfbody h4{ color:#fff; margin:6px 0 12px; font-size:1.4rem; font-family:var(--disp); text-transform:uppercase; } .aces-mega .mfeat .mfbody .ab__btn{ padding:12px 20px; font-size:.86rem; } /* mobile drawer */ .aces-mobile{ position:fixed; inset:0 0 0 auto; width:min(90vw,400px); background:var(--ink-2); z-index:1100; transform:translateX(100%); transition:transform .3s ease; padding:80px 26px 40px; overflow-y:auto; box-shadow:var(--shadow); } .aces-mobile.open{ transform:translateX(0); } .aces-mobile a{ display:block; color:#eef3ee !important; font-weight:700; padding:13px 6px; border-bottom:1px solid var(--line); text-transform:uppercase; letter-spacing:.03em; font-size:.95rem; } .aces-mobile a.sub{ padding-left:20px; font-weight:500; text-transform:none; letter-spacing:0; color:var(--off) !important; } .aces-mobile .m-group>.m-sub{ max-height:0; overflow:hidden; transition:max-height .3s ease; } .aces-mobile .m-group.open>.m-sub{ max-height:1000px; } .aces-mobile .m-toggle{ display:flex; justify-content:space-between; align-items:center; } .aces-mobile .m-toggle::after{ content:"＋"; color:var(--yellow); } .aces-mobile .m-group.open>.m-toggle::after{ content:"－"; } .aces-mobile .ab__btn{ margin-top:20px; } .aces-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.6); z-index:1050; opacity:0; visibility:hidden; transition:.3s; } .aces-overlay.open{ opacity:1; visibility:visible; } .aces-mclose{ position:absolute; top:20px; right:22px; background:transparent; border:0; color:#fff; font-size:2rem; cursor:pointer; } /* ---- Hero ---- */ .ab__hero{ position:relative; min-height:88vh; display:flex; align-items:center; color:#fff; background:var(--ink); overflow:hidden; margin-top:0; } .ab__hero--sub{ min-height:64vh; } .ab__hero-bg{ position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.08); animation:abZoom 18s ease-out forwards; } @keyframes abZoom{ to{ transform:scale(1); } } .ab__hero-bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(105deg, rgba(10,14,11,.82) 0%, rgba(10,14,11,.6) 42%, rgba(10,14,11,.3) 100%), linear-gradient(0deg, rgba(10,14,11,.9), transparent 42%); } .ab__hero-inner{ position:relative; z-index:2; max-width:var(--max); margin:0 auto; padding:12vh 28px 9vh; width:100%; } .ab__hero h1{ max-width:18ch; margin-bottom:.3em; } .ab__hero p{ font-size:clamp(1.15rem,2vw,1.5rem); max-width:56ch; color:#e9efe9; font-weight:500; } .ab__kicker{ display:inline-block; font-family:var(--font); font-weight:900; letter-spacing:.18em; text-transform:uppercase; font-size:.8rem; color:#0a0e0b; background:var(--yellow); padding:9px 18px; margin-bottom:1.4rem; clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%); } .ab__hero .ab__btn-row{ margin-top:2rem; } .ab__hero-badges{ display:flex; flex-wrap:wrap; gap:14px 30px; margin-top:2rem; } .ab__hero-badge{ display:flex; align-items:baseline; gap:.5rem; font-weight:700; } .ab__hero-badge b{ font-family:var(--disp); font-size:1.7rem; color:var(--yellow); } .ab__hero-badge:nth-child(even) b{ color:var(--green-2); } .ab__hero-badge span{ font-size:.9rem; color:#dfe7df; } .ab__crumb{ font-size:.82rem; color:var(--steel); font-weight:600; margin-bottom:1rem; text-transform:uppercase; letter-spacing:.08em; } .ab__crumb a{ color:var(--yellow); } /* ---- Marquee ---- */ .ab__marquee{ background:var(--green); color:#fff; overflow:hidden; } .ab__marquee-track{ display:flex; white-space:nowrap; animation:abScroll 30s linear infinite; } .ab__marquee span{ font-family:var(--disp); text-transform:uppercase; font-size:1.35rem; padding:13px 24px; letter-spacing:.02em; display:inline-flex; align-items:center; } .ab__marquee span::after{ content:"♠"; font-size:.75rem; margin-left:24px; opacity:.7; } @keyframes abScroll{ to{ transform:translateX(-50%); } } /* ---- Stats (big numbers) ---- */ .ab__stats{ background:var(--ink-2); } .ab__stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; text-align:center; } .ab__stat{ padding:8px; border-left:2px solid var(--line); } .ab__stat:first-child{ border-left:0; } .ab__stat .ab__num{ font-family:var(--disp) !important; font-size:clamp(2.8rem,5.5vw,4.6rem); line-height:1; color:#fff; } .ab__stat .ab__num .ab__suf{ color:var(--yellow); } .ab__stat:nth-child(even) .ab__num .ab__suf{ color:var(--green-2); } .ab__stat .ab__lab{ font-size:.82rem; letter-spacing:.16em; text-transform:uppercase; color:var(--steel); margin-top:.6rem; font-weight:700; } /* ---- Image cards ---- */ .ab__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; } .ab__g2{ grid-template-columns:repeat(2,1fr); } .ab__g4{ grid-template-columns:repeat(4,1fr); } .ab__card{ position:relative; overflow:hidden; min-height:360px; display:flex; align-items:flex-end; background:#000; border:1px solid var(--line); isolation:isolate; } .ab__card-img{ position:absolute; inset:0; z-index:-1; } .ab__card-img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); filter:grayscale(.25) brightness(.7); } .ab__card::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg, rgba(10,14,11,.96) 8%, rgba(10,14,11,.35) 60%, rgba(10,14,11,.12) 100%); transition:background .3s ease; } .ab__card:hover .ab__card-img img{ transform:scale(1.1); filter:grayscale(0) brightness(.88); } .ab__card:hover::after{ background:linear-gradient(0deg, rgba(10,14,11,.97) 10%, rgba(29,165,60,.32) 75%, rgba(29,165,60,.1) 100%); } .ab__card:nth-child(even):hover::after{ background:linear-gradient(0deg, rgba(10,14,11,.97) 10%, rgba(245,197,24,.3) 75%, rgba(245,197,24,.1) 100%); } .ab__card-body{ padding:28px; width:100%; } .ab__card-tag{ display:inline-block; font-family:var(--font); font-weight:900; text-transform:uppercase; letter-spacing:.08em; font-size:.68rem; background:var(--yellow); color:#0a0e0b; padding:5px 11px; margin-bottom:.7rem; } .ab__card:nth-child(even) .ab__card-tag{ background:var(--green); color:#fff; } .ab__card .ab__card-body h3{ color:#fff !important; margin-bottom:.4rem; font-family:var(--disp) !important; font-weight:400; text-transform:uppercase; letter-spacing:.01em; line-height:1; font-size:clamp(1.4rem,2.1vw,1.9rem); } .ab__card-body p{ color:var(--off); font-size:.97rem; margin:0; max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease, margin .3s ease; } .ab__card:hover .ab__card-body p{ max-height:160px; opacity:1; margin:.4rem 0 0; } .ab__card-link{ display:inline-flex; align-items:center; gap:.5rem; margin-top:.9rem; font-weight:900; text-transform:uppercase; letter-spacing:.04em; color:var(--yellow); font-size:.9rem; } .ab__card:nth-child(even) .ab__card-link{ color:var(--green-2); } .ab__card-link::after{ content:"→"; transition:transform .15s ease; } .ab__card:hover .ab__card-link::after{ transform:translateX(5px); } /* ---- Number tiles (large numbers, no icons) ---- */ .ab__tile{ background:var(--ash); border:1px solid var(--line); padding:32px 30px; transition:transform .2s ease, border-color .2s ease; } .ab__tile:hover{ transform:translateY(-6px); border-color:var(--green); } .ab__tile:nth-child(even):hover{ border-color:var(--yellow); } .ab__tile .ab__tn{ font-family:var(--disp) !important; color:var(--green-2); font-size:3rem; line-height:.9; display:block; margin-bottom:.5rem; } .ab__tile:nth-child(even) .ab__tn{ color:var(--yellow); } .ab__tile h3{ color:#fff; margin-bottom:.35rem; font-family:var(--disp) !important; font-weight:400; text-transform:uppercase; letter-spacing:.01em; line-height:1; font-size:clamp(1.35rem,2vw,1.8rem); } .ab__tile p{ color:var(--off); margin:0; font-size:.98rem; } /* ---- Split with corner brackets ---- */ .ab__split{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(30px,5vw,70px); align-items:center; } .ab__split--alt .ab__split-media{ order:-1; } .ab__split-media{ position:relative; } .ab__split-media img{ width:100%; box-shadow:var(--shadow); } .ab__split-media::before{ content:""; position:absolute; left:-16px; top:-16px; width:120px; height:120px; border-left:5px solid var(--green); border-top:5px solid var(--green); z-index:2; } .ab__split-media::after{ content:""; position:absolute; right:-16px; bottom:-16px; width:120px; height:120px; border-right:5px solid var(--yellow); border-bottom:5px solid var(--yellow); } .ab__checks{ list-style:none; padding:0; margin:1.4rem 0 0; display:grid; gap:.9rem; } .ab__checks li{ font-weight:600; color:var(--off); line-height:1.5; } .ab__checks li strong{ color:#fff; } .ab__checks li::before{ content:"♠"; display:inline-grid; place-items:center; vertical-align:-.32em; width:23px; height:23px; margin-right:.55rem; background:var(--green); color:#fff; font-weight:900; font-size:.72rem; } .ab__checks li:nth-child(even)::before{ background:var(--yellow); color:#0a0e0b; } /* ---- Statement / quote ---- */ .ab__statement{ text-align:center; } .ab__statement h2{ font-size:clamp(2.4rem,7vw,5.5rem); } .ab__quote{ border-left:5px solid var(--green); padding:8px 0 8px 28px; } .ab__quote blockquote{ font-family:var(--disp); text-transform:uppercase; font-size:clamp(1.4rem,2.6vw,2.1rem); line-height:1.1; margin:0 0 .8rem; color:#fff !important; } .ab__quote cite{ font-style:normal; font-weight:700; color:var(--yellow) !important; letter-spacing:.04em; } /* ---- Location / info tiles ---- */ .ab__loc{ background:var(--ash); border:1px solid var(--line); border-top:4px solid var(--yellow); padding:28px; } .ab__loc:nth-child(even){ border-top-color:var(--green); } .ab__loc h3{ color:#fff; font-family:var(--disp) !important; font-weight:400; text-transform:uppercase; letter-spacing:.01em; line-height:1.02; } .ab__loc .addr{ color:var(--green-2); font-weight:700; } .ab__loc p{ color:var(--off); font-size:.96rem; } .ab__loc .ab__btn{ margin-top:14px; } /* ---- Reviews ---- */ .ab__rev{ background:var(--ash); border:1px solid var(--line); padding:28px; } .ab__rev .stars{ color:var(--yellow); font-size:1.05rem; letter-spacing:2px; } .ab__rev p{ color:#eef3ee; font-size:1.02rem; margin:12px 0; } .ab__rev .who{ font-weight:900; color:var(--green-2); text-transform:uppercase; letter-spacing:.03em; } .ab__rev .src{ font-size:.8rem; color:var(--steel); font-weight:600; } /* ---- States / area chips ---- */ .ab__states{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin:1.6rem 0; } .ab__states b{ font-family:var(--disp); font-size:clamp(1.4rem,3.4vw,2.4rem); color:#fff; padding:10px 24px; border:2px solid var(--line); transition:.2s; } .ab__states b:hover{ border-color:var(--green); color:var(--green-2); } .ab__states b:nth-child(even):hover{ border-color:var(--yellow); color:var(--yellow); } .ab__areas{ display:flex; flex-wrap:wrap; gap:10px; } .ab__center .ab__areas{ justify-content:center; } .ab__areas a,.ab__areas span{ border:1px solid var(--line); padding:8px 16px; font-weight:700; font-size:.88rem; color:var(--off) !important; text-transform:uppercase; letter-spacing:.03em; } .ab__areas a:hover{ border-color:var(--yellow); color:var(--yellow) !important; } /* ---- FAQ ---- */ .ab__faq{ max-width:880px; margin:0 auto; } .ab__faq details{ background:var(--ash); border:1px solid var(--line); padding:2px 24px; margin-bottom:12px; transition:border-color .2s; } .ab__faq details[open]{ border-color:var(--green); } .ab__faq details:nth-child(even)[open]{ border-color:var(--yellow); } .ab__faq summary{ cursor:pointer; font-weight:800; font-size:1.08rem; padding:20px 0; list-style:none; display:flex; justify-content:space-between; gap:1rem; align-items:center; } .ab__faq summary::-webkit-details-marker{ display:none; } .ab__faq summary::after{ content:"+"; color:var(--green-2); font-size:1.7rem; line-height:1; transition:transform .2s; } .ab__faq details:nth-child(even) summary::after{ color:var(--yellow); } .ab__faq details[open] summary::after{ transform:rotate(45deg); } .ab__faq details p{ color:var(--off); margin:0 0 18px; } .ab__faq details a{ color:var(--yellow); font-weight:700; } /* ---- CTA band ---- */ .ab__cta{ position:relative; overflow:hidden; text-align:center; padding:clamp(50px,7vw,90px) 28px; background:linear-gradient(120deg, var(--green-dark), var(--green)); } .ab__cta::before{ content:""; position:absolute; inset:0; opacity:0; background:none; } .ab__cta>*{ position:relative; } .ab__cta{ text-align:center !important; } .ab__cta h2,.ab__cta p{ text-align:center !important; } /* belt-and-suspenders: outrank Avada's logged-in/builder CSS on the CTA band */ body .ab .ab__cta, body .ab .ab__cta h2, body .ab .ab__cta p, body .ab .ab__cta .ab__eyebrow, body.aces-site .ab__cta p{ text-align:center !important; } .ab__cta h2{ color:#fff; } .ab__cta p{ color:rgba(255,255,255,.92); max-width:60ch; margin:0 auto 1.4rem; font-weight:500; } .ab__cta .ab__eyebrow{ color:#fff; } .ab__cta .ab__eyebrow::before{ background:#fff; } .ab__phone{ font-family:var(--disp) !important; font-size:clamp(2rem,5vw,3.4rem); color:#0a0e0b !important; display:inline-block; margin:.3rem 0; } .ab__phone:hover{ color:#fff !important; } .ab__cta .ab__btn--primary{ background:#0a0e0b; color:#fff !important; box-shadow:none; } .ab__cta .ab__btn--primary:hover{ background:#fff; color:var(--green-dark) !important; } /* ---- Footer ---- */ .aces-footer{ background:var(--ink-2); color:var(--off); padding:64px 0 0; } .aces-footer a{ color:var(--off) !important; } .aces-footer a:hover{ color:var(--yellow) !important; } .aces-footer .fgrid{ display:grid; grid-template-columns:1.5fr 1fr 1.15fr 1.15fr 1fr; gap:30px; } .aces-footer h4{ color:#fff !important; font-family:var(--disp) !important; font-weight:400; text-transform:uppercase; letter-spacing:.03em; font-size:1.5rem; margin:0 0 18px; } .aces-footer ul{ list-style:none; padding:0; margin:0; } .aces-footer ul li{ margin-bottom:9px; } .aces-footer .fbrand{ display:flex; align-items:center; gap:12px; color:#fff !important; font-family:var(--disp); font-size:1.6rem; margin-bottom:14px; text-transform:uppercase; } .aces-footer .fbrand .ace{ display:inline-grid; place-items:center; width:44px; height:44px; border-radius:6px; background:var(--yellow); color:#0a0e0b; font-size:1.4rem; } .aces-footer .fphone{ font-family:var(--disp); font-size:1.8rem; color:var(--yellow) !important; display:inline-block; margin:6px 0; } .aces-footer .fbot{ border-top:1px solid var(--line); margin-top:44px; padding:22px 0 26px; font-size:.84rem; text-align:center; line-height:1.7; } .aces-footer .fbot a{ color:var(--yellow) !important; } .aces-footer .flegal{ margin-bottom:8px; font-size:.82rem; letter-spacing:.01em; } .aces-footer .fcredit{ display:flex; justify-content:center; align-items:center; gap:9px; margin-top:16px; padding-top:14px; opacity:.72; transition:opacity .2s ease; } .aces-footer .fcredit:hover{ opacity:1; } .aces-footer .fcredit span{ font-size:.72rem; text-transform:uppercase; letter-spacing:.18em; color:var(--off); } .aces-footer .fcredit .umg-logo{ height:15px; width:auto; display:block; } .aces-footer .fcredit,.aces-footer .fcredit *{ color:var(--off) !important; } /* ---- Mobile action bar ---- */ .aces-actionbar{ position:fixed; left:0; right:0; bottom:0; z-index:900; display:none; box-shadow:0 -8px 22px rgba(0,0,0,.5); } .aces-actionbar a{ flex:1; text-align:center; padding:15px 8px; font-weight:900; text-transform:uppercase; letter-spacing:.03em; color:#fff !important; } .aces-actionbar a.call{ background:var(--green); } .aces-actionbar a.book{ background:var(--yellow); color:#0a0e0b !important; } /* ---- Scroll reveal (fails open) ---- */ .ab--js [data-reveal]{ opacity:0; transform:translateY(34px); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.75,.25,1); } .ab--js [data-reveal].in{ opacity:1; transform:none; } .ab--js [data-reveal="left"]{ transform:translateX(-40px); } .ab--js [data-reveal="right"]{ transform:translateX(40px); } .ab--js [data-reveal="left"].in,.ab--js [data-reveal="right"].in{ transform:none; } /* ---- Responsive ---- */ @media(max-width:1024px){ .ab__grid{ grid-template-columns:repeat(2,1fr); } .ab__stats-grid{ grid-template-columns:repeat(2,1fr); gap:34px 24px; } .aces-footer .fgrid{ grid-template-columns:1fr 1fr; } .aces-mega-inner{ grid-template-columns:1fr 1fr; } } @media(max-width:900px){ .aces-menu,.aces-nav-phone{ display:none; } .aces-burger{ display:block; } } @media(max-width:820px){ .ab__split{ grid-template-columns:1fr; } .ab__split--alt .ab__split-media{ order:0; } .ab__stat{ border-left:0; } .aces-actionbar{ display:flex; } body.aces-site{ padding-bottom:56px; } .ab__hero{ min-height:88vh; } .ab__card-body p{ max-height:160px; opacity:1; margin:.4rem 0 0; } } @media(max-width:560px){ .ab{ font-size:16px; } .ab__grid,.ab__g2,.ab__g4{ grid-template-columns:1fr; } .ab__btn{ width:100%; justify-content:center; } .aces-mega-inner{ grid-template-columns:1fr; } } /* ============================================================ GRASS + ALLIGATOR BAND (above footer) ============================================================ */ .aces-grassband{ position:relative; height:150px; overflow:hidden; background:var(--ink-2); z-index:1; margin:0; } .aces-grassband::before{ content:""; position:absolute; left:0; right:0; top:0; height:70px; z-index:4; background:linear-gradient(180deg, var(--ink) 0%, rgba(15,21,15,.2) 60%, transparent 100%); pointer-events:none; } /* Above-footer band: the wrapper keeps the last section's color; the band itself is transparent so it inherits that native color instead of its own dark strip. */ .aces-gbwrap .aces-grassband,.aces-grassband--blend{ background:transparent !important; } .aces-gbwrap .aces-grassband::before,.aces-grassband--blend::before{ display:none !important; } .aces-gbwrap .agb-water{ display:none !important; } .agb-water{ position:absolute; left:0; right:0; bottom:0; height:46px; z-index:0; background:linear-gradient(180deg, rgba(29,165,60,.06), rgba(18,122,42,.14)); } .agb-grass{ position:absolute; left:-40px; right:-40px; bottom:-4px; background-repeat:repeat-x; background-position:left bottom; } /* tall faded sawgrass backdrop behind the gators */ .agb-grass.back{ height:150px; background-image:url(grass-band.svg); background-size:1200px 150px; background-repeat:repeat-x; opacity:.45; filter:brightness(.6) saturate(.9); z-index:1; animation:agbDriftA 55s linear infinite; } /* bright sawgrass in FRONT — gators are glimpsed through the gaps between blades */ .agb-grass.front{ height:130px; background-image:url(grass-band.svg); background-size:1040px 130px; background-repeat:repeat-x; z-index:3; animation:agbDriftB 80s linear infinite; } @keyframes agbDriftA{ from{ background-position:0 bottom; } to{ background-position:-1200px bottom; } } @keyframes agbDriftB{ from{ background-position:0 bottom; } to{ background-position:1040px bottom; } } .agb-gator{ position:absolute; z-index:2; will-change:transform; } .agb-gator svg{ display:block; height:100%; width:auto; filter:drop-shadow(0 2px 3px rgba(0,0,0,.55)); } .agb-gator .gbob{ display:block; height:100%; animation:agbBob 3s ease-in-out infinite; transform-origin:center; } .agb-gator.g1{ bottom:30px; height:46px; animation:agbSwimR 30s linear infinite; } .agb-gator.g2{ bottom:20px; height:56px; animation:agbSwimL 42s linear infinite; animation-delay:-12s; } .agb-gator.g3{ bottom:46px; height:32px; opacity:.9; animation:agbSwimR 36s linear infinite; animation-delay:-22s; } @keyframes agbSwimR{ 0%{ transform:translateX(-280px); } 100%{ transform:translateX(calc(100vw + 280px)); } } @keyframes agbSwimL{ 0%{ transform:translateX(calc(100vw + 280px)); } 100%{ transform:translateX(-280px); } } @keyframes agbBob{ 0%,100%{ transform:translateY(0) rotate(-1deg); } 50%{ transform:translateY(-4px) rotate(1.5deg); } } .agb-gator.face-left svg{ transform:scaleX(-1); } @media(max-width:600px){ .aces-grassband{ height:120px; } .agb-grass.front{ height:104px; background-size:832px 104px; } .agb-grass.back{ height:120px; background-size:960px 120px; } } @media(prefers-reduced-motion:reduce){ .agb-grass,.agb-gator,.agb-gator .gbob{ animation:none !important; } } /* ---- Ambient drifting wildlife (site-wide) ---- */ .aces-critters{ position:fixed; inset:0; z-index:6; pointer-events:none; overflow:hidden; } .aces-critter{ position:fixed; left:0; will-change:transform; opacity:0; transition:opacity .8s ease; } .aces-critter.go{ opacity:.5; animation:acesDrift var(--dur,22s) linear forwards; } .aces-critter.c-bird.go{ opacity:.62; } .cr-inner{ display:block; } /* scale + facing flip (set inline) */ .cr-bob{ display:block; filter:drop-shadow(0 3px 6px rgba(0,0,0,.35)); } .cr-bob svg{ display:block; } .c-fish .cr-bob{ animation:crSwim 1.2s ease-in-out infinite; transform-origin:center; } .c-gator .cr-bob{ animation:crSwim 2.6s ease-in-out infinite; transform-origin:center; } .c-bird .cr-bob{ animation:crFlap .9s ease-in-out infinite; transform-origin:center; } @keyframes acesDrift{ from{ transform:translateX(0); } to{ transform:translateX(calc(var(--dir,1) * (100vw + 360px))); } } @keyframes crSwim{ 0%,100%{ transform:rotate(-2.5deg) translateY(0); } 50%{ transform:rotate(2.5deg) translateY(3px); } } @keyframes crFlap{ 0%,100%{ transform:translateY(0) scaleY(1); } 50%{ transform:translateY(-7px) scaleY(.86); } } @media(prefers-reduced-motion:reduce){ .aces-critters{ display:none !important; } } /* ---- Live weather / airboating verdict widget ---- */ #aces-weather{ max-width:760px; margin:0 auto; background:var(--ink-2); border:1px solid var(--line); border-radius:4px; overflow:hidden; text-align:left; } .awx-tabs{ display:flex; border-bottom:1px solid var(--line); } .awx-tab{ flex:1; background:transparent; border:0; border-right:1px solid var(--line); color:var(--off); padding:14px 10px; cursor:pointer; font-family:var(--disp2); text-transform:uppercase; letter-spacing:.05em; font-size:.86rem; font-weight:600; line-height:1.2; transition:background .2s ease,color .2s ease; } .awx-tab:last-child{ border-right:0; } .awx-tab span{ display:block; font-family:var(--font); font-weight:500; font-size:.72rem; color:var(--steel); letter-spacing:0; text-transform:none; margin-top:2px; } .awx-tab.is-active{ background:var(--green); color:#fff; } .awx-tab.is-active span{ color:rgba(255,255,255,.85); } .awx-tab:hover:not(.is-active){ background:var(--ash); color:#fff; } .awx-body{ padding:22px 24px; } .awx-loading{ color:var(--steel); text-align:center; padding:14px; } .awx-now{ display:flex; align-items:center; gap:16px; } .awx-temp{ font-family:var(--disp) !important; font-size:3.2rem; color:#fff; line-height:1; } .awx-cond{ color:var(--off); font-weight:600; font-size:1.05rem; } .awx-cond small{ color:var(--steel); font-weight:500; font-size:.82rem; } .awx-verdict{ margin-top:16px; padding:12px 16px; border-radius:3px; font-family:var(--disp2); font-weight:700; text-transform:uppercase; letter-spacing:.04em; font-size:.98rem; text-align:center; } .awx-verdict.awx-good{ background:rgba(29,165,60,.16); color:var(--green-2); border:1px solid rgba(29,165,60,.4); } .awx-verdict.awx-ok{ background:rgba(246,132,30,.14); color:var(--yellow-2); border:1px solid rgba(246,132,30,.4); } .awx-verdict.awx-bad{ background:rgba(210,60,40,.14); color:#ff8a72; border:1px solid rgba(210,60,40,.4); } /* compact weather chip (nav + footer) */ .aces-weather-mini{ display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border-radius:100px; border:1px solid var(--line); font-family:var(--font); font-weight:700; font-size:.82rem; line-height:1; color:var(--off) !important; white-space:nowrap; transition:border-color .2s ease,background .2s ease; } .aces-weather-mini:empty{ display:none; } .aces-weather-mini .awxm-ico{ font-size:1rem; } .aces-weather-mini .awxm-t{ color:#fff; font-family:var(--disp2); } .aces-weather-mini .awxm-v{ font-size:.74rem; font-weight:600; letter-spacing:.02em; } .aces-weather-mini.awxm-good{ border-color:rgba(29,165,60,.5); background:rgba(29,165,60,.12); } .aces-weather-mini.awxm-good .awxm-v{ color:var(--green-2); } .aces-weather-mini.awxm-ok{ border-color:rgba(246,132,30,.5); background:rgba(246,132,30,.1); } .aces-weather-mini.awxm-ok .awxm-v{ color:var(--yellow-2); } .aces-weather-mini.awxm-bad{ border-color:rgba(210,60,40,.5); background:rgba(210,60,40,.1); } .aces-weather-mini.awxm-bad .awxm-v{ color:#ff8a72; } .aces-nav-cta .aces-weather-mini{ margin-right:4px; } .fweather{ margin-top:14px; } @media(max-width:1180px){ .aces-nav-cta .aces-weather-mini{ display:none; } } /* Homepage photo carousel (marquee) */ .ab__photostrip{ overflow:hidden; width:100%; margin-top:6px; -webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); } .ab__ps-track{ display:flex; gap:14px; width:max-content; animation:psScroll 70s linear infinite; } .ab__photostrip:hover .ab__ps-track{ animation-play-state:paused; } .ab__ps-item{ flex:0 0 auto; display:block; height:210px; overflow:hidden; border:1px solid var(--line); } .ab__ps-item img{ height:100%; width:auto; display:block; object-fit:cover; filter:grayscale(.18) brightness(.92); transition:transform .4s ease,filter .4s ease; } .ab__ps-item:hover img{ transform:scale(1.06); filter:none; } @keyframes psScroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } } @media(max-width:600px){ .ab__ps-item{ height:150px; } } @media(prefers-reduced-motion:reduce){ .ab__ps-track{ animation:none; } .ab__photostrip{ overflow-x:auto; } } /* footer tagline */ .aces-footer .ftagline{ font-family:var(--disp) !important; text-transform:uppercase; color:var(--yellow) !important; font-size:1.15rem; line-height:1.1; letter-spacing:.01em; margin:2px 0 12px; } /* Gator Tales blog index grid */ .ab__blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; } .ab__blog-grid .ab__card{ min-height:340px; } .ab__blog-date{ display:block; margin-top:.6rem; font-family:var(--disp2); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--steel); } @media(max-width:960px){ .ab__blog-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:600px){ .ab__blog-grid{ grid-template-columns:1fr; } } /* ---- Blog posts: strip Avada single-post chrome (body-only look) ---- */ body.single-post .fusion-page-title-bar, body.single-post .fusion-page-title-row, body.single-post .entry-title, body.single-post .single-post-header, body.single-post .fusion-meta-info, body.single-post .post-meta, body.single-post .fusion-sharing-box, body.single-post .share-box, body.single-post .fusion-social-links, body.single-post .about-author, body.single-post .author-bio, body.single-post .fusion-author, body.single-post .single-navigation, body.single-post .post-navigation, body.single-post #comments, body.single-post .comments-area, body.single-post .fusion-comments, body.single-post .comment-respond, body.single-post .related-posts, body.single-post .fusion-related-posts, body.single-post .related-posts-wrapper, body.single-post .fusion-carousel, body.single-post .fusion-single-related-posts, body.single-post .post-tags, body.single-post .fusion-post-tags{ display:none !important; } body.single-post .fusion-content-widget-area, body.single-post .has-sidebar .content-boxes{ display:none; } /* hide Avada's featured image / slideshow at the top of the post */ body.single-post .fusion-flexslider, body.single-post .fusion-post-slideshow, body.single-post .post-content > .fusion-flexslider, body.single-post img.wp-post-image, body.single-post .featured-image-single{ display:none !important; } /* full-bleed the post content column + zero top/bottom padding */ body.single-post .post-content{ margin:0 !important; } body.single-post #main, body.single-post .fusion-row, body.single-post #content, body.single-post .post-content{ padding-top:0 !important; padding-bottom:0 !important; } body.single-post .aces-blog .ab__section:first-child{ padding-top:110px; } /* ============================================================ EXTRA ANIMATIONS ============================================================ */ /* Hero staggered entrance */ .ab--js .ab__hero-inner > *{ opacity:0; animation:abHeroUp .85s cubic-bezier(.2,.7,.2,1) forwards; } .ab--js .ab__hero-inner > *:nth-child(1){ animation-delay:.05s; } .ab--js .ab__hero-inner > *:nth-child(2){ animation-delay:.15s; } .ab--js .ab__hero-inner > *:nth-child(3){ animation-delay:.25s; } .ab--js .ab__hero-inner > *:nth-child(4){ animation-delay:.35s; } .ab--js .ab__hero-inner > *:nth-child(5){ animation-delay:.45s; } .ab--js .ab__hero-inner > *:nth-child(6){ animation-delay:.55s; } @keyframes abHeroUp{ from{ opacity:0; transform:translateY(30px); } to{ opacity:1; transform:none; } } @media(prefers-reduced-motion:reduce){ .ab--js .ab__hero-inner > *{ opacity:1 !important; animation:none !important; } } /* Animated underline that draws under section headings on reveal */ .ab--js [data-reveal] h2{ position:relative; } .ab--js .ab__center[data-reveal] h2::after{ content:""; position:absolute; left:50%; bottom:-14px; height:4px; width:0; background:var(--yellow); transform:translateX(-50%); transition:width .7s ease .25s; } .ab--js .ab__center[data-reveal].in h2::after{ width:66px; } /* Card / tile pop on reveal already handled by [data-reveal]; add hover lift shadow */ .ab__card,.ab__tile,.ab__loc{ will-change:transform; } /* ============================================================ GOOGLE REVIEWS SCROLLER ============================================================ */ .ab__greviews{ overflow:hidden; padding:clamp(40px,6vw,80px) 0; } .ab__greviews-head{ max-width:820px; margin:0 auto 40px; text-align:center; padding:0 22px; } .ab__gtrack-wrap{ position:relative; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); } .ab__gtrack{ display:flex; gap:20px; width:max-content; animation:abGScroll 70s linear infinite; } .ab__gtrack:hover{ animation-play-state:paused; } @keyframes abGScroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } } .ab__gcard{ flex:0 0 380px; max-width:85vw; background:var(--ash); border:1px solid var(--line); border-radius:10px; padding:24px; } .ab__gcard-top{ display:flex; align-items:center; gap:12px; margin-bottom:12px; } .ab__gcard-avatar{ width:44px; height:44px; border-radius:50%; display:grid; place-items:center; font-family:var(--disp); font-size:1.3rem; color:#0a0e0b; background:var(--yellow); flex:0 0 auto; } .ab__gcard-who{ font-weight:800; color:#fff; line-height:1.1; } .ab__gcard-meta{ font-size:.78rem; color:var(--steel); display:flex; align-items:center; gap:6px; } .ab__gstars{ color:#FBBC05; letter-spacing:1px; margin-left:auto; font-size:.95rem; } .ab__gcard p{ color:var(--off); font-size:.96rem; margin:0; } .ab__glogo{ width:15px; height:15px; vertical-align:middle; } .ab__greviews-cta{ text-align:center; margin-top:36px; } .ab__gbadge{ display:inline-flex; align-items:center; gap:10px; background:var(--ash); border:1px solid var(--line); border-radius:60px; padding:12px 22px; font-weight:800; color:#fff; } .ab__gbadge .ab__glogo{ width:20px; height:20px; } .ab__gbadge b{ color:var(--yellow); font-family:var(--disp); font-size:1.2rem; letter-spacing:.5px; } @media(prefers-reduced-motion:reduce){ .ab__gtrack{ animation:none; } } /* ============================================================ BUTTON MOTION — shine sweep + press ============================================================ */ .ab__btn::after{ content:""; position:absolute; top:0; left:-120%; width:60%; height:100%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent); transform:skewX(-20deg); transition:left .55s ease; pointer-events:none; } .ab__btn:hover::after{ left:130%; } .ab__btn--green::after,.ab__btn--ghost::after{ background:linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent); } .ab__btn:active{ transform:translateY(-1px) scale(.99); } .aces-nav-book::after{ height:100%; } /* action bar + booking pulse */ @keyframes abPulse{ 0%,100%{ box-shadow:0 14px 30px rgba(245,197,24,.34);} 50%{ box-shadow:0 14px 40px rgba(245,197,24,.6);} } .aces-actionbar a.book{ animation:abPulse 2.4s ease-in-out infinite; } /* ============================================================ SECTION BACKGROUND IMAGES (large hi-res photo behind a section) ============================================================ */ .ab__section--img{ color:#fff; isolation:isolate; } .ab__section--img .ab__section-bg{ position:absolute; inset:0; z-index:-2; overflow:hidden; } .ab__section--img .ab__section-bg img{ width:100%; height:100%; object-fit:cover; transform:scale(1.05); } .ab__section--img::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(10,14,11,.72), rgba(10,14,11,.6)), radial-gradient(1200px 500px at 80% -10%, rgba(29,165,60,.3), transparent 60%); } .ab__cta.ab__section--img{ background:none; } .ab__cta.ab__section--img::before{ opacity:.12; } .ab__cta.ab__section--img .ab__phone{ color:var(--yellow) !important; } .ab__cta.ab__section--img .ab__phone:hover{ color:#fff !important; } .ab__cta.ab__section--img .ab__btn--primary{ background:var(--yellow); color:#0a0e0b !important; } .ab__cta.ab__section--img .ab__btn--primary:hover{ background:#fff; color:#0a0e0b !important; } .ab__section--img.tight{ padding:clamp(64px,9vw,140px) 0; } .ab__section--img .ab__prose p{ color:#e9efe9; } .ab__section--img .ab__lead{ color:#e9efe9; } .ab--js .ab__section--img .ab__section-bg img{ transition:transform 1.2s ease; } .ab--js .ab__section--img.in .ab__section-bg img{ transform:scale(1); } /* ============================================================ INTERACTIVE GALLERY (filter + masonry + lightbox) ============================================================ */ .ab__gal-filters{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:0 auto 40px; } .ab__gal-filter{ font-family:var(--disp2); font-weight:600; text-transform:uppercase; letter-spacing:.05em; font-size:.85rem; padding:11px 22px; border:2px solid var(--line); background:transparent; color:var(--off); cursor:pointer; border-radius:4px; transition:.18s; } .ab__gal-filter:hover{ border-color:var(--green); color:#fff; } .ab__gal-filter.is-active{ background:var(--yellow); border-color:var(--yellow); color:#0a0e0b; } .ab__gallery{ column-count:4; column-gap:14px; } @media(max-width:1024px){ .ab__gallery{ column-count:3; } } @media(max-width:680px){ .ab__gallery{ column-count:2; } } .ab__gitem{ break-inside:avoid; margin:0 0 14px; position:relative; overflow:hidden; cursor:pointer; display:block; width:100%; padding:0; border:0; background:#000; border-radius:8px; } .ab__gitem img{ width:100%; display:block; transition:transform .55s cubic-bezier(.2,.7,.2,1), filter .3s; filter:grayscale(.12) brightness(.94); } .ab__gitem::after{ content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(29,165,60,0),transparent); transition:.3s; } .ab__gitem:hover img{ transform:scale(1.07); filter:grayscale(0) brightness(1); } .ab__gitem:hover::after{ background:linear-gradient(0deg,rgba(10,14,11,.7),transparent 55%); } .ab__gitem .ab__gcap{ position:absolute; left:12px; bottom:10px; z-index:2; color:#fff; font-weight:700; font-size:.82rem; opacity:0; transform:translateY(8px); transition:.25s; text-shadow:0 2px 8px rgba(0,0,0,.7); } .ab__gitem:hover .ab__gcap{ opacity:1; transform:none; } .ab__gitem.is-hidden{ display:none; } .ab__gitem .ab__gbadge2{ position:absolute; top:10px; left:10px; z-index:2; background:var(--yellow); color:#0a0e0b; font-family:var(--disp2); font-weight:600; text-transform:uppercase; font-size:.62rem; letter-spacing:.06em; padding:3px 8px; border-radius:3px; } .ab__lb{ position:fixed; inset:0; z-index:99999; background:rgba(6,8,6,.95); display:none; align-items:center; justify-content:center; padding:30px; } .ab__lb.is-open{ display:flex; } .ab__lb img{ max-width:92vw; max-height:84vh; box-shadow:0 30px 80px rgba(0,0,0,.7); border:2px solid rgba(255,255,255,.08); border-radius:6px; } .ab__lb-cap{ position:absolute; left:0; right:0; bottom:22px; text-align:center; color:#fff; font-weight:600; text-shadow:0 2px 8px #000; } .ab__lb-close,.ab__lb-nav{ position:absolute; background:var(--green); color:#fff; border:0; cursor:pointer; font-family:var(--disp); display:grid; place-items:center; transition:.15s; } .ab__lb-close:hover,.ab__lb-nav:hover{ background:var(--yellow); color:#0a0e0b; } .ab__lb-close{ top:22px; right:22px; width:48px; height:48px; font-size:1.6rem; border-radius:6px; } .ab__lb-nav{ top:50%; transform:translateY(-50%); width:56px; height:56px; font-size:2rem; border-radius:6px; } .ab__lb-prev{ left:22px; } .ab__lb-next{ right:22px; } @media(max-width:680px){ .ab__lb-nav{ width:44px; height:44px; font-size:1.4rem; } } /* ---- Grass + gator band overlaying the bottom of the hero ---- */ .aces-grassband--hero{ position:absolute; left:0; right:0; bottom:0; height:120px; background:transparent !important; z-index:4; margin:0; } .aces-grassband--hero::before{ display:none; } .aces-grassband--hero .agb-water{ display:none; } .aces-grassband--hero .agb-grass.front{ height:118px; background-size:944px 118px; } .aces-grassband--hero .agb-grass.back{ height:130px; background-size:1040px 130px; opacity:.5; } .aces-grassband--hero .agb-gator.g1{ bottom:26px; height:40px; } .aces-grassband--hero .agb-gator.g2{ bottom:16px; height:50px; } .aces-grassband--hero .agb-gator.g3{ bottom:40px; height:28px; } @media(max-width:600px){ .aces-grassband--hero{ height:80px; } .aces-grassband--hero .agb-grass.front{ height:78px; background-size:624px 78px; } } /* ============================================================ LIGHT / WHITE SECTION THEME ============================================================ */ .ab--light{ background:#ffffff; color:#12181a; } .ab--light h1,.ab--light h2,.ab--light h3,.ab--light h4{ color:#0a0e0b !important; } .ab--light .ab__lead{ color:#4a544c; } .ab--light .ab__prose p{ color:#3a423c; } .ab--light .ab__prose strong{ color:#0a0e0b; } .ab--light .ab__eyebrow{ color:var(--green-dark); } .ab--light .ab__tile{ background:#f4f3ec; border-color:#e4e2d5; } .ab--light .ab__tile h3{ color:#0a0e0b; } .ab--light .ab__tile p{ color:#4a5249; } .ab--light .ab__loc{ background:#f4f3ec; border-color:#e4e2d5; } .ab--light .ab__loc h3{ color:#0a0e0b; } .ab--light .ab__loc p{ color:#4a5249; } .ab--light .ab__loc .addr{ color:var(--green-dark); } .ab--light .ab__rev{ background:#f4f3ec; border-color:#e4e2d5; } .ab--light .ab__rev p{ color:#22281f; } .ab--light .ab__rev .who{ color:var(--green-dark); } .ab--light .ab__faq details{ background:#f7f6f0; border-color:#e4e2d5; } .ab--light .ab__faq summary{ color:#0a0e0b; } .ab--light .ab__faq details p{ color:#4a5249; } .ab--light .ab__faq details a{ color:var(--green-dark); } .ab--light .ab__areas a,.ab--light .ab__areas span{ color:#3a423c !important; border-color:#dcdccf; } .ab--light .ab__areas a:hover{ color:#0a0e0b !important; border-color:var(--green); } .ab--light .ab__checks li{ color:#3a423c; } .ab--light .ab__checks li strong{ color:#0a0e0b; } .ab--light .ab__gcard{ background:#f4f3ec; border-color:#e4e2d5; } .ab--light .ab__gcard-who{ color:#0a0e0b; } .ab--light .ab__gcard p{ color:#3a423c; } .ab--light .ab__gal-filter{ color:#3a423c; border-color:#dcdccf; } .ab--light .ab__gal-filter:hover{ color:#0a0e0b; } /* ---- Per-page grass band blends with the section above it ---- */ .aces-gbwrap{ position:relative; } .aces-grassband--blend{ background:transparent !important; } .aces-grassband--blend::before{ display:none; } .aces-grassband--blend .agb-water{ display:none; } /* ============================================================ CENTER ALL PAGE TEXT ============================================================ */ .ab__prose{ text-align:center; } .ab__prose ul{ display:inline-block; text-align:left; } .ab__prose ul.ab__checks{ display:grid; text-align:center; } .ab__split .ab__prose{ text-align:center; } .ab__checks{ text-align:center; } .ab__tile,.ab__loc,.ab__rev,.ab__gcard{ text-align:center; } .ab__gcard-top{ justify-content:center; } .ab__gstars{ margin-left:0; } .ab__loc .ab__btn{ margin-left:auto; margin-right:auto; } .ab__prose .ab__btn-row{ justify-content:center; } /* ---- Guarantee text readability over any hero / background image ---- */ .ab__hero h1,.ab__hero .ab__lead,.ab__hero .ab__crumb,.ab__hero .ab__hero-badge{ text-shadow:0 2px 16px rgba(0,0,0,.6); } .ab__section--img h2,.ab__section--img h3,.ab__section--img .ab__prose p,.ab__section--img .ab__lead,.ab__section--img .ab__checks li{ text-shadow:0 2px 14px rgba(0,0,0,.65); } .ab__section--img::after{ background:linear-gradient(180deg, rgba(10,14,11,.78), rgba(10,14,11,.66)), radial-gradient(1200px 500px at 80% -10%, rgba(29,165,60,.3), transparent 60%) !important; } /* ============================================================ HERO BACKGROUND VIDEO (Vimeo) — static image stays as fallback ============================================================ */ .ab__hero--video .ab__hero-bg{ z-index:0; } /* fallback poster beneath the video */ .ab__hero--video .ab__hero-bg{ animation:none; transform:none; } .ab__hero-video{ position:absolute; inset:0; z-index:1; overflow:hidden; background:#0a0e0b; } /* Self-hosted