.elementor-kit-16750{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#121212;--e-global-color-text:#000000;--e-global-color-accent:#258B9A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Nunito";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;color:#000000;font-family:"Roboto", Sans-serif;}.elementor-kit-16750 e-page-transition{background-color:#FFBC7D;}.elementor-kit-16750 a{font-family:"Roboto", Sans-serif;}.elementor-kit-16750 h1{font-family:"Nunito", Sans-serif;}.elementor-kit-16750 h2{font-family:"Nunito", Sans-serif;}.elementor-kit-16750 h4{font-family:"Nunito", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================================
   Elementor Header Text/Logo Swap (DESKTOP ONLY)
   - Swaps between light/dark logos and text colors
   - Lets Elementor handle background colors naturally
   ========================================================== */

/* ---------- DESKTOP (>=1025px) ---------- */
@media (min-width: 1025px) {
  .elementor-16762 .elementor-element.elementor-element-08a6c9a {
    transition: background-color 0.3s ease !important;
  }

  .elementor-16762 .elementor-element.elementor-element-08a6c9a .logo-light,
  .elementor-16762 .elementor-element.elementor-element-08a6c9a .logo-dark {
    transition: opacity 0.3s ease, display 0.3s ease !important;
  }

  .elementor-16762 .elementor-element.elementor-element-08a6c9a .elementor-nav-menu--main .elementor-item {
    transition: color 0.3s ease, fill 0.3s ease !important;
  }

  .elementor-16762 .elementor-element.elementor-element-08a6c9a .logo-light {
    display: block !important;
  }
  .elementor-16762 .elementor-element.elementor-element-08a6c9a .logo-dark {
    display: none !important;
  }

  .elementor-16762 .elementor-element.elementor-element-08a6c9a .elementor-nav-menu--main .elementor-item {
    color: #fff !important;
    fill: #fff !important;
  }

  .elementor-16762 .elementor-element.elementor-element-08a6c9a:hover {
    background-color: #fff !important;
  }

  .elementor-16762 .elementor-element.elementor-element-08a6c9a:hover .logo-light {
    display: none !important;
  }
  .elementor-16762 .elementor-element.elementor-element-08a6c9a:hover .logo-dark {
    display: block !important;
  }

  .elementor-16762 .elementor-element.elementor-element-08a6c9a:hover .elementor-nav-menu--main .elementor-item {
    color: #000 !important;
    fill: #000 !important;
  }

  .elementor-16762 .elementor-element.elementor-element-08a6c9a.elementor-sticky--effects {
    background-color: #fff !important;
  }

  .elementor-16762 .elementor-element.elementor-element-08a6c9a.elementor-sticky--effects .logo-light {
    display: none !important;
  }
  .elementor-16762 .elementor-element.elementor-element-08a6c9a.elementor-sticky--effects .logo-dark {
    display: block !important;
  }

  .elementor-16762
    .elementor-element.elementor-element-08a6c9a.elementor-sticky--effects
    .elementor-nav-menu--main
    .elementor-item {
    color: #000 !important;
    fill: #000 !important;
  }
}

/* ==========================================================
   MOBILE/TABLET HEADER CSS (<=1024px)
   - Keep your existing behavior
   ✅ Fix: dropdown does NOT disappear on real devices while open
   ========================================================== */
@media (max-width: 1024px) {
  body .elementor-location-header[data-elementor-id="16762"] {
    position: relative !important;
    margin-top: -70px !important;
    z-index: 9999 !important;
  }

  body .elementor-16762 .elementor-element-6363248,
  body .elementor-16762 .elementor-element-6363248.e-con,
  body .elementor-16762 .elementor-element-6363248 > .e-con-inner {
    --container-widget-height: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body .elementor-16762 .elementor-element-6363248 .e-con,
  body .elementor-16762 .elementor-element-6363248 .e-con-inner {
    height: auto !important;
    min-height: 0 !important;
    --container-widget-height: auto !important;
  }

  body .elementor-16762 .elementor-element-31e1b43,
  body .elementor-16762 .elementor-element-31e1b43.e-con {
    min-height: 70px !important;
    height: 70px !important;
    --min-height: 70px !important;
  }

  body .elementor-location-header[data-elementor-id="16762"] {
    background-color: transparent !important;
    transition: background-color 0.3s ease !important;
  }

  body .elementor-location-header[data-elementor-id="16762"] .elementor-menu-toggle i,
  body .elementor-location-header[data-elementor-id="16762"] .elementor-menu-toggle svg {
    stroke: #ffffff !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    transition: all 0.3s ease !important;
  }

  body .elementor-location-header[data-elementor-id="16762"] .logo-light {
    display: block !important;
    transition: opacity 0.3s ease !important;
  }
  body .elementor-location-header[data-elementor-id="16762"] .logo-dark {
    display: none !important;
    transition: opacity 0.3s ease !important;
  }

  body .elementor-location-header[data-elementor-id="16762"]:hover {
    background-color: #ffffff !important;
  }
  body .elementor-location-header[data-elementor-id="16762"]:hover .elementor-menu-toggle i,
  body .elementor-location-header[data-elementor-id="16762"]:hover .elementor-menu-toggle svg {
    stroke: #000000 !important;
    color: #000000 !important;
    fill: #000000 !important;
  }
  body .elementor-location-header[data-elementor-id="16762"]:hover .logo-light {
    display: none !important;
  }
  body .elementor-location-header[data-elementor-id="16762"]:hover .logo-dark {
    display: block !important;
  }

  /* sticky backgrounds (your existing behavior) */
  html body .elementor-location-header[data-elementor-id="16762"].elementor-sticky--effects,
  html body header.elementor-location-header[data-elementor-id="16762"].elementor-sticky--effects,
  html body .elementor-sticky[data-elementor-id="16762"].elementor-sticky--effects,
  html body header.elementor-sticky.elementor-sticky--effects[data-elementor-id="16762"] {
    background-color: #ffffff !important;
  }

  html body .elementor-location-header[data-elementor-id="16762"].elementor-sticky--effects .elementor-element-6363248,
  html body .elementor-location-header[data-elementor-id="16762"].elementor-sticky--effects .elementor-element-31e1b43,
  html body .elementor-sticky[data-elementor-id="16762"].elementor-sticky--effects .elementor-element-6363248,
  html body .elementor-sticky[data-elementor-id="16762"].elementor-sticky--effects .elementor-element-31e1b43 {
    background-color: #ffffff !important;
  }

  html body .elementor-location-header[data-elementor-id="16762"].elementor-sticky--active,
  html body header.elementor-location-header[data-elementor-id="16762"].elementor-sticky--active,
  html body .elementor-sticky[data-elementor-id="16762"].elementor-sticky--active,
  html body header.elementor-sticky.elementor-sticky--active[data-elementor-id="16762"] {
    background-color: #ffffff !important;
  }

  html body .elementor-location-header[data-elementor-id="16762"].elementor-sticky--active .elementor-element-6363248,
  html body .elementor-location-header[data-elementor-id="16762"].elementor-sticky--active .elementor-element-31e1b43,
  html body .elementor-sticky[data-elementor-id="16762"].elementor-sticky--active .elementor-element-6363248,
  html body .elementor-sticky[data-elementor-id="16762"].elementor-sticky--active .elementor-element-31e1b43 {
    background-color: #ffffff !important;
  }

  /* ==========================================================
     ✅ FIX (ONLY WHEN MENU IS OPEN):
     Keep dropdown visible while scrolling on real devices.
     This prevents it being clipped by sticky/overflow/transform.
     ========================================================== */

  /* Force header + key rows white when menu is open */
  body .elementor-location-header[data-elementor-id="16762"]:has(.elementor-menu-toggle.elementor-active),
  body .elementor-location-header[data-elementor-id="16762"]:has(.elementor-menu-toggle.elementor-active) .elementor-element-6363248,
  body .elementor-location-header[data-elementor-id="16762"]:has(.elementor-menu-toggle.elementor-active) .elementor-element-31e1b43 {
    background-color: #ffffff !important;
  }

  /* Dropdown becomes fixed ONLY while menu is active */
  body
    .elementor-location-header[data-elementor-id="16762"]:has(.elementor-menu-toggle.elementor-active)
    .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    background-color: #ffffff !important;
    position: fixed !important;
    top: 60px !important; /* ✅ keep your top:60px requirement */
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: calc(100vh - 60px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    z-index: 9998 !important; /* header is 9999 */
  }

  /* When menu is open, make icon black */
  body .elementor-location-header[data-elementor-id="16762"] .elementor-menu-toggle.elementor-active i,
  body .elementor-location-header[data-elementor-id="16762"] .elementor-menu-toggle.elementor-active svg {
    color: #000000 !important;
    fill: #000000 !important;
    stroke: #000000 !important;
  }

  /* Swap logos when menu is active */
  body .elementor-location-header[data-elementor-id="16762"]:has(.elementor-menu-toggle.elementor-active) .logo-light {
    display: none !important;
  }
  body .elementor-location-header[data-elementor-id="16762"]:has(.elementor-menu-toggle.elementor-active) .logo-dark {
    display: block !important;
  }
}/* End custom CSS */