/*Header from 11.16.2023*/

/**
 * Header General
 */

/*for absolute positioning when hidden search & call groups opened*/
header {
	position: relative !important;
}

#header-search-group,
#mobile-nav-row,
#mobile-call-group,
#mobile-search-group {
	display: none;
}

/*==Header CTA Group (phone & search buttons)==*/
#header-cta-group {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

body .wp-block-buttons.header-cta-buttons {
	margin-right: 0px;
	margin-left: auto;
	line-height: 1;
}

body .wp-block-buttons.header-cta-buttons .wp-block-button a.wp-element-button {
	background-color: transparent;
	border-width: 0;
	color: var(--wp--preset--color--medium-green);
	font-family: var(--wp--preset--font-family--oswald);
	font-size: var(--wp--preset--font-size--medium);
	line-height: inherit;
	text-transform: uppercase;
	padding: .5em 1em;
	text-decoration: none;
	vertical-align: middle !important;
}

body .wp-block-buttons.header-cta-buttons .wp-block-button a.wp-element-button:hover {
	background-color: var(--wp--preset--color--pale-grey);
}

#open-search {
	display: flex;
	height: inherit;
	align-items: center;
	margin-left: 0px;
}

#open-search a.wp-element-button {
	padding: .38em 1em;
}

#open-search:hover {
	background-color: var(--wp--preset--color--pale-grey);
}

/*==Header Navigation==*/
.wp-block-navigation .wp-block-navigation__submenu-icon {
	margin-left: .2em;
}

/*Position submenu arrow closer to center of main menu item*/
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
    stroke: currentColor;
    display: inline-block;
    height: inherit;    
	margin-top: 0em;/*0.075em;*/
    width: inherit;
}

/*top level menu items*/
.wp-block-navigation ul li {
	padding: .25em .5em;
}

.wp-block-navigation ul li:hover {
	background-color: var(--wp--preset--color--pale-grey);
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--white);
	border: 3px solid var(--wp--preset--color--pale-grey);
	z-index: 30;
}

/*remove wp -1px that shifts submenu slightly to the left*/
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	left: 0px;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
	min-width: 220px; /*200px*/
}

/*needed to reduce padding on both li and a (see farther below)*/
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
	padding: .5em .5em; /*1em .5em*/
	border-bottom: 3px solid var(--wp--preset--color--pale-grey);
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child {
	border-bottom: 0px solid var(--wp--preset--color--pale-grey);
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover {
	background-image: url("../img/subtle-carbon.png");	
	background-repeat: repeat;
	background-color: var(--wp--preset--color--light-grey);	
	/*color: var(--wp--preset--color--white);*/
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) {
	padding: .5em .5em; /*1em .5em*/
}

/*==Header Search==*/
header .wp-block-search__input {
	width: 40vw;
}

#header-search-group.search-group-is-open {
	display: flex;
}

.wp-block-search__input:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}

/*overrides block setting for input font which applies to these elements also*/
.wp-block-search__input::placeholder,
.wp-block-search__button {
	font-family: var(--wp--preset--font-family--oswald) !important;
}

header .wp-block-search__button.has-medium-green-background-color:hover {
	background-color: var(--wp--preset--color--medium-green-alpha-6) !important;
}

.editor-styles-wrapper #close-header-search-group.is-style-white-outline .wp-element-button,
.editor-styles-wrapper #close-header-search-group.is-style-white-outline .wp-block-button__link,
#close-header-search-group.is-style-white-outline .wp-element-button,
#close-header-search-group.is-style-white-outline .wp-block-button__link {
	font-size: var(--wp--preset--font-size--x-small);
	padding: calc(0.3335em + 2px) calc(0.6665em + 2px);
}

/*===========Header Responsive==========*/
@media (max-width: 1280px) {
	#header-container {
		display: none;		
	}
	
	#mobile-nav-row {
		display: flex;
		justify-content: space-between;		
		padding: 0em 1em;
		background-color: var(--wp--preset--color--white);
		padding-bottom: .25em;
		margin-top: 1em;
		margin-bottom: 1em;
	}

	#mobile-nav-row nav {
		width: 30%;
	}
	
	/*for replaced wp bars icon*/
	.wp-block-navigation__responsive-container-open i.fa-bars {
		font-size: var(--wp--preset--font-size--medium-x-large);
		color: var(--wp--preset--color--logo-lighter-green);
	}
	
	#mobile-nav-row .wp-block-buttons {
		display: flex;
		width: 30%;		
	}
	
	#mobile-call-group {
		display:none;
		bottom: 0;
		left: 0;
		position:fixed;
		right: 0;
		top: 0;
		z-index: 50;
		background-color: var(--wp--preset--color--white);
		width: 100%;		
	}
	
	#mobile-call-group.has-mobile-call-open {
		display: flex;
		transition: display 3s linear;
	}
	
	#mobile-call-group-content {
		width: 100%;
	}
	
	#mobile-search-group {
		margin-bottom: 1em;
	}

	#mobile-search-group.has-mobile-search-open {
		display: flex;
		transition: display 3s linear;
	}

	#mobile-search-group-content {
		width: 100%;
	}

	.wp-block-navigation__responsive-container.is-menu-open {		
		max-width: 250px !important;
	}

	.wp-block-navigation__responsive-container-close {
		line-height: 1;
		padding: 6px;
	}

	.wp-block-navigation__responsive-container-close:hover {
		background-color: var(--wp--preset--color--light-grey) !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		font-family: var(--wp--preset--font-family--oswald);		
		transition: 0.3s;
		width: 100%;		
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.mobile-nav-title {
		font-weight: 500;
		color: var(--wp--preset--color--logo-lighter-green) !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:hover:not(.mobile-nav-title) {
		color: var(--wp--preset--color--medium-orange) !important;
	}	
}

@media (min-width: 481px) and (max-width: 1280px) {
	#open-call-group {
		margin-right: 26px;
	}
	
	#open-call-group img {
		max-width: 30px;
	}
	
	#open-search-group img {
		max-width: 30px;
	}
	
	#mobile-call-group-content .is-style-green-cta .wp-element-button,
	#mobile-call-group-content .is-style-green-cta .wp-block-button__link {
		width: 40vw;
	}
}

@media (max-width: 480px) {
	#lp-header-container figure {
		display: flex;
		justify-content: center;
	}

	#lp-header-container .wp-block-image img {		
		max-width: 80%;
	}

	#open-call-group {
		margin-right: 12px;
	}
	
	#open-call-group img {
		max-width: 24px;
	}
	
	#open-search-group img {
		max-width: 24px;		
	}

	#mobile-call-group-content .is-style-green-cta .wp-element-button,
	#mobile-call-group-content .is-style-green-cta .wp-block-button__link {
		width: 70vw;
	}	
}	

/* Mobile Nav Style */