/* Color test: supplied espresso, walnut, timber, brown, oak and golden wood palette. */ :root{--dive-black:#211a1a;--dive-wood:#5a171c;--dive-cream:#f0ece3;--dive-muted:#cdc7c0;--dive-red:#803038;--dive-line:#79504c;color-scheme:dark} html body.home-two,html body.inner-two,html body main .astral-one,html body main .astral-two,html body main .interior-two{background:#211a1a!important;background-image:none!important;color:#f0ece3!important;color-scheme:dark} html body main :is(h1,h2,h3,h4,h5,h6,p,label,li,address,td,th,figcaption){color:#f0ece3!important;text-shadow:none!important} html body main :is(h1,h2,h3,h4) a,html body main a{color:#ffffff!important} html body main :is(.eyebrow,.title,.club-kicker,.calendar-kicker){color:#cdc7c0!important} html body .site-nav{background:#211a1a!important;border-color:#79504c!important;box-shadow:0 3px 12px #4e242320!important} html body .site-nav :is(a,summary,button){color:#ffffff!important} html body .site-nav .venue-menu>div{background:#5a171c!important;border:1px solid #79504c!important;border-top:4px solid #c7b9a8!important;box-shadow:0 10px 25px #58302d2b!important} html body .site-nav .venue-menu>div a{color:#ffffff!important} html body .site-nav .venue-menu>div a:hover{background:#712126!important;color:#ffffff!important} html body.inner-two .interior-two .page-banner-area{background:linear-gradient(110deg,#5a171c,#712126,#5a171c)!important;box-shadow:none!important;border-color:#79504c!important} html body main :is(.inquiry-form,.barn-faq-item,.drink-card,.contact-info-single-item,.career-description,.barn-video-card,.top-playlist-album-single-item,.top-music-playlist-single-item-two,.calendar-month,.calendar-toolbar,.calendar-guide-grid>a,.barn-club-facts,.barn-blog-card,.team-one__single,.services-one__single,.play-single-card,.top-music-playlist-content,.today-tunes-content,.barn-event-location){background:#5a171c!important;border-color:#79504c!important;box-shadow:0 3px 12px #6336310d!important} html body.inner-two .interior-two .barn-faq-item summary{background:#5a171c!important;color:#ffffff!important} html body.inner-two .interior-two .barn-faq-item[open] summary{background:#712126!important} html body main :is(input:not([type=hidden]),textarea,select){background:#211a1a!important;color:#f0ece3!important;border-color:#c7b9a8!important} html body main :is(input,textarea)::placeholder{color:#cfc6bd!important} html body main :is(.barn-btn,.default-btn,.two-event-link,.club-playlist-details,.thm-btn){background:#803038!important;color:#ffffff!important;border-color:#79504c!important;text-shadow:none!important} html body main .barn-btn span{color:inherit!important} html body main img{filter:none!important} html body .astral-one .top-music-playlist-area{background:#211a1a!important} html body .astral-one #club-nights{background:#5a171c!important;border-color:#79504c!important} html body .astral-one #club-nights .featured-single-item{background:#5a171c!important;border-color:#79504c!important} html body .astral-one .monogram-wrap{background:#712126!important;border-color:#79504c!important} html body .astral-one .monogram-wrap .monogram{color:#ffffff!important} html body .barn-contact-layout .social-contact-area{background:#5a171c!important;border-color:#79504c!important} html body .barn-contact-form-area::before{background:#211a1af2!important} html body .calendar-month th{background:#5a171c!important;color:#f0ece3!important} html body .calendar-month td{background:#5a171c!important;border-color:#79504c!important} html body .calendar-month td.calendar-empty{background:#211a1a!important} html body .fan-page{background:#211a1a!important;color:#f0ece3!important} html body .fan-photo,html body .fan-filters button{background:#5a171c!important;color:#ffffff!important;border-color:#79504c!important} html body .fan-filters button[aria-pressed=true]{background:#803038!important;color:#ffffff!important} html body .fan-kicker,html body .fan-count,html body .fan-footnote{color:#cdc7c0!important} html body .club-footer{background:#211a1a!important;color:#ffffff!important;border-color:#79504c!important} html body .club-footer::before{background:#211a1af5!important} html body .club-footer :is(a,p,h2,span,address){color:#ffffff!important} html body :is(.barn-video-viewer,.barn-photo-viewer,.fan-dialog){background:#211a1a!important;color:#f0ece3!important} html body :is(.barn-video-viewer,.barn-photo-viewer,.fan-dialog) :is(h2,p,figcaption,button){color:#f0ece3!important} @media(max-width:991px){html body .site-nav nav{background:#211a1a!important}} html body .astral-one .play-single-card{background:#5a171c!important;border-color:#79504c!important} html body .astral-one .contact-us-area{background:#5a171c!important;background-image:none!important} html body .astral-one .contact-us-area::before{background:transparent!important} html body .astral-one .contact-us-content h2,html body .astral-one .one-contact-info{color:#f0ece3!important} html body .fan-page .fan-intro{color:#ded8d0!important} html body .barn-blog-card :is(.barn-blog-meta,.barn-blog-excerpt){color:#ded8d0!important} html body main .contact-info-single-item,html body main .inquiry-form{color:#f0ece3!important}html body main :is(input,textarea,select){color-scheme:dark}html body main a:hover{color:#c7b9a8!important} /* Restrained amber highlights from the approved 2027 palette. */ html body main :is(.eyebrow,.club-kicker,.calendar-kicker,.event-album-date,.club-playlist-schedule,.club-night-date){color:#c7b9a8!important} html body .site-nav .venue-menu>div{border-top-color:#c7b9a8!important} html body main :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid #c7b9a8!important;outline-offset:4px} html body .calendar-toolbar button[aria-pressed=true],html body .fan-filters button[aria-pressed=true]{background:#803038!important;color:#f0ece3!important;border-color:#c7b9a8!important} html body .astral-one #club-nights .section-title{border-left-color:#c7b9a8!important} html body main :is(.barn-btn,.default-btn,.two-event-link,.club-playlist-details,.thm-btn):hover{background:#211a1a!important;color:#f0ece3!important} html body.inner-two .site-nav,html body.home-two .site-nav,html body.home-two .site-nav.two-scrolled{background:#211a1a!important;background-image:none!important} /* Warm wood surfaces: no grey backgrounds. */ html body main :is(.barn-booking-layout,.submit-music-area,.about-content-area){background-color:transparent!important} html body .interior-two .barn-booking-layout .inquiry-form{background:#5a171c!important;border-color:#79504c!important} html body .interior-two .barn-booking-layout select{background:#211a1a!important;color:#f0ece3!important} html body .site-nav .venue-menu>div a:hover{background:#211a1a!important} /* Exact browns from the approved Facebook video review reference. */ html body.inner-two .interior-two .page-banner-area{background:#5a171c!important;border-color:#79504c!important} html body .site-nav .venue-menu>div,html body.inner-two .interior-two .barn-faq-item summary{background:#5a171c!important;border-color:#79504c!important} html body .barn-contact-layout .social-contact-area{background:#5a171c!important} html body .astral-one .monogram-wrap{background:#712126!important;border-color:#79504c!important} html body .fan-photo,html body .fan-filters button{background:#5a171c!important;border-color:#79504c!important} html body .calendar-month td{background:#5a171c!important;border-color:#79504c!important} html body .calendar-month td.calendar-empty{background:#211a1a!important} /* Supplied palette from the reference image. */ :root{--wood-espresso:#211a1a;--wood-walnut:#5a171c;--wood-timber:#712126;--wood-brown:#803038;--wood-oak:#79504c;--wood-gold:#c7b9a8} html body .site-nav .nav-ticket{background:#c7b9a8!important;color:#211a1a!important;border-color:#c7b9a8!important} html body .site-nav .nav-ticket:hover{background:#f0ece3!important;color:#211a1a!important} html body main :is(.barn-btn,.default-btn,.two-event-link,.club-playlist-details,.thm-btn){background:#c7b9a8!important;color:#211a1a!important;border-color:#c7b9a8!important} html body main :is(.barn-btn,.default-btn,.two-event-link,.club-playlist-details,.thm-btn):hover{background:#f0ece3!important;color:#211a1a!important;border-color:#c7b9a8!important} html body main :is(.barn-btn,.default-btn,.two-event-link,.club-playlist-details,.thm-btn) span{color:inherit!important} html body .calendar-toolbar button[aria-pressed=true],html body .fan-filters button[aria-pressed=true]{background:#803038!important;color:#f0ece3!important} html body main a:hover{color:#c7b9a8!important} /* Careers: open introduction and role cards. */ .careers-hub{padding-block:64px 80px}.careers-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:56px;align-items:start;margin-bottom:44px}.careers-intro h2{font-size:clamp(36px,5vw,64px);margin:10px 0 20px}.careers-intro p{max-width:650px;line-height:1.8}.careers-intro aside{border-left:3px solid #c7b9a8;padding:8px 0 8px 28px}.careers-intro aside h3{margin-top:0}.career-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.career-role{background:#5a171c;border:1px solid #79504c;padding:32px;display:flex;align-items:flex-start;flex-direction:column;gap:16px}.career-role h3{font-size:32px;margin:0}.career-role p{margin:0 0 12px;line-height:1.7}.career-role .barn-btn{margin-top:auto}.career-status{border:1px solid #c7b9a8;color:#f0ece3;padding:4px 12px;font:14px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:1px} @media(max-width:700px){.careers-hub{padding-block:36px 48px}.careers-intro,.career-role-grid{grid-template-columns:1fr;gap:24px}.career-role{padding:24px}.careers-intro{margin-bottom:28px}} /* Clean surfaces without decorative outlines. Keyboard focus stays visible. */ html body .site-nav,html body .site-nav .venue-menu>div,html body .club-footer,html body .copyright,html body .footer-age-policy,html body .footer-contact-row,html body .footer-link-groups,html body main :is(section,article,aside,figure,details,summary,td,th,hr,.career-status,.career-role,.careers-intro aside,.inquiry-form,.barn-faq-item,.drink-card,.contact-info-single-item,.career-description,.barn-video-card,.top-playlist-album-single-item,.top-music-playlist-single-item-two,.top-music-playlist-wrap-two,.calendar-month,.calendar-toolbar,.calendar-guide-grid>a,.barn-club-facts,.barn-blog-card,.team-one__single,.services-one__single,.play-single-card,.top-music-playlist-content,.today-tunes-content,.barn-event-location,.social-contact-area,.monogram-wrap,.fan-photo,.page-banner-area){border:0!important;outline:0;box-shadow:none!important} html body main :is(a,button),html body .site-nav :is(a,button),html body .club-footer a{border:0!important;box-shadow:none!important;text-decoration:none!important} html body main :is(h1,h2,h3,h4,h5,h6){-webkit-text-stroke:0!important;text-shadow:none!important} html body main :is(h1,h2,h3,h4,h5,h6) a{border:0!important;text-decoration:none!important} html body main :is(.barn-btn,.default-btn,.two-event-link,.club-playlist-details,.thm-btn){outline:0} html body main :is(a,button,input,textarea,select,summary):focus-visible,html body .site-nav :focus-visible,html body .club-footer :focus-visible{outline:2px solid #c7b9a8!important;outline-offset:4px} /* Navigation divider and link underlines. */ html body.home-two .site-nav,html body.inner-two .site-nav,html body .site-nav{border-bottom:1px solid #79504c!important} html body .site-nav nav>a:not(.nav-ticket),html body .site-nav .venue-menu>summary{position:relative} html body .site-nav nav>a:not(.nav-ticket)::after,html body .site-nav .venue-menu>summary::before{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:#c7b9a8;transform:scaleX(0);transform-origin:left;transition:transform .18s ease} html body .site-nav nav>a:not(.nav-ticket):is(:hover,:focus-visible,[aria-current=page])::after,html body .site-nav .venue-menu:is([open],:hover)>summary::after{transform:scaleX(1)} @media(prefers-reduced-motion:reduce){html body .site-nav nav>a::after,html body .site-nav .venue-menu>summary::before{transition:none}} /* Shared Careers application and quiet hover treatment on every form. */ html body .barn-career-layout .submit-music-form{max-width:1000px;margin:auto} html body .inquiry-form,html body .inquiry-form:hover,html body .inquiry-form:focus-within{outline:none!important;border:0!important;box-shadow:none!important} html body .inquiry-form fieldset{border:0!important;outline:none!important;padding:0;margin:24px 0;min-width:0} html body .inquiry-form legend{font-size:22px;margin-bottom:16px} html body .inquiry-form :is(input,textarea,select),html body .inquiry-form :is(input,textarea,select):hover{border:0!important;outline:none!important;box-shadow:none!important} html body .inquiry-form :is(input,textarea,select):focus-visible{outline:2px solid #c7b9a8!important;outline-offset:3px} html body .careers-hub+.barn-career-layout{padding-top:0} /* About gallery photographs: no decorative borders at rest or on hover. */ html body .barn-about-layout .about-gallery-grid :is(a,img),html body .barn-about-layout .about-gallery-grid a:hover,html body .barn-archive-photos,html body .barn-archive-photos:hover{border:0!important;outline:none!important;box-shadow:none!important} html body .barn-about-layout .about-gallery-grid a:focus-visible{outline:2px solid #c7b9a8!important;outline-offset:3px} /* Exterior barn paint: shared site accents, with warm wood surfaces. */ :root{--barn-red:#9c3028;--barn-red-hover:#7c231e;--barn-cream:#f0ece3} html body .site-nav .nav-ticket,html body main :is(.barn-btn,.default-btn,.two-event-link,.club-playlist-details,.thm-btn){background:#9c3028!important;color:#f0ece3!important;border-color:#9c3028!important} html body .site-nav .nav-ticket:hover,html body main :is(.barn-btn,.default-btn,.two-event-link,.club-playlist-details,.thm-btn):hover{background:#7c231e!important;color:#fffaf2!important;border-color:#7c231e!important} html body .site-nav .nav-ticket :is(span,svg),html body main :is(.barn-btn,.default-btn,.two-event-link,.club-playlist-details,.thm-btn) span{color:inherit!important} html body .site-nav .venue-menu>div{background:#9c3028!important;color:#f0ece3!important} html body .site-nav .venue-menu>div a{color:#f0ece3!important} html body .site-nav .venue-menu>div a:hover{background:#7c231e!important;color:#fffaf2!important} html body .site-nav nav>a:not(.nav-ticket)::after,html body .site-nav .venue-menu>summary::before{background:#c45345!important} html body .site-nav .venue-menu:is([open],:hover)>summary::before{transform:scaleX(1)} html body .calendar-toolbar button[aria-pressed=true],html body .fan-filters button[aria-pressed=true],html body .barn-blog-pagination a[aria-current=page]{background:#9c3028!important;color:#f0ece3!important} html body main :is(.fq-item,.barn-faq-item)>summary,html body .dm-drink[open]>summary{background:#9c3028!important;color:#f0ece3!important} html body main :is(.fq-item,.barn-faq-item)>summary:hover{background:#7c231e!important;color:#f0ece3!important} html body main :is(.fq-item,.barn-faq-item)>summary>span{color:#f0ece3!important} html body .video-modern .video-play{background:#9c3028ed!important;color:#f0ece3!important} html body main :is(.dm-nav,.fq-topics)>a:hover{background:#9c3028!important;color:#f0ece3!important} /* Gold remains a readable secondary accent on the dark wood backgrounds. */ /* Palette sampled from the supplied red siding photo; layout stays unchanged. */ :root{--barn-siding-red:#c45345;--barn-red:#9c3028;--barn-red-hover:#7c231e;--barn-cream:#f0ece3;--barn-palette-espresso:#211a1a;--barn-palette-walnut:#5a171c;--barn-palette-brass:#c7b9a8}