body.debug{
	/* visibility: visible; */
}

/* ===========================================================================
   PRIMARY MENU (main section)
   ========================================================================== */


/* .id-primary-menu, */
/* .menu-multicol-offcanvas,
.secondary-menu-offcanvas{
	border-top:1px dashed rgba(var(--color-under),0.12);
	border-top:1px dashed rgba(255,255,255,0.24);
} */

.menu-multicol-offcanvas .active{
	font-family:var(--font-family-body);
	font-weight:var(--font-weight-body);
}

.menu-multicol-offcanvas .secondary-menu-offcanvas{
	border:none;
}

.primary-menu,
.secondary-menu-offcanvas{
	/* box-sizing:border-box; */
	/* margin-bottom:0; */
	/* padding-bottom:0; */
}

/* (clearfix) */
.primary-menu:after,
.primary-menu ul:after,
.secondary-menu-offcanvas:after,
.secondary-menu-offcanvas ul:after{
	content:"";
	display:table;
	clear:both;
}

.primary-menu ul,
.primary-menu li,
.primary-menu ul ul,
.primary-menu li li,
.secondary-menu-offcanvas ul,
.secondary-menu-offcanvas li{
	padding:10px 0;
	margin:0;
}

.primary-menu ul,
.secondary-menu-offcanvas ul,
.menu-multicol-box-offcanvas{
	min-height:0;
	list-style:none;
	max-width:100%;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}

.menu-multicol-box-offcanvas ul{
	width:auto;
}

.primary-menu ul,
.primary-menu li,
.primary-menu a,
.secondary-menu-offcanvas ul,
.secondary-menu-offcanvas li,
.secondary-menu-offcanvas a,
.menu-multicol-offcanvas .menu-multicol-box-title{
	display:block;
}

.primary-menu a,
.primary-menu a:hover,
.secondary-menu-offcanvas a,
.secondary-menu-offcanvas a:hover,
.menu-multicol-box-title-inner-link,
.menu-multicol-box-title-inner-link:hover{
	text-decoration:none;
}

.primary-menu .menuclosedclass{
	display:none;
}

.primary-menu .open{
	display:block;
}

.primary-menu .active,
.secondary-menu-offcanvas .active{
	font-family:var(--font-family-body);
	font-weight:var(--font-weight-body);
}

.primary-menu a.active,
.primary-menu a.active span{
	cursor:pointer;
}

.primary-menu .active-currentpage,
.primary-menu .active-currentpage:hover,
.primary-menu .active-currentpage span,
.primary-menu .active-currentpage:hover span,
.primary-menu .toplevel .active,
.primary-menu .toplevel .active span,
.primary-menu .toplevel .active:hover span,
.primary-menu .toplevel .active:hover,
.secondary-menu-offcanvas a.active,
.secondary-menu-offcanvas a.active span,
.menu-multicol-offcanvas .menu-multicol-box-title-inner-link.active,
.menu-multicol-offcanvas .menu-multicol-box-title-inner-link.active span{
	cursor:default;
}

.primary-menu .active-currentpage{
	z-index:3;	
}

.primary-menu ul,
.secondary-menu-offcanvas ul{
	/* border-color:var(--color-text-body); */
	/* border-color:rgba(var(--color-over-rgb),0.12); */
	background-color: var(--color-accent);
}

.primary-menu a,
.secondary-menu-offcanvas a,
.menu-multicol-offcanvas .menu-multicol-box-title{
	/* padding:0.75em 0 0.75em 18px; */
	padding:0.75em 0 0.75em 1.8rem;
	color:var(--color-under);
	padding-left: 45px;
    background-position: 16px center;
}

.secondary-menu-offcanvas a,
.menu-multicol-offcanvas .menu-multicol-box-title{
	border-color:transparent;
}

.primary-menu a{
	/* border-color:var(--color-lightgray-dark); */
}

.primary-menu a:hover,
.primary-menu a.active:hover,
.secondary-menu-offcanvas a:hover,
.secondary-menu-offcanvas a.active:hover{
	border:none;
}

.primary-menu a:hover{
	border-color:var(--color-lightgray-dark);
}

.primary-menu a.active,
.secondary-menu-offcanvas a.active {
	color:var(--color-under);
	padding-left: 45px;
    background-position: 16px center
	
}


.primary-menu a.active-currentpage,
.primary-menu a.active-currentpage:hover,
.secondary-menu-offcanvas a.active,
.secondary-menu-offcanvas a.active:hover{
	color:var(--color-under);
	padding-left: 45px;
    background-position: 16px center
}

.menu-multicol-offcanvas .menu-multicol-box-title-inner-link.active,
.menu-multicol-offcanvas .menu-multicol-box-title-inner-link.active:hover,
.menu-multicol-offcanvas .menu-multicol-box-title-inner-link.active:active{
	color:var(--color-base);
}


.primary-menu .level2 ul{
	/* background-color:rgba(var(--color-over-rgb),0.24); */
	/*background-color:rgba(var(--color-over-rgb),0.12);*/
	background-color:rgba(var(--color-over-rgb),0.025);
}

.id-offcanvas-menu-section{
	/* 	background-color:var(--color-under); */
	/* background-color:var(--color-lightgray); */
	/* background-color:var(--color-text-body); */
	/* 	box-shadow:0 30px 30px 0 rgba(var(--color-text-body-rgb),0.3), inset 1px 0 0 0 var(--color-lightgray), inset -1px 0 0 0 var(--color-lightgray), inset 0 -1px 0 0 var(--color-lightgray), inset 0 1px 0 0 var(--color-under); */
}

.id-offcanvas-menu-section .primary-menu{
	/* position:static; */
	/* position:-webkit-sticky; */
	/* position:sticky; */
	/* top:-1px; */
}

.primary-menu a.level1,
.menu-multicol-offcanvas .menu-multicol-box-title{
	font-family:var(--font-family-heading);
	font-weight:var(--font-weight-heading);
	text-transform:var(--text-transform-heading);
	/*font-family:var(--font-family-body);*/
	/*font-weight:var(--font-weight-body);*/
	font-size:20px;
	font-size:2rem;
	line-height:1.375;
	/*text-transform: uppercase;*/
}

.menu-multicol-offcanvas .menu-multicol-box-title-inner{
	/*color:#fff;*/
	/* color:var(--color-text-body); */
	color:var(--color-text-heading);
}

.primary-menu a.level1{
	padding-top:0.9em;
	padding-bottom:0.9em;
	text-shadow:none;
	box-shadow:none;
	background-image:none;
	color:var(--color-under);
}

.primary-menu a.level1:hover{
	border:none;

}

.menu-multicol-offcanvas .menu-multicol-box-title-inner-link:hover{
	color:var(--color-link);
}

.offcanvas-nav-desktop-header a:hover{
	text-shadow:none;
	box-shadow:none;
	/* box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.4); */
	background-image:none;
	/* background-image:-webkit-linear-gradient(top,rgba(var(--color-link-rgb),0.5) 0%,rgba(var(--color-link-dark-rgb),0.55) 100%); */
	/* background-image:linear-gradient(to bottom,rgba(var(--color-link-rgb),0.5) 0%,rgba(var(--color-link-dark-rgb),0.55) 100%); */	
	background-color:var(--color-link);
	color:#fff;
	/* color:var(--color-text-body); */
	/* color:var(--color-text-heading); */
	border-color:var(--color-link-dark);
}

.primary-menu a.level1active.untoggled,
.primary-menu a.level1active.untoggled:hover{
	border-bottom-color:var(--color-lightgray-dark);
}


/**/


/**/



.offcanvas-nav-desktop-header a:active,
.offcanvas-nav-desktop-header a.active,
.offcanvas-nav-desktop-header a.active:hover,
.offcanvas-nav-desktop-header a.active:active{
	background-image:none;
	/*background-color:var(--color-darkgray-dark);*/
	background-color:var(--color-link-dark);
	color:#fff;
	/* color:var(--color-text-body); */
	/* color:var(--color-text-heading); */	
	/*border-color:var(--color-darkgray-dark);*/
	border-color:var(--color-link-dark);
	
}

/**
 * create space for arrow with position:relative
 */
.primary-menu a,
.secondary-menu-offcanvas a{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.462;
	position:relative;
}

.primary-menu a.level2,
.secondary-menu-offcanvas a{
	font-size:16px;
	font-size:1.6rem;
	line-height:1.462;
}

.primary-menu a.level3{
	padding-left:24px;
	padding-left:2.4rem;
}

.primary-menu a.level4{
	padding-left:33px;
	padding-left:3.3rem;
}

.primary-menu a.level5{
	padding-left:42px;
	padding-left:4.2rem;
}

.primary-menu .level6 a{
	padding-left:51px;
	padding-left:5.1rem;
}

.primary-menu .toplevel a{
	padding-right:13px;
	padding-right:1.3rem;
	padding-left: 4.5rem;
}

.primary-menu a span{
	display:block;
	overflow-wrap:break-word;
	word-break:break-word;
	-webkit-hyphens:manual;
	-ms-hyphens:manual;
	hyphens:manual;
}

.primary-menu .toplevel a span{
	padding-right:0;
}

/**/

.primary-menu-count{
	font-family:var(--font-family-body);
	font-weight:var(--font-weight-body);
	font-size:0.833em;
	line-height: 1.8;
	font-style:normal;
	display: inline-block;
	vertical-align: bottom;
	opacity: 0.7;
	margin-left:0.5em;
}

.primary-menu-0-count,
.toggled .primary-menu-count{
	display:none!important;
}

/**/

.primary-menu a:after,
.primary-menu-toggler{
	font-size:1.35em;
	width:1em;
	/*cursor:context-menu;*/
	cursor:default;
}

.primary-menu a:after{
	font-family:'icons-travelize';
	font-weight:var(--font-weight-body);
	font-size:1.35em;
	line-height:1;
	font-style:normal!important;
	font-weight:normal;
	font-variant: normal;
	speak: none;
	text-transform:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content:"\f105";
	display:inline;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width:43px;
	width:4.3rem;
	height:1em;
	overflow:hidden;
	padding:0;
	position:absolute;
	z-index:1;
	top:0.57em;
	left: 0;
	margin:0;
}

.primary-menu-toggler,
.primary-menu a span.primary-menu-toggler{
	box-sizing:content-box;
	display:none;
	text-align:center;
	line-height:2.3;
	white-space:nowrap;
	text-indent:-5em;
	position:absolute;
	z-index:2;
	top:0;
	right:0;
	height:100%;
	padding: 0;
	width:45px;
	width:100%;
	overflow:hidden;
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
	text-shadow:none;
	background-image:none;
	color:transparent;
	border-color:transparent;
}

.primary-menu a.level1:after,
.primary-menu a.level1 .primary-menu-toggler{
	/* font-size:26px; */
	font-size:1.333em;
}

.primary-menu a.level1:after{
	/* top:18px; */
	top:0.75em;
}

.primary-menu a.active:after,
.primary-menu a.toggled:after{
	content:"\f105";
	transform: rotate(90deg);
}

.primary-menu a.untoggled:after{
	content:"\f105";
}

.primary-menu .toplevel a:after{
	content:""!important;
	width:0!important;
	display:none;
}

.primary-menu .toplevel a.active:after{
	content:""!important;
	width:0!important;
}

.primary-menu .toplevel a:after:hover{
	content:""!important;
	width:0!important;
}

.no-typeicon .primary-menu a:after{
	content:""!important;
	font-family:Arial,Helvetica,sans-serif;
}

.active-currentpage .primary-menu-toggler,
.active-currentpage:after{
	/*visibility: hidden;*/
}

/**/

.primary-menu,
.menu-multicol-offcanvas,
.secondary-menu-offcanvas{
	padding: 0 0.75em 0.75em 0.75em;
}


.menu-multicol-offcanvas .secondary-menu-offcanvas{
	padding:0;
	margin-bottom:0;
}

.primary-menu ul.level2.open{
	/* margin-bottom:0.75em; */
}

.primary-menu li{
	padding-top: 0.375em;
	padding-bottom: 0.375em;
	/* border-top:1px solid rgba(255,255,255,0.12); */
	border-top:1px solid transparent;
}

.primary-menu li:first-child,
.primary-menu .level2 li{
	padding-top:0;
	border-top:none;
}

.primary-menu .level2 a.firstchild{
	border-top-style:solid;
}


.primary-menu .level2open a.level1:after,
.primary-menu .level3open a.level2:after,
.primary-menu .level4open a.level3:after,
.primary-menu .level5open a.level4:after{
	content:"\25bc";
}

/**
 * PRIMARY MENU - VERTICAL
 */

.id-primary-menu a,
.id-primary-menu a:hover{
	border-top-color:transparent;
}

.id-primary-menu a.level1:not(.active-currentpage):not(:hover):not(.toggled):not(.untoggled) span:not(.primary-menu-toggler){
	color:var(--color-under);
}
/* 
.id-primary-menu ul.level2{
	box-shadow:inset 0 -1px 0 var(--color-lightgray-dark);
} */

.id-primary-menu .active:not(.untoggled) .primary-menu-count{
	display:none!important;
}

/**
 * PRIMARY MENU COLUMN LAYOUT
 */

.menu-multicol-box-offcanvas{
	margin-bottom:1.5em;
}

.menu-multicol-box-offcanvas .box-title{
	margin:0 auto;
}

.menu-multicol-box-offcanvas .box-inner,
.menu-multicol-box-offcanvas .box-title,
.secondary-menu-offcanvas li{
	text-align:left;
}

/**/
.primary-menu-columns{
	padding-left:0;
	padding-right:0;
}
.primary-menu-columns a{
    padding-top:0.375em;
    padding-bottom:0.375em;
}
/*Custom inlandsbanan*/
.header-navigation-usermenu-offcanvas .secondary-menu-list {
	background-color: var(--color-under);
	.secondary-menu-item a.active, .secondary-menu-item a {
		color: var(--color-text-body);
	}
}

.firstItem {
	padding: 0.75em 0 0;
	border-bottom: 1px solid var(--color-under);
	.secondary-menu-list {
		background-color: var(--color-accent);
		.secondary-menu-item a.active, .secondary-menu-item a {
			color: var(--color-under);
		}
		.secondary-menu-item .topbarmenu-dep-travel-trigger {
			background-image:url("/clientfiles/cm5/images/icons/icons-case-white.png");
		}
	}
}