.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-35 .elementor-element.elementor-element-31f4ac0 .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;}/* Start custom CSS *//* ============================================================
   LUX HEADER — nav menu widget styling
   Matches site UI: Inter, navy ink, gold accents
   NOTE: .elementor-35s carry `.elementor-item` / `.elementor-sub-item`
   so they out-specify Elementor's own generated typography rules.
   ============================================================ */

/* Kill Elementor's default pointer (underline/background) effects
   so the rules below fully govern the look. */
.elementor-element-31f4ac0 .elementor-item:before,
.elementor-element-31f4ac0 .elementor-item:after {
	display: none !important;
}

/* ---- desktop horizontal menu ---- */
.elementor-element-31f4ac0 .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item {
	font-family: var(--lux-sans);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--lux-navy);
	padding: 10px 14px;
	border-radius: 9px;
	transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.elementor-element-31f4ac0 .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover,
.elementor-element-31f4ac0 .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:focus {
	color: var(--lux-gold);
	background-color: rgba(197,155,39,0.09);
}
/* current page */
.elementor-element-31f4ac0 .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item-active {
	color: var(--lux-gold);
	box-shadow: inset 0 -2px 0 0 var(--lux-gold);
}
/* submenu caret */
.elementor-element-31f4ac0 .elementor-nav-menu .sub-arrow svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
	margin-left: 4px;
}

/* ---- dropdown / mobile panel ---- */
.elementor-element-31f4ac0 .elementor-nav-menu--dropdown {
	background-color: var(--lux-white);
	border: 1px solid rgba(14,21,28,0.07);
	border-radius: 16px;
	box-shadow: 0 24px 60px rgba(12,26,48,0.16);
	overflow: hidden;
}
.elementor-element-31f4ac0 .elementor-nav-menu--dropdown a.elementor-item,
.elementor-element-31f4ac0 .elementor-nav-menu--dropdown a.elementor-sub-item {
	font-family: var(--lux-sans);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--lux-navy);
	padding: 15px 22px;
	transition: color .2s ease, background-color .2s ease;
}
.elementor-element-31f4ac0 .elementor-nav-menu--dropdown a.elementor-item:hover,
.elementor-element-31f4ac0 .elementor-nav-menu--dropdown a.elementor-sub-item:hover,
.elementor-element-31f4ac0 .elementor-nav-menu--dropdown a.elementor-item-active {
	background-color: var(--lux-sand);
	color: var(--lux-gold);
}
.elementor-element-31f4ac0 .elementor-nav-menu--dropdown li:not(:last-child) > a {
	border-bottom: 1px solid rgba(14,21,28,0.06);
}

/* ---- burger toggle ----
   Colour/size only here — never set `display`, or Elementor's own
   desktop hide rule is overridden and the burger shows at all widths. */
.elementor-element-31f4ac0 .elementor-menu-toggle {
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	color: var(--lux-navy);
	background-color: transparent;
	border: 1px solid rgba(12,26,48,0.14);
	border-radius: 10px;
	transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}
.elementor-element-31f4ac0 .elementor-menu-toggle:hover,
.elementor-element-31f4ac0 .elementor-menu-toggle.elementor-active {
	color: var(--lux-gold);
	border-color: var(--lux-gold);
	background-color: rgba(197,155,39,0.09);
}
.elementor-element-31f4ac0 .elementor-menu-toggle svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
}

/* The dropdown is positioned against its nearest positioned ancestor.
   Both the menu widget (44px) and the right-hand cluster are too narrow,
   so force them static and let the panel resolve against the header bar. */
@media (max-width: 1024px) {
	.elementor-element-4c422abe {
		position: relative;
	}
	.elementor-element-8793279,
	.elementor-element-31f4ac0 {
		position: static !important;
	}
	.elementor-element-31f4ac0 .elementor-nav-menu--dropdown {
		position: absolute !important;
		top: 100% !important;
		left: 16px !important;
		right: 16px !important;
		width: auto !important;
		max-width: none !important;
		margin-top: 10px;
		border-radius: 14px;
		z-index: 999;
	}

	/* Sub-menus default to absolutely-positioned flyouts even inside the
	   burger panel, so they contributed nothing to the panel's height and
	   the panel's overflow:hidden (which rounds the corners) clipped them
	   mid-list. Make them flow inline instead — a proper nested accordion. */
	.elementor-element-31f4ac0 .elementor-nav-menu--dropdown ul.sub-menu {
		position: static !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		background-color: var(--lux-sand);
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		transform: none !important;
	}
	.elementor-element-31f4ac0 .elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item {
		padding-left: 38px;
		font-size: 13.5px;
		font-weight: 500;
	}

	/* The panel lives inside the sticky header, so anything past the
	   viewport bottom can never be scrolled to. Elementor pins max-height
	   to --menu-height (8120px here), so this needs !important to win.
	   Cap it to the visible area and scroll inside instead. */
	.elementor-element-31f4ac0 .elementor-nav-menu--dropdown {
		max-height: calc(100vh - 150px) !important;
		max-height: calc(100dvh - 150px) !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}
}

/* ---- header phone number ----
   Typography is left to the element's own styles; this only adds the
   same gold hover the nav uses. */
.elementor-element-137007f0,
.elementor-element-137007f0 a {
	transition: color .2s ease;
	text-decoration: none;
}
.elementor-element-137007f0:hover,
.elementor-element-137007f0 a:hover {
	color: var(--lux-gold);
}

/* ---- right-hand cluster spacing ---- */
.elementor-element-8793279 {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: nowrap;
}
@media (max-width: 767px) {
	.elementor-element-8793279 { gap: 10px; }
}/* End custom CSS */