.elementor-259 .elementor-element.elementor-element-d8aaf28{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-d8aaf28 *//* ══════════════════════════════════════════
   MAKE WORDPRESS/ELEMENTOR HEADER STICKY
   This targets your existing menu, not code inside page
══════════════════════════════════════════ */

/* Make the header sticky */
.elementor-location-header,
header#masthead,
.site-header,
.main-header,
.header-wrapper,
.navbar-wrapper,
.elementor-section.elementor-section-stretched {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: var(--navy) !important;
}

/* If your header has a specific class or ID - common WordPress classes */
#masthead,
.site-header,
.main-navigation,
.navigation-container {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
}

/* For Elementor Pro Header */
.elementor-sticky--active {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
}

/* Remove any conflicting positioning */
.elementor-location-header .elementor-section,
.site-header .site-branding,
.site-header .main-navigation {
  position: relative !important;
}

/* Add background to prevent content showing through */
.elementor-location-header,
.site-header {
  background: #0B1F3A !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Smooth transition when scrolling */
.elementor-location-header,
.site-header {
  transition: all 0.3s ease !important;
}

/* Prevent content from hiding under sticky header */
html {
  scroll-padding-top: 90px !important;
  scroll-behavior: smooth !important;
}

/* For anchor links */
*[id]:target {
  scroll-margin-top: 90px !important;
}

/* Adjust for WordPress admin bar (logged in users) */
.admin-bar .elementor-location-header,
.admin-bar .site-header,
.admin-bar #masthead {
  top: 32px !important;
}

/* Mobile adjustment for admin bar */
@media screen and (max-width: 782px) {
  .admin-bar .elementor-location-header,
  .admin-bar .site-header,
  .admin-bar #masthead {
    top: 46px !important;
  }
}

/* Mobile adjustment for scroll padding */
@media (max-width: 768px) {
  html {
    scroll-padding-top: 70px !important;
  }
  *[id]:target {
    scroll-margin-top: 70px !important;
  }
}/* End custom CSS */