/* Navigation */
nav {
	--svg-arrow: url('data:image/svg+xml,<svg height="17" viewBox="0 0 17 17" width="17" xmlns="http://www.w3.org/2000/svg"><path d="m7.30273.686523v12.174977l-5.6-5.59998-1.399996 1.425 7.999996 7.99998 7.99997-7.99998-1.4-1.425-5.59997 5.59998v-12.174977z" /></svg>');
}

header {
	z-index: 9999;
}

header .wp-block-navigation {
	--navigation-layout-align: auto;
}

header .wp-block-navigation > li > a {
	padding: 1rem;
}

header .wp-block-navigation .wp-block-navigation__submenu-container {
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-top: 2px;
}

header
	.wp-block-navigation:not(.has-background)
	.wp-block-navigation__submenu-container {
	color: var(--wp--preset--color--white);
	border: none;
	background: var(--wp--preset--color--black);
	transition: all 0.25s ease-in-out;
}

header .wp-block-navigation span.wp-block-navigation__submenu-icon {
	display: none;
}

header .wp-block-navigation .wp-block-navigation-submenu__toggle {
	position: relative;
	margin-right: 1.5rem;
}

header .wp-block-navigation .current-menu-item .wp-block-navigation-item__label,
header .wp-block-navigation .current-menu-ancestor .wp-block-navigation-submenu__toggle span,
header
	.wp-block-navigation
	.wp-block-navigation-submenu__toggle[aria-expanded='true'] {
	color: var(--wp--preset--color--green);
}

header
	.wp-block-navigation
	.wp-block-navigation-submenu__toggle[aria-expanded='true']:after {
	background-color: var(--wp--preset--color--green);
	transform: scale(1, -1);
}

header
	.wp-block-navigation
	.current-menu-ancestor
	.wp-block-navigation-submenu__toggle:after {
	background-color: var(--wp--preset--color--green);
}

header .wp-block-navigation .nav-news {
	line-height: var(--wp--preset--font-size--medium);
	padding: 0 1.5em;
	border-left: 2px solid var(--wp--preset--color--white);
	border-right: 2px solid var(--wp--preset--color--white);
}

header .wp-block-navigation .btn-language a {
	display: flex;
	align-items: center;
	position: relative;
}

header .wp-block-navigation .btn-language a:before {
	position: relative;
	width: 28px;
	height: 28px;
	content: '';
	margin-right: 0.5rem;
	background: url(../../images/icon-language.svg) no-repeat center;
}

/* Submenu */
header .wp-block-navigation .wp-block-navigation__submenu-container {
	left: 50% !important;
	transform: translateX(-50%);
}

header
	.wp-block-navigation
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__label:after {
	transform: rotate(-90deg);
}

header
	.wp-block-navigation
	.wp-block-navigation__submenu-container
	.current-menu-item
	.wp-block-navigation-item__label:after {
	background-color: var(--wp--preset--color--green);
}

header .wp-block-navigation .wp-block-navigation-submenu__toggle:after,
header
	.wp-block-navigation
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__label:after {
	position: absolute;
	margin-left: 0.75rem;
	top: 0;
	bottom: 0;
	display: inline-block;
	content: '';
	width: 17px;
	-webkit-mask: var(--svg-arrow) no-repeat center;
	mask: var(--svg-arrow) no-repeat center;
	background-color: var(--wp--preset--color--white);
	transition: all 0.2s ease-in-out;
}

/* Footer-Menu */
footer .wp-block-navigation a {
	text-decoration: underline;
}


/* Hamburger */
header .wp-block-navigation__responsive-container-open {
	width: 40px;
	height: 40px;
	background: url(../../images/menu-open.svg) no-repeat center;
}

header .wp-block-navigation__responsive-container-close {
	width: 40px;
	height: 40px;
	background: url(../../images/menu-close.svg) no-repeat center;
}

header .wp-block-navigation__responsive-container-open svg,
header .wp-block-navigation__responsive-container-close svg {
	display: none;
}

/* - - - - - Mobile Navigation - - - - - */
.wp-block-navigation .is-menu-open .items-justified-right {
	--navigation-layout-justification-setting: flex-start;
	--navigation-layout-justify: flex-start;
}

.has-modal-open header .wp-block-navigation__responsive-dialog {
	margin-left: 1rem;
}

.wp-block-navigation__responsive-container.is-menu-open {
	animation: none !important;
	color: var(--wp--preset--color--white) !important;
	background-color: var(--wp--preset--color--black) !important;
	z-index: -1 !important;
}

.has-modal-open header .wp-block-navigation .wp-block-navigation__responsive-container-open {
	display: none !important;
}

header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-close {
	right: 1.25rem;
	top: var(--wp--preset--spacing--50);
	margin-top: -0.4rem;
	z-index: 3;
}

header .wp-block-navigation .is-menu-open .wp-block-navigation-submenu__toggle {
	margin-right: 0;
}

header .wp-block-site-logo {
	padding: 1.25em 0;
}

.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	align-items: flex-start !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	margin-top: 4rem;
}

.wp-block-navigation .is-menu-open .wp-block-navigation-item {
	margin-bottom: 0.4em;
}

.wp-block-navigation .is-menu-open .wp-block-navigation-item__label {
	font-size: var(--wp--preset--font-size--large);
}

header .wp-block-navigation .is-menu-open .wp-block-navigation__submenu-container {
	padding: 0 !important;
	margin-top: 0.5em;
	margin-left: 1.5em;
	transform: unset !important;
}

header .wp-block-navigation .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
	margin-bottom: 0.25em;
}


header .wp-block-navigation .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
	font-size: var(--wp--preset--font-size--medium);
	padding: 0.75em 0;
}

header .wp-block-navigation .is-menu-open .has-child .wp-block-navigation__submenu-container {
	visibility: hidden;
	display: none;
}

header .wp-block-navigation .is-menu-open .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
	visibility: visible;
	display: block;
}

.has-modal-open header .wp-block-navigation .nav-news {
	width: 100%;
	padding: 1.5em 0;
	border: 0;
	border-top: 2px solid var(--wp--preset--color--white);
	border-bottom: 2px solid var(--wp--preset--color--white);
}

/* - - - - Navigation Breakpoint - - - - */
body .wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: block !important;
}

body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	display: none !important;
}

@media (min-width: 1320px) {
	body .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;;
	}

	body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
	}
}