/* Cresset — layout/header.css
   Legacy Elementor header: sticky show/hide, mega menu.
   Split from style.css 2026-08-22 (Stage 1); rules verbatim.
   NOTE: distinct from cr-header.css, which belongs to the PHP header/footer. */

/* HEADER */

/* Show/Hide Sticky Header Control */
#hide-header {
	will-change: transform;
	transition: opacity 0.9s ease-in-out, transform 0.8s ease !important;
}

#hide-header.hidden-head {
	opacity: 0 !important;
	transform: translate3d(0, -140px, 0) !important;
}

@media (max-width: 767px) {
	#hide-header {
		transition: all 1s ease !important;
		width: 100% !important;
		max-width: 100vw;
	}
}

/* Knowledge Base pages hide breadcrumbs with header*/

.hide-sticky-bread {
	will-change: transform;
	transition: opacity 0.5s ease-in-out, transform 0.8s ease !important;
}

.hide-sticky-bread.hidden-head {
	opacity: 0 !important;
	transform: translate3d(0, -100px, 0) !important;
}

@media (max-width: 767px) {

	#hide-header,
	.hide-sticky-bread {
		transition: all 1s ease !important;
		width: 100% !important;
	}
}


/* Site mega menu */
.locations-mega-menu ul {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	grid-template-rows: repeat(6, auto);
	column-gap: 25px;
	align-content: start;
}

#main-mega-menu .premium-nav-menu>li:last-of-type {
	margin-right: 0;
}

#main-mega-menu .premium-nav-pointer-underline .premium-menu-link-parent::after {
	background-color: #AAABAD;
}

#main-mega-menu .premium-sub-menu {
	overflow: hidden;
}

#main-mega-menu .premium-sub-menu li:last-of-type {
	border-bottom: none !important;
}

#main-mega-menu .premium-sub-menu-item {
	white-space: nowrap;
}

#main-mega-menu .premium-nav-menu>li:last-of-type a {
	padding: 5px 20px;
	border: 2px solid #005172;
	border-radius: 50px;
	overflow: hidden;
	position: relative;
	color: #000;
	transition: all 0.3s ease;
	font-weight: 800;
	color: #005172;
}

#main-mega-menu .premium-nav-menu>li:last-of-type a:before {
	z-index: -1;
	transition: all 0.3s ease;
}

#main-mega-menu .premium-nav-menu>li:last-of-type a:after {
	display: none;
}

#main-mega-menu .premium-nav-menu>li:last-of-type a:hover {
	color: #fff;
}

#main-mega-menu .premium-nav-menu>li:last-of-type a:hover:before {
	width: 102%;
}

/* End Site mega menu */
#main-nav ul.elementor-nav-menu .sub-arrow {
	padding-left: 5px;
}

#main-nav ul.elementor-nav-menu>li:last-of-type a {
	padding: 5px 20px;
	border: 1px solid #FF9E1B;
	border-radius: 50px;
	overflow: hidden;
	position: relative;
	color: #000;
	transition: all 0.3s ease;
}

#main-nav ul.elementor-nav-menu>li:last-of-type a:before {
	z-index: -1;
	transition: all 0.3s ease;
}

#main-nav ul.elementor-nav-menu>li:last-of-type a:after {
	display: none;
}

#main-nav ul.elementor-nav-menu>li:last-of-type a:hover {
	color: #fff;
}

#main-nav ul.elementor-nav-menu>li:last-of-type a:hover:before {
	width: 102%;
}

#mobile-nav ul.elementor-nav-menu .sub-arrow {
	display: block;
}

#mobile-nav ul.elementor-nav-menu li a {
	background: none !important;
}

#mobile-nav ul.elementor-nav-menu .sub-menu a {
	text-transform: capitalize;
}

#mobile-nav ul.elementor-nav-menu .sub-menu {
	border-bottom: 1px solid #eee;
}

#mobile-nav ul.elementor-nav-menu .sub-menu li {
	border-top: 1px solid #eee;
}