/* 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: 32px;
	height: 30px;
}

/*.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(2rem + 24px)
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		max-width: 40rem;
		margin-left: auto;
    	margin-right: auto;
}*/

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul {
	gap: 0 !important
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
	padding: .5em .8em;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child {
    padding: 1.125rem 1rem;
    border-bottom: 1px solid #ffffff33;
    text-decoration: none;
}


.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item ul li {
	padding: 0
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    display: flex;
    flex-grow: 1;
    padding:.25em 1em
}


@media (min-width: 769px) {

	.for-tillitsvalgte,
	.for-arbeidsgivere,
	.language {display: none !important}

	.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
    	stroke: var(--wp--preset--color--primary) !important
	}
	
	/*.hamburger {
		background: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%231a1836" stroke-width="1.8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><line class="cls-1" y1="22" x2="24" y2="22"/><line class="cls-1" y1="11.5" x2="24" y2="11.5"/><line class="cls-1" y1="1" x2="24" y2="1"/></svg>') 90% center no-repeat;
	}*/

	/*.wp-block-navigation-item.has-child > a:hover {text-decoration: none !important}*/

	.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container,
	.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
	.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
    	height: auto;
    	min-width: 28ch;
    	opacity: 1;
    	z-index: 10; /* fix z-index for the desktop dropdowns vs hero layers */
    	overflow: visible;
    	visibility: visible;
    	width:auto
	}

	.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    	background-color: #fff;
    	border: none;
    	box-shadow: 0 8px 16px  #00000029;
    	border-radius: 8px;
    	padding: 18px 12px 22px; 
	}

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    	display: flex;
    	flex-grow: 1;
    	padding: .4em .8em !important;
    	font-size: var(--wp--preset--font-size--x-small) !important;
    }
    
    .wp-block-navigation-item.has-child .wp-block-navigation-submenu > li > a:hover span {
		text-decoration: underline;
		text-underline-offset: .333em;
		text-decoration-thickness: .12em;
		text-decoration-color: var(--wp--preset--color--secondary-2) !important;
	}

	.min-side a {
		background: url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M381.04-533.35Q340-574.38 340-632.31q0-57.92 41.04-98.96 41.04-41.04 98.96-41.04 57.92 0 98.96 41.04Q620-690.23 620-632.31q0 57.93-41.04 98.96-41.04 41.04-98.96 41.04-57.92 0-98.96-41.04ZM180-187.69v-88.93q0-29.38 15.96-54.42 15.96-25.04 42.66-38.5 59.3-29.07 119.65-43.61 60.35-14.54 121.73-14.54t121.73 14.54q60.35 14.54 119.65 43.61 26.7 13.46 42.66 38.5Q780-306 780-276.62v88.93H180Zm60-60h480v-28.93q0-12.15-7.04-22.5-7.04-10.34-19.11-16.88-51.7-25.46-105.42-38.58Q534.7-367.69 480-367.69q-54.7 0-108.43 13.11-53.72 13.12-105.42 38.58-12.07 6.54-19.11 16.88-7.04 10.35-7.04 22.5v28.93Zm296.5-328.12q23.5-23.5 23.5-56.5t-23.5-56.5q-23.5-23.5-56.5-23.5t-56.5 23.5q-23.5 23.5-23.5 56.5t23.5 56.5q23.5 23.5 56.5 23.5t56.5-23.5Zm-56.5-56.5Zm0 384.62Z"/></svg>') left center no-repeat;
		background-size: 1.5em;
		padding-left: 1.75em;
		border-radius: 0 !important;
	}
}







/****** Vertical menu ******/





/* WP CSS - for reference

@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display:none
    }
}

@media (min-width: 600px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block;

    }

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

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
        left:0
    }
} */

/* Hide burger menu / Show links at new breakpoint */

@media (min-width: 600px) and (max-width: 768px){
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: initial;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; /* sjekk metodologi */
    }
}

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

.wp-block-navigation__responsive-container-close {
    background-color: var(--wp--preset--color--secondary-1);
    border: none;
    color: var(--wp--preset--color--contrast);
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-transform: inherit;
    display: flex;
	align-items:center;
	justify-content: center;
	height: 44px;
	width: 97px;
	padding: 0 .5rem 0 1rem;
	border-radius: 100px;
	transition: all .1s ease-in-out;
}

.wp-block-navigation__responsive-container-close:before {
    content: 'Lukk';
    margin-right: 2px;
    font-size: 15px;
    font-weight: 700
}

.wp-block-navigation__responsive-container-close svg {
    fill: var(--wp--preset--color--contrast);
    display: block;
    height: 26px;
    pointer-events: none;
    width: 26px
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: calc(4rem + 24px);
}




@media (max-width: 768px) {

	.for-tillitsvalgte {margin-top: 1.75rem;}
	
	.language {
		order: 3;
		margin-top: 1rem;
		margin-left: 1rem;
		gap: .667rem !important
	}
	
	.language .wp-block-button > .wp-block-button__link {
		background-color: transparent !important;
		padding: 0.25rem 0 !important;
		padding-right: .667rem !important;
		font-size: 16px !important;
		font-weight: 400 !important;
		border-radius: 0 !important;
		border-right: 1px solid #ffffff;
	
	}
	
	.language .wp-block-button:last-child > .wp-block-button__link {
		border-right: none !important
	}

	.wp-block-navigation.collapsable-menu .wp-block-navigation__container,
	.wp-block-navigation.collapsable-menu .wp-block-navigation__container li { 
		width: 100%;
		box-sizing: border-box;
	}
	
	.site-logo {order: 1}
	.wp-block-navigation.secondary-menu {order: 2}
	.collapsible-menu {order: 3}
	
	.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    	background-color: var(--wp--preset--color--contrast);
	}
	
	.wp-block-navigation .wp-block-navigation__responsive-container-content .collapsable-menu {
		margin-top: 32px;
	}
	
	.wp-block-navigation.collapsable-menu .wp-block-navigation-item {
		color: var(--wp--preset--color--secondary-1) !important
	}


	.logged-in .wp-block-navigation__responsive-container {
		top: 46px;
	}
	
	.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
    	margin-top: 0;
	}
	
	:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {background-color: var(--wp--preset--color--contrast-80);}
	:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {background-color: inherit;}

	.wp-block-navigation.collapsable-menu .wp-block-navigation-submenu > a {font-size: 22px; line-height: 1.4545}
	
	.wp-block-navigation.collapsable-menu .wp-block-navigation__submenu-icon {
		display: inline-block !important;
		position: absolute;
		right: var(--wp--style--root--padding-right);
		width: 24px;
		height: 24px;
		padding: 3px;
		z-index: 10;
	}
	
	.wp-block-navigation .wp-block-navigation__submenu-icon svg {
		height: 18px;
	}
	
	
	.wp-block-navigation.collapsable-menu .wp-block-navigation-item .wp-block-navigation__submenu-container{
		padding-left: 0 !important;
		padding-right: 0 !important;
		border:none; 
		padding: 0;	
	}

	.wp-block-navigation.collapsable-menu .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle~.wp-block-navigation__submenu-container{
		opacity: 0;
		height: 0;
		display:none;
	}
	.wp-block-navigation.collapsable-menu .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{
		width: 100%;
		height: 100%;
		margin-top: 1em;
		margin-bottom: .8em;
		opacity: 1;
		display: flex;
	}

	.wp-block-navigation.collapsable-menu .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    	display: flex;
    	flex-grow: 1;
        padding: .25em 0;
        letter-spacing: .01em;
        color: #ffffff75;
        transition: all .2s ease-out
    }
    
    .wp-block-navigation.collapsable-menu .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
		color: white !important;
		background-color: transparent !important;
		margin-right: unset !important;
		margin-left: unset !important
	
	}
}