@media (min-width: 600px) and (max-width: 999px) {
	.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 {
	background-color: rgba(255,255,255,.95)!important;
	padding: 32px;
	z-index: 8000000000 !important; /* higher than Housecall */
}


.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	color: var(--wp--preset--color--green) !important;
}


@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;
	}
}

/*@media (max-width: 781px) {*/
@media (max-width: 999px) {

	nav.top-main-menu {
		text-transform: uppercase;
		position: absolute;
		right: 20px;
		top: 70px;
	}

	/* 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: 15px;
	}
	.has-modal-open .wp-block-navigation .wp-block-navigation-item {
		min-width: 260px;
		max-width: 260px;
	}
	.has-modal-open .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item {
		min-width: 220px;
		max-width: 220px;
		padding: 5px 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;
		overflow: hidden;
		position: absolute;
		top: 100%;
		transition: opacity .1s 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;
		overflow: initial;
		padding-left: 2rem;
		padding-right: 2rem;
		position: static;
		visibility: visible;
		width: auto;
	}


}

.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--orange);
}


.wp-block-navigation__responsive-container-close {
	color: var(--wp--preset--color--orange);
	right: -20px;
	top: 20px;
	z-index: 8000000001 !important; /* higher than Housecall */
}


.orange > a > span{
	color: var(--wp--preset--color--orange)!important;
}

/* current menu styling */
.current-menu-item a span {
	text-decoration: underline;
}

/* Custom Service Dropdown */
@Media (min-width:1000px) {
	.services-nav >ul{
		background: rgba(255,255,255,.95)!important;
		border: none!important;
		border-radius: 10px;
	
		display: flex!important;
		flex-direction: row!important;
	
		width: 50vw!important;
		min-width: 520px;
		max-width: 1024px;
		overflow: hidden!important;
	
		top: 0!important;
		left: 0!important;
	
		transform: translate(-33%,20px);
	
		padding: 1rem .5rem;
		padding-top: 40px;
	}
	.services-nav:hover >ul{
		height: auto!important;
	}
	
	.services-nav >ul::after{
		content: '';
		position: absolute;
		bottom: 20px;
		right: 20px;
	
		width: calc(66% - 40px);
		height: 111px;
	
		border-radius: 10px;
	
		background-image: url('/wp-content/uploads/2024/06/Rectangle-5168.png');
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.services-nav > ul > li{
		background: unset!important;
		display: block!important;
		flex: 1 1 33%;
		padding:10px;
		height: fit-content;
	}
	.services-nav > ul > li:not(:last-child)::after{
		content: '';
		position: absolute;
		right: 0;
		top: 20px;
	
		width: 1px;
		height: 90%;
	
		background: #d9d9d9;
	}
	
	
	
	/* second ul, services under commercial, residentail */
	.services-nav > ul > li > ul {
		height: auto!important;
		width: auto!important;
		opacity: 1!important;
		overflow: visible!important;
		visibility: visible!important;
		border: none!important;
		background: none!important;
		position: relative!important;
		left: 0!important;
		top: 0!important;
	}
	
	.services-nav > ul > li > ul > li > a{
		padding: 0;
		padding-left: 1.5rem;
		padding-bottom: 3px;
	}
	.services-nav > ul > li > ul > li > a > span{
		font-weight: 300;
		font-size: 14px;
		text-decoration: unset;
	}
}