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;
	margin: 0 auto;
	width: 1200px;
	max-width: 100%;
	max-width:calc(100vw - 30px);
	min-height:150px;
	max-height:800px;
	max-height: calc(75vh - 80px);
	text-align:left;
	border-top: none;
	border-right:none;
	border-left:none;
	background:var(--color-background-text);
	box-shadow:inset 0 1px 0 0 var(--color-background-text), 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);
	white-space: normal;
}

.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,
.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 .level2 .primary-menu-count {
   line-height:1.5;
}


.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-family:var(--font-family-body);*/
	/*font-weight:var(--font-weight-body);*/
	font-size:16px;
	font-size:1.6rem;
	line-height:1.375;
	/*text-transform: uppercase;*/
    padding-top:0;
    padding-bottom:0.5em;
    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;
	vertical-align:bottom;
	position:relative;
	padding-left:20px;
	padding-bottom:0.75em;
	border-bottom:1px solid rgba(var(--color-text-body-rgb),0.12);
}

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

}

.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 20px; */
	padding:0.5em 0.75em 0.5em 1.75em;
}

.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; */
	top:0.4em;
	margin-top:0;
	color:var(--color-text-body);
	color:rgba(70, 66, 63, 0.7);

}

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

.primary-menu-horizontal-onhover .level3 a:hover span:before{
	/* background-color:var(--color-link); */
	/* 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); */
	color:var(--color-text-heading);
	border-color:transparent;
/* 	position:relative; */
}
.primary-menu-horizontal-onhover .level3 a.active-currentpage span:after{
/* 	content:''; */
/* 	display:block; */
/* 	border-bottom:1px solid var(--color-base); */
/* 	position:absolute; */
/* 	bottom:-1px; */
/* 	left:0; */
/* 	right:auto; */
/* 	width:100%; */
/* 	margin:0 auto; */
}


.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;
}

.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:var(--color-background-text);
	/*color:var(--color-base);*/
	/*color:var(--color-link);*/
	color:var(--color-text-heading);
	border-color:var(--color-background-text);
}

.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:-1px 0 0 0 rgba(var(--color-text-body-rgb),0.12),inset -2px 0 0 rgba(var(--color-background-text-rgb),0.82), 1px 0 0 0 rgba(var(--color-text-body-rgb),0.12);	
}

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

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

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

.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);
}

.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); */
	color:var(--color-text-heading);
	background-color:#fff;
	box-shadow:-1px 0 0 var(--color-base),inset 0 1px 0 var(--color-base),inset -1px -1px 0 var(--color-base);
	border-color:var(--color-base);
}

.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;
}

/**/

.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);
}