/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 08 2026 | 21:11:53 */
/* ========================================= SEARSONS PREMIUM MASTER CSS (REBUILT FINAL) ========================================= */ /* ========================================= VARIABLES ========================================= */ :root{ --pub-color:#640000; --sec-color:#025767; --white:#ffffff; --gold:#BBAA76; --silver:#f5f4ec; --black:#191919; --gf-ctrl-border-color:#CF9E74; } /* ========================================= GLOBAL BASE RESET ========================================= */ html, body{ width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; overflow-x:hidden !important; } *{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing:border-box; } a, button, .vc_btn3, .menu-link{ transition: all 0.25s ease-in-out !important; } .entry-content p{ font-size:17px; line-height:1.85; color:rgba(0,0,0,0.78); } /* ========================================= ASTRA / WPBAKERY FULL WIDTH CLEANUP ========================================= */ .site-content, .site-content .ast-container, .entry-content, .entry-content > .wpb-content-wrapper{ width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; } .vc_row, .vc_section, .vc_row-fluid{ max-width:100% !important; } .vc_row[data-vc-full-width]{ left:0 !important; width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; } /* ========================================= HEADER BASE ========================================= */ #masthead{ box-shadow: 0px 6px 25px rgba(0,0,0,0.08); z-index:9999; position:relative; } /* Logo positioning */ #ast-desktop-header .site-branding{ margin-top:-50px; } .ast-sticky-active #ast-desktop-header .site-branding{ margin-top:0; } /* Transparent header background on desktop */ @media (min-width: 921px){ .ast-theme-transparent-header .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .main-header-bar{ background: var(--white); } } /* ========================================= MAIN MENU LINKS (DESKTOP) ========================================= */ .ast-builder-menu-1 .menu-item > .menu-link{ text-transform:uppercase; font-size:15px; color:var(--black); font-weight:800; letter-spacing:1px; padding:18px 14px !important; white-space:nowrap; } .ast-builder-menu-1 .menu-item > .menu-link:hover{ color:var(--pub-color) !important; transform: translateY(-1px); } .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link{ color:var(--pub-color); border-bottom:solid 4px var(--gold); } /* Social icons */ .ast-header-social-1-wrap .ast-builder-social-element svg{ fill:var(--gold); } /* Header button */ .site-primary-header-wrap .ast-custom-button{ background:var(--gold); border-radius:6px; font-weight:900; box-shadow: 0px 8px 20px rgba(0,0,0,0.15); } .site-primary-header-wrap .ast-custom-button:hover{ background:var(--pub-color); color:var(--white); transform: translateY(-2px); } /* ========================================= HEADER MENU = ALWAYS 1 LINE + RESPONSIVE ========================================= */ .main-header-bar .ast-container{ max-width:100% !important; width:100% !important; padding-left:18px !important; padding-right:18px !important; } .main-header-menu{ display:flex !important; flex-wrap:nowrap !important; justify-content:center !important; align-items:center !important; gap:10px !important; } .main-header-menu > .menu-item{ flex:0 0 auto !important; } .main-header-menu > .menu-item > a{ white-space:nowrap !important; padding:12px 12px !important; font-size:14px !important; letter-spacing:1px; font-weight:800; } @media (max-width: 1400px){ .main-header-menu > .menu-item > a{ font-size:13px !important; padding:10px 10px !important; } } @media (max-width: 1250px){ .main-header-menu > .menu-item > a{ font-size:12px !important; padding:9px 8px !important; letter-spacing:0.7px; } } /* ========================================= DROPDOWN MENU (DESKTOP PREMIUM) ========================================= */ .main-header-menu .sub-menu{ background:#ffffff !important; min-width:230px !important; max-width:320px !important; width:auto !important; padding:12px 0 !important; border-radius:12px !important; box-shadow:0px 16px 55px rgba(0,0,0,0.18) !important; border:1px solid rgba(0,0,0,0.07); display:none !important; opacity:0 !important; visibility:hidden !important; transform:translateY(10px); transition:all 0.25s ease; } .main-header-menu .sub-menu li{ width:100% !important; white-space:nowrap; } .main-header-menu .sub-menu li a{ padding:13px 20px !important; font-size:14px !important; font-weight:900; text-transform:uppercase; letter-spacing:0.9px; color:var(--black) !important; background:transparent !important; } .main-header-menu .sub-menu li a:hover{ background:rgba(187,170,118,0.16) !important; color:var(--pub-color) !important; padding-left:26px !important; } /* Desktop hover open */ @media (min-width: 922px){ .main-header-menu li.menu-item-has-children:hover > .sub-menu{ display:block !important; opacity:1 !important; visibility:visible !important; transform:translateY(0); } } /* Touch devices open */ @media (hover: none) and (pointer: coarse){ .main-header-menu li.menu-item-has-children.menu-item-open > .sub-menu, .main-header-menu li.menu-item-has-children.ast-submenu-expanded > .sub-menu{ display:block !important; opacity:1 !important; visibility:visible !important; transform:translateY(0); } } /* ========================================= PAGE HEADER / HERO SECTION (WPBAKERY) ========================================= */ .vc_row.page-header:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:block; background:linear-gradient(to bottom, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.70) 100%); } .page-header{ min-height:600px; padding:140px 0 40px; position:relative; } .page-header h1{ position:relative; font-size:106px; z-index:9; color:var(--white); letter-spacing:1px; } /* ========================================= OUR SPACES HERO VIDEO (TRUE FULL SCREEN) ========================================= */ .searsons-areas-hero{ position:relative !important; width:100vw !important; max-width:100vw !important; height:100vh !important; min-height:100vh !important; margin:0 !important; padding:0 !important; left:50% !important; transform:translateX(-50%) !important; overflow:hidden !important; background:var(--pub-color); display:flex; align-items:center; justify-content:center; } .searsons-areas-hero .hero-video{ position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; object-position:center center !important; z-index:1 !important; } .searsons-areas-hero .hero-overlay{ position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; background:linear-gradient(to bottom, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.92) 100%); z-index:2 !important; } /* ========================================= HEADINGS ========================================= */ h2, .entry-content h2{ font-size:clamp(44px, 10vw, 70px); line-height:clamp(45px, 10vw, 70px); color:var(--pub-color); font-weight:300; letter-spacing:0.5px; font-family:"Playfair Display","Cormorant Garamond","Georgia",serif; } .panel.alt h2{ color:var(--white); } h2.sml-heading{ font-size:32px; line-height:32px; } /* ========================================= GRIDS / PANELS ========================================= */ .img-right, .img-left{ display:flex; padding:50px 0 20px; margin:0; } .vc_row[data-vc-full-width].alt, .alt.vc_section[data-vc-full-width]{ background:var(--silver); border:0; margin:0; padding:35px 0 30px; } .img-right{ justify-content:flex-end; } .img-right > :first-child, .img-left > :last-child{ max-width:600px; z-index:3; } .img-right > :first-child > .vc_column-inner > :first-child, .img-left > :last-child > .vc_column-inner > :first-child{ border-left:15px solid var(--gold); padding:60px 35px 0; margin-bottom:35px; background:var(--white); z-index:3; border-radius:10px; box-shadow:0px 12px 30px rgba(0,0,0,0.10); } .img-right > :first-child > .vc_column-inner > :first-child{ margin-right:-80px; } .img-left > :last-child > .vc_column-inner > :first-child{ margin-left:-80px; } .panel .vc_column-inner > :first-child{ background:var(--white); border-left:15px solid var(--gold); padding:60px 35px 0; border-radius:10px; box-shadow:0px 12px 30px rgba(0,0,0,0.08); } .panel.alt .vc_column-inner > :first-child{ background:var(--pub-color); color:var(--white); } /* Background helpers */ .gold-bg{ background:url(https://searsonsbar.ie/wp-content/uploads/2024/05/gold-bg-949.png) center center repeat; } .pub-bg{ background:var(--pub-color); color:var(--white); } .solid-gold-bg{ background:var(--gold); } .full-bg{ padding:7vh 0 9vh; } /* ========================================= BUTTONS ========================================= */ .vc_btn3-container.vc_btn3-inline{ margin:0 15px 40px 0; } .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{ background:var(--pub-color); border:none; text-decoration:none; border-left:8px solid var(--gold); color:var(--white); border-radius:6px; font-size:1.1rem; padding:16px 22px !important; letter-spacing:0.8px; text-transform:uppercase; box-shadow:0px 10px 22px rgba(0,0,0,0.15); font-weight:900; } .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{ background:var(--gold); color:var(--white); border-left:12px solid var(--pub-color); transform:translateY(-2px); box-shadow:0px 14px 28px rgba(0,0,0,0.20); } .panel.alt .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{ border-left:8px solid var(--white); background:var(--gold); } .vc_btn3-container.vc_btn3-right{ margin:0 -35px 0 70px; display:flex; justify-content:flex-end; } .vc_btn3.vc_btn3-size-md{ font-size:1rem; font-weight:800 !important; } /* ========================================= WPBAKERY ICONS ========================================= */ .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left{ display:inline; padding-right:15px; } .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left a{ color:var(--gold); } /* ========================================= FORMS ========================================= */ input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="reset"], input[type="tel"], input[type="date"], select, textarea{ border-width:2px !important; border-color:var(--gold) !important; border-radius:6px !important; } .gform_footer input[type="submit"].gform_button{ background:var(--gold) !important; border-left:8px solid var(--white) !important; font-weight:900 !important; padding:20px 40px !important; border-radius:6px !important; float:right !important; box-shadow:0px 10px 22px rgba(0,0,0,0.18); text-transform:uppercase; letter-spacing:1px; } .gform_footer input[type="submit"].gform_button:hover{ background:var(--pub-color) !important; color:var(--white) !important; transform:translateY(-2px); } .gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer{ justify-content:flex-end; } .pub-bg .gform-theme--framework .gform-field-label, .pub-bg .gform-theme--framework .gform-field_description{ color:var(--white); font-weight:800; } /* ========================================= FOOTER BASE ========================================= */ .site-above-footer-wrap[data-section="section-above-footer-builder"], .site-below-footer-wrap[data-section="section-below-footer-builder"]{ background:#191919 !important; border:none; } .site-primary-footer-wrap[data-section="section-primary-footer-builder"]{ background:#1d1d1d; } .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row-container-inner{ color:var(--white); } .widget-title, .widget .wp-block-heading, .site-primary-footer-wrap a{ color:var(--white); } .site-primary-footer-wrap a:hover{ color:var(--gold); text-decoration:none !important; } .ast-footer-copyright p, .ast-footer-copyright a{ color:var(--gold); font-size:14px; letter-spacing:0.8px; } /* ========================================= SCROLL TO TOP BUTTON ========================================= */ #ast-scroll-top{ background-color:var(--pub-color); border-radius:50px !important; box-shadow:0px 10px 25px rgba(0,0,0,0.25); } #ast-scroll-top:hover{ transform:translateY(-3px); } /* ========================================= STOP GLOBAL SPACING ISSUE ========================================= */ .site-content{ padding-top:0 !important; margin-top:0 !important; } /* ========================================= TABLET + MOBILE ========================================= */ @media (max-width: 921px){ .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar{ background:var(--gold); padding-right:0; margin:-3px 0; } .ast-header-social-1-wrap .ast-builder-social-element svg{ fill:var(--white); } .ast-header-button-1 .ast-custom-button{ background:var(--white); color:var(--gold); font-weight:900; border-radius:0; box-shadow:none; } [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{ fill:var(--pub-color); } .ast-mobile-popup-drawer.active .ast-mobile-popup-inner{ background:linear-gradient(180deg, #640000 0%, #3a0000 100%) !important; } .ast-mobile-popup-drawer.active .menu-toggle-close{ color:#ffffff; } .ast-builder-menu-mobile .main-navigation .main-header-menu{ width:100% !important; background:transparent !important; display:block !important; } .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu{ width:100% !important; max-width:100% !important; min-width:100% !important; background:transparent !important; box-shadow:none !important; border:none !important; padding:0 !important; border-radius:0 !important; display:block !important; opacity:1 !important; visibility:visible !important; transform:none !important; } .ast-header-break-point .main-navigation .stack-on-mobile li{ text-align:center; } .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{ color:var(--gold) !important; font-weight:900 !important; text-transform:uppercase; letter-spacing:2px; font-size:17px !important; padding:18px 15px !important; border-bottom:1px solid rgba(255,255,255,0.12); background:transparent !important; } .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item > .menu-link{ font-size:14px !important; font-weight:800 !important; letter-spacing:1px; padding:14px 15px !important; color:rgba(255,255,255,0.9) !important; border-bottom:1px solid rgba(255,255,255,0.08); } .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link{ background:rgba(187,170,118,0.15) !important; color:var(--gold) !important; } .ast-builder-menu-mobile .ast-menu-toggle{ color:var(--gold) !important; } .img-right, .img-left{ flex-wrap:wrap; flex-direction:column; align-items:center; padding:80px 20px !important; } .img-right > :first-child > .vc_column-inner > :first-child{ margin:0; } .img-right > :last-child{ position:relative; bottom:80px; } .img-left > :last-child > .vc_column-inner > :first-child{ margin:0; position:relative; bottom:200px; } .ast-header-break-point .site-primary-footer-wrap[data-section="section-primary-footer-builder"]{ padding:40px 20px; } } /* ========================================= MOBILE ONLY ========================================= */ @media (max-width: 544px){ .page-header h1{ font-size:3rem; } .vc_row.page-header{ padding-top:80px !important; min-height:300px; } .img-right, .img-left{ padding:20px 5px !important; } .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{ font-size:1rem; width:100%; } .vc_btn3-container.vc_btn3-inline{ margin:0 0 15px; } } /* ========================================= ASTRA MOBILE POPUP LOGO TRUE CENTER FIX ========================================= */ .ast-mobile-popup-header{ position:relative !important; display:flex !important; justify-content:center !important; align-items:center !important; text-align:center !important; padding:20px 0 !important; } .ast-mobile-popup-header .ast-builder-grid-row-container-inner{ display:flex !important; justify-content:center !important; align-items:center !important; width:100% !important; } .ast-mobile-popup-header .ast-site-identity{ width:100% !important; display:flex !important; justify-content:center !important; align-items:center !important; text-align:center !important; margin:0 auto !important; } .ast-mobile-popup-header .ast-site-identity img{ display:block !important; margin:0 auto !important; } .ast-mobile-popup-header .site-branding{ margin:0 auto !important; padding:0 !important; width:auto !important; text-align:center !important; } .ast-mobile-popup-header .menu-toggle-close{ position:absolute !important; top:18px !important; right:18px !important; z-index:99999 !important; } /* ========================================= SEARSONS FOOTER - LEVEL 10 LUXURY EDITION ========================================= */ .site-footer, footer { position: relative; background: radial-gradient(circle at top, #2a2a2a 0%, #0c0c0c 70%); padding: 95px 0 55px; color: rgba(255, 255, 255, 0.72); font-size: 15px; line-height: 1.9; overflow: hidden; } .site-footer:after, footer:after { content: ""; position: absolute; inset: 0; background-image: url("https://www.transparenttextures.com/patterns/asfalt-light.png"); opacity: 0.06; pointer-events: none; } .site-footer:before, footer:before { content: ""; display: block; width: 100%; height: 1px; background: linear-gradient( 90deg, rgba(187,170,118,0) 0%, rgba(187,170,118,0.85) 50%, rgba(187,170,118,0) 100% ); margin-bottom: 65px; box-shadow: 0 0 20px rgba(187,170,118,0.35); } .site-footer h2, .site-footer h3, .site-footer h4, footer h2, footer h3, footer h4 { color: #ffffff; text-transform: uppercase; letter-spacing: 2.5px; font-size: 12.5px; font-weight: 600; margin-bottom: 18px; opacity: 0.95; } .site-footer p, footer p { margin-bottom: 15px; color: rgba(255,255,255,0.70); } .site-footer a, footer a { color: rgba(255,255,255,0.72); text-decoration: none; transition: all 0.25s ease; position: relative; font-weight: 500; } .site-footer a:after, footer a:after { content: ""; position: absolute; left: 0; bottom: -6px; width: 0%; height: 1px; background: #BBAA76; transition: 0.35s ease; opacity: 0.9; } .site-footer a:hover, footer a:hover { color: #BBAA76; } .site-footer a:hover:after, footer a:hover:after { width: 100%; } .site-footer ul, footer ul { list-style: none; padding: 0; margin: 0; } .site-footer ul li, footer ul li { margin-bottom: 12px; } .site-footer .wpb_column, footer .wpb_column { padding-left: 40px; padding-right: 40px; } .site-footer img, footer img { max-width: 210px; height: auto; margin: 22px 0; opacity: 0.98; filter: drop-shadow(0px 8px 20px rgba(0,0,0,0.55)); } .footer-book-btn a { display: inline-block; padding: 14px 34px; border-radius: 60px; background: linear-gradient(90deg, #BBAA76, #d8c68d); color: #111 !important; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; margin-top: 18px; box-shadow: 0 12px 35px rgba(187,170,118,0.25); transition: all 0.3s ease; } .footer-book-btn a:hover { transform: translateY(-3px); box-shadow: 0 18px 45px rgba(187,170,118,0.35); } .footer-book-btn a:after { display: none !important; } .footer-social { margin-top: 18px; } .footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(187,170,118,0.6); margin-right: 12px; font-size: 14px; color: rgba(187,170,118,0.95) !important; transition: all 0.3s ease; } .footer-social a:hover { background: rgba(187,170,118,0.12); transform: translateY(-3px); box-shadow: 0 0 22px rgba(187,170,118,0.30); } .footer-bottom { margin-top: 70px; padding-top: 28px; border-top: 1px solid rgba(187,170,118,0.25); text-align: center; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.45); } .footer-bottom a { color: rgba(187,170,118,0.8) !important; } @media (max-width: 767px) { .site-footer, footer { padding: 70px 0 40px; text-align: center; } .site-footer .wpb_column, footer .wpb_column { padding-left: 18px; padding-right: 18px; margin-bottom: 35px; } .footer-social a { margin-right: 8px; } } .floating-book-btn{ position: fixed !important; bottom: 22px !important; right: 22px !important; z-index: 999999 !important; background: linear-gradient(135deg, #640000, #7b0000) !important; color: #ffffff !important; font-size: 15px !important; font-weight: 950 !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; padding: 14px 20px !important; border-radius: 999px !important; text-decoration: none !important; border: 1px solid rgba(187,170,118,0.85) !important; box-shadow: 0 18px 55px rgba(0,0,0,0.28) !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; transition: all 0.25s ease !important; } .floating-book-btn svg{ width: 20px !important; height: 20px !important; fill: #BBAA76 !important; } .floating-book-btn:hover{ transform: translateY(-3px) !important; box-shadow: 0 26px 80px rgba(0,0,0,0.40) !important; } .floating-book-btn:active{ transform: scale(0.97) !important; } @media(max-width:768px){ .floating-book-btn{ bottom: 14px !important; right: 14px !important; font-size: 14px !important; padding: 13px 16px !important; } } /* Hide on booking page */ body.page-make-a-booking .floating-book-btn{ display:none !important; } /* FIX ASTRA FOOTER BUILDER BLOCKING FIXED ELEMENTS */ .site-footer, .site-footer * , footer, footer *{ overflow: visible !important; } /* ================================ FOOTER MOBILE FIX (PREMIUM) ================================ */ @media (max-width: 768px){ footer, .site-footer{ padding: 65px 0 40px !important; text-align: center !important; } /* Force all columns to stack perfectly */ footer .wpb_column, .site-footer .wpb_column{ width: 100% !important; max-width: 100% !important; display: block !important; padding: 0 18px !important; margin-bottom: 45px !important; } /* Fix logo size + centering */ footer img, .site-footer img{ max-width: 165px !important; margin: 18px auto 18px auto !important; display: block !important; } /* Make headings smaller + cleaner */ footer h4, .site-footer h4{ font-size: 12px !important; letter-spacing: 2px !important; margin-bottom: 16px !important; } /* Fix address + paragraph spacing */ footer p, .site-footer p{ font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 12px !important; } /* Fix list links spacing */ footer ul li, .site-footer ul li{ margin-bottom: 14px !important; } /* Make links slightly larger on mobile */ footer a, .site-footer a{ font-size: 15px !important; } /* Center Explore section */ footer .footer-explore, .site-footer .footer-explore{ text-align: center !important; } /* Social icons centered */ .footer-social{ display: flex !important; justify-content: center !important; gap: 12px !important; margin-top: 20px !important; } .footer-social a{ margin-right: 0 !important; } /* Book button centered and not huge */ .footer-book-btn a{ width: 100% !important; max-width: 260px !important; margin: 22px auto 0 auto !important; display: flex !important; justify-content: center !important; } /* Footer bottom centered */ .footer-bottom{ font-size: 11px !important; letter-spacing: 1px !important; padding-top: 22px !important; margin-top: 40px !important; text-align: center !important; } } @media (max-width: 768px){ footer img{ max-height: 60px !important; object-fit: contain !important; } } /* ========================================= ASTRA OFF-CANVAS MENU FIX CENTRE LOGO + SMALLER MENU TEXT ========================================= */ @media (max-width: 921px){ /* Centre the logo inside the mobile menu panel */ .ast-mobile-popup-header{ display:flex !important; justify-content:center !important; align-items:center !important; text-align:center !important; padding:18px 0 12px 0 !important; } /* Make sure the site branding sits dead centre */ .ast-mobile-popup-header .site-branding{ margin:0 auto !important; width:100% !important; display:flex !important; justify-content:center !important; align-items:center !important; text-align:center !important; } /* Logo image size inside the popup */ .ast-mobile-popup-header .site-logo-img img, .ast-mobile-popup-header img.custom-logo{ max-height:48px !important; width:auto !important; margin:0 auto !important; display:block !important; } /* Keep close button top right but not shifting logo */ .ast-mobile-popup-header .ast-mobile-popup-close{ position:absolute !important; right:16px !important; top:16px !important; z-index:99999 !important; } /* =============================== MOBILE MENU – ULTRA COMPACT =============================== */ /* Main gold items */ .ast-mobile-popup-content .menu-item > .menu-link{ font-size:10px !important; padding-top:4px !important; padding-bottom:4px !important; letter-spacing:0.1px !important; line-height:1 !important; } /* Sub-menu items */ .ast-mobile-popup-content .sub-menu .menu-link{ font-size:10px !important; padding-top:3px !important; padding-bottom:3px !important; letter-spacing:0.1px !important; line-height:1 !important; } /* Remove all vertical spacing */ .ast-mobile-popup-content li{ margin:0 !important; padding:0 !important; } .ast-mobile-popup-content ul{ margin:0 !important; padding:0 !important; } /* Reduce divider height if Astra adds borders */ .ast-mobile-popup-content .menu-link{ border-bottom-width:1px !important; } /* ========================================= ASTRA TOUCHSCREEN DROPDOWN FIX ========================================= */ /* Only apply on touchscreen devices */ @media (hover: none) and (pointer: coarse){ /* Stop hover-only dropdown behaviour */ .ast-desktop .main-header-menu .menu-item-has-children:hover > .sub-menu{ opacity: 0 !important; visibility: hidden !important; transform: translateY(10px) !important; pointer-events: none !important; } /* Enable tap-open dropdown using focus */ .ast-desktop .main-header-menu .menu-item-has-children:focus-within > .sub-menu{ opacity: 1 !important; visibility: visible !important; transform: translateY(0px) !important; pointer-events: auto !important; display: block !important; } /* Make submenu hidden by default */ .ast-desktop .main-header-menu .sub-menu{ opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.25s ease; pointer-events: none; } /* Show submenu when focused */ .ast-desktop .main-header-menu .menu-item-has-children:focus-within .sub-menu{ opacity: 1; visibility: visible; transform: translateY(0px); pointer-events: auto; } /* Make sure parent link still clickable */ .ast-desktop .main-header-menu .menu-item-has-children > a{ pointer-events: auto !important; } } /* ========================================= ASTRA TABLET / TOUCH DROPDOWN FIX (STAY OPEN) ========================================= */ @media (hover: none) and (pointer: coarse){ /* Hide submenu by default */ .ast-desktop .main-header-menu .sub-menu{ opacity: 0 !important; visibility: hidden !important; transform: translateY(10px) !important; pointer-events: none !important; transition: all 0.25s ease !important; display: block !important; } /* Astra adds .focus class on tap (THIS is the key) */ .ast-desktop .main-header-menu .menu-item-has-children.focus > .sub-menu{ opacity: 1 !important; visibility: visible !important; transform: translateY(0px) !important; pointer-events: auto !important; } /* Also support focus-within */ .ast-desktop .main-header-menu .menu-item-has-children:focus-within > .sub-menu{ opacity: 1 !important; visibility: visible !important; transform: translateY(0px) !important; pointer-events: auto !important; } /* Disable hover closing */ .ast-desktop .main-header-menu .menu-item-has-children:hover > .sub-menu{ opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* Make sure the link is tappable */ .ast-desktop .main-header-menu .menu-item-has-children > a{ pointer-events: auto !important; } } /* ========================================= WHISKEY BAR PREMIUM ENHANCEMENTS ========================================= */ #whiskey-bar{ position:relative; } #whiskey-bar:before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(187,170,118,0.05) 0%, rgba(0,0,0,0.0) 60%); pointer-events:none; } .whiskey-premium-title{ position:relative; display:inline-block; } .whiskey-premium-title:after{ content:""; position:absolute; left:0; bottom:-10px; width:0; height:3px; background:var(--gold); transition:width 0.5s ease; } #whiskey-bar:hover .whiskey-premium-title:after{ width:100%; } .whiskey-cta-row{ margin-top:28px; } .whiskey-cta-primary{ display:inline-block; background:var(--gold); color:#fff; font-weight:900; text-transform:uppercase; letter-spacing:1px; padding:15px 32px; border-radius:10px; text-decoration:none !important; box-shadow:0px 18px 45px rgba(0,0,0,0.35); transition:all 0.25s ease; } .whiskey-cta-primary:hover{ background:#fff; color:var(--pub-color); transform:translateY(-2px); } #whiskey-bar .area-image:hover{ box-shadow:0px 30px 110px rgba(187,170,118,0.35); } /* ========================================= SEARSONS AREAS GRID SYSTEM ========================================= */ .searsons-area-block{ padding:95px 25px; background:#fff; } .searsons-area-block.alt{ background:var(--silver); } .area-heading{ max-width:1050px; margin:0 auto 55px; text-align:center; } .area-kicker{ display:inline-block; font-size:13px; letter-spacing:3px; text-transform:uppercase; font-weight:800; color:rgba(0,0,0,0.55); margin-bottom:16px; } .area-heading h2{ color:var(--pub-color); font-size:clamp(42px, 4vw, 82px); font-weight:300; margin-bottom:16px; font-family:"Playfair Display","Cormorant Garamond","Georgia",serif; } .area-heading p{ font-size:18px; line-height:2; color:rgba(0,0,0,0.74); max-width:900px; margin:0 auto; } /* GRID */ .area-gallery{ max-width:1320px; margin:0 auto; display:grid; gap:18px; } .area-gallery.grid-1{ grid-template-columns:1fr; } .area-gallery.grid-2{ grid-template-columns:repeat(2, 1fr); } .area-gallery.grid-3{ grid-template-columns:repeat(3, 1fr); } .area-gallery.grid-restaurant{ grid-template-columns:repeat(3, 1fr); grid-auto-rows:320px; } .area-gallery.grid-restaurant .area-image.tall{ grid-row:span 2; } .area-gallery.grid-restaurant .area-image.wide{ grid-column:span 2; } /* IMAGE CARD */ .area-image{ position:relative; overflow:hidden; border-radius:18px; box-shadow:0px 20px 70px rgba(0,0,0,0.18); border:1px solid rgba(0,0,0,0.05); cursor:pointer; transition:all 0.35s ease; background:#000; } .area-image img{ width:100%; height:100%; object-fit:cover; display:block; min-height:320px; transition:all 0.55s ease; } .area-image:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0,0,0,0.0) 35%, rgba(0,0,0,0.80) 100%); opacity:0; transition:all 0.35s ease; z-index:2; } .area-image .img-label{ position:absolute; left:22px; bottom:22px; z-index:3; color:#fff; font-weight:900; letter-spacing:1px; text-transform:uppercase; font-size:13px; background:rgba(0,0,0,0.40); border-left:6px solid var(--gold); padding:12px 14px; border-radius:10px; backdrop-filter: blur(6px); opacity:0; transform:translateY(14px); transition:all 0.35s ease; } .area-image:hover{ transform:translateY(-8px); box-shadow:0px 28px 95px rgba(0,0,0,0.28); } .area-image:hover img{ transform:scale(1.08); } .area-image:hover:before{ opacity:1; } .area-image:hover .img-label{ opacity:1; transform:translateY(0); } /* LIGHTBOX */ .searsons-lightbox{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.92); z-index:999999; justify-content:center; align-items:center; padding:30px; } .searsons-lightbox.active{ display:flex; } .searsons-lightbox .lightbox-img{ max-width:92vw; max-height:88vh; border-radius:18px; border:2px solid rgba(187,170,118,0.35); box-shadow:0px 30px 110px rgba(0,0,0,0.65); } .searsons-lightbox .lightbox-close{ position:absolute; top:18px; right:28px; font-size:54px; color:var(--gold); cursor:pointer; }