/* Accessibility: Increase icon size so that the button is easier to click */
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
	width: 36px;
	height: 36px;
}

@media (max-width: 959px) {
	.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    	background-color: var(--wp--preset--color--primary-200);
    	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.13 72.13'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %234eb0b7; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cpath class='cls-1' d='M0,0v72.13h72.13V0H0ZM25.06,48.69l-.71-3.67h-6.53l-.71,3.67h-5.75l6.09-25.98h7.68l6.22,25.98h-6.29ZM38.57,48.69h-5.86v-19.48h5.86v19.48ZM38.61,27.46h-5.97v-4.38h5.97v4.38ZM59.8,48.69h-6.57l-4.84-12.23c-.5-1.28-.95-2.71-1.52-5.1l-.39.06c.24,2.54.41,5.38.41,7.72v9.56h-5.75v-25.98h6.64l4.79,12.3c.48,1.22.95,2.73,1.5,4.81l.37-.06c-.24-2.69-.41-5.01-.41-7.09v-9.96h5.77v25.98Z'/%3E%3Cpath class='cls-1' d='M21.28,28.24h-.39c-.19,2.21-.48,4.1-.89,6.09l-1.28,6.4h4.75l-1.26-6.4c-.39-1.99-.71-3.88-.93-6.09Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    	background-size: 48px;
    	background-repeat: no-repeat;
    	background-position: 16px 16px;
    }
}



.wp-block-navigation__responsive-container-content {gap: var(--wp--preset--spacing--40)}

.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
    margin-top:8px
}

@media (min-width: 782px) {
    .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
        margin-top:8px
    }
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
    background: transparent;
    border: 1px solid transparent;
    color: currentColor;
    cursor: pointer;
    margin: 0;
    padding: 4px;
    border-radius: 100px;
    text-transform: inherit;
    vertical-align:middle;
	transition: all ease-in .15s
}

.wp-block-navigation__responsive-container-open:hover {
	border: 1px solid transparent;
	background: var(--wp--preset--color--primary-30)
}

.wp-block-navigation__responsive-container-close svg {
    fill: var(--wp--preset--color--primary-80);
    transition: all .15s ease-out
}

.wp-block-navigation__responsive-container-close:hover svg {
    fill: white;
}

/* mobilmeny tweak */

@media (min-width: 960px) {

	.wp-block-navigation__responsive-container.is-menu-open {
   	 left: calc(66.67% - 16px);
   	 padding-left: var(--wp--preset--spacing--50);
	}
}


.logged-in .wp-block-navigation__responsive-container.is-menu-open {
    top: 32px;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--primary-200);
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
    color:#fff
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    gap: 16px;
    width: 96% /* extend menu dividers */
}


.wp-block-navigation-item.first-menu-tag  {
	width: 100%;
	border-top: 1px solid var(--wp--preset--color--primary-150);
	padding-top: 24px;
}

.menu-button-links {
	width: 96%;
	padding-top: 24px;
	border-top: 1px solid var(--wp--preset--color--primary-150);
}

.menu-button-links .wp-block-button__link {
	display: flex;
	background: transparent !important;
	padding: 0 !important;
	border: 0 !important;
	
	&:hover {
		color: white !important;
		text-decoration: underline;
		text-decoration-color: var(--wp--preset--color--primary-80);
		text-decoration-thickness: 0.1em;
		text-underline-offset: 0.3em;
	}
}

.menu-button-links .english-menu-link .wp-block-button__link::after {
	content: '';
	display: flex;
	align-self: center;
	rotate: -45deg;
	width: 14px;
	height: 14px;
	margin-top: 3px;
	margin-left: 6px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 16.01'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke-linecap: square; %7D .cls-1, .cls-2 %7B fill: none; stroke: %23fff; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cline class='cls-2' y1='8' x2='19.59' y2='8'/%3E%3Cpolyline class='cls-1' points='13 14.59 19.59 8 13 1.41'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 14px !important;
	background-repeat: no-repeat;
}


.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    align-items: var(--navigation-layout-justification-setting, inherit);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: visible;
    padding-top: calc(3rem + 36px)
}

.wp-block-navigation .hide-mobile a {
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
	/*background-image: linear-gradient(currentColor,currentColor);*/
	background-image: linear-gradient(var(--wp--preset--color--primary-80),var(--wp--preset--color--primary-80));
	background-size: 0 max(3px, 0.07em);
	background-position: 0 100%;
	background-repeat: no-repeat;
	transition: background-size .2s ease-out;
}


.wp-block-navigation .hide-mobile a:hover {
	text-decoration: none !important;
	background-size: 100% max(3px, 0.07em)
}