/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 5em;
		font-family: arial,helvetica;
		color: #fff;
		margin:0;
	}
	.intro p{
		color: #fff;
	}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}

	/* Bottom menu
	* --------------------------------------- */
	#infoMenu li a {
		color: #fff;
	}
	







* {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
	
	body {transition: margin-left 0.5s ease}
	
	#bourtzi-main-menu {
		position:fixed;
		top:0;
		left:30px;
		padding:30px 40px 25px 40px;
		
		background-color:#FFFFFF;
		transition: background-color 0.5s ease, opacity 0.5s ease, margin-left 0.5s ease;
		
		z-index:10;
	}
	#bourtzi-second-menu {
		position:fixed;
		bottom:0;
		left:30px;
		padding:25px 40px 30px 40px;
		
		background-color:#FFFFFF;
		transition: background-color 0.5s ease, opacity 0.5s ease;
		
		z-index:10;
	}
	#bourtzi-happy-hours-overlay {
		position:fixed;
		bottom:0;
		right:0;
		width:50vw;
		
		background-color:#DDE6EA;
		transition: bottom 0.5s ease;
		z-index:10;
	}
	#bourtzi-happy-hours-overlay.hidden {
		bottom:-100px;
	}
	
	#bourtzi-main-menu ul {margin:0; padding:15px 0 0 0;}
	#bourtzi-main-menu li, #bourtzi-second-menu li {margin:0; padding:5px 0px; list-style-type:none; font-size:16px; color:#8CA5A3; cursor:pointer;}
	#bourtzi-main-menu li:hover, #bourtzi-second-menu li:hover {/*color:#3C5457;*/}
	
	#bourtzi-main-menu li.active {/*font-weight:bold;*/}
	
	#bourtzi-main-menu a, #bourtzi-second-menu a {color:inherit; text-decoration:none; transition:color 0.3s linear;}
	#bourtzi-main-menu a:hover {color:#5F777B;}
	#bourtzi-main-menu a:hover img {transition:filter 0.6s linear;}
	#bourtzi-main-menu a:hover img {filter: brightness(0.9);}

	#bourtzi-second-menu a {color:inherit;}
	
	
	#bourtzi img {
		width:144px;
		max-width:30vw;
	}
	
	#sectionhistory h1 {
		font-size: 26px;
		font-weight: 300;
		padding-bottom: 20px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	#sectionhistory p,
	#sectioncontact p {
		font-size: 16px;
		line-height:125%;
		font-weight:300;
	}
	
	
	
	.hidden_in_big_screen {display:none;}
	.hide_in_small_screen {display:block;}
	
	
	
	
	
	
	
	/*
	#menubackdrop {
		position:fixed;
		top:00px;
		left:30px;
		width:252px;
		height:400px;
		z-index:9;
		background-color:#FFFFFF;
		transition: background-color 0.5s ease, opacity 0.5s ease;
	}
	*/
	
	#fp-nav {top:290px;}
	#fp-nav.left {left:67px; margin-top:0 !important;}
	#fp-nav ul li .fp-tooltip {color:#8CA5A3; display:inline-block !important;}
	
	#section0 {
		background-image:url(images/photos/_MG_9479.jpg);
		background-position:center center;
		background-size: cover;
		background-attachment: fixed;
	}
	
	.bourtzi-by-night {
		background-color:#000000;
		background-image:url(images/photos/_MG_9316.jpg);
		background-position:center center;
		background-size: cover;
	}
	.bourtzi-of-skiathos {
		background-color:#000000;
		background-image:url(images/photos/shutterstock_22134985.jpg);
		background-position:center left;
		background-size: cover;
	}
	.bourtzi-cocktails {
		background-color:#000000;
		background-image:url(images/photos/_MG_0124.jpg);
		background-position:center center;
		background-size: cover;
	}
	.bourtzi-coffee {
		background-color:#000000;
		background-image:url(images/photos/_MG_9548-2.jpg);
		background-position:center bottom;
		background-size: cover;
	}
	.bourtzi-wine {
		background-color:#000000;
		background-image:url(images/photos/_MG_9469.jpg);
		background-position:center bottom;
		background-size: cover;
	}
	.contact-bourtzi {
		background-color:#000000;
		background-image:url(images/graphics/bourtzi-card.png);
		background-position:center bottom;
		background-size: cover;
	}
	
	
	.righthalf {
		position:absolute;
		top:0; left:50%; right:0; bottom:0;
	}
	.righthalf #bourtzi-map {position:absolute; top:0; left:0; width:50vw; height:100vh;}
	
	.lefthalf {
		position:absolute;
		top:0; left:0px; right:50%; bottom:0;
		text-align:left;
		padding:60px 0px 20px 0px; /* pre-2022: 60px 40px 20px 320px; */
		width:50vw; /* width:calc(50vw - 360px); */
		color:#8CA5A3;
	}
	/* 2022 */
	.lefthalf > * {
		padding-left:320px !important;
		padding-right:40px !important;
	}
	.lefthalf > p {
		margin-bottom:0;
		padding-bottom:16px;
		padding-top:16px;
	}
	.lefthalf > ul,
	.lefthalf > dl
	 {
		margin:0;
		padding-top:0px;
		padding-bottom:36px;
	}
	
	
	
	.lefthalf.scrollablecontent,
	.righthalf.scrollablecontent {
		padding-bottom:120px;
	}
	
	
	
	
	h2, p {line-height:120%; margin:0; padding:0; margin-bottom:16px;
		font-weight:200;
		font-size:36px;
		
	}
	h2 a,
	p a {text-decoration:none; color:inherit;}
	h2 a:visited,
	p a:visited {color:inherit;}
	sup {font-size:14px; font-weight:300;}
	
	p span {
		float:right;
		font-size: 20px;
	}
	
	
	.bourtzi-menu {
		color:#000000;
		padding:0;
		list-style-type:none;
		padding-bottom:20px;
	}
	.bourtzi-menu li,
	.bourtzi-menu dt  {
		padding:0; padding-top:15px;
	}
	.bourtzi-menu dd {
		font-weight:200;
		padding:0;
		-webkit-margin-start:0;
	}
	
	/* .footnotes {display:none;} */
	
	.footnotes p {font-size:20px; font-weight:300; margin-bottom:0;}
	
	
	
	/* CONTACT */
	.vcard {font-size:24px; font-weight:300;}
	.vcard a {text-decoration:none; color:inherit;}
	.tel {padding-top:20px; padding-bottom:20px;}
	
	
	/* ISLEA */
	
	#sectionislea a {clear:both; display:block; text-decoration:none; color:#8CA5A3; padding-top:30px; padding-bottom:30px;}
	.islea {width:50%;}
	.isleacompany {width:150px; float:left; padding-right:20px;}
	.isleacompany.archipelagos {width:300px;}
	
	/* only islea page is righthalf scrollable */
	.righthalf.scrollablecontent {
		right:auto; bottom:auto;
		width:35%;
		padding-right:10%;
		float:right;
		text-align:left;	
		padding-top:3vh;
	}
	#sectionislea .lefthalf {padding-top:10vh;}
	
	@media screen and (max-width:768px) {
		#sectionislea .lefthalf {display:none;}
		#sectionislea .righthalf {position:static; bottom:auto; float:none; overflow-y:visible;
			padding-left:30px; width:auto; padding-right:30px;}
	}
	
	
	
	
	
	
	.scrollablecontent {
		position:static; 
		overflow-y:visible;
	}
	
	
	
	
	
	

	@media screen and (max-width: 1500px) {
		#bourtzi img {width:136px;}
		#bourtzi-main-menu {left:20px; padding-left:35px; padding-right:35px;}
		#bourtzi-second-menu {left:20px;}
		/*
		.lefthalf {padding: 50px 30px 15px 280px;
			width:calc(50vw - 310px);
		}
		*/
		.lefthalf > * {padding-left:250px !important;}
		p {font-size:32px; margin-bottom: 12px;}
		sup {font-size: 13px;}
		.fp-controlArrow {top:65%;}
	}	
	@media screen and (max-width: 1330px) {
		#bourtzi img {width:100px;}
		#bourtzi-main-menu {left:10px; padding-left:30px; padding-right:20px;}
		#bourtzi-second-menu {left:10px; padding-left:30px; padding-right:15px;}
		/*.lefthalf {padding: 30px 25px 10px 205px;
			width:calc(50vw - 230px);
		}
		*/
		.lefthalf > * {padding-left:230px !important;}
		p {font-size:26px; margin-bottom: 8px; line-height:115%;}
		sup {font-size: 12px;}
		.footnotes p {font-size:14px;}
		.fp-controlArrow {top:65%;}
	}
	
	@media screen and (max-width: 670px) {
		#bourtzi-main-menu {
			left: 0px;
			padding-left: 20px;
			padding-right: 20px;
		}
		.lefthalf > * {
			padding-left:40px !important;
		}
		
		.hide_in_small_screen {display:none;}
		.hide_in_big_screen {display:block;}
		
		
		
		#bourtzi img {
			width: 80px;
		}
		.scrollablecontent {
			width: 100vw; /* 2022 calc(100vw - 150px); */
			padding-left: 0px;
		}
	
	}
	
	
	/*
	
		E  X  P  E  R  I  M  E  N  T
	
	*/
	#mobile-menu-btn {display:none;}
	
	.bourtzi-cocktails.righthalf {display:none;}
	.bourtzi-coffee.righthalf {display:none;}
	.bourtzi-wine.righthalf {display:none;}
	.bourtzi-of-skiathos.righthalf {display:none;}
	
	@media screen and (max-width:768px) {
	
		#mobile-menu-btn {
			position:fixed; 
			top:10px; 
			left:20px;
			width:60px;
			height:44px;
			z-index:100; 
			background-color:rgba(221, 230, 234, 0.4);
			border:1px solid rgba(0,0,0,0.2);
			border-radius:6px;
			display:block;
			transition: margin-left 0.5s ease;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABkCAMAAACCTv/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////5ubmueBsSwAAAAJ0Uk5T/wDltzBKAAAAPklEQVR42uzYQQ0AAAgDseHfNC4IyVoD912WAACUm3uampqampqamq+aAAD+IVtTU1NTU1NT0z8EAFBsBRgAX+kR+Qam138AAAAASUVORK5CYII=);
			
			/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABkCAMAAACCTv/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA5ubmSUUG+gAAAAJ0Uk5T/wDltzBKAAAAPklEQVR42uzYQQ0AAAgDseHfNC4IyVoD912WAACUm3uampqampqamq+aAAD+IVtTU1NTU1NT0z8EAFBsBRgAX+kR+Qam138AAAAASUVORK5CYII=); */
    		background-size: 40px 18px;
    		background-repeat:no-repeat;
			background-position: center center;
			}
		
		#bourtzi-main-menu {
			left:0;
			margin-left:-200px; /* hidden */
			padding-top:30px;
			top:60px;
			background-color:#FFFFFF !important; /* don't change color when moving between slides */
		}
		#bourtzi-second-menu {display:none;}
		.hidden_in_big_screen {display:block;}
		
		#bourtzi img {width: 120px;}
		
		#bourtzi-main-menu.topslide {margin-left:0;}
		#mobile-menu-btn.topslide {display:none;}
		
		
		#bourtzi-main-menu.showing-menu {margin-left:0;}
		
		body.showing-menu {margin-left:200px;}
		/* body.showing-menu #mobile-menu-btn {margin-left:200px;} Move the menu button as well */
	
		.righthalf {
			position: absolute;
			top: 0;
			left: 0%;
			right: 0;
			height: 45vh;
			display:block !important;
		}
		.righthalf #bourtzi-map {position:absolute; top:0; left:0; width:100vw; height:45vh;}
		
		
		.lefthalf {
			/*padding-left:30px;*/
			padding-top:58vh;
			/*width:calc(100vw - 50px);*/
		}
		.lefthalf > * {
			padding-left:40px !important;
		}
		
		#bourtzi-happy-hours-overlay {
			left:0;
			width:100vw;
		}
		
	}
	
	@media screen and (max-height:420px) {
		body.showing-menu {margin-left:340px;}
		#bourtzi-main-menu {margin-left:-340px;}
		#bourtzi-main-menu ul {
			margin-top: -170px;
			margin-left: 150px;
		}
	}
	
	
	
	.blue {
		background-color: rgba(212, 206, 226, 0.3);
		color:#2B1E65;
	}
	.green {
		background-color: rgba(214, 227, 215, 0.3);
		color: #1F743E;
	}
	.red {
		background-color: rgba(229, 210, 219, 0.3);
		color: #710047;
	}