@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Gilda+Display&display=swap');



body {
	font-family: "Barlow", sans-serif;
	color: #222;
}

h1, h2, h3, h4 {
	 font-family: "Gilda Display", serif;
}

h5 {
	font-family: "Barlow Condensed", sans-serif;
	letter-spacing: .25rem;
}

p {
	font-weight: 300;
	letter-spacing: .05rem;
}

.navigation {
	transition: .4s ease-in-out;
	margin-top: -100px;
}
.navigation.shrink {
	margin-top: 0px;
	box-shadow: 0 0px 4px rgba(0,0,0,.1);
}

.nav-link {
	font-size: 14px;
	letter-spacing: .05rem;
}
.nav-link:hover {
	color: #8e6d45;
}

.videoContainer {
	position: relative;
	z-index: 1;
	background-color: #2a1e14;
	min-height: 50vh;
}

.videoContainer video {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center center;
	height: 100%;
	width: 100%;	
	filter: saturate(0);
	mix-blend-mode: multiply;
}

header {
	position: relative;
	z-index: 1;
}

header nav {
	position: absolute!important;
	top: 0;
	left: 0;
	background-color: transparent;
}

header .carousel {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}

header .carousel img {
	object-fit: cover;
	object-position: center center;
	height: 100vh;
	width: 100%;
}

.nav-link {
	color: #fff;
	text-transform: uppercase;
}
.nav-link:hover {
	color: #aa8453;
}

header h1 {
	letter-spacing: 1rem;
}
header h5  {
	letter-spacing: .1rem;
}

.carousel-indicators button {
	height: 16px!important;
	width: 16px!important;
	border-radius: 50%;
}

.carousel-indicators button {
	background-color: #ebd4b7!important;
}
.carousel-indicators button.active {
	background-color: #aa8453!important;
}

.color1 {
	color: #8e6d45;
}

.bg1 {
	background-color: #f8f5f0;
}

.bg2 {
	background-color: #222;
}

.navigation .nav-link {
	color: #222;
}
.navigation .nav-link:hover {
	color: #8e6d45;
}

.amenities {
	position: relative;
	z-index: 1;
}

.textContent {
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;	
	height: 100%;
}

.textContent::before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,0));
	mix-blend-mode: overlay;
	transition: .4s;
	opacity: .5;
}

.textContent:hover::before {
	opacity: 1;
}

.textContent .fs-6 {
	opacity: 0;
	transition: .4s;
}
.textContent:hover .fs-6 {
	opacity: 1;
}


.textContent h5 {
	letter-spacing: .1rem;
}
.border {
	--bs-border-opacity: .25;
	border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.btn {
	border: solid #fff 1px;
	background-color: transparent;
	color: #fff;
	border-radius: 0;
	font-family: "Barlow Condensed", sans-serif;
	letter-spacing: .1rem;
	text-transform: uppercase;
	font-size: 20px;
	transition: .4s;
}

.btn:hover {
	border: solid #fff 1px;
	background-color: #fff;
	color: #8e6d45;
}

.smaller {
	font-size: 12px;
}


footer a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin: 0 5px;
	transition: .4s;
}
footer a:hover {
	font-size: 14px;
	color: #8e6d45;
}

.amenities video {
	object-fit: cover;
	object-position: center center;
	height: 100%;
	width: 100%;
}


@media screen and (max-width:767px) {
	header .atWind {
		font-size: 1.4rem;
		letter-spacing: 0;
	}	
	header .fs-4 {
		font-size: 1.2rem!important;
		letter-spacing: 0;		
	}	
	header .display-1 {
		font-size: 3.4rem!important;
		
	}	
	#navbarSupportedContent .navbar-nav {
		padding: 1rem;
		background-color: rgba(0,0,0,.5);
	}
	#navbarSupportedContent .nav-link {
		padding: 2px 0;
	}
	
	.amenities img, .amenities video {
		object-fit: cover;
		object-position: center center;
		height: 300px;
		width: 100%;
	}
	.textContent::before {
		opacity: 1;
		
	}
	.textContent .fs-6 {
		opacity: 1;
	}	
	footer a {
		font-size: 12px;
	}
	header {
		padding-top: 0!important;
	}
}

.headerOverlay {
	background-color: rgba(0,0,0,.75);
}

.bookNow {
	border: solid #fff 1px;
	background-color: transparent;
	color: #fff;
}

.bookNow:hover {
	border: solid #fff 1px;
	background-color: #fff;
	color: #222;
}

.navigation .bookNow {
	border: solid #222 1px;
	background-color: transparent;
	color: #222;
}

.navigation .bookNow:hover {
	border: solid #222 1px;
	background-color: #222;
	color: #fff;
}

.modal-body {
}

.modal-content {
	position: relative;
	z-index: 1;
}

.modal-header {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.gallery a {	
	height: 100%;
	width: 100%;
}
.gallery img {
	object-fit: cover;
	object-position: center center;
	height: 100%;
	width: 100%;
	transition: .4s;
}

.gallery img:hover {
	filter: brightness(1.2);
}

.socmed {
	filter: saturate(0) brightness(0) invert(1);
	opacity: .3;
	transition: .2s;
}
.socmed:hover {
	filter: saturate(1) brightness(1) invert(0);
	opacity: 1;
	transition: .2s;
}

.custom-tooltip {
  --bs-tooltip-bg: #8e6d45;
  --bs-tooltip-color: #222;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .05rem;
}