.elementor-11251 .elementor-element.elementor-element-3000042{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--padding-top:8px;--padding-bottom:8px;--padding-left:016px;--padding-right:16px;}.elementor-11251 .elementor-element.elementor-element-3000042:not(.elementor-motion-effects-element-type-background), .elementor-11251 .elementor-element.elementor-element-3000042 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence3 );}.elementor-11251 .elementor-element.elementor-element-ac802b0{width:var( --container-widget-width, 120px );max-width:120px;--container-widget-width:120px;--container-widget-flex-grow:0;}.elementor-11251 .elementor-element.elementor-element-6b53e53{width:var( --container-widget-width, 57.327% );max-width:57.327%;--container-widget-width:57.327%;--container-widget-flex-grow:0;}.elementor-11251 .elementor-element.elementor-element-6b53e53.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11251 .elementor-element.elementor-element-6b53e53 .elementor-menu-toggle{margin:0 auto;}.elementor-11251 .elementor-element.elementor-element-6b53e53 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-11251 .elementor-element.elementor-element-6b53e53 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-11251 .elementor-element.elementor-element-6b53e53 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-11251 .elementor-element.elementor-element-6b53e53 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-11251 .elementor-element.elementor-element-6b53e53 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-11251 .elementor-element.elementor-element-6b53e53 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-11251 .elementor-element.elementor-element-db1c754{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;}.elementor-11251 .elementor-element.elementor-element-1637772{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;}.elementor-11251 .elementor-element.elementor-element-08e0e69{width:var( --container-widget-width, 80px );max-width:80px;--container-widget-width:80px;--container-widget-flex-grow:0;}.elementor-11251 .elementor-element.elementor-element-c67478c .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-11251 .elementor-element.elementor-element-ac802b0{--container-widget-width:50px;--container-widget-flex-grow:0;width:var( --container-widget-width, 50px );max-width:50px;}.elementor-11251 .elementor-element.elementor-element-6b53e53{width:var( --container-widget-width, 10px );max-width:10px;--container-widget-width:10px;--container-widget-flex-grow:0;}.elementor-11251 .elementor-element.elementor-element-db1c754{--container-widget-width:40px;--container-widget-flex-grow:0;width:var( --container-widget-width, 40px );max-width:40px;}.elementor-11251 .elementor-element.elementor-element-1637772{--container-widget-width:40px;--container-widget-flex-grow:0;width:var( --container-widget-width, 40px );max-width:40px;}.elementor-11251 .elementor-element.elementor-element-08e0e69{--container-widget-width:45px;--container-widget-flex-grow:0;width:var( --container-widget-width, 45px );max-width:45px;}}/* Start custom CSS for container, class: .elementor-element-3000042 *//* =====================================================
   AMPAS -- MOBILE / TABLET MENU
   Floating dropdown panel + AMPAS styling.
   ===================================================== */


/* ---------- 1. FLOATING PANEL POSITIONING ---------- */

@media (max-width: 1024px) {

  /* Make the header element itself the positioned anchor */
  header {
    position: relative !important;
  }

  /* Every container inside the header should NOT be a positioned ancestor.
     This forces the dropdown to anchor to <header> which spans full width. */
  header .e-con,
  header .elementor-section,
  header .elementor-widget,
  header .elementor-widget-container,
  header .elementor-widget-nav-menu {
    position: static !important;
  }

  /* The dropdown floats below the header, full width */
  header .elementor-nav-menu--dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    margin: 0 !important;
    z-index: 9999 !important;
  }
}


/* ---------- 2. DROPDOWN PANEL STYLING ---------- */

.elementor-nav-menu--dropdown {
  background: #14110d !important;            /* ink */
  border-top: 4px solid #e8693a !important;  /* orange */
  box-shadow: 0 10px 30px rgba(0,0,0,0.4) !important;
  padding: 8px 0 !important;
}

.elementor-nav-menu--dropdown ul.elementor-nav-menu {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.elementor-nav-menu--dropdown li {
  border-bottom: 1px solid rgba(255, 245, 227, 0.08) !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.elementor-nav-menu--dropdown li:last-child {
  border-bottom: 0 !important;
}


/* ---------- 3. MENU ITEMS -- chunky tappable rows ---------- */

.elementor-nav-menu--dropdown a.elementor-item {
  font-family: "Bowlby One", sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #fff5e3 !important;                 /* cream */
  padding: 18px 24px !important;
  text-align: left !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative;
  transition: background 0.18s ease,
              padding-left 0.18s ease,
              color 0.18s ease !important;
}

.elementor-nav-menu--dropdown a.elementor-item:hover,
.elementor-nav-menu--dropdown a.elementor-item:focus,
.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active {
  background: #e8693a !important;            /* orange */
  color: #fff5e3 !important;                 /* cream */
  padding-left: 32px !important;
}

/* Arrow accent on hover */
.elementor-nav-menu--dropdown a.elementor-item::after {
  content: "→";
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  font-family: "Inter Tight", sans-serif;
  transition: opacity 0.18s ease, right 0.18s ease;
}
.elementor-nav-menu--dropdown a.elementor-item:hover::after,
.elementor-nav-menu--dropdown a.elementor-item:focus::after {
  opacity: 1;
  right: 20px;
}


/* ---------- 4. HAMBURGER TOGGLE BUTTON ---------- */

.elementor-menu-toggle {
  font-size: 28px !important;
  color: #e8693a !important;                 /* orange */
  padding: 4px !important;
  background: transparent !important;
  border: 0 !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

.elementor-menu-toggle:hover {
  transform: scale(1.05);
}

.elementor-menu-toggle.elementor-active {
  color: #f5b341 !important;                 /* mustard */
}


/* =====================================================
   AMPAS -- CUSTOM STICKY HEADER
   Replaces Elementor's sticky with a clean CSS-only version.
   No spacer, no white flicker.
   ===================================================== */

/* Make the header fixed at top of viewport */
header.elementor-location-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 998 !important;
}

/* Push site content down so it doesn't hide under the fixed header.
   Adjust the padding value to match your actual header height. */
body {
  padding-top: 80px !important;
}

/* Mobile/tablet: header may be shorter, adjust accordingly */
@media (max-width: 1024px) {
  body {
    padding-top: 70px !important;
  }
}

@media (max-width: 600px) {
  body {
    padding-top: 64px !important;
  }
}

/* Kill any tiny gap above the fixed header */
html, body {
  margin: 0 !important;
  padding-top: 20px !important;     /* same value you used earlier */
  background-color: #14110d !important;  /* ink dark, matches header */
}

/* Ensure the header sits flush with top */
header.elementor-location-header {
  top: 0 !important;
  margin-top: 0 !important;
}

/* If there's a fixed-position browser-top spacer somewhere, kill its background */
.elementor-sticky__spacer,
.elementor-section-overlay {
  background: transparent !important;
}/* End custom CSS */