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

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



/* 
html .primary-menu-horizontal li:hover a.level1{
	text-shadow:none;
	box-shadow:none;
	background-image:none;
	background-color:var(--color-background-text);
	color:var(--color-text-body);
	border-color:var(--color-midgray-dark);
}

html .primary-menu-horizontal li:hover a.level1:hover{
	text-shadow:none;
	box-shadow:none;
	background-image:none;
	background-color:var(--color-background-text);
	color:var(--color-link);
	border-color:var(--color-midgray-dark);
}

 */

.wrapper-menu,
.wrapper-menu:nth-of-type(1n),
.offcanvas-nav-desktop-header a{
	/* background-image: -webkit-linear-gradient(top,var(--color-lightgray-dark) 0%,var(--color-lightgray) 42%,var(--color-lightgray) 58%,var(--color-lightgray-dark) 100%); */
	/* background-image: linear-gradient(to bottom,var(--color-lightgray-dark) 0%,var(--color-lightgray) 42%,var(--color-lightgray) 58%,var(--color-lightgray-dark) 100%); */
	/* background-color:var(--color-lightgray-dark); */
	background-image: -webkit-linear-gradient(top,var(--color-logo-primary-dark) 0%,var(--color-logo-primary) 42%,var(--color-logo-primary) 58%,var(--color-logo-primary-dark) 100%);
	background-image: linear-gradient(to bottom,var(--color-logo-primary-dark) 0%,var(--color-logo-primary) 42%,var(--color-logo-primary) 58%,var(--color-logo-primary-dark) 100%);
	background-color:var(--color-logo-primary-dark);
}

.id-wrapper-menu-tabs{
	box-shadow:inset 0 -1px 0 0 rgba(var(--color-text-body-rgb),0.12);
}

.primary-menu-horizontal a.level1{	
	text-shadow:none;
	box-shadow:none;
	background-image:none;
	background-color:transparent;
	color:#fff;
	border-color:var(--color-logo-primary-dark);
	border-right-color:rgba(var(--color-background-text-rgb),0.03);
	border-top-color:transparent;
	border-bottom-color:transparent;
	
}

.primary-menu-horizontal a.level1:hover{
	/* text-shadow:none; */
	box-shadow:none;
	/* background-image:none; */
	/*background-color:var(--color-darkgray-dark);*/
	/* background-color:var(--color-link); */
	background-color:var(--color-logo-primary-dark);
	color:#fff;
	/* color:var(--color-text-body); */
	/* color:var(--color-text-heading); */
	/* border-color:rgba(var(--color-text-body-rgb),0.12); */
	border-color:transparent;

}

.primary-menu-horizontal a.level1:active{
	/* text-shadow:-1px -1px 1px rgba(var(--color-text-body-rgb),0.24); */
	box-shadow:none;
	/* background-image:none; */
	/* background-color:var(--color-link); */
	background-color:var(--color-logo-primary);
	/*background-color:var(--color-darkgray-dark);*/
	/* color:#fff; */
	/* color:var(--color-text-body); */
	/* color:var(--color-text-heading); */
	/* border-color:rgba(var(--color-text-body-rgb),0.12); */
	border-color:transparent;
}

.primary-menu-horizontal a.level1active,
.primary-menu-horizontal a.level1active:hover,
.primary-menu-horizontal a.level1active:active,
.primary-menu-horizontal a.level1active.active-currentpage,
.primary-menu-horizontal a.level1active.active-currentpage:hover,
.primary-menu-horizontal a.level1active.active-currentpage:active{
	/* text-shadow:none; */
	box-shadow:none;
	background-image:none;
	/*background-color:var(--color-lightgray);*/
	background-color:var(--color-background-text);
	color:var(--color-text-heading);
	/*border-color:var(--color-text-body);*/
	border-color:var(--color-background-text);
	border-left-color:rgba(var(--color-text-body-rgb),0.12);
}

.primary-menu-horizontal a.level1:not(.active):not(:hover) span:not(.primary-menu-toggler){
	/*color:#fff;*/
}

/* ----- 
PRIMARY MENU - HORIZONTAL
----- */


.wrapper-menu .wrapper-inner{
	max-width:1200px;
	margin:0 auto;
}

.primary-menu-horizontal{
	padding:0;
	padding-right:0;
	margin:0 auto;
}

.primary-menu-horizontal ul{
	display: block;
	width:100%;
}

.primary-menu-horizontal li{
	display: inline-block;
	vertical-align:top;
	border:none;
	padding:0;
	max-width:25%;
}

.primary-menu-horizontal a.level1{
	display:block;
	font-size:1em;
	padding:0 13px;
	padding:0 1.3rem;
	height: 3.2em;
	line-height:1.2;
	vertical-align:top;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
}

/** Vertically centering for browsers that support pseudo classes */
.primary-menu-horizontal a.level1:before{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
	line-height:0;
}

.primary-menu-horizontal a.level1:after{
	display:none!important;
}

.primary-menu-horizontal a.level1 span{
	text-align:center;
	display:inline;
	display:inline-block;
	vertical-align:middle;
	width:100%;
	padding:0.187em 0;
	overflow:hidden;
}

.primary-menu-horizontal ul.level1{
	position:relative;
	padding:0;
	border-radius:0;
	/*border-bottom: 2px solid var(--color-lightgray);*/
	/*background-color:var(--color-lightgray);*/
	background-color:transparent;
}
.primary-menu-horizontal ul.level2{
	white-space: normal;
}

.primary-menu-horizontal a.level1 .primary-menu-count{
	display:none!important;
}

.primary-menu-horizontal li:not(.toplevel):hover a.level1{
	z-index:40;
}

/* ----- 
PRIMARY MENU - HORIZONTAL - Hover Function
----- */
/**
 * horizontal-menu - dropdown:hover/touch Function
 * SOURCE: http://stackoverflow.com/questions/9176639/drop-down-jquery-css-menu-not-responding-on-ipad-iphone
 */ 

/* ----- 
PRIMARY MENU - HORIZONTAL - Position menu next to logotype in header
----- */

.id-wrapper-menu-with-logo{
	position:absolute;
	top:60px;
	width:100%;
	left:0;
	/* z-index:3; */
	z-index:20;
	padding-top: 3%;
}

.id-wrapper-menu-with-logo,
.id-wrapper-menu-with-logo:nth-child(1n){
	background:none transparent;
}

.primary-menu-horizontal-with-logo ul.level1{
	background-color:transparent;
	text-align:right;
}

.primary-menu-horizontal-with-logo a.level1{
	text-shadow:1px 1px 4px rgba(var(--color-text-body-rgb),0.7);
	box-shadow:none;
	background-image:none;
	background-color:transparent;
	color:#fff;
	/* color:var(--color-text-body); */
	/* color:var(--color-text-heading); */	
	border-color:transparent;
	text-align:left;
}

.primary-menu-horizontal-with-logo a.level1 span{
	text-align:right;
}

.primary-menu-horizontal-with-logo a.level1:hover{
	text-shadow:1px 1px 4px rgba(var(--color-text-body-rgb),0.87);
	box-shadow:none;
	background-image:none;
	background-color:transparent;
	color:#fff;
	/* color:var(--color-text-body); */
	/* color:var(--color-text-heading); */	
	border-color:transparent;
}

.primary-menu-horizontal-with-logo a.level1:active{
	/* text-shadow:-0.5px -0.5px 2px rgba(var(--color-text-body-rgb),0.7); */
	/* box-shadow:none; */
	/* background-image:none; */
	/* background-color:transparent; */
	/* color:#fff; */
	/* border-color:transparent; */
}

.primary-menu-horizontal-with-logo a.level1:active span{
	/*-webkit-transform:translateX(1px) translateY(0);*/
	/*transform:translateX(1px) translateY(0);*/
	
}

.primary-menu-horizontal-with-logo a.level1active,
.primary-menu-horizontal-with-logo a.level1active:hover,
.primary-menu-horizontal-with-logo a.level1active:active,
.primary-menu-horizontal-with-logo a.level1active.active-currentpage,
.primary-menu-horizontal-with-logo a.level1active.active-currentpage:hover,
.primary-menu-horizontal-with-logo a.level1active.active-currentpage:active{
	text-shadow:none;
	box-shadow:none;
	/*text-shadow:none;*/
	text-shadow:1px 1px 4px rgba(var(--color-text-body-rgb),0.7);
	box-shadow:none;
	/*box-shadow:0 -2px 0 0 var(--color-background-text), 0 0 2px 0 var(--color-midgray);*/
	background-image:none;
	/*background-color:var(--color-background-text);*/
	background-color:transparent;
	color:#fff;
	/* color:var(--color-text-body); */
	/* color:var(--color-text-heading); */	
	border-color:transparent;
	text-align:left;
	/*border-bottom-right-radius: 0.5em;*/
	/*border-bottom-left-radius: 0.5em;*/
}

/*.primary-menu-horizontal-with-logo a.level1active.active-currentpage:after,*/
.primary-menu-horizontal-with-logo a.level1active:after,
.primary-menu-horizontal-with-logo .toplevel a.level1active:after{
	background-color:var(--color-background-text);
	box-shadow:1px 1px 4px 0 rgba(var(--color-text-body-rgb),0.333);
	font-size:1em;
	content:''!important;
	display:block!important;
	position:absolute;
	width:70%!important;
	height:0.125em;
	top:auto;
	right:auto;
	/*bottom:0.417em;*/
	bottom:0.125em;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.show-offcanvas-menu.primary-menu-horizontal-with-logo a.level1active,
.show-offcanvas-menu.primary-menu-horizontal-with-logo a.level1active:hover,
.show-offcanvas-menu.primary-menu-horizontal-with-logo a.level1active:active,
.show-offcanvas-menu.primary-menu-horizontal-with-logo a.level1active.active-currentpage,
.show-offcanvas-menu.primary-menu-horizontal-with-logo a.level1active.active-currentpage:hover,
.show-offcanvas-menu.primary-menu-horizontal-with-logo a.level1active.active-currentpage:active{
	background-color:rgba(var(--color-text-body-rgb),0.5);
}

.primary-menu-horizontal-with-logo a.level1 span{
	/* display:inline!important; */
	/*white-space:nowrap;*/
	white-space:normal;
	overflow-wrap:break-word;
	/*padding: 0.187em 0.2em;*/
	padding: 0 0.2em 0.75em 0.2em;

}

.id-wrapper-menu-with-logo,
.primary-menu-horizontal-with-logo a.level1{
	background-image:none;
}

@supports (display: flex) {	
  .primary-menu-horizontal-with-logo ul.level1{
		/* display:flex; */
		/* flex-wrap: wrap; */
		/* justify-content: flex-end; */
		/* align-items: flex-start;	 */	 	
	}

  .primary-menu-horizontal-with-logo li{
		/* max-width: 30%; */
		/* width:auto; */
		/* flex: 1 1 auto; */
	}

	.primary-menu-horizontal-with-logo li li{
		/* flex: 0 1 auto; */
	}
}

.loading-ajax .id-wrapper-menu-with-logo,
.loading-page .id-wrapper-menu-with-logo{
	visibility:hidden;
	opacity:0;	
}






/** custom Balkan Holiday */
.id-wrapper-section-header-medianav{
	position: relative;
}
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu{
	/*2020-12-23 FH: changed top:4rem to 0rem*/
	position:absolute;
	top:0rem;	
	left:0;
	z-index:20;
	width:100%;
	margin: 0;
	padding: 0;
}

.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu a.level1{
	height: auto;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}


.show-slideshow-banner-wide .id-wrapper-section-header-medianav .id-wrapper-header-secondary-menu{
	position:absolute;
	top:0;
	left:0;
	right: 0;
	width:100%;
	max-width: none;
	z-index:20;
	height: 4rem;
	margin: 0;
	padding: 0.2rem 0 0 0;
	border: none;
	box-shadow: none;
	background-color: rgba(var(--color-logo-primary-dark-rgb),0.875);
}

.show-slideshow-banner-wide .id-wrapper-section-header-medianav .id-wrapper-header-secondary-menu a{
	text-shadow:none;
	color:rgba(255,255,255,0.875);
}
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .id-wrapper-header-secondary-menu a:hover{
	color:#fff;
	text-shadow:1px 1px 4px rgba(var(--color-logo-primary-darker-rgb),0.3);
}
	

.show-slideshow-banner-wide .id-wrapper-section-header-medianav .id-wrapper-header-secondary-menu .secondary-menu-list{
	white-space: nowrap;
	overflow: auto;
	width:100%;
	max-width: none;
	padding: 1rem 0.4em;
}

/*
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu,
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu:nth-child(1n){
	background:none transparent;
	box-shadow: none;
}

.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu ul.level1{
	background-color:transparent;
	text-align:right;
}

.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu a.level1{
	text-shadow:1px 1px 4px rgba(var(--color-text-body-rgb),0.7);
	box-shadow:none;
	background-image:none;
	background-color:transparent;
	color:#fff;
	border-color:transparent;
	text-align:left;
}
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu a.level1 span{
	white-space:normal;
	overflow-wrap:break-word;
	text-align:right;
}

.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu a.level1:hover{
	text-shadow:1px 1px 4px rgba(var(--color-text-body-rgb),0.87);
	box-shadow:none;
	background-image:none;
	background-color:transparent;
	color:#fff;
	border-color:transparent;
}
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu a.level1active,
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu a.level1active:hover,
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu a.level1active:active,
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu a.level1active.active-currentpage,
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu a.level1active.active-currentpage:hover,
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu a.level1active.active-currentpage:active{
	text-shadow:none;
	box-shadow:none;
	text-shadow:1px 1px 4px rgba(var(--color-text-body-rgb),0.7);
	box-shadow:none;
	background-image:none;
	background-color:transparent;
	color:#fff;
	border-color:transparent;
	text-align:left;
}
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu a.level1active:after,
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu .toplevel a.level1active:after{
	background-color:var(--color-background-text);
	box-shadow:1px 1px 4px 0 rgba(var(--color-text-body-rgb),0.333);
	font-size:1em;
	content:''!important;
	display:block!important;
	position:absolute;
	width:70%!important;
	height:0.125em;
	top:auto;
	right:auto;
	bottom:0.125em;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu,
.show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu a.level1{
	background-image:none;
}
*/
@supports (display: flex) {	
  .show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu ul.level1{
		display:flex;
		flex-flow:row wrap;
		justify-content: flex-end;
		align-items:stretch;
	}
	
  .show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu ul.level1 > li{
		flex: 0 1 auto;
	}
}

.loading-ajax .show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu,
.loading-page .show-slideshow-banner-wide .id-wrapper-section-header-medianav .wrapper-menu{
	visibility:hidden;
	opacity:0;	
}