/** * Chesaalula discovery header — single source of truth. * Scoped to: homepage, subregion detail, event detail, events calendar. * Loads after phase-1a (and after page CSS) via functions.php priority 25. */ body.vk-home-page, body.vk-subregion-detail-page, body.vk-event-detail-page, body.vk-events-calendar-page { --vk-nav-max: 1440px; --vk-nav-inline: clamp(1.5rem, 5vw, 5rem); --vk-nav-bar-min-h: 5.75rem; --vk-nav-bar-max-h: 6.5rem; --vk-nav-bar-min-h-mobile: 4.5rem; --vk-nav-bar-max-h-mobile: 4.75rem; --vk-nav-logo-w-desktop: clamp(180px, 12vw, 210px); --vk-nav-logo-h-desktop: 50px; --vk-nav-logo-w-mobile: clamp(120px, 34vw, 160px); --vk-nav-logo-h-mobile: 52px; --vk-nav-menu-gap: clamp(1.5rem, 3vw, 2.75rem); --vk-nav-menu-offset: clamp(3rem, 5vw, 6rem); --vk-nav-menu-size: clamp(0.9rem, 0.85vw, 1rem); --vk-nav-toggle-size: 44px; --vk-nav-toggle-icon: 22px; } /* Shell */ body.vk-home-page header#header, body.vk-home-page #header, body.vk-subregion-detail-page header#header, body.vk-subregion-detail-page #header, body.vk-event-detail-page header#header, body.vk-events-calendar-page header#header, body.vk-event-detail-page #header, body.vk-events-calendar-page #header { margin-bottom: 0 !important; } body.vk-home-page #topbar, body.vk-subregion-detail-page #topbar, body.vk-event-detail-page #topbar, body.vk-events-calendar-page #topbar, body.vk-home-page #header #topbar, body.vk-subregion-detail-page #header #topbar, body.vk-event-detail-page #header #topbar, body.vk-events-calendar-page #header #topbar { display: none !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; border: none !important; } body.vk-home-page #st_header_wrap, body.vk-subregion-detail-page #st_header_wrap, body.vk-event-detail-page #st_header_wrap, body.vk-events-calendar-page #st_header_wrap, body.vk-home-page header#header, body.vk-home-page #header, body.vk-subregion-detail-page header#header, body.vk-subregion-detail-page #header, body.vk-event-detail-page header#header, body.vk-events-calendar-page header#header, body.vk-event-detail-page #header, body.vk-events-calendar-page #header, body.vk-home-page #header .header, body.vk-subregion-detail-page #header .header, body.vk-event-detail-page #header .header, body.vk-events-calendar-page #header .header { background: #fffdf7 !important; background-color: #fffdf7 !important; background-image: none !important; box-shadow: none !important; } body.vk-home-page #st_header_wrap, body.vk-subregion-detail-page #st_header_wrap, body.vk-event-detail-page #st_header_wrap, body.vk-events-calendar-page #st_header_wrap { border-top: none !important; } body.vk-home-page #header, body.vk-subregion-detail-page #header, body.vk-event-detail-page #header, body.vk-events-calendar-page #header { border-bottom: 1px solid rgba(15, 23, 42, 0.08); } /* Bar layout */ body.vk-home-page #header .header, body.vk-subregion-detail-page #header .header, body.vk-event-detail-page #header .header, body.vk-events-calendar-page #header .header { display: flex !important; flex-wrap: wrap; align-items: center !important; justify-content: flex-start; width: min(calc(100% - (2 * var(--vk-nav-inline))), var(--vk-nav-max)) !important; max-width: var(--vk-nav-max) !important; margin-inline: auto !important; padding-inline: 0 !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; min-height: var(--vk-nav-bar-min-h) !important; max-height: var(--vk-nav-bar-max-h) !important; box-sizing: border-box; column-gap: clamp(1rem, 2.5vw, 1.75rem); row-gap: 0.5rem; } body.vk-home-page #header .header .header-left, body.vk-subregion-detail-page #header .header .header-left, body.vk-event-detail-page #header .header .header-left, body.vk-events-calendar-page #header .header .header-left { display: flex !important; align-items: center !important; flex: 0 1 auto; justify-content: flex-start; column-gap: clamp(0.75rem, 1.5vw, 1.25rem) !important; min-width: 0; } body.vk-home-page #header .header .header-left .logo, body.vk-subregion-detail-page #header .header .header-left .logo, body.vk-event-detail-page #header .header .header-left .logo, body.vk-events-calendar-page #header .header .header-left .logo { flex-shrink: 0; margin-right: 0; display: inline-flex !important; align-items: center !important; line-height: 1; } body.vk-home-page #header .header .header-left #st-main-menu, body.vk-subregion-detail-page #header .header .header-left #st-main-menu, body.vk-event-detail-page #header .header .header-left #st-main-menu, body.vk-events-calendar-page #header .header .header-left #st-main-menu { flex: 0 1 auto; min-width: 0; margin-left: 0; text-align: left; } body.vk-home-page #header .header .header-right, body.vk-subregion-detail-page #header .header .header-right, body.vk-event-detail-page #header .header .header-right, body.vk-events-calendar-page #header .header .header-right { flex: 0 0 auto; display: flex; align-items: center; margin-left: auto; gap: 0.5rem; } /* Logo — desktop */ body.vk-home-page #header .header .header-left > a.logo.hidden-xs, body.vk-subregion-detail-page #header .header .header-left > a.logo.hidden-xs, body.vk-event-detail-page #header .header .header-left > a.logo.hidden-xs, body.vk-events-calendar-page #header .header .header-left > a.logo.hidden-xs { display: inline-flex !important; align-items: center !important; } body.vk-home-page #header .header .header-left > a.logo.hidden-lg.hidden-md.hidden-sm, body.vk-home-page #header .header .header-left > a.logo.hidden-sm.hidden-md.hidden-lg, body.vk-subregion-detail-page #header .header .header-left > a.logo.hidden-lg.hidden-md.hidden-sm, body.vk-subregion-detail-page #header .header .header-left > a.logo.hidden-sm.hidden-md.hidden-lg, body.vk-event-detail-page #header .header .header-left > a.logo.hidden-lg.hidden-md.hidden-sm, body.vk-events-calendar-page #header .header .header-left > a.logo.hidden-lg.hidden-md.hidden-sm, body.vk-event-detail-page #header .header .header-left > a.logo.hidden-sm.hidden-md.hidden-lg, body.vk-events-calendar-page #header .header .header-left > a.logo.hidden-sm.hidden-md.hidden-lg { display: none !important; } body.vk-home-page #header .header .header-left > a.logo.hidden-xs img, body.vk-subregion-detail-page #header .header .header-left > a.logo.hidden-xs img, body.vk-event-detail-page #header .header .header-left > a.logo.hidden-xs img, body.vk-events-calendar-page #header .header .header-left > a.logo.hidden-xs img, body.vk-home-page #header .logo img, body.vk-subregion-detail-page #header .logo img, body.vk-event-detail-page #header .logo img, body.vk-events-calendar-page #header .logo img { width: var(--vk-nav-logo-w-desktop) !important; max-width: 210px !important; height: auto !important; max-height: var(--vk-nav-logo-h-desktop) !important; object-fit: contain !important; } /* Primary menu — desktop */ @media (min-width: 992px) { body.vk-home-page #header .header .header-left #st-main-menu, body.vk-subregion-detail-page #header .header .header-left #st-main-menu, body.vk-event-detail-page #header .header .header-left #st-main-menu, body.vk-events-calendar-page #header .header .header-left #st-main-menu { display: flex !important; align-items: center !important; margin-left: var(--vk-nav-menu-offset) !important; } body.vk-home-page #header .header .header-left #st-main-menu .main-menu, body.vk-home-page #header .header .header-left #st-main-menu #main-menu, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu, body.vk-subregion-detail-page #header .header .header-left #st-main-menu #main-menu, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu, body.vk-event-detail-page #header .header .header-left #st-main-menu #main-menu, body.vk-events-calendar-page #header .header .header-left #st-main-menu #main-menu { display: flex !important; flex-wrap: wrap; align-items: center; margin: 0 !important; padding: 0 !important; list-style: none; column-gap: var(--vk-nav-menu-gap); row-gap: 0.35rem; } body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li, body.vk-home-page #header .header .header-left #st-main-menu #main-menu > li, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li, body.vk-subregion-detail-page #header .header .header-left #st-main-menu #main-menu > li, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li, body.vk-event-detail-page #header .header .header-left #st-main-menu #main-menu > li, body.vk-events-calendar-page #header .header .header-left #st-main-menu #main-menu > li { margin: 0 !important; padding: 0 !important; float: none !important; } } body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li > a, body.vk-home-page #header .header .header-left #st-main-menu #main-menu > li > a, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li > a, body.vk-subregion-detail-page #header .header .header-left #st-main-menu #main-menu > li > a, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li > a, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li > a, body.vk-event-detail-page #header .header .header-left #st-main-menu #main-menu > li > a, body.vk-events-calendar-page #header .header .header-left #st-main-menu #main-menu > li > a { font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important; font-size: var(--vk-nav-menu-size) !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: 0.045em !important; text-transform: uppercase !important; color: #0f172a !important; padding: 0.5rem 0 !important; border-radius: 0 !important; background: transparent !important; text-decoration: none !important; position: relative; display: inline-block; white-space: nowrap; transition: color 200ms ease; } @media (min-width: 992px) { body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li > a, body.vk-home-page #header .header .header-left #st-main-menu #main-menu > li > a, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li > a, body.vk-subregion-detail-page #header .header .header-left #st-main-menu #main-menu > li > a, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li > a, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li > a, body.vk-event-detail-page #header .header .header-left #st-main-menu #main-menu > li > a, body.vk-events-calendar-page #header .header .header-left #st-main-menu #main-menu > li > a { transform: translateY(1px); } } body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li > a span, body.vk-home-page #header .header .header-left #st-main-menu #main-menu > li > a span, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li > a span, body.vk-subregion-detail-page #header .header .header-left #st-main-menu #main-menu > li > a span, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li > a span, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li > a span, body.vk-event-detail-page #header .header .header-left #st-main-menu #main-menu > li > a span, body.vk-events-calendar-page #header .header .header-left #st-main-menu #main-menu > li > a span { color: inherit !important; } body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li > a::after, body.vk-home-page #header .header .header-left #st-main-menu #main-menu > li > a::after, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li > a::after, body.vk-subregion-detail-page #header .header .header-left #st-main-menu #main-menu > li > a::after, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li > a::after, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li > a::after, body.vk-event-detail-page #header .header .header-left #st-main-menu #main-menu > li > a::after, body.vk-events-calendar-page #header .header .header-left #st-main-menu #main-menu > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -0.25rem; height: 2px; border-radius: 999px; background: #006d77; transform: scaleX(0); transform-origin: center center; opacity: 0; transition: transform 200ms ease, opacity 200ms ease; } body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li > a:hover, body.vk-home-page #header .header .header-left #st-main-menu #main-menu > li > a:hover, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li > a:hover, body.vk-subregion-detail-page #header .header .header-left #st-main-menu #main-menu > li > a:hover, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li > a:hover, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li > a:hover, body.vk-event-detail-page #header .header .header-left #st-main-menu #main-menu > li > a:hover, body.vk-events-calendar-page #header .header .header-left #st-main-menu #main-menu > li > a:hover { color: #006d77 !important; background: transparent !important; } body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li > a:hover::after, body.vk-home-page #header .header .header-left #st-main-menu #main-menu > li > a:hover::after, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li > a:hover::after, body.vk-subregion-detail-page #header .header .header-left #st-main-menu #main-menu > li > a:hover::after, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li > a:hover::after, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li > a:hover::after, body.vk-event-detail-page #header .header .header-left #st-main-menu #main-menu > li > a:hover::after, body.vk-events-calendar-page #header .header .header-left #st-main-menu #main-menu > li > a:hover::after { transform: scaleX(1); opacity: 1; } body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li > a:focus-visible, body.vk-home-page #header .header .header-left #st-main-menu #main-menu > li > a:focus-visible, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li > a:focus-visible, body.vk-subregion-detail-page #header .header .header-left #st-main-menu #main-menu > li > a:focus-visible, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li > a:focus-visible, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li > a:focus-visible, body.vk-event-detail-page #header .header .header-left #st-main-menu #main-menu > li > a:focus-visible, body.vk-events-calendar-page #header .header .header-left #st-main-menu #main-menu > li > a:focus-visible { color: #006d77 !important; outline: 2px solid rgba(0, 109, 119, 0.35); outline-offset: 0.35rem; } body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-item > a, body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-ancestor > a, body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li.current_page_item > a, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-item > a, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-ancestor > a, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li.current_page_item > a, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-item > a, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-item > a, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-ancestor > a, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-ancestor > a, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li.current_page_item > a, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li.current_page_item > a { color: #006d77 !important; background: transparent !important; box-shadow: none !important; } body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-item > a::after, body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-ancestor > a::after, body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li.current_page_item > a::after, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-item > a::after, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-ancestor > a::after, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li.current_page_item > a::after, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-item > a::after, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-item > a::after, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-ancestor > a::after, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li.current-menu-ancestor > a::after, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li.current_page_item > a::after, body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li.current_page_item > a::after { transform: scaleX(1); opacity: 1; } /* Mobile bar */ @media (max-width: 991px) { body.vk-home-page #header .header, body.vk-subregion-detail-page #header .header, body.vk-event-detail-page #header .header, body.vk-events-calendar-page #header .header { flex-wrap: nowrap !important; min-height: var(--vk-nav-bar-min-h-mobile) !important; max-height: var(--vk-nav-bar-max-h-mobile) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; gap: 0.65rem !important; overflow: hidden !important; } body.vk-home-page #header .header .header-left, body.vk-subregion-detail-page #header .header .header-left, body.vk-event-detail-page #header .header .header-left, body.vk-events-calendar-page #header .header .header-left { order: 1 !important; flex: 1 1 auto !important; flex-wrap: nowrap !important; max-width: calc(100% - 3.25rem) !important; } body.vk-home-page #header .header .header-right, body.vk-subregion-detail-page #header .header .header-right, body.vk-event-detail-page #header .header .header-right, body.vk-events-calendar-page #header .header .header-right { order: 2 !important; flex: 0 0 auto !important; margin-left: 0 !important; } body.vk-home-page #header .header > a.toggle-menu, body.vk-subregion-detail-page #header .header > a.toggle-menu, body.vk-event-detail-page #header .header > a.toggle-menu, body.vk-events-calendar-page #header .header > a.toggle-menu { order: 3 !important; flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--vk-nav-toggle-size) !important; height: var(--vk-nav-toggle-size) !important; min-width: var(--vk-nav-toggle-size) !important; min-height: var(--vk-nav-toggle-size) !important; margin: 0 0 0 auto !important; padding: 0 !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.88) !important; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1) !important; z-index: 2 !important; } body.vk-home-page #header .header > a.toggle-menu .field-icon, body.vk-subregion-detail-page #header .header > a.toggle-menu .field-icon, body.vk-event-detail-page #header .header > a.toggle-menu .field-icon, body.vk-events-calendar-page #header .header > a.toggle-menu .field-icon, body.vk-home-page #header .header > a.toggle-menu .field-icon.fa, body.vk-subregion-detail-page #header .header > a.toggle-menu .field-icon.fa, body.vk-event-detail-page #header .header > a.toggle-menu .field-icon.fa, body.vk-events-calendar-page #header .header > a.toggle-menu .field-icon.fa { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--vk-nav-toggle-icon) !important; height: var(--vk-nav-toggle-icon) !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body.vk-home-page #header .header > a.toggle-menu .field-icon svg, body.vk-home-page #header .header > a.toggle-menu .field-icon svg path, body.vk-subregion-detail-page #header .header > a.toggle-menu .field-icon svg, body.vk-subregion-detail-page #header .header > a.toggle-menu .field-icon svg path, body.vk-event-detail-page #header .header > a.toggle-menu .field-icon svg, body.vk-events-calendar-page #header .header > a.toggle-menu .field-icon svg, body.vk-event-detail-page #header .header > a.toggle-menu .field-icon svg path, body.vk-events-calendar-page #header .header > a.toggle-menu .field-icon svg path { stroke: #0f172a !important; } body.vk-home-page #header .header .header-left > a.logo.hidden-xs, body.vk-home-page #header .header .header-left > a.logo.d-none, body.vk-subregion-detail-page #header .header .header-left > a.logo.hidden-xs, body.vk-subregion-detail-page #header .header .header-left > a.logo.d-none, body.vk-event-detail-page #header .header .header-left > a.logo.hidden-xs, body.vk-events-calendar-page #header .header .header-left > a.logo.hidden-xs, body.vk-event-detail-page #header .header .header-left > a.logo.d-none, body.vk-events-calendar-page #header .header .header-left > a.logo.d-none { display: none !important; } body.vk-home-page #header .header .header-left > a.logo.hidden-lg.hidden-md.hidden-sm, body.vk-home-page #header .header .header-left > a.logo.hidden-sm.hidden-md.hidden-lg, body.vk-home-page #header .header .header-left > a.logo.d-block.d-lg-none, body.vk-subregion-detail-page #header .header .header-left > a.logo.hidden-lg.hidden-md.hidden-sm, body.vk-subregion-detail-page #header .header .header-left > a.logo.hidden-sm.hidden-md.hidden-lg, body.vk-subregion-detail-page #header .header .header-left > a.logo.d-block.d-lg-none, body.vk-event-detail-page #header .header .header-left > a.logo.hidden-lg.hidden-md.hidden-sm, body.vk-events-calendar-page #header .header .header-left > a.logo.hidden-lg.hidden-md.hidden-sm, body.vk-event-detail-page #header .header .header-left > a.logo.hidden-sm.hidden-md.hidden-lg, body.vk-events-calendar-page #header .header .header-left > a.logo.hidden-sm.hidden-md.hidden-lg, body.vk-event-detail-page #header .header .header-left > a.logo.d-block.d-lg-none, body.vk-events-calendar-page #header .header .header-left > a.logo.d-block.d-lg-none { display: inline-flex !important; align-items: center !important; } body.vk-home-page #header .header .header-left > a.logo.hidden-lg.hidden-md.hidden-sm img, body.vk-home-page #header .header .header-left > a.logo.hidden-sm.hidden-md.hidden-lg img, body.vk-home-page #header .header .header-left > a.logo.d-block.d-lg-none img, body.vk-subregion-detail-page #header .header .header-left > a.logo.hidden-lg.hidden-md.hidden-sm img, body.vk-subregion-detail-page #header .header .header-left > a.logo.hidden-sm.hidden-md.hidden-lg img, body.vk-subregion-detail-page #header .header .header-left > a.logo.d-block.d-lg-none img, body.vk-event-detail-page #header .header .header-left > a.logo.hidden-lg.hidden-md.hidden-sm img, body.vk-events-calendar-page #header .header .header-left > a.logo.hidden-lg.hidden-md.hidden-sm img, body.vk-event-detail-page #header .header .header-left > a.logo.hidden-sm.hidden-md.hidden-lg img, body.vk-events-calendar-page #header .header .header-left > a.logo.hidden-sm.hidden-md.hidden-lg img, body.vk-event-detail-page #header .header .header-left > a.logo.d-block.d-lg-none img, body.vk-events-calendar-page #header .header .header-left > a.logo.d-block.d-lg-none img { width: var(--vk-nav-logo-w-mobile) !important; max-width: 160px !important; max-height: var(--vk-nav-logo-h-mobile) !important; } body.vk-home-page #header .header .header-left #st-main-menu, body.vk-subregion-detail-page #header .header .header-left #st-main-menu, body.vk-event-detail-page #header .header .header-left #st-main-menu, body.vk-events-calendar-page #header .header .header-left #st-main-menu { margin-left: 0 !important; } body.vk-home-page #header, body.vk-subregion-detail-page #header, body.vk-event-detail-page #header, body.vk-events-calendar-page #header { position: relative !important; z-index: 100000010 !important; } body.vk-home-page #header .header > a.toggle-menu, body.vk-subregion-detail-page #header .header > a.toggle-menu, body.vk-event-detail-page #header .header > a.toggle-menu, body.vk-events-calendar-page #header .header > a.toggle-menu { position: relative !important; z-index: 100000011 !important; } } /* Home link active state (desktop) */ body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li.menu-item-type-custom > a:is( [href="/"], [href="/index.php"], [href="http://chesaalula.local/"], [href="http://chesaalula.local"], [href="https://chesaalula.local/"], [href="https://chesaalula.local"] ), body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li.menu-item-type-custom > a:is( [href="/"], [href="/index.php"], [href="http://chesaalula.local/"], [href="http://chesaalula.local"], [href="https://chesaalula.local/"], [href="https://chesaalula.local"] ), body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li.menu-item-type-custom > a:is( body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li.menu-item-type-custom > a:is( [href="/"], [href="/index.php"], [href="http://chesaalula.local/"], [href="http://chesaalula.local"], [href="https://chesaalula.local/"], [href="https://chesaalula.local"] ) { color: #006d77 !important; } body.vk-home-page #header .header .header-left #st-main-menu .main-menu > li.menu-item-type-custom > a:is( [href="/"], [href="/index.php"], [href="http://chesaalula.local/"], [href="http://chesaalula.local"], [href="https://chesaalula.local/"], [href="https://chesaalula.local"] )::after, body.vk-subregion-detail-page #header .header .header-left #st-main-menu .main-menu > li.menu-item-type-custom > a:is( [href="/"], [href="/index.php"], [href="http://chesaalula.local/"], [href="http://chesaalula.local"], [href="https://chesaalula.local/"], [href="https://chesaalula.local"] )::after, body.vk-event-detail-page #header .header .header-left #st-main-menu .main-menu > li.menu-item-type-custom > a:is( body.vk-events-calendar-page #header .header .header-left #st-main-menu .main-menu > li.menu-item-type-custom > a:is( [href="/"], [href="/index.php"], [href="http://chesaalula.local/"], [href="http://chesaalula.local"], [href="https://chesaalula.local/"], [href="https://chesaalula.local"] )::after { transform: scaleX(1); opacity: 1; } /* Classic Traveler header wrap alignment */ body.vk-home-page #st_header_wrap > .row#st_header_wrap_inner, body.vk-home-page #st_header_wrap .row#st_header_wrap_inner, body.vk-subregion-detail-page #st_header_wrap > .row#st_header_wrap_inner, body.vk-subregion-detail-page #st_header_wrap .row#st_header_wrap_inner, body.vk-event-detail-page #st_header_wrap > .row#st_header_wrap_inner, body.vk-events-calendar-page #st_header_wrap > .row#st_header_wrap_inner, body.vk-event-detail-page #st_header_wrap .row#st_header_wrap_inner, body.vk-events-calendar-page #st_header_wrap .row#st_header_wrap_inner { width: min(calc(100% - (2 * var(--vk-nav-inline))), var(--vk-nav-max)); max-width: var(--vk-nav-max); float: none; margin-inline: auto; padding-inline: 0; box-sizing: border-box; } body.vk-home-page #main-header .container, body.vk-home-page #main-header .main_menu_wrap .container, body.vk-home-page #st_header_wrap .container, body.vk-subregion-detail-page #main-header .container, body.vk-subregion-detail-page #main-header .main_menu_wrap .container, body.vk-subregion-detail-page #st_header_wrap .container, body.vk-event-detail-page #main-header .container, body.vk-events-calendar-page #main-header .container, body.vk-event-detail-page #main-header .main_menu_wrap .container, body.vk-events-calendar-page #main-header .main_menu_wrap .container, body.vk-event-detail-page #st_header_wrap .container, body.vk-events-calendar-page #st_header_wrap .container { width: min(calc(100% - (2 * var(--vk-nav-inline))), var(--vk-nav-max)); max-width: var(--vk-nav-max); margin-inline: auto; padding-inline: 0; box-sizing: border-box; } @media (max-width: 991px) { /* * Mobile drawer state machine — Traveler toggles #st-main-menu.open via .toggle-menu JS. * Closed: panel off-screen; open: compact strip only. Prevents full-height white flash on close. */ body.vk-home-page #header .header .header-left #st-main-menu, body.vk-subregion-detail-page #header .header .header-left #st-main-menu, body.vk-event-detail-page #header .header .header-left #st-main-menu, body.vk-events-calendar-page #header .header .header-left #st-main-menu { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; max-width: none !important; height: 100% !important; height: 100dvh !important; margin: 0 !important; padding: 0 !important; background: transparent !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; z-index: 100000009 !important; transition: opacity 220ms ease, visibility 220ms ease !important; overflow: hidden !important; } body.vk-home-page #header .header .header-left #st-main-menu:not(.open) #main-menu, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu:not(.open) #main-menu, , body.vk-event-detail-page #header .header .header-left #st-main-menu:not(.open) #main-menu, body.vk-events-calendar-page #header .header .header-left #st-main-menu:not(.open) #main-menu, body.vk-home-page #header .header .header-left #st-main-menu:not(.open) .main-menu, body.vk-subregion-detail-page #header .header .header-left #st-main-menu:not(.open) .main-menu, body.vk-event-detail-page #header .header .header-left #st-main-menu:not(.open) .main-menu, body.vk-events-calendar-page #header .header .header-left #st-main-menu:not(.open) .main-menu { position: fixed !important; top: 0 !important; left: 0 !important; width: min(72vw, 280px) !important; max-width: 280px !important; height: auto !important; min-height: 0 !important; max-height: calc(100dvh - 1.5rem) !important; margin: 0 !important; padding: 4rem 1rem 1.25rem !important; background: #fffdf7 !important; border-right: 1px solid rgba(15, 23, 42, 0.08) !important; box-shadow: none !important; transform: translateX(-105%) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; overflow: hidden !important; transition: transform 220ms ease, opacity 220ms ease, visibility 220ms ease !important; } body.vk-home-page #header .header .header-left #st-main-menu:not(.open) .back-menu, body.vk-subregion-detail-page #header .header .header-left #st-main-menu:not(.open) .back-menu, body.vk-event-detail-page #header .header .header-left #st-main-menu:not(.open) .back-menu, body.vk-events-calendar-page #header .header .header-left #st-main-menu:not(.open) .back-menu { position: fixed !important; top: 0 !important; left: 0 !important; width: min(72vw, 280px) !important; max-width: 280px !important; transform: translateX(-105%) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: transform 220ms ease, opacity 220ms ease, visibility 220ms ease !important; } body.vk-home-page #header .header .header-left #st-main-menu.open, body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open, body.vk-event-detail-page #header .header .header-left #st-main-menu.open, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; background: rgba(15, 23, 42, 0.38) !important; transition-delay: 0s !important; } body.vk-home-page #header .header .header-left #st-main-menu.open .back-menu, body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .back-menu, body.vk-event-detail-page #header .header .header-left #st-main-menu.open .back-menu, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .back-menu { display: flex !important; align-items: center !important; justify-content: flex-start !important; min-height: 44px !important; width: min(72vw, 280px) !important; max-width: 280px !important; padding: 0 1rem !important; background: #fffdf7 !important; color: #0f172a !important; font-size: 0.92rem !important; font-weight: 700 !important; border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important; box-shadow: none !important; position: fixed !important; top: 0 !important; left: 0 !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; z-index: 10000001 !important; transition: transform 220ms ease, opacity 220ms ease, visibility 220ms ease !important; } body.vk-home-page #header .header .header-left #st-main-menu.open #main-menu, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open #main-menu, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open #main-menu, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open #main-menu, body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu, body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu, body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important; position: fixed !important; top: 0 !important; left: 0 !important; width: min(72vw, 280px) !important; max-width: 280px !important; height: auto !important; min-height: 0 !important; max-height: calc(100dvh - 1.5rem) !important; margin: 0 !important; padding: 4rem 1rem 1.25rem !important; background: #fffdf7 !important; border-right: 1px solid rgba(15, 23, 42, 0.08) !important; box-shadow: 18px 0 45px rgba(15, 23, 42, 0.18) !important; overflow-x: hidden !important; overflow-y: auto !important; list-style: none !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; box-sizing: border-box !important; transition: transform 220ms ease, opacity 220ms ease, visibility 220ms ease !important; } body.vk-home-page #header .header .header-left #st-main-menu.open #main-menu::before, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open #main-menu::before, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open #main-menu::before, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open #main-menu::before, body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu::before, body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu::before, body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu::before, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu::before { content: ""; display: block; flex-shrink: 0; width: 100%; height: 1px; margin: 0 0 0.85rem; background: linear-gradient( 90deg, rgba(15, 23, 42, 0.12) 0%, rgba(15, 23, 42, 0.05) 60%, rgba(15, 23, 42, 0) 100% ); } body.vk-home-page #header .header .header-left #st-main-menu.open #main-menu::after, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open #main-menu::after, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open #main-menu::after, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open #main-menu::after, body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu::after, body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu::after, body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu::after, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu::after { display: none !important; } .admin-bar body.vk-home-page #header .header .header-left #st-main-menu.open .back-menu, , .admin-bar body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .back-menu, , .admin-bar body.vk-event-detail-page #header .header .header-left #st-main-menu.open .back-menu, .admin-bar body.vk-home-page #header .header .header-left #st-main-menu:not(.open) .back-menu, .admin-bar body.vk-subregion-detail-page #header .header .header-left #st-main-menu:not(.open) .back-menu, .admin-bar body.vk-event-detail-page #header .header .header-left #st-main-menu:not(.open) .back-menu { top: var(--wp-admin--admin-bar--height, 32px) !important; } .admin-bar body.vk-home-page #header .header .header-left #st-main-menu.open #main-menu, , .admin-bar body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open #main-menu, , .admin-bar body.vk-event-detail-page #header .header .header-left #st-main-menu.open #main-menu, .admin-bar body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu, , .admin-bar body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu, , .admin-bar body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu, .admin-bar body.vk-home-page #header .header .header-left #st-main-menu:not(.open) #main-menu, , .admin-bar body.vk-subregion-detail-page #header .header .header-left #st-main-menu:not(.open) #main-menu, , .admin-bar body.vk-event-detail-page #header .header .header-left #st-main-menu:not(.open) #main-menu, .admin-bar body.vk-home-page #header .header .header-left #st-main-menu:not(.open) .main-menu, .admin-bar body.vk-subregion-detail-page #header .header .header-left #st-main-menu:not(.open) .main-menu, .admin-bar body.vk-event-detail-page #header .header .header-left #st-main-menu:not(.open) .main-menu { top: var(--wp-admin--admin-bar--height, 32px) !important; max-height: calc(100dvh - var(--wp-admin--admin-bar--height, 32px) - 1rem) !important; } body.vk-home-page.modal-open-mb, body.vk-subregion-detail-page.modal-open-mb, body.vk-event-detail-page.modal-open-mb, body.vk-events-calendar-page.modal-open-mb { overflow: hidden !important; } body.vk-home-page.modal-open-mb, body.vk-subregion-detail-page.modal-open-mb, body.vk-event-detail-page.modal-open-mb #header .header, body.vk-events-calendar-page.modal-open-mb #header .header { overflow: visible !important; } body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li, body.vk-home-page #header .header .header-left #st-main-menu.open #main-menu > li, body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open #main-menu > li, body.vk-event-detail-page #header .header .header-left #st-main-menu.open #main-menu > li, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open #main-menu > li { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li.account-dashboard-item, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.account-dashboard-item, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.account-dashboard-item, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li.account-dashboard-item, body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li.signout-item, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.signout-item, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.signout-item, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li.signout-item, body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li.topbar-item.account-dashboard-item, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.topbar-item.account-dashboard-item, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.topbar-item.account-dashboard-item, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li.topbar-item.account-dashboard-item, body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li.topbar-item.signout-item, body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.topbar-item.signout-item, body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.topbar-item.signout-item, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li.topbar-item.signout-item { display: none !important; } body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li > a, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li > a, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li > a, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li > a, body.vk-home-page #header .header .header-left #st-main-menu.open #main-menu > li > a, body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open #main-menu > li > a, body.vk-event-detail-page #header .header .header-left #st-main-menu.open #main-menu > li > a, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open #main-menu > li > a { display: flex !important; align-items: center !important; width: 100% !important; min-height: 48px !important; padding: 0.85rem 0 0.85rem 1rem !important; margin: 0 !important; transform: none !important; font-size: 0.92rem !important; font-weight: 800 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #0f172a !important; text-decoration: none !important; white-space: normal !important; border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important; border-left: none !important; border-radius: 0 !important; background: transparent !important; position: relative !important; box-sizing: border-box !important; } body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li > a::after, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li > a::after, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li > a::after, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li > a::after, body.vk-home-page #header .header .header-left #st-main-menu.open #main-menu > li > a::after, body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open #main-menu > li > a::after, body.vk-event-detail-page #header .header .header-left #st-main-menu.open #main-menu > li > a::after, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open #main-menu > li > a::after { display: none !important; } body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-item > a, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-item > a, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-item > a, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-item > a, body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-ancestor > a, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-ancestor > a, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-ancestor > a, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-ancestor > a, body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li.current_page_item > a, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.current_page_item > a, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.current_page_item > a, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li.current_page_item > a, body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li.menu-item-type-custom > a:is( , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.menu-item-type-custom > a:is( , body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.menu-item-type-custom > a:is( body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li.menu-item-type-custom > a:is( [href="/"], [href="/index.php"], [href="http://chesaalula.local/"], [href="http://chesaalula.local"], [href="https://chesaalula.local/"], [href="https://chesaalula.local"] ) { color: #006d77 !important; padding-left: 1.15rem !important; } body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-item > a::before, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-item > a::before, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-item > a::before, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-item > a::before, body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-ancestor > a::before, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-ancestor > a::before, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-ancestor > a::before, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li.current-menu-ancestor > a::before, body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li.current_page_item > a::before, , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.current_page_item > a::before, , body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.current_page_item > a::before, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li.current_page_item > a::before, body.vk-home-page #header .header .header-left #st-main-menu.open .main-menu > li.menu-item-type-custom > a:is( , body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.menu-item-type-custom > a:is( , body.vk-event-detail-page #header .header .header-left #st-main-menu.open .main-menu > li.menu-item-type-custom > a:is( body.vk-events-calendar-page #header .header .header-left #st-main-menu.open .main-menu > li.menu-item-type-custom > a:is( [href="/"], [href="/index.php"], [href="http://chesaalula.local/"], [href="http://chesaalula.local"], [href="https://chesaalula.local/"], [href="https://chesaalula.local"] )::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 1.35rem; border-radius: 999px; background: #006d77; } body.vk-home-page #header .header .header-left #st-main-menu.open ~ .st-list-mobile, body.vk-subregion-detail-page #header .header .header-left #st-main-menu.open ~ .st-list-mobile, body.vk-event-detail-page #header .header .header-left #st-main-menu.open ~ .st-list-mobile, body.vk-events-calendar-page #header .header .header-left #st-main-menu.open ~ .st-list-mobile { left: 0 !important; width: min(72vw, 280px) !important; max-width: 280px !important; } }