: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: calc(100% + var(--menu-item-spacing));
	--mega-menu-column-width: calc(100% / 4);
	--submenu-min-height: 50vh;
}

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

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:calc(var(--submenu-container-padding) / 2);
	margin-top:calc(var(--submenu-container-padding) / 2);
	margin-bottom:calc(var(--submenu-container-padding) / 2);
	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:var(--mega-menu-column-width);
	border-left:2px solid var(--container-border-color);
}

/** 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:var(--mega-menu-column-width);
}

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: calc(var(--mega-menu-column-width) - 40px);
}

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