/**
*	HEADER CONTAINER
*/
#header {
	overflow: hidden;
}

#header-menu {
	position: absolute;
	z-index: 10;
	width: 100%;
	color: var(--white);
	transition: all 0.2s;
	background-image: linear-gradient(rgba(0,0,0,0.2), transparent 95% );
}
#header-menu.page-header {
	position: relative;
	z-index: 10;
	width: 100%;
	color: var(--dark-text);
	top: 0;
	background: var(--white);
}
	#header-menu.page-header .menu > li > a > span{color:var(--dark-text);}
#header-menu.fixed {
	position: fixed;
	z-index: 9999;
	width: 100%;
	color: var(--dark-text);
	top: 0;
	background: var(--white);
	width: 100vw;
}
	#header-menu.fixed .menu > li > a > span{color:var(--dark-text);}

#header-menu > .wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}

/*
*	BRANDING LOGO
*/
#header-menu #branding #logo {
	display: block;
	max-width: 50vw;
	width: 180px;
}
#header-menu #branding {
	/* flex: 1; */
	display: flex;
	justify-content: center;
}


/*
*	HEADER MENUS
*/
/*===top level===*/
.header-menu{ display: none;}
#header-menu .menu {
    display: flex;
	flex-direction: row;
}
#header-menu .menu > li > a  {color:inherit;}
#header-menu .menu > li > a > span {
	display: inline-block;
	padding: 30px 20px;
	font-weight: normal;
	text-shadow: 0 0 12px var(--text-color);
	color: var(--white);
	text-transform: uppercase;
}
    #header-menu.fixed .menu > li > a > span {text-shadow: none;}
    #header-menu.page-header .menu > li > a > span {text-shadow: none;}
#header-menu .menu {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
#header-menu .menu > li.menu-item-has-children > a > span::after {
	content: "";
	display: inline-block;
	border-style: solid;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	left: 90%;
	top:calc(50% - 5px);
}

#header-menu .menu .sub-menu {
    display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--white);
	box-shadow: 0 1px 4px rgba(0,0,0,0.6);
	z-index: 2;
    font-weight: 600;
}
/*===level 1===*/
#header-menu .menu > li > .sub-menu {
	top: 100%;
	left: 0;
}
#header-menu .menu > li > .sub-menu li > a > span {
    display: inline-block;
	padding: 10px 20px;
	border-bottom: 1px solid var(--border-color);
	width: 250px;
	color: var(--text-color);
	font-size: var(--small);
    transition:color 0.1s;
}
    #header-menu .menu > li > .sub-menu li > a > span:hover {color: var(--dark-text);}
    #header-menu .menu > li > .sub-menu li > a > span:not(:last-child) {border-bottom:1px solid var(--border-color);}
/*===level 2===*/
#header-menu .menu > li > .sub-menu .sub-menu {
	top: 0;
	left: 100%;
}
    #header-menu .menu li:hover > .sub-menu{ display: block;}
    @keyframes fromBottom{
        from{ opacity: 0; transform:translateY(20%);}
        to{ opacity: 1; transform:translateY(0%);}
    }
    #header-menu .menu li:hover > .sub-menu{ animation:fromBottom 0.2s linear 0s 1 forwards;}

/*
*	MOBILE MENU TOGGLER
*/
#header-menu .menu-toggler {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	padding: 30px 0;
	font-size: 22px;
	position: absolute;
	top: calc(50% - 30px);
	right: 0;
}
#header-menu .menu-toggler > i {
	cursor: pointer;
	color: var(--white);
}
	#header-menu.fixed .menu-toggler > i { color:var(--text-color); }
#header-menu.page-header .menu-toggler * {
	color: var(--text-color);
}

/*
*	MOBILE MENU
*/
#wrapper.mobile #mobile-navigation {
	text-align: center;
	position: fixed;
	top: 0;
	right: 0;
	width: 260px;
}
#mobile-navigation {
	text-align: center;
	width: 0;
	position: fixed;
	overflow: hidden;
	right: 0;
	top: 0;
	transition: all 0.4s;
}
#mobile-navigation .close-btn {
	font-weight: bolder;
	font-size: var(--large);
	display: block;
	text-align: right;
	padding: 5px 20px 10px 30px;
	cursor: pointer;
}
#mobile-navigation h3 {
	color: var(--text-color);
	border-bottom: 1px solid var(--border-color);
	font-weight: 900;
	line-height: 20px;
	padding: 12px 30px;
}
#mobile-menu li a {
	text-decoration: none;
}
#mobile-menu li a span {
	color: var(--dark-text);
	display: block;
	padding: 12px 30px;
	border-bottom: 1px solid var(--border-color);
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	transition: all 0.4s;
}
	#mobile-menu li a span:hover {
		color: var(--main-color);
	}
#mobile-navigation .booknow-btn {
	margin: 30px auto;
	width: calc(100% - 60px);
}

/*==submenu===*/
#mobile-menu .sub-menu {
	padding-left: 15px;
	background: var(--border-color);
	overflow: hidden;
	transition: all 0.2s;
}
#mobile-menu > li > .sub-menu {
	height: 0;
}

/*===language switcher===*/
#header-menu .pll-parent-menu-item > a {
	display: none;
}
#header-menu .pll-parent-menu-item::before {
	content: '\f0ac';
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	padding: 30px 10px;
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
	text-shadow: 0 0 12px var(--text-color);
	color: var(--white);
}
	#header-menu.page-header .pll-parent-menu-item::before,
	#header-menu.fixed .pll-parent-menu-item::before {
		color:var(--dark-text);
		text-shadow: none;
	}


/*===HEADER BANNER===*/
.header-banner__img {
	height: 300px;
	background-position: center;
	background-size: cover;
	width: 100%;
	max-height: 40vh;
}
	.header-banner__img img {
		max-width: 100%;
		width: 100vw;
	}


/**
 * header slider
 */
#home-header-slider {
	height: 90vh;
}
#home-header-slider .n2-ss-slide {
	min-height: 90vh;
}
.home-slider-title > div {
	font-size: 54px !important;
	font-weight: 200 !important;
}

/*===RESPONSIVE RULES====*/	
@media only screen and (min-width:600px){
	#header-menu .menu-toggler { display: none;}    
	#header-menu .header-menu{ display: block;}
	#header-menu.fixed #branding #logo, #header-menu.page-header #branding #logo {display: none;}
	#header-menu #branding #logo {display: inline-block;}
}