/* ============================================================ The Barnett — production site stylesheet Forked from the Barnett design system (colors_and_type.css + website kit.css) and extended with the full page-template, funnel, and locked-form-spec component set. Portable: only brand tokens, photography, copy, capacity, pricing and the room list change per venue. Structure is fixed. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Roboto+Condensed:wght@500;700&display=swap'); /* Montserrat @font-face removed — all three faces (Montserrat, Cormorant Garamond, Roboto Condensed) load via Google Fonts in functions.php. The @import above is a belt-and-suspenders for Cormorant + Roboto. */ :root { --color-plaster:#F4F2EC; --color-dune:#C1B19B; --color-terra:#623C2E; --color-mission:#1E1919; --color-white:#FFFFFF; --color-terra-hover:#4E3025; --color-terra-active:#3F2620; --color-dune-soft:#E1D8C7; --bg:var(--color-white); --bg-alt:var(--color-plaster); --bg-rich:var(--color-terra); --bg-dark:var(--color-mission); --fg:var(--color-mission); --fg-on-dark:var(--color-plaster); --fg-muted:rgba(30,25,25,0.65); --fg-muted-on-dark:rgba(244,242,236,0.78); --accent:var(--color-dune); --accent-strong:var(--color-terra); --border:var(--color-dune); --border-hairline:rgba(30,25,25,0.12); --font-heading:'Cormorant Garamond','Georgia',serif; --font-body:'Montserrat',system-ui,sans-serif; --font-ui:'Roboto Condensed','Arial Narrow',sans-serif; --fw-heading:400; --fw-body:400; --fw-ui:700; --text-h1-hero:clamp(56px,7vw,96px); --text-h1:clamp(44px,5.4vw,64px); --text-h2:clamp(34px,4vw,46px); --text-h3:clamp(24px,2.6vw,30px); --text-overline:12px; --text-body:17px; --text-body-sm:15px; --text-caption:13px; --lh-heading:1.1; --lh-h2:1.16; --lh-h3:1.22; --lh-body:1.7; --tracking-overline:1.75px; --tracking-button:1px; --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px; --space-24:96px; --space-32:128px; --section-pad:96px; --section-pad-sm:56px; --container-max:1240px; --card-pad:32px; --radius-sm:4px; --radius-md:8px; --radius-lg:16px; --radius-full:9999px; --shadow-card:0 2px 12px rgba(30,25,25,0.08); --shadow-panel:0 4px 24px rgba(30,25,25,0.12); --shadow-overlay:0 8px 48px rgba(30,25,25,0.20); --transition-base:150ms ease; --transition-reveal:200ms ease; --transition-slow:300ms ease; --nav-h:72px; } *{box-sizing:border-box;} html,body{margin:0;padding:0;min-height:100%;} html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 8px);} body{ background:var(--bg);color:var(--fg);font-family:var(--font-body); font-weight:var(--fw-body);font-size:var(--text-body);line-height:var(--lh-body); -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility; } img,svg{display:block;max-width:100%;} h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-heading);color:inherit;margin:0;letter-spacing:-0.3px;} h1{font-size:var(--text-h1);line-height:var(--lh-heading);} h2{font-size:var(--text-h2);line-height:var(--lh-h2);} h3{font-size:var(--text-h3);line-height:var(--lh-h3);} p{margin:0 0 var(--space-5) 0;} p:last-child{margin-bottom:0;} a{color:var(--accent-strong);text-decoration:none;transition:color var(--transition-base);} em{font-style:italic;} .wp-block-html{max-width:none !important;padding:0 !important;} .bn-container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 32px;} .bn-container--narrow{max-width:760px;} .bn-section{padding:var(--section-pad) 0;} .bn-section--tight{padding:72px 0;} .bn-section--dark{background:var(--bg-dark);color:var(--fg-on-dark);} .bn-section--alt{background:var(--bg-alt);color:var(--fg);} .bn-section--rich{background:var(--bg-rich);color:var(--fg-on-dark);} /* ---------- Logo (injected inline by site.js, colored via currentColor) ---------- */ [data-bn-logo]{display:inline-block;color:var(--color-terra);line-height:0;} [data-bn-logo] svg{height:100%;width:auto;display:block;} [data-bn-logo] svg path{fill:currentColor;} /* ---------- Overline / rule / section head ---------- */ .bn-overline{font:var(--fw-body) var(--text-overline)/1.4 var(--font-body);text-transform:uppercase;letter-spacing:var(--tracking-overline);color:var(--color-terra);margin:0;} .bn-section--dark .bn-overline,.bn-section--rich .bn-overline{color:var(--color-dune);} .bn-rule{display:block;width:48px;height:3px;background:var(--color-dune);border:0;margin:0 0 var(--space-5) 0;} .bn-rule--center{margin-left:auto;margin-right:auto;} .bn-sec-head{max-width:720px;margin:0 0 56px;} .bn-sec-head .bn-overline{margin-bottom:16px;} .bn-sec-head h2{margin:0 0 18px;} .bn-sec-head__sub{font:400 17px/1.65 var(--font-body);color:var(--fg-muted);max-width:60ch;} .bn-section--dark .bn-sec-head__sub,.bn-section--rich .bn-sec-head__sub{color:rgba(244,242,236,0.85);} .bn-h-layer em{display:block;color:var(--color-terra);font-style:italic;} .bn-section--dark .bn-h-layer em,.bn-section--rich .bn-h-layer em{color:var(--color-dune);} /* ---------- Buttons ---------- */ .bn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 13px/1 var(--font-ui);letter-spacing:1px;text-transform:uppercase;padding:15px 26px;border-radius:var(--radius-sm);border:0;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base);} .bn-btn--primary{background:var(--color-terra);color:var(--color-plaster);} .bn-btn--primary:hover{background:var(--color-terra-hover);} .bn-btn--primary:active{background:var(--color-terra-active);} .bn-btn--secondary{background:transparent;color:var(--fg);border:2px solid var(--color-dune);padding:13px 24px;} .bn-btn--secondary:hover{background:var(--color-dune);} .bn-btn--on-dark{background:transparent;color:var(--color-plaster);border:2px solid var(--color-dune);padding:13px 24px;} .bn-btn--on-dark:hover{background:var(--color-dune);color:var(--color-mission);} .bn-btn--lg{padding:17px 34px;font-size:14px;} .bn-link{display:inline-flex;align-items:center;gap:7px;font:700 12px/1 var(--font-ui);letter-spacing:1px;text-transform:uppercase;color:var(--color-terra);border-bottom:1px solid transparent;padding-bottom:2px;transition:border-color var(--transition-base);} .bn-link:hover{border-bottom-color:var(--color-terra);} .bn-section--dark .bn-link,.bn-section--rich .bn-link{color:var(--color-dune);} .bn-section--dark .bn-link:hover,.bn-section--rich .bn-link:hover{border-bottom-color:var(--color-dune);} .bn-link svg{width:15px;height:15px;} /* ---------- CTA rail ---------- */ .bn-cta-rail{display:flex;flex-wrap:wrap;gap:14px;align-items:center;} /* ============================================================ Navigation ============================================================ */ .bn-nav{position:sticky;top:0;z-index:60;background:var(--bg-dark);height:var(--nav-h);display:flex;align-items:center;} .bn-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;} .bn-nav__logo{height:26px;} .bn-nav__logo[data-bn-logo]{color:var(--color-plaster);} .bn-nav__links{display:flex;gap:28px;align-items:center;} .bn-nav__link{position:relative;font:700 13px/1 var(--font-ui);text-transform:uppercase;color:rgba(244,242,236,0.92);letter-spacing:1px;white-space:nowrap;padding:6px 0;cursor:pointer;background:none;border:0;} .bn-nav__link:hover,.bn-nav__link.is-active{color:var(--color-dune);} .bn-nav__link.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--color-dune);} .bn-nav__group{position:relative;} .bn-nav__caret{width:13px;height:13px;margin-left:4px;display:inline-block;vertical-align:middle;transition:transform var(--transition-base);} .bn-nav__group[aria-expanded="true"] .bn-nav__caret{transform:rotate(180deg);} .bn-nav__drop{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(6px);min-width:190px;background:var(--bg);border:1px solid var(--color-dune);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);padding:8px;opacity:0;visibility:hidden;transition:opacity var(--transition-base),transform var(--transition-base);} /* Hover bridge: a transparent strip spanning the 14px gap between the Events button and the dropdown, so :hover persists as the cursor travels down to the submenu (no dead-zone). Inherits the drop's visibility, so it's inert when closed. */ .bn-nav__drop::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;} .bn-nav__group:hover .bn-nav__drop,.bn-nav__group[aria-expanded="true"] .bn-nav__drop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);} .bn-nav__drop a{display:block;font:700 12px/1 var(--font-ui);letter-spacing:1px;text-transform:uppercase;color:var(--color-mission);padding:11px 14px;border-radius:var(--radius-sm);} .bn-nav__drop a:hover{background:var(--color-plaster);color:var(--color-terra);} .bn-nav__burger{display:none;background:none;border:0;cursor:pointer;color:var(--color-plaster);padding:6px;} .bn-nav__burger svg{width:26px;height:26px;} /* mobile drawer */ .bn-drawer{position:fixed;inset:0;z-index:80;background:var(--bg-dark);color:var(--fg-on-dark);transform:translateX(100%);transition:transform var(--transition-slow);display:flex;flex-direction:column;padding:24px 28px 40px;overflow-y:auto;} .bn-drawer.is-open{transform:translateX(0);} .bn-drawer__top{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);} .bn-drawer__logo{height:26px;color:var(--color-plaster);} .bn-drawer__close{background:none;border:0;color:var(--color-plaster);cursor:pointer;padding:6px;} .bn-drawer__close svg{width:28px;height:28px;} .bn-drawer__links{display:flex;flex-direction:column;gap:4px;margin-top:24px;} .bn-drawer__links a,.bn-drawer__sub-h{font:400 30px/1.25 var(--font-heading);color:var(--color-plaster);padding:10px 0;border-bottom:1px solid rgba(193,177,155,0.18);} .bn-drawer__sub{display:flex;flex-direction:column;padding:6px 0 6px 18px;} .bn-drawer__sub a{font-size:22px;border-bottom:0;padding:7px 0;color:rgba(244,242,236,0.85);} .bn-drawer__cta{margin-top:28px;} /* ============================================================ Hero (event + home) — full-bleed photo, layered headline ============================================================ */ .bn-hero{position:relative;min-height:clamp(520px,82vh,820px);display:flex;align-items:flex-end;overflow:hidden;} .bn-hero--tall{min-height:clamp(560px,92vh,900px);} .bn-hero__scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(30,25,25,0.72) 0%,rgba(30,25,25,0.32) 38%,rgba(30,25,25,0.05) 68%,transparent 100%);z-index:1;} .bn-hero__inner{position:relative;z-index:2;width:100%;max-width:var(--container-max);margin:0 auto;padding:0 32px 72px;color:var(--color-plaster);} .bn-hero .bn-overline{color:var(--color-dune);} .bn-hero__h{font:400 var(--text-h1-hero)/1.04 var(--font-heading);color:var(--color-plaster);max-width:16ch;margin:14px 0 0;} .bn-hero__h em{display:block;font-style:italic;color:var(--color-dune);} .bn-hero__sub{font:400 18px/1.6 var(--font-body);color:rgba(244,242,236,0.9);max-width:46ch;margin:20px 0 28px;} /* Hero scroll cue — down-chevron, bottom-center of the home hero; fades on first scroll */ .bn-scrollcue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:0;cursor:pointer;color:var(--color-plaster);opacity:0.85;transition:opacity var(--transition-base);} .bn-scrollcue svg{width:30px;height:30px;} .bn-scrollcue:hover{opacity:1;} .bn-scrollcue.is-hidden{opacity:0;pointer-events:none;} @media (prefers-reduced-motion: no-preference){ .bn-scrollcue{animation:bn-cuebounce 1.9s ease-in-out infinite;} @keyframes bn-cuebounce{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(7px);}} } /* ---------- Page hero (slim Mission band, interior pages) ---------- */ .bn-pagehero{background:var(--bg-dark);color:var(--fg-on-dark);padding:72px 0 64px;} .bn-pagehero__crumb{font:700 11px/1 var(--font-ui);letter-spacing:1.6px;text-transform:uppercase;color:var(--color-dune);margin:0 0 18px;} .bn-pagehero h1{font-size:clamp(40px,4.6vw,58px);color:var(--color-plaster);max-width:18ch;} .bn-pagehero h1 em{display:block;color:var(--color-dune);} .bn-pagehero__sub{font:400 17px/1.65 var(--font-body);color:rgba(244,242,236,0.82);max-width:54ch;margin:20px 0 0;} /* ============================================================ Photo placeholder — warm gradient; swap inner for ============================================================ */ .bn-photo{position:relative;overflow:hidden;background:linear-gradient(160deg,#3a281f 0%,#5a3d2e 42%,#7d543f 72%,#9a6c52 100%);border:1px solid rgba(193,177,155,0.4);} .bn-photo::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 22%,rgba(244,242,236,0.12) 0%,transparent 55%),radial-gradient(ellipse at 50% 112%,rgba(30,25,25,0.5) 0%,transparent 60%);pointer-events:none;} .bn-photo>img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;} .bn-photo__cap{position:absolute;left:18px;bottom:16px;right:18px;z-index:2;font:400 11px/1.45 var(--font-body);text-transform:uppercase;letter-spacing:1.3px;color:rgba(244,242,236,0.88);} .bn-photo__tag{position:absolute;top:16px;left:18px;z-index:2;font:700 10px/1 var(--font-ui);text-transform:uppercase;letter-spacing:1.6px;color:rgba(244,242,236,0.6);} .bn-photo--16x9{aspect-ratio:16/9;} .bn-photo--3x2{aspect-ratio:3/2;} .bn-photo--4x5{aspect-ratio:4/5;} .bn-photo--square{aspect-ratio:1/1;} .bn-photo--v2{background:linear-gradient(160deg,#5a3a2a 0%,#7d543f 50%,#4a322a 100%);} .bn-photo--v3{background:linear-gradient(190deg,#241a15 0%,#4a322a 55%,#241a15 100%);} .bn-photo--v4{background:linear-gradient(180deg,#6f4a3a 0%,#8a5f4b 60%,#b89178 100%);} /* ============================================================ Statement (centered, Plaster) ============================================================ */ .bn-statement{text-align:center;max-width:680px;margin:0 auto;} .bn-statement h2{margin:18px 0 0;} .bn-statement h2 em{display:block;color:var(--color-terra);font-style:italic;} .bn-statement p{margin:24px auto 0;max-width:52ch;color:var(--fg-muted);} /* ============================================================ Capacity band ============================================================ */ .bn-cap{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(193,177,155,0.32);} /* WP flow-layout injects margin-block-start:24px on grid items 2-5 (* + *) via a higher-specificity generated rule, pushing them below the first column. Override decisively (same pattern as the core-nav overrides). */ .bn-cap > *{margin-block:0 !important;} .bn-cap__item{padding:44px 20px;border-right:1px solid rgba(193,177,155,0.32);display:flex;flex-direction:column;align-items:flex-start;} .bn-cap__item:last-child{border-right:0;} .bn-cap__num{font:700 clamp(52px,5.5vw,80px)/0.95 var(--font-ui);color:var(--color-plaster);letter-spacing:-1px;} .bn-cap__lbl{margin-top:12px;font:400 11px/1 var(--font-body);text-transform:uppercase;letter-spacing:var(--tracking-overline);color:var(--color-dune);} .bn-cap__desc{margin-top:48px;font:400 16px/1.55 var(--font-body);color:rgba(244,242,236,0.85);max-width:52ch;} /* ============================================================ Photo showcase grid (home 60/40) ============================================================ */ .bn-showcase{display:grid;grid-template-columns:1.5fr 1fr;gap:8px;} .bn-showcase__stack{display:grid;grid-template-rows:1fr 1fr;gap:8px;} .bn-showcase .bn-photo{min-height:200px;} /* ============================================================ Features grid ============================================================ */ .bn-features{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;} .bn-feat{padding:24px 0;border-top:1px solid var(--border-hairline);} .bn-feat__nm{font:400 22px/1.25 var(--font-heading);color:var(--fg);margin:0 0 6px;} .bn-feat__ds{font:400 15px/1.6 var(--font-body);color:var(--fg-muted);margin:0;} /* ============================================================ Event-type tabs (home) ============================================================ */ .bn-tabs{display:flex;gap:28px;border-bottom:1px solid rgba(244,242,236,0.18);margin:8px 0 36px;} .bn-tab{background:none;border:0;cursor:pointer;font:700 13px/1 var(--font-ui);letter-spacing:1px;text-transform:uppercase;color:rgba(244,242,236,0.6);padding:0 0 16px;position:relative;} .bn-tab:hover{color:var(--color-plaster);} .bn-tab.is-active{color:var(--color-plaster);} .bn-tab.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-dune);} .bn-tabpanel{display:none;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;} .bn-tabpanel.is-active{display:grid;animation:bn-fade var(--transition-reveal) ease;} .bn-tabpanel .bn-photo{min-height:300px;} .bn-tab-meta{border-top:1px solid rgba(244,242,236,0.16);border-bottom:1px solid rgba(244,242,236,0.16);padding:14px 0;margin:18px 0;display:flex;gap:8px;align-items:baseline;} .bn-tab-meta b{font:700 22px/1 var(--font-ui);color:var(--color-dune);} .bn-tab-meta span{font:700 10px/1 var(--font-ui);letter-spacing:1.4px;text-transform:uppercase;color:rgba(244,242,236,0.7);} @keyframes bn-fade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}} /* ============================================================ Catering lockup (home + about share base) ============================================================ */ .bn-cc{display:grid;grid-template-columns:1fr 1.6fr;gap:56px;align-items:center;} .bn-cc__mark{font:400 clamp(30px,3.4vw,40px)/1 var(--font-heading);font-style:italic;color:var(--color-mission);} /* ============================================================ Room blocks (Spaces) + The day (event) ============================================================ */ .bn-room{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;} .bn-room+.bn-room{margin-top:96px;} .bn-room--reverse .bn-room__media{order:2;} .bn-room__media .bn-photo{aspect-ratio:3/2;} .bn-room h3{font-size:clamp(28px,3vw,36px);margin:14px 0 0;} .bn-room h3 em{color:var(--color-terra);font-style:italic;} .bn-room__body{margin:18px 0 0;color:var(--fg-muted);max-width:46ch;} .bn-room__stats{display:flex;gap:36px;margin:26px 0;} .bn-room__stats div{display:flex;flex-direction:column;gap:4px;} .bn-room__stats b{font:700 34px/1 var(--font-ui);color:var(--color-terra);letter-spacing:-0.5px;} .bn-room__stats span{font:400 11px/1 var(--font-body);text-transform:uppercase;letter-spacing:1.4px;color:var(--fg-muted);} .bn-room__feats{display:grid;gap:10px;margin:0 0 26px;} .bn-room__feats div{padding-left:24px;position:relative;font:400 15px/1.5 var(--font-body);color:var(--fg);} .bn-room__feats div::before{content:"";position:absolute;left:0;top:11px;width:14px;height:1px;background:var(--color-dune);} .bn-room__actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;} /* anchor list (sticky) */ .bn-anchorbar{position:sticky;top:var(--nav-h);z-index:40;background:rgba(244,242,236,0.96);border-bottom:1px solid var(--border-hairline);backdrop-filter:none;} .bn-anchorbar__inner{display:flex;gap:8px;align-items:center;padding:14px 0;overflow-x:auto;} .bn-anchorbar__lbl{font:400 11px/1 var(--font-body);text-transform:uppercase;letter-spacing:1.6px;color:var(--fg-muted);margin-right:10px;white-space:nowrap;} .bn-anchor{font:700 12px/1 var(--font-ui);letter-spacing:0.8px;text-transform:uppercase;color:var(--fg-muted);padding:8px 14px;border-radius:var(--radius-full);white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);} .bn-anchor:hover{color:var(--color-terra);} .bn-anchor.is-active{color:var(--color-terra);border-color:var(--color-dune);background:var(--color-white);} /* ============================================================ Sample menus (event) ============================================================ */ .bn-menus{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} .bn-menu-card{background:var(--bg);border:1px solid var(--color-dune);border-radius:var(--radius-md);padding:30px 28px;box-shadow:var(--shadow-card);} .bn-menu-card__knd{font:400 11px/1 var(--font-body);text-transform:uppercase;letter-spacing:var(--tracking-overline);color:var(--color-terra);} .bn-menu-card h4{font:400 24px/1.2 var(--font-heading);margin:8px 0 16px;color:var(--fg);} .bn-course{padding:12px 0;border-top:1px solid var(--border-hairline);} .bn-course b{display:block;font:700 10px/1 var(--font-ui);text-transform:uppercase;letter-spacing:1.4px;color:var(--fg-muted);margin-bottom:5px;} .bn-course span{font:400 15px/1.5 var(--font-body);color:var(--fg);} /* ============================================================ Pricing ranges (event, Mission band) ============================================================ */ .bn-tbd{display:inline-flex;align-items:center;gap:6px;font:700 9px/1 var(--font-ui);text-transform:uppercase;letter-spacing:1.4px;color:var(--color-mission);background:var(--color-dune);padding:4px 8px;border-radius:var(--radius-sm);vertical-align:middle;} .bn-ranges{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} .bn-range{background:rgba(244,242,236,0.04);border:1px solid rgba(193,177,155,0.3);border-radius:var(--radius-md);padding:32px 28px;display:flex;flex-direction:column;gap:14px;} .bn-range--feature{border-color:var(--color-dune);background:rgba(193,177,155,0.1);} .bn-range__tier{font:400 26px/1.15 var(--font-heading);color:var(--color-plaster);} .bn-range__price{font:700 32px/1 var(--font-ui);color:var(--color-dune);letter-spacing:-0.5px;} .bn-range__price small{font:400 13px/1 var(--font-body);color:rgba(244,242,236,0.7);margin-left:6px;letter-spacing:0;} .bn-range__incl{list-style:none;margin:0;padding:0;} .bn-range__incl li{padding:9px 0;border-top:1px solid rgba(244,242,236,0.12);font:400 14px/1.5 var(--font-body);color:rgba(244,242,236,0.85);} .bn-range__incl li:first-child{border-top:0;} .bn-finehint{font:400 14px/1.6 var(--font-body);font-style:italic;color:rgba(244,242,236,0.7);margin:28px 0 0;max-width:60ch;} /* ============================================================ Timeline (about) ============================================================ */ .bn-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:8px;} .bn-tl{padding-top:22px;border-top:2px solid var(--color-dune);position:relative;} .bn-tl::before{content:"";position:absolute;top:-6px;left:0;width:9px;height:9px;border-radius:50%;background:var(--color-terra);} .bn-tl__yr{font:700 22px/1 var(--font-ui);color:var(--color-terra);letter-spacing:-0.3px;} .bn-tl__txt{font:400 15px/1.5 var(--font-body);color:var(--fg-muted);margin-top:8px;} /* facts rows (about today) */ .bn-facts{display:grid;gap:14px;margin-top:24px;} .bn-fact{border-top:1px solid var(--color-dune);padding-top:10px;} .bn-fact__lbl{font:400 10px/1 var(--font-body);text-transform:uppercase;letter-spacing:1.8px;color:var(--color-terra);} .bn-fact__val{font:400 20px/1.3 var(--font-heading);font-style:italic;color:var(--fg);margin-top:4px;} /* two-column generic */ .bn-twocol{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;} .bn-twocol--media-wide{grid-template-columns:1fr 1.25fr;} .bn-twocol .bn-photo{min-height:340px;aspect-ratio:auto;height:100%;} /* map + address */ .bn-find{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:stretch;margin-top:32px;} .bn-map{position:relative;min-height:320px;border:1px solid var(--color-dune);border-radius:var(--radius-md);background:repeating-linear-gradient(0deg,#e7e2d6 0 26px,#ece8de 26px 27px),repeating-linear-gradient(90deg,#e7e2d6 0 26px,#ece8de 26px 27px);overflow:hidden;} .bn-map::after{content:"MAP";position:absolute;top:14px;left:16px;font:700 10px/1 var(--font-ui);letter-spacing:1.6px;color:var(--fg-muted);} .bn-map__pin{position:absolute;top:48%;left:46%;width:18px;height:18px;border-radius:50% 50% 50% 0;background:var(--color-terra);transform:rotate(-45deg);box-shadow:var(--shadow-card);} .bn-addr-side{display:grid;gap:18px;align-content:start;} .bn-addr-side .bn-fact__val{font-size:17px;font-style:normal;line-height:1.4;} /* ============================================================ CTA strip (Terra band) ============================================================ */ .bn-ctastrip{background:var(--bg-rich);color:var(--fg-on-dark);} .bn-ctastrip__inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:64px 0;flex-wrap:wrap;} .bn-ctastrip h2{color:var(--color-plaster);max-width:18ch;margin:0;} .bn-ctastrip__actions{display:flex;gap:16px;flex-wrap:wrap;} /* ============================================================ Footer ============================================================ */ .bn-footer{background:var(--bg-dark);color:var(--fg-on-dark);padding:80px 0 32px;} .bn-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;align-items:start;} .bn-footer__logo{height:30px;color:var(--color-plaster);margin-bottom:22px;} .bn-footer__addr{font:400 14px/1.7 var(--font-body);color:rgba(244,242,236,0.85);margin:0;} .bn-footer__addr a{color:rgba(244,242,236,0.85);} .bn-footer__addr a:hover{color:var(--color-dune);} .bn-footer h4{font:400 11px/1 var(--font-body);text-transform:uppercase;letter-spacing:1.6px;color:var(--color-dune);margin:0 0 18px;} .bn-footer__col a{display:block;color:rgba(244,242,236,0.85);font:400 14px/1 var(--font-body);padding:8px 0;} .bn-footer__col a:hover{color:var(--color-dune);} .bn-footer__cc-mark{font:400 22px/1 var(--font-heading);font-style:italic;color:var(--color-plaster);margin:2px 0 8px;} .bn-footer__rule{border:0;border-top:1px solid rgba(193,177,155,0.18);margin:56px 0 22px;} .bn-footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font:400 12px/1.5 var(--font-body);color:rgba(244,242,236,0.55);} .bn-footer__bottom a{color:rgba(244,242,236,0.7);} .bn-footer__bottom a:hover{color:var(--color-dune);} .bn-footer__legal{display:flex;gap:18px;flex-wrap:wrap;align-items:center;} /* Long unbreakable tokens (URLs, @handles) were overflowing the narrow footer columns on mobile → page wider than viewport → horizontal scroll. Let them wrap. */ .bn-footer a,.bn-footer__addr,.bn-footer__cc-mark{overflow-wrap:anywhere;} /* ============================================================ FORMS — locked spec ============================================================ */ .bn-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;} .bn-field{display:flex;flex-direction:column;gap:7px;} /* Conditional fields use the [hidden] attribute (data-show-for toggling). The UA [hidden]{display:none} is a UA rule, which the author .bn-field{display:flex} above overrides — so hidden fields stayed visible (e.g. Partner's Name under Corporate, Event Type/Name on the wedding step). Re-assert it with higher specificity so the conditional system actually hides. */ .bn-field[hidden]{display:none;} .bn-field--full{grid-column:1 / -1;} .bn-field__lab{font:500 11px/1.3 var(--font-body);text-transform:uppercase;letter-spacing:1.4px;color:var(--fg-muted);} .bn-field__req{color:var(--color-terra);margin-left:3px;} .bn-field__hint{font:400 12px/1.4 var(--font-body);color:var(--fg-muted);} .bn-input,.bn-select,.bn-textarea{font:400 15px/1.4 var(--font-body);color:var(--fg);background:var(--bg);border:1px solid var(--color-dune);border-radius:var(--radius-sm);padding:13px 14px;outline:none;width:100%;transition:border-color var(--transition-base),box-shadow var(--transition-base);} .bn-input::placeholder,.bn-textarea::placeholder{color:rgba(30,25,25,0.4);} .bn-input:focus,.bn-select:focus,.bn-textarea:focus{border-color:var(--color-terra);box-shadow:0 0 0 3px rgba(98,60,46,0.12);} .bn-textarea{min-height:104px;resize:vertical;} .bn-select{appearance:none;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;} .bn-field.is-error .bn-input,.bn-field.is-error .bn-select,.bn-field.is-error .bn-textarea{border-color:#9b3b2e;box-shadow:0 0 0 3px rgba(155,59,46,0.12);} .bn-field__err{display:none;font:400 12px/1.3 var(--font-body);color:#c4543f;} .bn-field.is-error .bn-field__err{display:block;} /* segmented radio (date intent, planning stage) */ .bn-seg{display:flex;flex-wrap:wrap;gap:10px;} .bn-seg label{cursor:pointer;} .bn-seg input{position:absolute;opacity:0;pointer-events:none;} .bn-seg__opt{display:inline-flex;align-items:center;font:500 13px/1 var(--font-body);color:var(--fg);border:1px solid var(--color-dune);border-radius:var(--radius-full);padding:11px 18px;transition:all var(--transition-base);} .bn-seg input:checked+.bn-seg__opt{background:var(--color-terra);border-color:var(--color-terra);color:var(--color-plaster);} .bn-seg input:focus-visible+.bn-seg__opt{box-shadow:0 0 0 3px rgba(98,60,46,0.18);} /* multi-select chips (spaces of interest) */ .bn-chips{display:flex;flex-wrap:wrap;gap:10px;} .bn-chips label{cursor:pointer;} .bn-chips input{position:absolute;opacity:0;pointer-events:none;} .bn-chip{display:inline-flex;align-items:center;gap:8px;font:500 13px/1 var(--font-body);color:var(--fg);border:1px solid var(--color-dune);border-radius:var(--radius-full);padding:11px 16px;transition:all var(--transition-base);} .bn-chip::before{content:"";width:14px;height:14px;border:1px solid var(--color-dune);border-radius:3px;transition:all var(--transition-base);} .bn-chips input:checked+.bn-chip{border-color:var(--color-terra);background:rgba(98,60,46,0.06);color:var(--color-terra);} .bn-chips input:checked+.bn-chip::before{background:var(--color-terra);border-color:var(--color-terra);box-shadow:inset 0 0 0 2px #fff;} /* opt-in checkboxes */ .bn-check{display:flex;gap:11px;align-items:flex-start;cursor:pointer;font:400 14px/1.5 var(--font-body);color:var(--fg);} .bn-check input{margin:0;width:18px;height:18px;accent-color:var(--color-terra);flex:0 0 auto;margin-top:2px;} /* structured flexible-date picker */ .bn-flexdate{display:none;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:14px;padding:18px;border:1px dashed var(--color-dune);border-radius:var(--radius-md);background:rgba(193,177,155,0.07);} .bn-flexdate.is-on{display:grid;} .bn-datepick{display:none;margin-top:14px;} .bn-datepick.is-on{display:block;max-width:280px;} /* step header (two-step gate) */ .bn-steps{display:flex;align-items:center;gap:14px;margin-bottom:24px;} .bn-step-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 13px/1 var(--font-ui);border:1.5px solid var(--color-dune);color:var(--color-dune);} .bn-step-dot.is-done{background:var(--color-terra);border-color:var(--color-terra);color:var(--color-plaster);} .bn-step-dot.is-current{border-color:var(--color-plaster);color:var(--color-plaster);} .bn-step-line{flex:0 0 48px;height:1px;background:rgba(193,177,155,0.5);} .bn-step-lbl{font:700 11px/1 var(--font-ui);letter-spacing:1.4px;text-transform:uppercase;color:var(--color-dune);} /* form panel (dark) */ .bn-formpanel{background:var(--bg-dark);color:var(--fg-on-dark);border-radius:var(--radius-md);padding:48px;} .bn-formpanel .bn-field__lab{color:rgba(244,242,236,0.7);} .bn-formpanel .bn-input,.bn-formpanel .bn-select,.bn-formpanel .bn-textarea{background:rgba(244,242,236,0.04);color:var(--color-plaster);border-color:rgba(193,177,155,0.4);} .bn-formpanel .bn-input::placeholder,.bn-formpanel .bn-textarea::placeholder{color:rgba(244,242,236,0.4);} .bn-formpanel .bn-input:focus,.bn-formpanel .bn-select:focus,.bn-formpanel .bn-textarea:focus{border-color:var(--color-dune);box-shadow:0 0 0 3px rgba(193,177,155,0.18);} .bn-formpanel .bn-seg__opt,.bn-formpanel .bn-chip{color:var(--color-plaster);border-color:rgba(193,177,155,0.45);} .bn-formpanel .bn-seg input:checked+.bn-seg__opt{background:var(--color-dune);border-color:var(--color-dune);color:var(--color-mission);} .bn-formpanel .bn-chips input:checked+.bn-chip{background:rgba(193,177,155,0.16);border-color:var(--color-dune);color:var(--color-plaster);} .bn-formpanel .bn-chip::before{border-color:rgba(193,177,155,0.5);} .bn-formpanel .bn-chips input:checked+.bn-chip::before{background:var(--color-dune);border-color:var(--color-dune);box-shadow:inset 0 0 0 2px var(--color-mission);} .bn-formpanel .bn-check{color:rgba(244,242,236,0.85);} .bn-formpanel .bn-select{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 14px center;} .bn-formpanel .bn-flexdate{border-color:rgba(193,177,155,0.45);background:rgba(193,177,155,0.06);} .bn-form-actions{margin-top:28px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;} .bn-form-note{font:400 13px/1.5 var(--font-body);color:rgba(244,242,236,0.7);} /* gate (inline event-page two-step) */ .bn-gate-intro{margin:6px 0 26px;color:rgba(244,242,236,0.85);max-width:52ch;} /* ready-to-tour layout */ .bn-rtt{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:start;} .bn-tour-card{background:var(--bg-alt);border:1px solid var(--color-dune);border-radius:var(--radius-md);padding:32px;} .bn-tour-card h3{margin:14px 0 8px;} .bn-badge{display:inline-flex;align-items:center;font:700 10px/1 var(--font-ui);letter-spacing:1.4px;text-transform:uppercase;color:var(--color-terra);background:rgba(98,60,46,0.08);border:1px solid rgba(98,60,46,0.25);border-radius:var(--radius-full);padding:6px 12px;} .bn-formpanel .bn-badge{color:var(--color-dune);background:rgba(193,177,155,0.1);border-color:rgba(193,177,155,0.3);} /* confirmation */ .bn-confirm{text-align:center;max-width:560px;margin:0 auto;} .bn-confirm__mark{width:64px;height:64px;border-radius:50%;border:2px solid var(--color-dune);display:flex;align-items:center;justify-content:center;margin:0 auto 28px;color:var(--color-dune);} .bn-confirm__mark svg{width:30px;height:30px;} .bn-confirm h1{color:var(--color-plaster);} .bn-confirm p{color:rgba(244,242,236,0.85);margin:18px auto 0;max-width:46ch;} .bn-confirm__actions{display:flex;gap:16px;justify-content:center;margin-top:32px;flex-wrap:wrap;} /* ============================================================ Gallery ============================================================ */ .bn-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;} .bn-filter__chip{font:700 12px/1 var(--font-ui);letter-spacing:0.8px;text-transform:uppercase;color:var(--fg-muted);border:1px solid var(--color-dune);background:transparent;border-radius:var(--radius-full);padding:10px 18px;cursor:pointer;transition:all var(--transition-base);} .bn-filter__chip:hover{color:var(--color-terra);} .bn-filter__chip.is-active{background:var(--color-mission);border-color:var(--color-mission);color:var(--color-plaster);} .bn-filter__count{font:400 12px/1 var(--font-body);text-transform:uppercase;letter-spacing:1.4px;color:var(--fg-muted);margin-left:auto;} .bn-masonry{columns:3;column-gap:16px;margin-top:36px;} .bn-masonry .bn-tile{break-inside:avoid;margin-bottom:16px;cursor:zoom-in;border:1px solid rgba(193,177,155,0.4);position:relative;overflow:hidden;} .bn-tile::after{content:"";position:absolute;inset:0;background:rgba(30,25,25,0);transition:background var(--transition-reveal);} .bn-tile:hover::after{background:rgba(30,25,25,0.18);} .bn-tile.is-hidden{display:none;} .bn-loadmore{text-align:center;margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:10px;} /* lightbox */ .bn-lightbox{position:fixed;inset:0;z-index:90;background:rgba(30,25,25,0.94);display:none;align-items:center;justify-content:center;padding:40px;} .bn-lightbox.is-open{display:flex;} .bn-lightbox__inner{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;max-width:1100px;width:100%;color:var(--color-plaster);} .bn-lightbox__img{aspect-ratio:3/2;} .bn-lightbox__meta{display:flex;flex-direction:column;justify-content:flex-end;} .bn-lightbox__meta dl{display:grid;gap:14px;margin:18px 0 0;} .bn-lightbox__meta dt{font:700 9px/1 var(--font-ui);letter-spacing:1.6px;text-transform:uppercase;color:var(--color-dune);} .bn-lightbox__meta dd{margin:4px 0 0;font:400 14px/1.4 var(--font-body);color:rgba(244,242,236,0.9);} .bn-lightbox__close{position:absolute;top:22px;right:26px;background:none;border:0;color:var(--color-plaster);cursor:pointer;font:700 12px/1 var(--font-ui);letter-spacing:1.6px;} .bn-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--color-plaster);cursor:pointer;padding:16px;} .bn-lightbox__nav svg{width:30px;height:30px;} .bn-lightbox__nav--prev{left:18px;} .bn-lightbox__nav--next{right:18px;} .bn-lightbox__count{position:absolute;bottom:22px;left:0;right:0;text-align:center;font:700 10px/1 var(--font-ui);letter-spacing:1.6px;color:rgba(244,242,236,0.5);} /* ============================================================ Reserved chatbot corner (deferred) ============================================================ */ .bn-chatbot-slot{position:fixed;right:24px;bottom:24px;z-index:50;width:0;height:0;pointer-events:none;} /* ============================================================ Reveal on scroll ============================================================ */ .bn-reveal{transition:opacity 1600ms ease,transform 1600ms cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--bn-reveal-i,0)*120ms);} html.bn-js .bn-reveal:not(.is-in){opacity:0;transform:translateY(24px);} @media (prefers-reduced-motion:reduce){html.bn-js .bn-reveal:not(.is-in){opacity:1;transform:none;}html.bn-js .bn-reveal{transition:none;}html{scroll-behavior:auto;}} /* ============================================================ Tweaks panel (vanilla, design-review only — not shipped to WP) ============================================================ */ .bn-tweaks{position:fixed;right:18px;bottom:18px;z-index:100;width:268px;background:var(--bg);border:1px solid var(--color-dune);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay);font-family:var(--font-body);overflow:hidden;display:none;} .bn-tweaks.is-open{display:block;} .bn-tweaks__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--color-mission);color:var(--color-plaster);} .bn-tweaks__title{font:700 11px/1 var(--font-ui);letter-spacing:1.6px;text-transform:uppercase;} .bn-tweaks__x{background:none;border:0;color:var(--color-plaster);cursor:pointer;font-size:18px;line-height:1;} .bn-tweaks__body{padding:14px 16px 18px;max-height:70vh;overflow-y:auto;} .bn-tweaks__sec{font:700 9px/1 var(--font-ui);letter-spacing:1.6px;text-transform:uppercase;color:var(--fg-muted);margin:16px 0 8px;} .bn-tweaks__sec:first-child{margin-top:0;} .bn-tweaks__row{margin-bottom:10px;} .bn-tweaks__lab{font:500 11px/1.3 var(--font-body);text-transform:uppercase;letter-spacing:1px;color:var(--fg-muted);display:block;margin-bottom:6px;} .bn-tweaks__seg{display:flex;gap:6px;flex-wrap:wrap;} .bn-tweaks__seg button{flex:1;min-width:0;font:600 11px/1 var(--font-body);padding:8px 6px;border:1px solid var(--color-dune);background:var(--bg);color:var(--fg);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;} .bn-tweaks__seg button.is-on{background:var(--color-terra);border-color:var(--color-terra);color:var(--color-plaster);} .bn-tweaks__toggle{position:fixed;right:18px;bottom:18px;z-index:99;background:var(--color-mission);color:var(--color-plaster);border:0;border-radius:var(--radius-full);padding:11px 18px;font:700 11px/1 var(--font-ui);letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-panel);} /* ============================================================ Tweakable knobs (driven by data attrs on ) ============================================================ */ html[data-tw-heads="condensed"]{--font-heading:'Roboto Condensed','Arial Narrow',sans-serif;} html[data-tw-density="airy"]{--section-pad:120px;} html[data-tw-density="compact"]{--section-pad:72px;} /* ============================================================ Responsive ============================================================ */ @media (max-width:960px){ .bn-nav__links{display:none;} .bn-nav__burger{display:inline-flex;} .bn-features,.bn-room,.bn-twocol,.bn-twocol--media-wide,.bn-cc,.bn-find,.bn-rtt,.bn-tabpanel.is-active,.bn-lightbox__inner{grid-template-columns:1fr;} .bn-room+.bn-room{margin-top:64px;} .bn-room--reverse .bn-room__media{order:0;} .bn-menus,.bn-ranges{grid-template-columns:1fr;} .bn-timeline{grid-template-columns:1fr 1fr;} .bn-cap{grid-template-columns:1fr;} .bn-cap__item{border-right:0;border-bottom:1px solid rgba(193,177,155,0.32);} .bn-cap__item:last-child{border-bottom:0;} .bn-cap__desc{margin-top:28px;} .bn-showcase{grid-template-columns:1fr;} .bn-masonry{columns:2;} .bn-room__media{order:0;} .bn-flexdate{grid-template-columns:1fr;} .bn-form{grid-template-columns:1fr;} .bn-formpanel{padding:28px 20px;} .bn-ctastrip__inner{flex-direction:column;align-items:flex-start;gap:24px;} .bn-footer__grid{grid-template-columns:1fr;gap:32px;} } @media (max-width:560px){ :root{--section-pad:56px;} .bn-container{padding:0 20px;} .bn-masonry{columns:1;} .bn-timeline{grid-template-columns:1fr;} .bn-hero__inner,.bn-pagehero{padding-left:20px;padding-right:20px;} } /* ============================================================ Venue-platform integration overrides (live, barnettonwashington.com). Kept at the end so the forked design CSS above stays pristine. Promote/rename into cc-venue-base at cutover. ============================================================ */ /* Taller header to seat the full (stacked) logo, larger. */ :root{ --nav-h:108px; } .bn-nav__logo{ height:72px; } .bn-drawer__logo{ height:64px; } /* The stacked logo has non-path shapes too; recolor them all via currentColor (the forked design CSS only set fill on ). */ [data-bn-logo] svg *{ fill:currentColor; } /* WordPress flow-layout block-gap adds a margin before every top-level element, which renders as a white band between the flush bn-sections and a gap above the hero / below the nav. Neutralize within this subsite only. */ body.wp-child-theme-cc-venue-barnett main.wp-block-group, body.wp-child-theme-cc-venue-barnett .wp-block-post-content, body.wp-child-theme-cc-venue-barnett .wp-block-group.alignfull{ margin-block:0; } body.wp-child-theme-cc-venue-barnett .wp-block-post-content > *, body.wp-child-theme-cc-venue-barnett .wp-block-group.alignfull > *{ margin-block:0; } /* Nav vertical alignment: "Events" is a