:root {
	--container-background-color:var(--wp--preset--color--base);
	--container-border-color: var(--wp--preset--color--red);
	--menu-item-spacing: var(--wp--preset--spacing--20);
	--submenu-container-padding: var(--wp--preset--spacing--50);
	--menu-item--color: var(--wp--preset--color--black);
	--menu-item--hover-color: var(--wp--preset--color--primary-200);
	--menu-item-icon-color: var(--wp--preset--color--grey-400);
	--menu-item-icon-hover-color: var(--menu-item--hover-color);
	--menu-item-border-bottom: var(--wp--preset--color--grey-200);
	--menu-item-border-bottom-hover: var(--wp--preset--color--primary-200);
	--mega-menu-offset: 40px; /* calc(100% + var(--menu-item-spacing)); */
	--mega-menu-column-width: calc(100% / 3);
	--submenu-min-height: 25vh;
	--nav-breakpoint: 1024px;
}

/* Set statics */
header nav.is-style-mega-menu.wp-block-navigation,
header nav.is-style-mega-menu.wp-block-navigation .wp-block-navigation__responsive-container,
header nav.is-style-mega-menu.wp-block-navigation .wp-block-navigation__responsive-dialog,
header nav.is-style-mega-menu.wp-block-navigation .wp-block-navigation {
	position: static;
}

header nav.is-style-mega-menu.wp-block-navigation .mega-info-mobile-back-button{
	display:none;
}

header .wp-block-group:has(> .wp-block-site-logo) {
	z-index: 10
}

/** nav parent div */
header .wp-block-group:has(> .wp-block-group > nav.is-style-mega-menu) {
	position: relative;
	padding-bottom:0!important;
}

/** handle nav ul's */
header nav.is-style-mega-menu.wp-block-navigation .is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list,
header nav.is-style-mega-menu.wp-block-navigation .is-style-mega-menu.wp-block-navigation {
	align-items: stretch;
	overflow:hidden;
}

header nav.is-style-mega-menu.wp-block-navigation .is-style-mega-menu.wp-block-navigation {

}

/** handle nav submenu ul */
header nav.is-style-mega-menu.wp-block-navigation .wp-block-navigation__submenu-container {
	border:none;
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container {
	position:absolute;
	left:0;
	right:0;
	padding:var(--submenu-container-padding);
	background: var(--container-background-color);
	min-height:var(--submenu-min-height);
	z-index:100;
	box-shadow:var(--wp--preset--shadow--shadow-1);
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.has-child > .wp-block-navigation__submenu-container,
header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container {
	position:absolute;
	left:0;
	right:0;
	padding:var(--submenu-container-padding);
	background: var(--container-background-color);
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.has-child > .wp-block-navigation__submenu-container {
	padding:0 calc(var(--submenu-container-padding) / 2);
	margin-top:var(--submenu-container-padding);
	margin-bottom:var(--submenu-container-padding);
	min-height:var(--submenu-min-height);
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.has-child > .wp-block-navigation__submenu-container {
	left:calc((var(--mega-menu-column-width) - (var(--mega-menu-offset) * 1.7)) * 2);
	border-left:2px solid var(--container-border-color);
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.has-child > .wp-block-navigation__submenu-container > li.mega-info-block{
	display:none;
}

/** handle nav submenu ul list items */

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.has-child > .wp-block-navigation__submenu-container {
	width:calc(var(--mega-menu-column-width) - ( var(--mega-menu-offset) * 2) );
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li:not(.mega-info-block) {
	width: calc(var(--mega-menu-column-width) + var(--mega-menu-offset));
	padding-right:var(--mega-menu-offset);
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li {
	display:flex;
	justify-content:space-between;
}

/** handle nav submenu list item for mega info block **/
header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container {
	display: grid;
	grid-template-columns: calc(var(--mega-menu-column-width) - var(--mega-menu-offset) ) 1fr; /* info | links */
	grid-template-rows:repeat(10, auto) 1fr;   /* ✅ creates a final row that fills panel height */
	align-items: start;
	align-content: stretch;         /* ✅ makes the 1fr row actually fill */
	min-height: var(--submenu-min-height);
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li{
	grid-column: 2;
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.mega-info-block {
	grid-column: 1;
	grid-row: 1 / -1;   /* ✅ THIS is the magic */
	align-self: stretch; /* key: only this one fills panel height */
	margin-right: calc( var(--mega-menu-offset) * 2 );
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container:before {
	content: "";
	grid-column: 1;
	grid-row: 1 / -1;
	justify-self: end;
	width: 2px;
	background: var(--container-border-color);
	margin-right: var(--mega-menu-offset);
	height: 100%;
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.mega-info-block .mega-info-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
}

/*nav.is-style-mega-menu .wp-block-navigation__submenu-container > li.mega-info-block {*/
/*	width: 25%;           !* set your column size *!*/
/*	flex: 0 0 25%;*/
/*}*/

nav.is-style-mega-menu .mega-info-title {
	margin: 0;
}

nav.is-style-mega-menu .mega-info-image {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 6px;
}

/** handle nav submenu ul list item links */
header nav.is-style-mega-menu.wp-block-navigation .is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li > a,
header nav.is-style-mega-menu.wp-block-navigation .is-style-mega-menu.wp-block-navigation > li > a {
	display: flex;
	height: 100%;
	align-items: center;
}

header nav.is-style-mega-menu.wp-block-navigation .is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li > a {
	color:var(--menu-item--color);
}

header nav.is-style-mega-menu.wp-block-navigation .is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li > a:hover {

}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation .wp-block-navigation__submenu-container > li > .wp-block-pages-list__item__link {
	width:100%;
	position:relative;
	display:block;
	color:var(--menu-item--color)!important;
	border-bottom:2px solid var(--menu-item-border-bottom);
	padding:var(--menu-item-spacing) 0;
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation .wp-block-navigation__submenu-container > li > .wp-block-pages-list__item__link:hover {
	border-color:var(--menu-item-border-bottom-hover);
	color:var(--menu-item--hover-color)!important;
}

header nav.is-style-mega-menu.wp-block-navigation .wp-block-navigation__submenu-container > li.wp-block-pages-list__item.has-child > .wp-block-pages-list__item__link:after {
	content:'>';
	position:absolute;
	right:0;
	top:0;
	display:flex;
	align-items:center;
	height:100%;
	width:20px;
	color:var(--menu-item-icon-color);
}

header nav.is-style-mega-menu.wp-block-navigation .wp-block-navigation__submenu-container > li.wp-block-pages-list__item.has-child > .wp-block-pages-list__item__link:hover:after {
	color:var(--menu-item-icon-hover-color);
}

@media screen and (max-width: 1024px) {
	
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container {
		display: none;
		position:fixed;
		top:0;
		right:0;
		left:auto;
		max-width:500px;
		width:100%;
		height:100%;
		z-index:1000;
		box-sizing:border-box;
		gap:0;
		padding:0;
		box-shadow:var(--wp--preset--shadow--shadow-1,0 3px 6px 0 rgba(0, 0, 0, 0.10), 0 10px 20px 0 rgba(0, 0, 0, 0.15));
	}
	
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
		padding-top:var(--wp--preset--spacing--30,32px);
	}
	
	
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container.has-modal-open.is-menu-open{
		display:flex;
	}
	
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{
		display:flex;
	}
	
	header nav.is-style-mega-menu.wp-block-navigation .mega-info-mobile-back-button{
		display:block;
		margin-bottom: var(--wp--preset--spacing--20, 16px);
		border: none;
		background: transparent;
		font-size: var(--wp--preset--font-size-xsmall, 16px);
		text-align: left;
		padding: 0;
	}
	
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog{
		position:absolute;
		inset:0;
		background:var(--container-background-color);
		padding:var(--wp--preset--spacing--30,32px);
		transform: translateX(100%);
		transition:transform 0.3s ease-in-out;
		margin-top:0;
	}

	
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog,
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container.has-open-modal .wp-block-navigation__responsive-dialog {
		transform: translateX(0);
	}
	
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
		gap:var(--wp--preset--spacing--30,32px);
	}
	
	
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content > ul,
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog{
		position:relative;
	}
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close {
		position:absolute;
		top:var(--wp--preset--spacing--30,32px);
		right:var(--wp--preset--spacing--30,32px);
	}
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content > ul,
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content > ul > ul.wp-block-page-list {
		display:flex;
		flex-direction:column;
		align-items:stretch;
		height:100%;
		width:100%;
		gap:0;
	}
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content > ul > li.wp-block-navigation-item.is-style-primary-button:not(.is-style-primary-button) .wp-block-pages-list__item__link,
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul > li.wp-block-pages-list__item .wp-block-pages-list__item__link{
		border-bottom:2px solid var(--wp--preset--color--grey-200,#EDEDEE);
		padding:var(--wp--preset--spacing--20,12px) 0;
	}
	
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content > ul > li.wp-block-navigation-item.is-style-primary-button > .wp-block-navigation-item__content{
		padding:var(--wp--preset--spacing--15,12px) var(--wp--preset--spacing--20,16px);
	}
	
	header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list li.has-child .wp-block-navigation__submenu-container{
		display:none!important;
	}
	
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content > ul > li.wp-block-navigation-item.is-style-primary-button:not(.is-style-primary-button) .wp-block-pages-list__item__link,
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul > li.wp-block-pages-list__item .wp-block-pages-list__item__link{
		position:relative;
	}
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content > ul > li.wp-block-navigation-item.is-style-primary-button:not(.is-style-primary-button).has-child .wp-block-pages-list__item__link:after,
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul > li.wp-block-pages-list__item.has-child .wp-block-pages-list__item__link:after{
		content:'>';
		position:absolute;
		right:0;
		top:0;
		display:flex;
		align-items:center;
		height:100%;
		width:20px;
		color:var(--menu-item-icon-color);
	}
	
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul > li.wp-block-pages-list__item:not(.has-child) .wp-block-pages-list__item__link:after{
		content:none;
	}
	
	/** sub menu pages mobile **/
	header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.has-child > .wp-block-navigation__submenu-container > li.mega-info-block{
		display:flex;
	}
	nav.is-style-mega-menu .mega-info-block .mega-info-image{
		display:none;
	}
	
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul.is-style-mega-menu.wp-block-navigation  > ul.wp-block-page-list  li.wp-block-pages-list__item.has-child  .wp-block-navigation__submenu-container{
		display:flex!important;
		position:absolute;
		top:0;
		left:110%;
		bottom:0;
		right:auto;
		width:100%;
		box-sizing:border-box;
		padding:0;
		margin:0;
		border:none;
		transition:left 0.3s ease-in-out;
	}
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul.is-style-mega-menu.wp-block-navigation  > ul.wp-block-page-list  li.wp-block-pages-list__item.has-child  .wp-block-navigation__submenu-container.is-open{
		left:0;
	}
	header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul > li.wp-block-pages-list__item.has-child > .wp-block-navigation__submenu-container.is-open:before{
		content:none;
	}
	
	header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li:not(.mega-info-block),
	header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li {
		width:100%;
		padding:0;
		border-bottom:none;
	}
	header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.mega-info-block {
		margin-right:0;
	}
}
@media screen and (max-width: 599px) {
	.admin-bar header nav.is-responsive.is-style-mega-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog{
		margin-top:42px;
	}
}

@media (min-width: 1025px) {
	
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none;
	}
	
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{
		display:none;
	}
	
	
}