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

/** MENU HORIZONTAL ON HOVER - MEDIA QUERIES
 *	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'
 */

@media screen and (min-width:600px) and (max-width:1199px){
	html .id-primary-menu-horizontal-onhover-tabs li:nth-of-type(4n+4):not(.toplevel):hover a.level1,
	html .id-primary-menu-horizontal-onhover-tabs li:nth-of-type(4n+4):not(.toplevel):hover a.level1:hover{
		border-right-color:rgba(0,0,0,0.12);
	}
}

@media screen and (max-width:839px){
	
	html .primary-menu-horizontal-onhover .level2 li,
	html .primary-menu-horizontal-onhover .level2 li:nth-of-type(1n) {
		width: 33.333%;
	}

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

	html .primary-menu-horizontal-onhover .level3 li,
	html .primary-menu-horizontal-onhover .level3 li:nth-of-type(1n){
		width: 100%;
	}
	


}

@media screen and (min-width:840px) and (max-width:1129px){
	html .primary-menu-horizontal-onhover .level2 li,
	html .primary-menu-horizontal-onhover .level2 li:nth-of-type(1n) {
		width: 25%;
	}

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

	html .primary-menu-horizontal-onhover .level3 li,
	html .primary-menu-horizontal-onhover .level3 li:nth-of-type(1n){
		width: 100%;
	}
	
}

@media screen and (min-width:1330px){
	/*
	html .primary-menu-horizontal-onhover ul.level2{
		left:calc(49% + 1%);
	 	-webkit-transform: translateX(-50%);
	 	transform: translateX(-50%);
		width: 1200px;
		max-width:100%;
	}
	*/
}

@media screen and (max-height:600px),print{

	/**
	 * Hide layout 3 for smaller screen hights
	 */
	.primary-menu-horizontal-onhover .level2 ul.level3{
		display:none!important;
	}

	.primary-menu-horizontal-onhover a.level2 .primary-menu-count{
		display:inline-block;
	}
}

/**
 * Horizontal to vertical dropdown hover menu when there should be space for this. 
 */
/*
	@media screen and (min-height:750px),print{

		html .primary-menu-horizontal-onhover li{
			position:relative!important;
		}

		html .primary-menu-horizontal-onhover ul.level2{
			box-sizing:content-box!important;
			width:100%!important;
			min-width:220px!important;
			max-width:100vw!important;
			left:auto!important;
			right:auto!important;
			margin-left:calc(49% + 1% )!important;
			margin-right:0!important;
			padding-left:0!important;
			padding-right:0!important;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
		}

		.primary-menu-horizontal-onhover .level2 li,
		.primary-menu-horizontal-onhover .level2 li:nth-of-type(1n) {
			display:block!important;
			width:auto!important;
			max-width:100%!important;
			float:left!important;
			clear:both!important;
		}
	}

	@media screen and (min-height:750px) and (min-width:1330px),print{
		html .primary-menu-horizontal-onhover ul.level2{
			padding-left:20px!important;
			padding-right:20px!important;
		}
	}
*/