header{
position:fixed;
top:0; left:0; right:0;
background:var(--light);
border-bottom:2px solid var(--yellow);
box-shadow:0 5px 10px rgba(0,0,0,.2);
padding:0px 5%;
display: flex;
align-items:center;
justify-content:space-between;
z-index:1000;
}

header .logo{
font-weight:bolder;
font-size:25px;
color:var(--yellow);
}

header .navbar ul{
	list-style:none;
	letter-spacing: 3px;
}

header .navbar ul li{
	position:relative;
	float:left;
	margin-top:93px;
}

header .navbar ul li a{
	font-size:16px;
	font-weight:100;
	padding:10px 16px;
	color:var(--medium);
	display:block;
}

header .navbar ul li a:hover{
	background:var(--yellow);
	color:#fff;
	display:block;
	transition:0.5s;
}


/*** NEW - booking ***/
#booking a{
	background-color:var(--medium);
	color:var(--white);
}

#booking a:hover{
	background-color:var(--yellow);
	/* transition:0.5s; */
}
/*** NEW - booking ***/


header .navbar ul li ul{
	position:absolute;
	/* right:0; */
	background:var(--white);
	display:none;
	/* new code */
	width:200px;
	font-size:13px; /*new correction*/
	font-weight:100;
}

header .navbar ul li ul li{
	width:100%;
	border-top:1px solid rgba(113, 104, 75,.2);
	margin-top:0px;
}

header .navbar ul li ul li ul{
	left:0;
	top:0;
}

header .navbar ul li:focus-within > ul,
header .navbar ul li:hover > ul{
	display:initial;
} 


/* language test  */
header .navbar ul li .lang{
	position:absolute;
	left:0;
	text-align:right;
	background:var(--white);
	display:none;
	width:51px;
	letter-spacing: 0px;
}
/* language test */


/* check */
#menu-bar{
	display:none;
}

header label{
	font-size:20px;
	color:var(--medium);
	cursor:pointer;
	display:none;
}
/* check */

	
@media (max-width:1024px){
	header{
		padding:0px 6%;
	}
	
	header .logo{
		transform:scale(0.95);
	}
	
	header label{
		display:initial;
	}
	
	header .navbar{
		position:absolute;
		top:100%; left:0; right:0;
		background:var(--light);
		border-bottom:2px solid var(--yellow);
		box-shadow:0 5px 10px rgba(0,0,0,.2);
		display:none;
	}
	
	header .navbar ul li{
		width:100%;
		margin-top:0px;
		text-align:center;
	}
	
	header .navbar ul li ul{
		position:relative;
		width:100%;
	}
	
	header .navbar ul li ul li{
		background:var(--white);
		opacity:0.8;
	}
	
	header .navbar ul li ul li ul{
		width:100%;
	}
	
	/* language test  */
	header .navbar ul li .lang{
	width:100%;
	border-bottom:2px solid var(--yellow);
	box-shadow:0 5px 10px rgba(0,0,0,.2);
	}
	/* language test */
	
	#menu-bar:checked ~ .navbar{
		display:initial;
		transition:1s;
	}
	
}