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

/** MENU HORIZONTAL ON HOVER - MASTER
 *	This file contains added CSS to the standard menu horizontal, to display sub levels when you hover on the first level.
 *	
 *	Dependencies to be read in before this file are:
 *		'primary-menu-horizontal-master.css'
 * 		'primary-menu-horizontal-media-queries.css'
 * 		'primary-menu-horizontal-desktop.css'
 */
 body.debug{
	/* visibility: visible; */
}

.primary-menu-horizontal-onhover .level2 ul {
    text-align:left;
    padding:0;
    margin: 0;
    background-color:transparent;
    box-shadow: none;
    border: none;
    width: auto;
    min-width: 0;
    -webkit-transform: none;
    transform: none;
}

.primary-menu-horizontal-onhover ul.level2 {
	display: none;
	position: absolute;
	z-index:30;
	/*top:0;*/
	right:0;
	/*bottom:0;*/
	/*left:0;*/
	-webkit-transform: none;
	transform: none;
	overflow-wrap: break-word;
	overflow: auto!important;
	float: none;
/* 	padding: 1.25em 0.75em 1.75em 0.75em; */
	padding: 0.75em 0.75em 1.25em 0.75em;
	margin: 0 auto;
	width: 1200px;
	max-width: 100%;
	max-width:calc(100vw - 30px);
	/* min-height:150px; */
	min-height:93px;
	max-height:800px;
	max-height: calc(100vh - 80px);
	text-align:left;
	/* 	border-top: none; */
	/* 	border-right: none; */
	/* 	border-left: none; */
	/* background:none var(--color-background-text); */
	/* 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-background-text); */
	border:none;
	/*background-color:transparent;
	background-image:url('/clientfiles/cm4/images/bg-headermenu.png');*/
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:0 100%;
	box-shadow:none;
}


.primary-menu-horizontal-onhover a.level2{
	padding-top: 0;
	padding-bottom: 0;
}

.primary-menu-horizontal-onhover ul.level3,
.primary-menu-horizontal-onhover ul ul.level3 {
    z-index:40;
    margin-top: -0.5em;
    padding-bottom: 1.5em;
}

.primary-menu-horizontal-onhover ul.level4,
.primary-menu-horizontal-onhover ul ul.level4 {
    z-index:50;    
}

.primary-menu-horizontal-onhover .level2 li{
	text-align: center;
}

.primary-menu-horizontal-onhover .level2 li,
.primary-menu-horizontal-onhover .level2 li:nth-of-type(1n) {
    display:block;
    display:inline-block;
    /*width:16.667%;*/
    width:25%;
    max-width:100%;
    padding:0;
    clear: none;
}

.primary-menu-horizontal-onhover .level2 li:nth-of-type(1n){
    clear: none;
}

/*.primary-menu-horizontal-onhover .level2 li:nth-of-type(6n+1)*/
.primary-menu-horizontal-onhover .level2 li:nth-of-type(4n+1) {
    clear: left;
}

.primary-menu-horizontal-onhover .level3 li,
.primary-menu-horizontal-onhover .level3 li:nth-of-type(1n){
    width: 100%;
    max-width:100%;
    padding: 0;
    clear: both;
    min-height: 0;
}

.primary-menu-horizontal-onhover .level2 a {
    background-color:transparent;
    color:var(--color-text-body);
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    line-height: 1.25;
    position: relative;
    border-color:transparent;
}



.primary-menu-horizontal-onhover .level2 a:hover,
.primary-menu-horizontal-onhover .level2 a.active:hover {
    text-shadow:none;
    box-shadow:none;
    background-image:none;
    background-color:transparent;
    border-color:transparent;
}

.primary-menu-horizontal-onhover .level2 a:after {
    display: none;
    position: absolute;
}

.primary-menu-horizontal-onhover .level2 a.active,
.primary-menu-horizontal-onhover .level2 a.active:hover{
	/* text-shadow:none; */
	/* box-shadow:none; */
	/* background-image:none; */
	/* background-color:transparent; */
	/* color:#fff; */
	/* border-color:transparent; */
}

.primary-menu-horizontal-onhover .level2 a.active-currentpage,
.primary-menu-horizontal-onhover .level2 a.active-currentpage:hover {
	/* text-shadow:none; */
	box-shadow:none;
	background-image:none;
	background-color:transparent;
	color:var(--color-text-heading);
	border-color:transparent;
}

.primary-menu-horizontal-onhover .level3 a {
    padding-top: 0;
    padding-bottom: 0;
    padding-right:0;
}
.primary-menu-horizontal-onhover .level2 a span {
    display: block;
    display: inline-block;
    vertical-align:top;
    width:100%;
}
.primary-menu-horizontal-onhover a.level2 {
	/* font-family:var(--font-family-heading); */
	/* font-weight:var(--font-weight-heading); */
	/* text-transform:var(--text-transform-heading); */
	/* font-size:18px; */
	/* font-size:1.8rem; */
	/* line-height:1.375; */
	/* padding-top:0; */
	padding-top:0.187em;
	padding-bottom:0.187em;
	/* margin-top: 0; */
	/* margin-bottom:0.75em; */
	/* padding-right:0; */
	/* color:var(--color-text-heading); */

}

.primary-menu-horizontal-onhover a.level2,
.primary-menu-horizontal-onhover a.level2 span{
	overflow:visible;
}

.primary-menu-horizontal-onhover a.level2 span{
	/*display:block;*/
	display:inline-block;
/* 	display:inline; */
	/* vertical-align:bottom; */
	vertical-align:middle;
	position:relative;
	/* padding-left: 20px; */
	/* padding-bottom:0.75em; */
	/* border-bottom:1px solid rgba(var(--color-text-body-rgb),0.12); */
	line-height: 1.25;
	text-align: left;
	width: 8em;
	max-width: 100%;

}


.primary-menu-horizontal-onhover a.level2:hover {
   	/*color:var(--color-text-heading);*/
   	color:var(--color-link);

}

.primary-menu-horizontal-onhover a.level2active{
	color:var(--color-text-heading);
}

.primary-menu-horizontal-onhover a.level2active:hover{
	/*color:var(--color-text-heading);*/
   	color:var(--color-link);
}


.primary-menu-horizontal-onhover .level2 a.level2active.active-currentpage,
.primary-menu-horizontal-onhover .level2 a.level2active.active-currentpage:hover{
	color:var(--color-base);
}


.primary-menu-horizontal-onhover .level3 a span{
	position:relative;
	/*padding:4px 0.75em 4px 1.667em;*/
	padding:4px 0.75em 4px 20px;
}


.primary-menu-horizontal-onhover .level3 a span:before{
	content:'\2022';
	display:inline-block:
	vertical-align:middle;
	line-height:0.778;
	font-size:1.5em;
	position:absolute;
	left:0.444em;
	top:4px;
	margin-top:0em;
	color:var(--color-text-body);
	color:rgba(70, 66, 63, 0.7);

}

.primary-menu-horizontal-onhover .level3 a:hover span{
	/* background-color:var(--color-accent); */
	/* color:#fff; */
	color:var(--color-link);
}

.primary-menu-horizontal-onhover .level3 a:hover span:before{
	/* background-color:var(--color-accent); */
	/* color:#fff; */
	/* color:var(--color-link); */
	color:var(--color-text-heading);
	
}

.primary-menu-horizontal-onhover .level3 a.active span,
.primary-menu-horizontal-onhover .level3 a.active:hover span{
	text-shadow:none;
	box-shadow:none;
	background-image:none;
	/*background-color:var(--color-base);*/
	/*color:#fff;*/
	background-color:transparent;
	color:var(--color-text-heading);
	border-color:transparent;
}

.primary-menu-horizontal-onhover .level3 a.active-currentpage span,
.primary-menu-horizontal-onhover .level3 a.active-currentpage:hover span{
	text-shadow:none;
	box-shadow:none;
	background-image:none;
	/*background-color:var(--color-base);*/
	/*color:#fff;*/
	background-color:transparent;
	color:var(--color-base);
	border-color:transparent;
}


.primary-menu-horizontal-onhover .level3 a.active span:before,
.primary-menu-horizontal-onhover .level3 a.active:hover span:before{
	/*color:#fff;*/
	/*color:var(--color-text-heading);*/
	color:var(--color-base);
}


.primary-menu-horizontal-onhover .level3 a.active-currentpage span:before,
.primary-menu-horizontal-onhover .level3 a.active-currentpage:hover span:before{
	/*color:#fff;*/
	color:var(--color-base);
}

.primary-menu-horizontal-onhover a.level2{
    padding-left: 0.5rem;
    display:inline-block;
    line-height: 0;
    padding-right: 0;
}

.primary-menu-horizontal-onhover a.level3 {
    /*padding-left: 0.5rem;*/
    padding-left: 0;
}

.primary-menu-horizontal-onhover a.level4 {
    padding-left: 0.5rem;
}


.primary-menu-horizontal-onhover a.level5 {
    padding-left: 2.7rem;
    font-size:1.2rem;
}
.primary-menu-horizontal-onhover .level6 a{
    font-size:1rem;
}

.primary-menu-horizontal-onhover a.level6{
	padding-left: 3.6rem;
}

.primary-menu-horizontal-onhover a.level7 {
    padding-left: 4.5rem;
}
.primary-menu-horizontal-onhover a.level8 {
    padding-left: 5.4rem;
}

.id-primary-menu-horizontal-onhover-tabs li:not(.toplevel):hover a.level1,
.id-primary-menu-horizontal-onhover-tabs li:not(.toplevel):hover a.level1:hover{
	text-shadow:none;
	/*box-shadow:0 5px 0 var(--color-background-text),inset 0 1px 0 0 rgba(var(--color-text-body-rgb),0.12),inset 1px 0 0 0 rgba(var(--color-text-body-rgb),0.12);*/
	box-shadow:none;
	box-shadow:-1px 0 0 0 rgba(var(--color-text-body-rgb),0.12);	
	background-image:none;
	/* background-color:var(--color-background-text); */
	/* background-color:var(--color-lightgray); */
/* 	background-color:rgba(0,0,0,0.35); */
	background-color:#000;
	/*color:var(--color-base);*/
	/*color:var(--color-link);*/
	/* color:var(--color-text-heading); */
	color:#fff;
	color:rgba(255,255,255,0.875);
	/* border-color:var(--color-background-text); */
	/* border-color:var(--color-lightgray); */
/* 	border-color:rgba(0,0,0,0.35); */
	border-color:#000;
}

.id-primary-menu-horizontal-onhover-tabs li:last-child:not(.toplevel):hover a.level1,
.id-primary-menu-horizontal-onhover-tabs li:last-child:not(.toplevel):hover a.level1:hover{
	border-right-color:transparent;
	box-shadow:none;	
}

.id-primary-menu-horizontal-onhover-tabs li:not(.toplevel):hover a.level1:hover{
	/* color:var(--color-link); */
	color:#fff;
}

.id-primary-menu-horizontal-onhover-tabs li:not(.toplevel):hover a.level1.active{
	/*color:var(--color-base);*/
	/* color:var(--color-text-heading); */
	color:#fff;
}


.id-primary-menu-horizontal-onhover-tabs li:not(.toplevel):hover a.level1.active:hover{
	/* color:var(--color-link); */
	color:#fff;
}

.id-primary-menu-horizontal-onhover-tabs li:not(.toplevel):hover a.level1.active-currentpage,
.id-primary-menu-horizontal-onhover-tabs li:not(.toplevel):hover a.level1.active-currentpage:hover{
	/* color:var(--color-base); */
	color:#fff;
}

.id-primary-menu-horizontal-onhover-tabs:hover a.level1active,
.id-primary-menu-horizontal-onhover-tabs:hover a.level1active.active-currentpage{
	/*text-shadow:none;*/
	/*box-shadow:none;*/
	/*background-image:none;*/
	/*background-color:transparent;*/
	/*color:#fff;*/
	/* border-color:transparent; */
	/*border-style:dashed;*/
}


.id-primary-menu-horizontal-onhover-tabs li:not(.toplevel):hover a.level1active,
.id-primary-menu-horizontal-onhover-tabs li:not(.toplevel):hover a.level1active:hover{
	/*color:#fff;*/
	/*background-color:var(--color-base);*/
	/*box-shadow:0 5px 0 var(--color-base);*/
	/*border-color:transparent;*/
}


.id-primary-menu-horizontal-onhover-tabs:hover li:not(.toplevel):not(:hover) a.level1active,
.id-primary-menu-horizontal-onhover-tabs:hover li:not(.toplevel):not(:hover) a.level1active:hover{
/* 	color:#fff; */
	
/* 	background-color:var(--color-base); */
/* 	box-shadow:-1px 0 0 var(--color-base-dark),inset 0 1px 0 var(--color-base-dark),inset -1px -1px 0 var(--color-base-dark); */
/* 	border-color:var(--color-base-dark); */
	background-color:transparent;
	box-shadow:none;
	border-color:transparent;
}

.id-primary-menu-horizontal-onhover-tabs:hover li:not(.toplevel):not(:hover) a.level1active,
.id-primary-menu-horizontal-onhover-tabs:hover li:not(.toplevel):not(:hover) a.level1active:hover,
.id-primary-menu-horizontal-onhover-tabs:hover li:not(.toplevel):not(:hover) a.level1active span:not(.primary-menu-toggler),
.id-primary-menu-horizontal-onhover-tabs:hover li:not(.toplevel):not(:hover) a.level1active:hover span:not(.primary-menu-toggler){
/* 	color:#fff;	 */
	color:var(--color-text-heading);
}

.id-primary-menu-horizontal-onhover-tabs a.level1active + ul.level2 {
	/*background:var(--color-background-text);*/
	/*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-background-text);*/
}

.primary-menu-horizontal-onhover .level2 ul{
	display:none!important;
}

/**
 * Hide/show layout 3
 */
.primary-menu-horizontal-onhover .level2 ul.level3{
	display:block!important;
}


/**
 * Hide/show layout 4
 */
.primary-menu-horizontal-onhover .level2 ul.level4{
	/*display:block!important;*/
}


/**/
.primary-menu-horizontal-onhover a.level2 .primary-menu-count{
	display:none;
}

.primary-menu a.level2 .primary-menu-icon + span{
	overflow-wrap: normal;
}


/**/

.id-primary-menu-horizontal-onhover-with-logo li:not(.toplevel):hover a.level1:after{
	content:''!important;
	display:block!important;
	font-size:0.667em;
	margin:0 auto;
	padding:0;
	width:0!important;
	height:0;
	position:absolute;
	top:auto;
	right:0;
	bottom:0;
	left:0;
	background:none transparent;
	box-shadow:none;
	border:1em solid transparent;
	border-top:none;
	border-bottom-color:var(--color-background-text);
}

.id-primary-menu-horizontal-onhover-with-logo a.level1:not(.active):after{
	content:''!important;
	display:block!important;
	opacity:0;
	-moz-transition: opacity 0.25s ease-in;
	transition: opacity 0.25s ease-in;
}


.id-primary-menu-horizontal-onhover-with-logo li:not(.toplevel):hover a.level1:not(.active):after{
	opacity: 1;
}

.id-primary-menu-horizontal-onhover-with-logo ul.level2{
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

/* all pages use seethrough menu*/

.primary-menu-horizontal-onhover ul.level2{
	background-image:url('/clientfiles/cm4/images/bg-headermenu-seethrough.png');
	background-color:transparent;
}


.id-primary-menu-horizontal-onhover-tabs li:not(.toplevel):hover a.level1,
.id-primary-menu-horizontal-onhover-tabs li:not(.toplevel):hover a.level1:hover{
	/* background-color:rgba(0,0,0,0.35); */
	/* 	border-color:rgba(0,0,0,0.35); */
	background-color: #848484;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#BA7234),color-stop(100%,#BA7234));
	background-image: -webkit-linear-gradient(top,#848484 0,#BA7234 100%);
	background-image: linear-gradient(to bottom,#848484 0,#BA7234 100%);
	border-color:transparent;
	border-top-color:#848484;
	border-bottom-color:#BA7234;

}


.primary-menu-horizontal-onhover,
.primary-menu-horizontal-onhover a{
	/* color: #fff; */
	/* color: rgba(255,255,255,0.875); */
}


.primary-menu-horizontal-onhover a:hover,
.primary-menu-horizontal-onhover a.level2:hover {
	/* color: #fff; */
}


.primary-menu-horizontal-onhover a.level2{
	color: #fff;
	color: rgba(255,255,255,0.875);
}



.primary-menu-horizontal-onhover a.level2:hover {
	color: #fff;
}