.elementor-12850 .elementor-element.elementor-element-df5b27a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12850 .elementor-element.elementor-element-2cc8a81{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12850 .elementor-element.elementor-element-6d1d374{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12850 .elementor-element.elementor-element-571f331{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12850 .elementor-element.elementor-element-8d4cab4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12850 .elementor-element.elementor-element-ff0d3ae > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-d49ac81 );}.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-nav-menu--main .elementor-item{color:#292929;fill:#292929;}.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-d49ac81 );fill:var( --e-global-color-d49ac81 );}.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-d49ac81 );}.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-nav-menu--dropdown a, .elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-nav-menu--dropdown a:hover,
					.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-nav-menu--dropdown a:focus,
					.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-nav-menu--dropdown a.highlighted,
					.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-menu-toggle:hover,
					.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-nav-menu--dropdown .elementor-item, .elementor-12850 .elementor-element.elementor-element-ff0d3ae .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-12850 .elementor-element.elementor-element-ff0d3ae div.elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-12850 .elementor-element.elementor-element-ff0d3ae div.elementor-menu-toggle svg{fill:var( --e-global-color-text );}.elementor-12850 .elementor-element.elementor-element-d688a03{--display:flex;--justify-content:center;}.elementor-12850 .elementor-element.elementor-element-4c2125d{--grid-template-columns:repeat(0, auto);--icon-size:20px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-12850 .elementor-element.elementor-element-4c2125d .elementor-widget-container{text-align:center;}.elementor-12850 .elementor-element.elementor-element-4c2125d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12850 .elementor-element.elementor-element-4c2125d .elementor-social-icon{background-color:#FFFFFF00;}.elementor-12850 .elementor-element.elementor-element-4c2125d .elementor-social-icon i{color:var( --e-global-color-secondary );}.elementor-12850 .elementor-element.elementor-element-4c2125d .elementor-social-icon svg{fill:var( --e-global-color-secondary );}.elementor-12850 .elementor-element.elementor-element-4c2125d .elementor-social-icon:hover i{color:var( --e-global-color-d49ac81 );}.elementor-12850 .elementor-element.elementor-element-4c2125d .elementor-social-icon:hover svg{fill:var( --e-global-color-d49ac81 );}.elementor-12850 .elementor-element.elementor-element-b530293{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12850 .elementor-element.elementor-element-5819894{--display:flex;}.elementor-12850 .elementor-element.elementor-element-4c214e3{--display:flex;}.elementor-12850 .elementor-element.elementor-element-47439f2{--display:flex;}.elementor-12850 .elementor-element.elementor-element-95354bd > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12850 .elementor-element.elementor-element-95354bd .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-d49ac81 );}.elementor-12850 .elementor-element.elementor-element-95354bd .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-12850 .elementor-element.elementor-element-95354bd .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-12850 .elementor-element.elementor-element-95354bd .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-d49ac81 );}.elementor-12850 .elementor-element.elementor-element-95354bd .elementor-nav-menu--dropdown a, .elementor-12850 .elementor-element.elementor-element-95354bd .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-12850 .elementor-element.elementor-element-95354bd .elementor-nav-menu--dropdown a:hover,
					.elementor-12850 .elementor-element.elementor-element-95354bd .elementor-nav-menu--dropdown a:focus,
					.elementor-12850 .elementor-element.elementor-element-95354bd .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-12850 .elementor-element.elementor-element-95354bd .elementor-nav-menu--dropdown a.highlighted,
					.elementor-12850 .elementor-element.elementor-element-95354bd .elementor-menu-toggle:hover,
					.elementor-12850 .elementor-element.elementor-element-95354bd .elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-12850 .elementor-element.elementor-element-95354bd .elementor-nav-menu--dropdown .elementor-item, .elementor-12850 .elementor-element.elementor-element-95354bd .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-12850 .elementor-element.elementor-element-95354bd div.elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-12850 .elementor-element.elementor-element-95354bd div.elementor-menu-toggle svg{fill:var( --e-global-color-text );}.elementor-12850 .elementor-element.elementor-element-2e020b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12850 .elementor-element.elementor-element-e7f3ca8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12850 .elementor-element.elementor-element-c63205d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12850 .elementor-element.elementor-element-2e3be34{--spacer-size:50px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-12850 .elementor-element.elementor-element-2cc8a81{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:12px;}.elementor-12850 .elementor-element.elementor-element-5819894{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12850 .elementor-element.elementor-element-386eebe.elementor-element{--align-self:flex-start;}.elementor-12850 .elementor-element.elementor-element-47439f2{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12850 .elementor-element.elementor-element-47439f2.e-con{--align-self:center;}.elementor-12850 .elementor-element.elementor-element-95354bd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12850 .elementor-element.elementor-element-2e3be34{--spacer-size:20px;}}@media(min-width:768px){.elementor-12850 .elementor-element.elementor-element-df5b27a{--content-width:1440px;}.elementor-12850 .elementor-element.elementor-element-2cc8a81{--content-width:1440px;}.elementor-12850 .elementor-element.elementor-element-571f331{--width:28%;}.elementor-12850 .elementor-element.elementor-element-8d4cab4{--width:100%;}.elementor-12850 .elementor-element.elementor-element-d688a03{--width:20%;}.elementor-12850 .elementor-element.elementor-element-2e020b8{--content-width:1440px;}}/* Start custom CSS for container, class: .elementor-element-df5b27a *//* =========================================================
   HIGHLAND HEADER — HOURS BAR + DESKTOP HEADER ROW
   Cleaned + desktop sizing boost + mobile dropdown fix (overlay)
   NOTE: This version RESPECTS the [hidden] attribute (fixes "stuck open" on mobile)
========================================================= */


/* ==============================
   BASE CONTAINER (match Elementor boxed width)
============================== */
.high-container{
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}


/* ==============================
   WRAPPER & ROUNDED CORNERS
============================== */
.high-header-wrapper{
  border-radius: 15px;
  overflow: visible;
}


/* ==============================
   GREEN HOURS BAR
============================== */
.high-hours-bar{
  background: #527c16;
  color: #ffffff;
  font-size: 14px;
  border-radius: 15px;
}

/* Layout of bar */
.high-hours-inner{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 18px;
  overflow: visible; /* never clip dropdown */
}

/* LEFT: status + toggle */
.high-hours-left{
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative; /* anchor dropdown */
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: wrap;
}

.high-hours-status{
  font-weight: 600;
  white-space: normal;
  overflow-wrap: anywhere;
}

.high-hours-divider{
  opacity: 0.7;
}

/* LIBRARY HOURS toggle */
.high-hours-toggle{
  border: none;
  background: transparent;
  color: #ffffff !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.2s ease;
  white-space: nowrap;
}

.high-hours-toggle:hover{
  color: #000000 !important;
}

/* caret */
.high-hours-toggle::after{
  content: "";
  border: 4px solid transparent;
  border-top-color: #ffffff;
  margin-left: 4px;
  transform: translateY(2px);
  transition: border-top-color 0.2s ease;
}

.high-hours-toggle:hover::after{
  border-top-color: #000000 !important;
}


/* ==============================
   DROPDOWN PANEL (default desktop behavior)
============================== */
.high-hours-dropdown{
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  background: #ffffff;
  color: #333333;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.15);
  z-index: 50000;
  min-width: 260px;
  box-sizing: border-box;
}

/* CRITICAL: always respect the hidden attribute (fixes stuck-open on mobile) */
.high-hours-dropdown[hidden]{
  display: none !important;
}

.high-hours-list{
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.high-hours-list li{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 2px 0;
}

.high-hours-day{
  font-weight: 600;
}

.high-hours-list li.high-hours-current{
  background: #95D1EF;
  border-radius: 6px;
  padding: 4px 8px;
}


/* ==============================
   RIGHT: quick links (desktop)
============================== */
.high-hours-right{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  flex: 0 0 auto;
  min-width: 0;
  white-space: nowrap;
}

.high-hours-bar .high-hours-link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff !important;
  text-decoration: none;
}

.high-hours-bar .high-hours-link i{
  font-size: 15px;
}

.high-hours-bar .high-hours-link:hover{
  color: #000000 !important;
}


/* ==============================
   Z-INDEX FIX (hours dropdown behind header/nav)
============================== */
.high-header-wrapper,
.high-hours-bar,
.high-hours-inner{
  position: relative !important;
  z-index: 30000 !important;
  overflow: visible !important;
}

.high-hours-dropdown{
  z-index: 50000 !important;
}


/* =========================================================
   RESPONSIVE (≤ 900px)
   Mobile/Tablet: centered OVERLAY dropdown (no off-screen)
   NOTE: We do NOT use position: static here to avoid conflicts.
========================================================= */
@media (max-width: 900px){

  .high-hours-inner{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    padding: 14px 16px !important; /* add horizontal padding so dropdown has safe space */
  }

  .high-hours-left{
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100% !important;
    gap: 6px;
    position: relative !important; /* anchor overlay */
  }

  .high-hours-divider{
    display: none !important;
  }

  .high-hours-toggle{
    justify-content: center;
    font-size: 14px;
  }

  /* Centered overlay dropdown that never goes off-screen */
  .high-hours-left .high-hours-dropdown,
  #high-hours-dropdown.high-hours-dropdown{
    position: absolute !important;
    top: calc(100% + 10px) !important;

    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    width: min(360px, calc(100vw - 32px)) !important;
    max-width: min(360px, calc(100vw - 32px)) !important;
    min-width: 0 !important;

    margin: 0 !important;
    box-sizing: border-box !important;
    z-index: 50000 !important;
  }

  /* Hide green-bar quick links on smaller screens */
  .high-hours-right{
    display: none !important;
  }
}

@media (max-width: 600px){

  .high-hours-inner{
    padding: 12px 12px !important;
  }

  .high-hours-status{
    font-size: 13px;
  }

  .high-hours-toggle{
    font-size: 13px;
  }

  /* Slightly tighter safe width on very small phones */
  .high-hours-left .high-hours-dropdown,
  #high-hours-dropdown.high-hours-dropdown{
    width: min(360px, calc(100vw - 24px)) !important;
    max-width: min(360px, calc(100vw - 24px)) !important;
  }
}


/* =========================================================
   DESKTOP SIZE BOOST (SAFE)
========================================================= */
@media (min-width: 901px){

  /* Larger logo on desktop */
  #high-header-logo img{
    max-height: 90px;
    width: auto;
    height: auto;
  }

  /* More air in green bar */
  .high-hours-inner{
    padding: 12px 22px !important;
    gap: 26px !important;
  }

  /* Bigger quick link text + icon */
  .high-hours-bar .high-hours-link{
    font-size: 16px !important;
    line-height: 1.15;
  }

  .high-hours-bar .high-hours-link i{
    font-size: 16px !important;
  }

  /* Keep left readable if status text gets long */
  .high-hours-left{
    min-width: 320px;
  }

  /* Keep quick links on one line on wide screens */
  .high-hours-right{
    white-space: nowrap;
  }

  /* On smaller desktops, allow quick links to wrap rather than crush */
  @media (max-width: 1200px){
    .high-hours-right{
      white-space: normal;
    }
  }
}


/* =========================================================
   LOGO + NAV + SOCIAL (DESKTOP HEADER ROW)
   Parent SECTION: #high-main-header-row
========================================================= */
#high-main-header-row > .elementor-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
}

#high-header-logo,
#high-header-nav,
#high-header-social{
  display: flex;
  align-items: center;
}

/* Base logo sizing (desktop boost overrides above on ≥901px) */
#high-header-logo img{
  max-height: 70px;
  width: auto;
  height: auto;
}

/* DESKTOP — ≥ 901px */
@media (min-width: 901px){

  #high-header-logo{
    flex: 0 0 auto;
    justify-content: flex-start;
  }

  #high-header-nav{
    flex: 1 1 auto;
    justify-content: center;
  }

  #high-header-social{
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: 14px;
  }
}

/* TABLET — 601px to 900px */
@media (min-width: 601px) and (max-width: 900px){

  #high-main-header-row > .elementor-container{
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }

  #high-header-logo{
    flex: 0 0 auto;
    justify-content: flex-start;
    order: 1;
  }

  #high-header-nav{
    flex: 1 1 auto;
    justify-content: center;
    order: 2;
  }

  #high-header-social{
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: 14px;
    order: 3;
  }
}

/* MOBILE — ≤ 600px */
@media (max-width: 600px){

  #high-main-header-row > .elementor-container{
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    row-gap: 8px;
  }

  #high-header-nav{
    order: 1;
    flex: 0 0 auto;
    justify-content: flex-start;
    margin-right: 10px;
  }

  #high-header-logo{
    order: 2;
    flex: 1 1 auto;
    justify-content: flex-start;
    min-width: 0;
  }

  #high-header-nav > *{
    width: auto !important;
  }

  #high-header-social{
    order: 3;
    width: 100%;
    justify-content: center;
    margin-top: 8px;
    gap: 18px;
  }

  #high-header-logo img{
    max-height: 58px;
  }
}

/* Optional: help the desktop nav avoid wrapping */
#high-header-nav .elementor-nav-menu{
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center;
  column-gap: 20px;
}

#high-header-nav .elementor-nav-menu > li{
  white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d1d374 *//* =========================================
NEW HEADER ROW LAYOUT — 3 CONTAINER SYSTEM
Parent: #high-main-header-row
Children: #high-header-logo, #high-header-nav, #high-header-social
========================================= */

#high-main-header-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1px;
width: 100%;
}

/* All children become flex containers */
#high-header-logo,
#high-header-nav,
#high-header-social {
display: flex;
align-items: center;
}

/* Logo sizing */
#high-header-logo img {
max-height: 70px;
width: auto;
height: auto;
}

/* ================================
DESKTOP — ≥ 901px
=============================== */
@media (min-width: 901px) {

#high-header-logo {
flex: 0 0 auto;
justify-content: flex-start;
}

#high-header-nav {
flex: 1 1 auto;
justify-content: center;
}

#high-header-social {
flex: 0 0 auto;
justify-content: flex-end;
gap: 14px;
}
}

/* ================================
TABLET — 601px to 900px
(Show full nav, everything in one row)
=============================== */
@media (max-width: 900px) {

#high-main-header-row {
flex-wrap: wrap;
justify-content: space-between;
gap: 12px;
}

#high-header-logo {
flex: 1 1 auto;
justify-content: flex-start;
order: 1;
}

#high-header-nav {
flex: 1 1 auto;
justify-content: center;
order: 2;
}

#high-header-social {
flex: 1 1 auto;
justify-content: flex-end;
order: 3;
}
}

/* ================================
MOBILE — ≤ 600px
(Hamburger left, Logo right, Socials below)
=============================== */
@media (max-width: 600px) {

#high-main-header-row {
flex-wrap: wrap;
justify-content: flex-start;
}

#high-header-nav {
order: 1;
flex: 0 0 auto;
margin-right: 10px;
}

#high-header-logo {
order: 2;
flex: 1 1 auto;
justify-content: flex-start;
}

#high-header-social {
order: 3;
width: 100%;
justify-content: center;
margin-top: 8px;
gap: 18px;
}

#high-header-logo img {
max-height: 58px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5819894 *//* MOBILE + TABLET: keep logo left, hamburger right */
@media (max-width: 1024px){
  #high-mobile-header-row{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
  }

  #high-mobile-logo{
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }

  #high-mobile-nav{
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  /* Prevent Elementor menu widget from taking full width */
  #high-mobile-nav .elementor-widget-container,
  #high-mobile-nav nav,
  #high-mobile-nav .elementor-nav-menu,
  #high-mobile-nav .elementor-nav-menu--main{
    width: auto !important;
  }
}

/* DESKTOP: hide the mobile/tablet row */
@media (min-width: 1025px){
  #high-mobile-header-row{ display: none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b530293 *//* =========================================================
   MOBILE + TABLET HEADER ROW (Elementor Containers)
   Parent:  #high-mobile-header-row
   Children: #high-mobile-logo (LEFT) + #high-mobile-nav (RIGHT)
   Goal: Logo left, hamburger right, NO stacking
========================================================= */

/* Make sure Elementor container variables are overridden */
#high-mobile-header-row{
  --display: flex;
  --flex-direction: row;
  --flex-wrap: nowrap;
  --justify-content: space-between;
  --align-items: center;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: center !important;

  width: 100% !important;
  gap: 12px !important;
}

/* FORCE the two child containers to behave like inline flex items (not 100% width blocks) */
#high-mobile-logo,
#high-mobile-nav{
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
}

/* Logo stays left and can shrink without wrapping the row */
#high-mobile-logo{
  justify-content: flex-start !important;
  min-width: 0 !important;
  flex: 1 1 auto !important; /* allow logo area to take remaining space */
}

/* Nav stays right */
#high-mobile-nav{
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
}

/* Elementor Nav Menu widget commonly forces full width. Neutralize that. */
#high-mobile-nav .elementor-widget-container,
#high-mobile-nav nav,
#high-mobile-nav .elementor-nav-menu,
#high-mobile-nav .elementor-nav-menu--main,
#high-mobile-nav .elementor-nav-menu__container{
  width: auto !important;
  max-width: none !important;
}

/* Keep the toggle button tight and pinned right */
#high-mobile-nav .elementor-menu-toggle{
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  width: 46px !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px;
}

/* SHOW this row on Mobile + Tablet, hide on Desktop */
@media (min-width: 1025px){
  #high-mobile-header-row{ display: none !important; }
}

/* Optional: slightly smaller logo on very small phones */
@media (max-width: 480px){
  #high-mobile-logo img{ max-height: 54px; }
}


/* =========================================================
   HOURS BAR: make tablet behave like mobile (centered)
   Applies to tablet portrait/landscape + mobile
========================================================= */
@media (max-width: 1024px){
  .high-hours-inner{
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .high-hours-left{
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
  }

  .high-hours-divider{ display: none !important; }

  .high-hours-dropdown{
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

/* =========================================================
   SOCIAL ICON HOVER (your requested change)
   Icon changes to #527c16 on hover, background stays same
========================================================= */
.high-social-icons a:hover i,
.high-social-icons a:hover svg{
  color: #527c16 !important;
}

/* =========================================================
   MOBILE/TABLET: Keep logo fixed + dropdown overlays
   BUT submenus expand downward INSIDE the dropdown
========================================================= */
@media (max-width: 1024px){

  /* Header row must allow overlay */
  #high-mobile-header-row{
    position: relative !important;
    overflow: visible !important;
  }

  /* Nav becomes positioning context for the overlay dropdown */
  #high-mobile-nav{
    position: relative !important;
    z-index: 9999 !important;
    flex: 0 0 auto !important;
    width: auto !important;
  }

  /* MAIN dropdown overlays (prevents logo/header shift) */
  #high-mobile-nav .elementor-nav-menu--dropdown{
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;

    width: 300px !important;
    max-width: calc(100vw - 24px) !important;

    max-height: 80vh !important;
    overflow: auto !important;

    z-index: 10000 !important;
    margin: 0 !important;
  }

  /* IMPORTANT: submenus expand DOWN inside the dropdown (no overlap) */
  #high-mobile-nav .elementor-nav-menu--dropdown .sub-menu{
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  /* Optional: indent submenu items for clarity */
  #high-mobile-nav .elementor-nav-menu--dropdown .sub-menu a{
    padding-left: 28px !important;
  }

  /* Make sure the menu widget itself doesn’t force full width */
  #high-mobile-nav .elementor-widget-container,
  #high-mobile-nav nav,
  #high-mobile-nav .elementor-nav-menu,
  #high-mobile-nav .elementor-nav-menu--main,
  #high-mobile-nav .elementor-nav-menu__container{
    width: auto !important;
    max-width: none !important;
  }
}

/* MOBILE/TABLET: widen the dropdown menu panel */
@media (max-width: 1024px){

  #high-mobile-nav .elementor-nav-menu--dropdown{
    width: 340px !important;                 /* was 280px */
    max-width: calc(100vw - 24px) !important;
  }

  /* optional: a little breathing room for menu items */
  #high-mobile-nav .elementor-nav-menu--dropdown a{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e020b8 *//* ==============================
   DESKTOP BEHAVIOR
   Hours bar quick links visible
   Mobile quick links hidden
============================== */
@media (min-width: 901px) {

  /* Show quick links inside hours bar */
  .high-hours-right {
    display: flex;
  }

  /* Hide mobile placement */
  .high-quick-links-mobile {
    display: none !important;
  }
}


/* ==============================
   MOBILE + TABLET BEHAVIOR
   Move quick links below logo/nav
   (2 x 2 buttons on mobile)
============================== */
@media (max-width: 900px) {

  /* Hide the hours-bar quick links */
  .high-hours-right {
    display: none !important;
  }

  /* Mobile quick links wrapper:
     make it a 2-column grid */
  .high-quick-links-mobile {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
    margin-bottom: 16px;
    width: 100%;
  }

  /* Style the links themselves */
  .high-quick-links-mobile a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 14px;
    font-size: 15px;
    color: #222 !important;
    border-radius: 999px;
    text-decoration: none;
    background: #f5f5f5 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  }

  /* Icon styling */
  .high-quick-links-mobile a i {
    font-size: 16px;
    color: #15486A !important;
  }

  /* Hover effect */
  .high-quick-links-mobile a:hover {
    background: #e9e9e9 !important;
  }
}

/* Keep 2x2 even on small phones */
@media (max-width: 480px) {
  .high-quick-links-mobile {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px;
  }

  .high-quick-links-mobile a{
    padding: 10px 10px;
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7f3ca8 *//* ==============================
   Social icons row (tablet + mobile)
============================== */
.high-social-mobile {
  display: none;
}

@media (max-width: 900px) {
  .high-social-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-top: 10px;
    margin-bottom: 6px;
  }

  .high-social-mobile a {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: #f2f2f2 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    transition: transform 0.15s ease, background 0.15s ease;
  }

  .high-social-mobile a i {
    font-size: 18px;
    color: #15486A !important;
  }
  
  .high-social-mobile a:hover i {
  color: #527c16 !important;
}

  .high-social-mobile a:hover {
    transform: translateY(-1px);
  }
}/* End custom CSS */