/* FOOTER menu */
.footer .menu li a, .footer .footer-mypages-container > a {
	padding: 5px 0;
	margin: 0;
	line-height: 20px;
}
.footer li.lowercase a {text-transform: lowercase;}
.footer li.lowercase a::first-letter {text-transform: uppercase;}
.footer .footer-mypages-container > a {text-transform: none; font-weight: 500; font-size: 14px;}
.footer .menu li a:hover, .footer-mypages-container > a:hover {text-decoration: underline;}
.footer b, .footer strong {line-height: 30px;}

@media only screen and (min-width: 1250px) { 
    /* Child ul links */
	.child-ul > li {padding: 0.5rem;}

    .menu ul li ul li {
		width: 100%
	}

	.menu ul li ul li a {
		padding: 0
	}

    .menu>div>ul>li>ul {
		position: absolute;
		background: var(--base-background4);
		color:var(--base-color4);
		width: calc(100% - 2em);
		left: 1rem;
		z-index: 7;
		padding: 1rem;
	}

	.main-menu-wrap>ul>li>ul>li {
		/* flex: 0 1 20%; */
		display: grid;
		grid-template-columns: 1fr 3fr;
		text-align: left;
		height: 100%;
		padding: 0;
		background: #f7f7f7;
	}

	.child-ul .container-right {
		background-color: #f6f6f6;
		color: #000;
		/*display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;*/
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}
	.child-ul .container-right.banner-active {grid-template-rows: 30% 1fr; gap: var(--gutter);}
	.nav-produkter {padding: 0 1rem;}
	.container-right:not(.banner-active) .nav-produkter {padding-top: 15px;}
	.nav-produkter .nav-produkter-heading {font-weight: 600; font-size: 1.3em; margin-top: 10px;}
	.banneryta a, .banneryta img {width: 100%;}
	.banneryta img {object-fit: cover; object-position: center;}

    .main-menu-wrap>ul>li>ul>li>a {
		font-size: 0.9rem;
		font-weight: 300;
		width: 100%;
	}
	.main-menu-wrap>ul>li>ul>li>a i {
		position: absolute;
		right: 1rem;
		color: #939393;
		cursor: pointer;
	}

	.main-menu-wrap>ul>li>ul>li>ul {
		display: block;
		margin-bottom: calc(var(--gutter, 1em)/2);
		border-right: 2px solid #eeeeee;
		position: relative;
		background: #fff;
		transform: translateZ(0);
	}

    .main-menu-wrap .level-2-container li:not(.active-category):hover, .main-menu-wrap .level-2-container li.expand {
		background-color: var(--base-color5);
		color: #000;
	}
	.main-menu-wrap li.level3:not(.active-category):hover, .main-menu-wrap li.level3.expand, .main-menu-wrap li.level4:not(.active-category):hover, .main-menu-wrap li.level4.expand {background-color: var(--base-color6);}
	.main-menu-wrap .level-2-container li:hover > a > i, .main-menu-wrap .level-2-container li.expand > a > i, .active-category .active-category-link:hover i, .banner-cta:hover i, .main-menu-wrap .level-2-container li:hover > span > i {
		transform: translateX(10px);
		color: var(--theme-background4);
	}
	.navWrapper::-webkit-scrollbar {display: none;}
	ul.child-ul li {padding: 0.5rem 1rem;}
	.navWrapper > li a, .navWrapper > li.level2 > span {
		position: relative;
		width: 100%;
		color: #000;
		display: inline-block;
	}
	.navWrapper > li a i, .navWrapper > li span i {
		position: absolute;
		right: 0px;
		color: #ababab;
		cursor: pointer;
		font-size: 1.1rem;
		font-weight: 400;
		transition: transform 100ms ease-in;
	}

	.main-menu-wrap>ul>li>ul>li>ul>li {
		font-size: 1rem;
	}

	.main-menu-wrap>ul>li>ul>li>ul>li>a, .main-menu-wrap>ul>li>ul>li>ul>li>span {
		font-weight: 400;
		font-size: 1rem;
	}

    .main-menu-wrap>ul>li.expand>ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		background: var(--base-background1);
		margin-top:0;
		width: 100%;
		box-shadow:var(--box-shadow2);
		z-index: 2;
		height: 750px;
		max-height: 65vh;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.child-ul::-webkit-scrollbar {display: none;}

	/* scrollMenu */ 

	.scrollMenu {
		position: relative;
	}
	.main-menu-wrap>ul>li.scrollMenu:hover>ul {
		width: 200px;
	}
	.main-menu-wrap>ul>li.scrollMenu:hover>ul li {
		flex:100%;
	}
	.main-menu-wrap>ul>li.scrollMenu>ul > li > a {font-weight: normal;}

	.main-menu-wrap .active-category > span {width: 50%;}
	.child-ul > li > ul.navWrapper > .active-category:hover {background-color: #FFF;}
	.main-menu-wrap .active-category .active-category-link:hover {filter: brightness(1.02);}

	.banner-cta:hover i {color: var(--cta-color2);}
	.banner-cta i { transition: transform 100ms ease-in; font-weight: 600;}

	.child-ul.level3, .child-ul.level4 {
		position: fixed;
		display: none;
		left: calc(100% + 2px);
		top: 0;
		width: 100%;
		height: 100%;
		border-right: 2px solid #eeeeee;
		background-color: #f7f7f7;
		overflow-y: auto;
	}
	.child-ul.level4 {border-right: none; width: calc(200% + 10px); left: calc(200% + 2px);}
	.child-ul.level4 .active-category-link {width: 50%; margin-left: auto;}
	.sub-active .container-right {display: none;}
	.sub-active .level2.expand > .child-ul,
	.sub-active .level2.expand > .child-ul > li > .navWrapper,
	.sub-active .level3.expand > .child-ul
	{
		display: block;
	}
	.main-menu.menu ul li .go-back {display: none;}

}


/*----------------------------------------------------------------------------------*/

@media only screen and (max-width: 1250px) {

	body.modal-open-left-xs .header, body.modal-open-left-xs .above-header {filter: brightness(0.5);}
	.menu .wrap {
		height: 100%;
	}

	.mobilenav-icon.stang:after {
		content: "\f00d"
	}

	.main-menu-wrap {
		padding: 0 0 1rem 0;
		position: relative;
		border-bottom: 1px solid var(--border-color1);
	}

	.main-menu.menu nav {
		position: relative;
	}

	.main-menu.menu ul,
	.main-menu.menu li {
		width: 100%;
	}

	.main-menu.menu ul li {
		position: relative;
	}

	.main-menu.menu ul li.orphan a, li.level3.active a {
		text-decoration: underline;
		background:var(--base-background2);
		color:var(--base-color2);
	}

	.main-menu.menu ul li a:not(.promotion-info),
	.main-menu.menu ul li span:not(.banner-cta):not(.go-back), 
	#mobile-links a {
		padding: calc(var(--gutter, 1em)*0.75) var(--gutter, 1em);
		display: inline-block;
		width: 100%;
		cursor: pointer;
	}
	.menu .lang-toggle li.lang > a {display: flex !important; padding: 5px 0 !important;}
	#mobile-links a {color: #575757;}
	.active-category-link {display: flex !important;}
	.main-menu.menu ul li a::first-letter, .main-menu.menu ul li span::first-letter {text-transform: uppercase;}

	.main-menu.menu ul li i {
		position: absolute;
		right: 1.2em;
		color: #ababab;
		cursor: pointer;
		font-size: 1.1em;
		font-weight: 400;
		transition: transform 100ms ease-in;
	}

	/*.main-menu.menu ul li i:after {
		font-family: "Font Awesome 5 Pro";
		content: "\f054";
		font-style: normal;
	}*/

	.main-menu.menu ul li.active>i:after {
		content: "\f060";
		padding-right: 0.3rem;
	}

	.main-menu.menu ul li.active>i {
		width: 100%;
		background-color:transparent;
		text-align: right;
	}

	.main-menu.menu ul li:not(.level3):not(.orphan):not(.final).active {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		height: calc(100vh - 2.5em - 2px); /* fallback */
		height: calc(100vh - (var(--gutter)*2.5) - 2px);
		overflow: hidden;
		overflow-y: auto;
	}

	.main-menu.menu ul li.active {
		background: var(--base-background1);
	}

	.main-menu.menu ul>li.active>ul,
	.main-menu.menu ul>li>ul>li.active>ul {
		display: block;
	}

	/* CUSTOM  */
	nav.menu.canvas-left-module-xs {width: 90%;}
	.level1.expand > .child-ul, .level2.expand > .child-ul, .level3.expand > .child-ul,
	.level1.active > .child-ul, .level2.active > .child-ul, .level3.active > .child-ul {
		position: fixed;
		top: 0;
		bottom: 0;
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		background: var(--base-background1);
		z-index: 2;
		overflow-y: auto;
	}
	.main-menu-wrap>ul>li>ul>li>ul {
		display: block;
		margin-bottom: calc(var(--gutter, 1em)/2);
		position: relative;
	}
	.nav-produkter {display: none;}
	.banner-cta i {position: initial !important; color: #fff !important;}
	.main-menu.menu ul li .go-back {width: auto; cursor: pointer;}
	.main-menu.menu ul li .go-back::before {position: initial; font-size: 2em; cursor: pointer; content: "\f060"; font-family: 'Font Awesome 5 Pro'; color: #ababab;}
	.main-menu-wrap .active-category .active-category-heading, .main-menu.menu ul li .go-back, .main-menu-wrap .active-category .active-category-heading + span {padding: 0 var(--gutter, 1em) !important;}
	li.level1 > a > i {pointer-events: none;}
	.banneryta img {
		padding: calc(var(--gutter, 1em)*0.75) var(--gutter, 1em);
	}
	.banneryta .banner-cta {display: none;}
	.main-menu-wrap li.level1 > span, .main-menu-wrap li.level1 > a {text-transform: lowercase;}
}



/* BRANDPAGE 

.Varum_Grupperad {
	padding: 2em 0;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -1rem;
	margin-left: -1rem;
}

.Varum_Grupperad>div {
	box-sizing: border-box;
	-ms-flex: 0 0 auto;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	padding-right: 1rem;
	padding-left: 1rem;
}

.Varum_Grupperad ul {
	list-style: none;
}

.Varum_Grupperad h2 {
	border-bottom:var(--border-std);
}

@media only screen and (max-width: 48em) {
	.Varum_Grupperad>div {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
}

@media only screen and (min-width: 48em) {
	.Varum_Grupperad>div {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
}
*/



/* HEADER UNPINNED DESKTOP  */
@media screen and (min-width: 1250px) {
	.header-unpinned .main-menu {
		position: fixed;
		width: 90%;
		max-width: 700px;
		height: 100%;
		text-align: left;
		top: 0;
		bottom: 0;
		left: 0;
    	-webkit-transform: translateY(-100%);
    	transform: translateY(-100%);
		z-index: 61;
		background: var(--base-background1);
		color: var(--base-color1);
		-webkit-overflow-scrolling: touch;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		transition: none;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}

	.header-unpinned .main-menu .wrap {height: 100%; width: 100%; max-width: unset; margin: 0;}
	.header-unpinned .main-menu.menu .Close {display: block;}
	.header-unpinned .mobilenav-icon, .header-unpinned .close-header:not(.modal-header) {display: flex;}	
	.header-unpinned:not(.in_checkout) .logo {padding-left: 0;}	
	.modal-open-left-xs.header-unpinned #header {z-index: 61;}
	.header-unpinned #header {box-shadow: var(--main-box-shadow);}
	.header-unpinned .menu.main-menu::-webkit-scrollbar {display: none;}

	
	/* HEADER UNPINNED TRANSITIONS */

	.header-unpinned.unpin-left .main-menu {
		-webkit-transform: translate(-100%, 0);
		transform: translate(-100%, 0);
	}

	.header-unpinned.menu-hidden .main-menu {
		-webkit-transition: transform 0.5s ease 0.05s;
		transition: transform 0.5s ease 0.05s;
	}
	
	.header-unpinned.menu-hidden .main-menu.active {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	/* body:not(.header-unpinned):not(.menu-hidden) .main-menu {transition: none;} */

	/*body.modal-open-left-xs.header-unpinned .header, body.modal-open-left-xs.header-unpinned .above-header {filter: brightness(0.5);}*/
	.header-unpinned .menu .wrap {
		height: 100%;
	}

	.header-unpinned .mobilenav-icon.stang:after {
		content: "\f00d"
	}

	.header-unpinned .main-menu-wrap {
		padding: 0 0 1rem 0;
		position: relative;
		border-bottom: 1px solid var(--border-color1);
	}

	.header-unpinned .main-menu.menu nav {
		position: relative;
	}

	.header-unpinned .main-menu.menu ul,
	.header-unpinned .main-menu.menu li {
		width: 100%;
	}

	.header-unpinned .main-menu.menu ul li {
		position: relative;
	}
	.header-unpinned .main-menu.menu ul li.level1 {
		padding: 0;
	}

	.header-unpinned .main-menu.menu ul li:not(.active-category):hover {background-color: inherit; color: inherit;}
	.header-unpinned .main-menu-wrap .level-2-container li:hover > span > i {color: var(--theme-background4);}

	.header-unpinned .main-menu.menu ul li.orphan a, .header-unpinned .level3.active a {
		text-decoration: underline;
		background:var(--base-background2);
		color:var(--base-color2);
	}

	.header-unpinned .main-menu-wrap > ul {display: inline-block;}
	.header-unpinned .main-menu.menu ul li:not(.lang) a,
	.header-unpinned .main-menu.menu ul li span:not(.banner-cta):not(.go-back), 
	.header-unpinned #mobile-links a, 
	.header-unpinned .main-menu.menu ul li:not(.lang) span:not(.banner-cta) {
		padding: calc(var(--gutter, 1em)*0.75) var(--gutter, 1em);
		display: inline-block;
		width: 100%;
		color: var(--base-color1);
		font-weight: 400;
	}
	.header-unpinned .main-menu-wrap>ul>li.expand>ul {height: 100%;}
	.header-unpinned .lang-toggle ul li.lang span {text-transform: none !important;}
	.header-unpinned .active-category-heading {font-weight: 600 !important;}
	.header-unpinned #mobile-links a {color: #575757; text-transform: none;}
	.header-unpinned .main-menu.menu ul li a::first-letter, .header-unpinned .main-menu.menu ul li span::first-letter {text-transform: uppercase;}

	.header-unpinned .main-menu.menu ul li i {
		position: absolute;
		right: 1.2em;
		color: #ababab;
		cursor: pointer;
		font-size: 1.1em;
		font-weight: 400;
		transition: transform 100ms ease-in;
	}

	.header-unpinned .main-menu.menu ul li.active>i:after {
		content: "\f060";
		padding-right: 0.3rem;
	}

	.header-unpinned .main-menu.menu ul li.active>i {
		width: 100%;
		background-color:transparent;
		text-align: right;
	}

	.header-unpinned .main-menu.menu ul li:not(.level3):not(.orphan):not(.final).active {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		height: 100vh;
		overflow: hidden;
		overflow-y: auto;
	}

	.header-unpinned .main-menu.menu ul li.active {
		background: var(--base-background1);
	}

	.header-unpinned .main-menu.menu ul>li.active>ul,
	.header-unpinned .main-menu.menu ul>li>ul>li.active>ul {
		display: block;
	}

	/* CUSTOM  */
	.header-unpinned nav.menu.canvas-left-module-xs {width: 90%;}
	.header-unpinned .level1.expand > .child-ul, .header-unpinned .level2.expand > .child-ul, .header-unpinned .level3.expand > .child-ul,
	.header-unpinned .level1.active > .child-ul, .header-unpinned .level2.active > .child-ul, .header-unpinned .level3.active > .child-ul {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		background: var(--base-background1);
		z-index: 2;
		overflow-y: auto;
		height: 100vh;
	}
	.header-unpinned .child-ul .container-right.banner-active {grid-template-rows: 1fr;}
	.header-unpinned .main-menu.menu ul li.level-2-container {display: block; background-color: #fff;}
	.header-unpinned li.level1 > a, .header-unpinned li.level1 > span {font-size: 1rem; text-transform: lowercase !important;}
	.header-unpinned .main-menu-wrap>ul>li.expand>ul {box-shadow: none;}
	.header-unpinned li.level2, .header-unpinned li.level3, .header-unpinned li.level4 {padding: 0;}
	.header-unpinned .main-menu-wrap>ul>li>ul>li>ul {
		display: block;
		margin-bottom: calc(var(--gutter, 1em)/2);
		position: relative;
		transform: none;
	}
	.header-unpinned .nav-produkter {display: none;}
	.header-unpinned .banner-cta i {position: initial !important; color: #fff !important;}
	.header-unpinned .active-category {padding-left: 0; padding-right: 0;}
	.header-unpinned .main-menu.menu ul li .go-back {width: auto; display: block; cursor: pointer;}
	.header-unpinned .main-menu.menu ul li .go-back::before {position: initial; font-size: 1.5em; cursor: pointer; color: #ababab; content: "\f060"; font-family: 'Font Awesome 5 Pro'}
	.header-unpinned .main-menu-wrap .active-category .active-category-heading, .header-unpinned .main-menu.menu ul li .go-back, .header-unpinned .main-menu-wrap .active-category .active-category-heading + span {padding: 0 var(--gutter, 1em) !important;}
	.header-unpinned li.level1 > a {font-size: 1rem;}
	.header-unpinned li.level1 > a > i {pointer-events: none;}
	.header-unpinned li.level1:hover > a > i, .header-unpinned li.level1:hover > span > i, .header-unpinned li.level2:hover > a > i, .header-unpinned li.level3:hover > a > i {transform: translateX(10px); color: var(--theme-background4) !important;}
}

@media screen and (max-width: 600px) { 
	.main-menu-wrap .active-category {font-size: 1em;}
	.main-menu-wrap .active-category .active-category-heading {font-size: 1em;}
	.main-menu.menu ul li .go-back::before {font-size: 1.5em;}
	.main-menu-wrap .active-category .active-category-link {padding: 7px 3px;}
}
@media screen and (max-width: 400px) {
	.main-menu-wrap .active-category .active-category-heading {margin: 0; padding: 0 !important;}
	.main-menu-wrap .active-category .active-category-link {margin: 5px auto 0 auto;}
}

@media (max-width: 1250px) {
	#header .main-menu-wrap li.level1[data-artgrp="150723"] {
		color: var(--base-color1)!important;
    }
	
    #header .main-menu-wrap li.level1[data-artgrp="150723"] > span {
        color: #FFFFFF!important;
    }
}