@charset "utf-8";
/* CSS Document */

html, body{
	background:#e8ffeb;
	padding:0;
	margin:0;
}

div.topcontact, div.topcontact a, div.topcontact p{
	background-color:#000 !important;
	font-weight:bold;
	color:#ffffff;
}

div.topcontact{
	padding:0.5%;
	text-align:center;
	font-size:larger;
}

div.topnav{
	background:#000 !important;
	width:100%;
}

div.topnav div{
	width:16%;
	float:left;
	text-align:center;
	height:128px;
	line-height:128px;
	font-weight:bold;
	background:#248a9e;
}

div.topnav div a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-weight:bold;
	font-size:larger;
}

div.topnav div:hover{
	background:#012030;
}

div.topnav div a:hover{
	text-decoration:none;
}

div.toplogo{
	background:#fff !important;
	width:20% !important;
}

div.toplogo a img{
	height:100%;
}

div.main_container{
	margin-left:5%;
	margin-right:5%;
}

h1, h2, h3, h4{
	text-align:center;
	font-family: Cabin, sans-serif;
}

h2, h3, h4{
	text-align:left;
}

div.main_container p{
	font-family: "Source Sans Pro", sans-serif;
}

div.main_container a, div.footer a{
	color:#ff7800;
}

div.amenities h3, div.amenities h4{
	text-align: center;
	font-weight:bold;
}

div.amenities div, div.experience_listing div{
	width:22.1%;
	height:200px;
	float:left;
	text-align: center;
	margin-left:1%;
	margin-right:1%;
	background:#eee;
	margin-top:1%;
	padding-left:0.3%;
	padding-right:0.3%;
	border: solid 1px #000;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
}

div.amenities div p{
	font-size: clamp(0.55rem, 0.95vw, 1.20rem); 
}

div.amenities div:hover{
	background:#d8fcbb;
	border: solid 1px #ff7800;
	box-shadow: 2.5px 2.5px 5px 0px #ff7800;
}

div.amenities img{
	height:20% !important;
}

div.amenities h4{
	margin:0;
}

div.experience_listing div img{
	width:90%;
	margin-left:5%;
	margin-right:5%;
}

div.experience_listing div{
	height:auto;
	text-align:left;
}

div.experience_listing div p img.icon{
	height:16px;
	text-align:left;
	width:10%;
	margin:0;
}

div.experience_listing div p{
	font-size: clamp(0.9rem, 0.9vw, 0.9rem); 
}

div.experience_listing h3{
	font-size: clamp(1.0rem, 1.0vw, 1.0rem);
	text-align:center;
	textbox-wrap:fit;
	white-space:nowrap;
	text-wrap:fit-content;
	overflow:hidden;
}

div.experience_listing div:hover{
	background:#d8fcbb;
	border: solid 1px #ff7800;
	box-shadow: 2.5px 2.5px 5px 0px #ff7800;
}

div.footer{
	text-align:center;
}

img.featured_image{
	margin-top:0%;
	margin-bottom:2%;
	margin-left:5%;
	margin-right:5%;
	max-width:90%;
	max-height:45vh;
	border:solid 0.2vw #000;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
	float:left;
}

img.featured_image:hover{
	border: solid 0.2vw #ff7800;
	box-shadow: 5px 5px 10px 0px #ff7800;
}

div.pswp-gallery{
	width:50% !important;
	float:left;
}

img.photo_gallery{
	width:23.5%;
	margin:0.1%;
	border: solid 1px #aaa;
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);	
}

img.photo_gallery:hover{
	border: solid 1px #ff7800;
	box-shadow: 2px 2px 4px 0px #ff7800;	
}

div.unit_desc{
	width:46%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-top:-1%;
	font-size:125%;
}

div.booking_frame_container{
	background:#fff;
	width:700px;
	height:900px;
	margin-top:2%;
	margin-bottom:2%;
	margin-left:auto;
	margin-right:auto;
	padding:4%;
	overflow:hidden;
	border: solid 1px #000;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
}

div.booking_frame_container p{
	width:50%;
	float:left;
	font-size:105%;
}

div.booking_frame_container iframe{
	width: 50%;
	height: 900px;
}

img.search_image{
	width:256px;
	height:auto;
	float:left;
	border:solid 0.1vw #000;
	box-shadow: 2.5px 2.5px 5px 0px rgba(0, 0, 0, 0.3);
	margin-right:2.5%;
}

img.search_image:hover{
	border:solid 0.1vw #ff7800;
	box-shadow: 2.5px 2.5px 5px 0px #ff7800;
}

div.experience_listing_full{
	width:80vw;
	height:75vh;
	margin-left:5%;
	margin-right:5%;
	font-size: clamp(1.5rem, 1.2vw, 1.2rem); 
	text-align: center;
	background:#eee;
	margin-top:1%;
	padding-left:0.3%;
	padding-right:0.3%;
	border: solid 1px #000;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
	overflow:visible;

}

div.experience_listing_full h2{
	text-align:center;
}

div.exp_full_desc{
	width:45%;
	margin-left:2.5%;
	margin-right:2.5%;
	float:left;
}

div.exp_full_img{
	width:50%;
	float:left;
}

div.exp_full_img p img{
	width:100%;
	float:left;
}

div.exp_full_desc p{
	text-align:left;
	font-size:150%;
}

div.exp_full_desc p img{
	width:5.0%;
	height:5.0%;
	margin-right:1.0%;
	float:left;
}