


@media (min-width: 782px) {
	header .wp-block-navigation__responsive-container {
		background: linear-gradient(to right, #6A191A 0, #6A191A 58%, #3a1212 58%);
	}
}

@media (min-width: 600px) and (max-width: 1199px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: block !important;
	}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;
	}
}



/* reset parent theme mobile nav */
@media (max-width: 390px) {
	.wp-block-site-logo {
		max-width: 180px;
	}
}


html:not(.has-modal-open) .open-menu-dont-hide {
	display: none;
}


.wp-block-navigation__responsive-container.is-menu-open {
	padding: 32px;
	z-index: 8000000000 !important; /* higher than Housecall */
}
.wp-block-navigation__responsive-container-close {
	display: flex;
	cursor: pointer;
}
.wp-block-navigation__responsive-container-close::after {
	content: "MENU";
}
.wp-block-navigation__responsive-container-open.always-shown::after {
	content: "MENU";
}


@media (max-width: 781px) {
	.has-modal-open .wp-block-navigation__responsive-container-open {
		position: absolute;
		top: 34px;
		right: 15px;
	}
	html:not(.has-modal-open) .nav-main {
		position: absolute;
		/*top: 34px;*/
		right: 15px;
	}
}


.wp-block-navigation__responsive-dialog {
	padding-top: calc(3.5vw + 20px);
}
header ul.wp-block-navigation__container > li > a .wp-block-navigation-item__label {
	/*font-size: 36px;*/
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
	line-height: 1;
}

/*@media (max-width: 781px) {*/
/*@media (max-width: 1199px) {*/

	/* Safari double-click zoom fix (annoying issue) */
	button { touch-action: manipulation; }

	.custom-logo-link:focus {
		outline: none;
	}


	.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
		margin-top: 0;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		padding-top: 0;
	}


	/* How mobile wp block nav should work */
	/*.has-modal-open .wp-block-navigation__responsive-container-close {
		top: 0;
	}*/
	.has-modal-open .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
		display: block; /* override block css */
		position: absolute;
		right: 0;
		width: 20px;
		height: 40px;
		z-index: 1;
	}
	.has-modal-open .wp-block-navigation .wp-block-navigation-item {
		min-width: 260px;
		max-width: 260px;
		padding-right: 10px;
	}
	.has-modal-open .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item {
		min-width: 270px;
		max-width: 270px;
		padding: 0 0;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		align-items: normal;
		background-color: inherit;
		color: inherit;
		display: flex;
		flex-direction: column;
		height: 0;
		left: -1px;
		opacity: 0;
		max-height: 0; /* testing */
		overflow: hidden;
		position: absolute;
		top: 100%;
		transition: max-height 180ms ease, opacity 120ms linear;
		visibility: hidden;
		width: 0;
		z-index: 2;
	}
	.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] + .wp-block-navigation__submenu-container {
		border: none;
		height: auto;
		min-width: 200px;
		opacity: 1;
		max-height: 1000px; /* testing */
		overflow: initial;
		padding-left: 2rem;
		padding-right: 2rem;
		padding-top: 10px;
		position: static;
		visibility: visible;
		width: auto;
	}
	@media (min-width: 782px) {
		.has-modal-open .wp-block-navigation .wp-block-navigation-item {
			min-width: 410px;
			max-width: 410px;
		}
	}


/*}*/


/* -- styling more than functionality -- */



/* Hide the default SVG chevron */
.wp-block-navigation__submenu-icon svg {
	opacity: 0;
	visibility: hidden;
}

/* Base button styling */
.wp-block-navigation__submenu-icon {
	position: relative;
	width: 1.25em;
	height: 1.25em;
}

/* Plus sign (collapsed) */
.wp-block-navigation__submenu-icon::before,
.wp-block-navigation__submenu-icon::after {
	content: "";
	position: absolute;
	background: currentColor;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Horizontal bar */
.wp-block-navigation__submenu-icon::before {
	width: 12px;
	height: 2px;
}

/* Vertical bar (only visible when collapsed) */
.wp-block-navigation__submenu-icon::after {
	width: 2px;
	height: 12px;
}

/* Expanded state = minus sign */
.wp-block-navigation__submenu-icon[aria-expanded="true"]::after {
	display: none;
}


.nav-button a {
	border: 1px solid #000;
	min-width: 140px;
	padding: 10px 12px !important;
	text-align: center;
}


/* WP 6.3 Lacking: Can't set nav link hover color */
.wp-block-navigation-item:not(.menu-button) a:hover {
	color: var(--wp--preset--color--teal);
}


.wp-block-navigation__responsive-container-close {
	right: 12px;
	top: 25px;
	z-index: 8000000001 !important; /* higher than Housecall */
}
.admin-bar .wp-block-navigation__responsive-container-close {
	top: 57px;
}
@media (max-width: 781px) {
	.wp-block-navigation__responsive-container-close {
		top: 10px;
	}
}