/* Site-wide header/footer fixes (all pages, not just About) */

/* 1. Prevent horizontal page scroll regardless of cause - safety net */
html, body {
	overflow-x: hidden;
}

/* 2. Mobile hamburger dropdown: fixed 355px width overflows a 375px viewport
      when combined with its container's left offset. Cap it to the viewport. */
@media (max-width: 767px) {
	.elementor-nav-menu--dropdown {
		max-width: calc(100vw - 24px) !important;
		width: calc(100vw - 24px) !important;
	}
}

/* 3. Menu toggle (hamburger) icon stays dark charcoal even once the sticky
      header switches to its dark navy background on scroll - invisible there. */
.main-header.elementor-sticky--effects .elementor-menu-toggle,
.main-header.elementor-sticky--effects .elementor-menu-toggle svg,
.main-header.elementor-sticky--effects .elementor-menu-toggle i {
	color: #F7F3EC !important;
	fill: #F7F3EC !important;
}

/* 4. On mobile the header's 3 columns (logo / nav / button) stack, and the
      button column ends up rendering far below the visible fixed header bar,
      floating disconnected over the page content. Hide the secondary CTA on
      mobile - the hamburger menu remains fully functional as the primary nav. */
@media (max-width: 767px) {
	.main-header .elementor-element-999282d {
		display: none !important;
	}
}