/* 1) Permanently hide the base headers */
.header-1,
.header-3 { display: none !important; }

/* 2) Make sure the sticky headers are always visible */
.header-2,
.header-4 {
  transform: translateY(0) !important; /* use proper Y */
  transition: all .4s ease !important;
  z-index: 9999;
}

/* When Elementor applies sticky effects, keep them pinned */
.elementor-sticky--effects .header-2,
.elementor-sticky--effects .header-4 {
  transform: translateY(0) !important;
}

/* If your theme needs it, pin to top explicitly */
.elementor-sticky--effects .header-2,
.elementor-sticky--effects .header-4 {
  position: fixed;
  top: 0; left: 0; right: 0;
  width: 100%;
}

.elementor-nav-menu--main .elementor-item,
.eael-simple-menu a {
  letter-spacing: 1px !important; /* adjust value to suit, e.g. 0.5px–2px */
}

.elementor-16613 .elementor-element.elementor-element-85bcb8c .eael-simple-menu >li > a, .eael-simple-menu-container .eael-simple-menu-toggle-text {
	letter-spacing: 1px !important;
}

/* === MOBILE MENU STYLING (EAEL Simple Menu) === */

/* Menu background */
.eael-simple-menu-container.preset-1,
.eael-simple-menu-container .eael-nav-menu-wrapper,
.eael-simple-menu-container .eael-simple-menu {
  background-color: #ffffff !important; /* white background */
}

/* Menu text */
.eael-simple-menu-container .eael-simple-menu a {
  color: #000000 !important;
	font-size: 0.8em !important;
}

/* Optional: hover effect */
.eael-simple-menu-container .eael-simple-menu a:hover {
  color: #011546 !important;
}

/* Optional: make sure dropdowns also have white background */
.eael-simple-menu-dropdown,
.eael-simple-menu-dropdown ul {
  background-color: #ffffff !important;
}

/* Add inner padding when mobile menu (dropdown) is active */
@media {
  /* If EAEL simple menu or any mobile nav exists on screen */
  body:has(.eael-simple-menu-container),
  body:has(.elementor-menu-toggle) {
    .elementor-section .elementor-container {
      padding-left: 2em !important;
      padding-right: 2em !important;
    }
		.elementor-17035 .elementor-element.elementor-element-9b59d4d > .elementor-element-populated {
			padding-right: 10em;
	}
  }
}

/* if Elementor adds grid gaps, force them to 10px too */
.elementor-loop-container.elementor-grid {
  row-gap: 0px !important;
  column-gap: 0px !important;
}