/* 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%3Cpath class='cls-1' d='M0,0v72.13h72.13V0H0ZM29.2,48.69h-6.22l-4.59-11.58c-.47-1.21-.9-2.57-1.44-4.83l-.37.05c.23,2.41.39,5.1.39,7.31v9.05h-5.45v-24.61h6.29l4.54,11.65c.46,1.16.9,2.58,1.42,4.55l.35-.05c-.23-2.55-.39-4.75-.39-6.71v-9.44h5.47v24.61ZM44.67,48.69h-12.85v-24.61h5.62v20h7.22v4.61ZM60.39,42.96c0,4.01-2.55,6.19-7.24,6.19s-7.49-2.46-7.49-8.82l5.61-.67c0,3.96.58,5.19,1.93,5.19,1.07,0,1.56-.74,1.56-2.43v-18.33h5.62v18.88Z'/%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.66% - 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)
}