/**
 * New home template only (Home New / future front page).
 * Does not affect the current live site header styles.
 */

body.drc-overlay-header {
	--drc-topbar-height: 50px;
	--drc-navbar-height: 110px;
}

/* Kill parent theme 30px .site-content margins on this template only */
body.drc-overlay-header .site-content {
	margin-top: 0;
	margin-bottom: 0;
}

/* Theme wrapper breaks fixed/sticky headers on this template only */
body.drc-overlay-header .site {
	overflow-x: hidden;
	overflow-y: visible;
}

body.drc-overlay-header .drc-topbar {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1002;
}

body.drc-overlay-header .drc-navbar {
	position: fixed !important;
	top: var(--drc-topbar-height);
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1001;
	background-color: transparent !important;
	box-shadow: none;
	transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

body.drc-overlay-header:not(.drc-header-scrolled) .drc-navbar .jet-nav > .jet-nav__item > a,
body.drc-overlay-header:not(.drc-header-scrolled) .drc-navbar .jet-menu > .jet-menu-item > a,
body.drc-overlay-header:not(.drc-header-scrolled) .drc-navbar .menu > li > a,
body.drc-overlay-header:not(.drc-header-scrolled) .drc-navbar .elementor-nav-menu > li > a {
	color: #fff !important;
}

body.drc-overlay-header:not(.drc-header-scrolled) .drc-navbar .jet-nav__mobile-trigger,
body.drc-overlay-header:not(.drc-header-scrolled) .drc-navbar .jet-nav__mobile-trigger i {
	color: #fff !important;
}

/* Scrolled: white nav under topbar */
body.drc-overlay-header.drc-header-scrolled .drc-navbar,
body.drc-overlay-header.drc-header-scrolled .drc-navbar > .elementor-background-overlay {
	background-color: #ffffff !important;
	background-image: none !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

body.drc-overlay-header.drc-header-scrolled .drc-navbar .jet-nav > .jet-nav__item > a,
body.drc-overlay-header.drc-header-scrolled .drc-navbar .jet-menu > .jet-menu-item > a,
body.drc-overlay-header.drc-header-scrolled .drc-navbar .menu > li > a,
body.drc-overlay-header.drc-header-scrolled .drc-navbar .elementor-nav-menu > li > a {
	color: #262626 !important;
}

body.drc-overlay-header.drc-header-scrolled .drc-navbar .jet-nav__mobile-trigger,
body.drc-overlay-header.drc-header-scrolled .drc-navbar .jet-nav__mobile-trigger i {
	color: #262626 !important;
}