.header-container {
	display: flex;
	align-items: center;

}

.header-container a {
	display: inline-block;
}

.header-logo-container {
	justify-content: center;
	flex-grow: 1;
	display: flex;
	align-items: center;
	gap: 2rem;
}

.header-container .state-logo,
.header-container .search-form {
	display: none;
}

/* WP Navigation Overrides > */

/* sets nav links, menu button, sub-menu down arrow and close menu button color to match navLinks in theme.json */
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close,
.wp-block-navigation .wp-block-navigation__submenu-icon {
	color: var(--wp--preset--color--navlinks) !important;
}

/* uppercase nav links */
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	text-transform: uppercase;
}

/* active page, underline */
a[aria-current="page"] span.wp-block-navigation-item__label {
	border-bottom: solid 1px var(--wp--preset--color--navlinks);
}

/* hamburger menu, make it larger for fingers */
.wp-block-navigation__responsive-container-open{
	padding: 0.5rem !important;;
}

/* NAV responsiveness > */
/* remove "standard" WP mobile breakpoint */
	@media ( min-width: 600px ) {
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
			display: flex!important;
		}
		.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
			display: none!important;
		}
	}

	/* add our mobile breakpoint based on top level nav menu items */
	/*  Tried to use theme.json custom var here but variables are not allowed in media queries ATM 4/25/24 */
	@media ( min-width: 910px ) {
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
			display: none !important;
		}
		.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
			display: block !important;
		}
	}
/* < NAV responsiveness */


/* < WP Navigation Overrides */

/* WP Search Overrides > */


/* < WP Search Overrides */

@media screen and (min-width:900px) {

	.wp-block-navigation__container{
		justify-content: space-between!important;
	}

	.header-logo-container {
		justify-content: flex-start;
	}

	.header-container .state-logo {
		display: block;
	}
	.header-container .state-logo img{
		width:auto;
	}

	.header-container .search-form {
		/* get's rid of space between input and button, makes button 100% height */
		display: flex;
		align-items: baseline;
	}

	.search-form .search-field {
		height: 24px;
		border-radius: 0 !important;
		border: solid 1px var(--wp--preset--color--primary);
}

	.search-submit {
		background-color: var(--wp--preset--color--primary);
		color: var(--wp--preset--color--navlinks);
		cursor: pointer;
		border: solid 1px var(--wp--preset--color--primary);
		height: 24px;
		border-radius: 0;
	}
}