@charset "utf-8";
@font-face{font-family:"Futura Light";src:url("../fonts/Futura-Light.otf") format("opentype")}
@font-face{font-family:"Futura Book";src:url("../fonts/Futura-Book.otf") format("opentype")}
@font-face{font-family:"Futura Medium";src:url("../fonts/Futura-Medium.otf") format("opentype")}
@font-face{font-family:"Futura Heavy";src:url("../fonts/Futura-Heavy.otf") format("opentype")}
@font-face{font-family:"Belgiano Serif";src:url("../fonts/Belgiano-Serif.otf") format("opentype")}

@media (max-width: 576px) {
	#subheader {background-attachment: scroll !important;}
	:is(.list-display-item, #intro) .gallery-img-container {border-radius: 0 !important;}
	:is(.list-display-item, #intro) .gallery-preview {border-radius: 0 !important;}
	#carousel img{height: 75dvh !important;}
}

@media (min-width: 992px) {
	.booking-modal-custom {max-width: 562px;}
	#subheader:has(#gmap-embed) {padding: 3rem 0 1rem 0;}
	#gmap-embed {border-radius: 0.5em; border: 0;}
	#carousel img{height: 100dvh;}
	#bottom-navbar {height: 4rem; bottom: 4%; width: 20rem; border-radius: 0.5rem; float: right; right: 3%;}
}
@media (max-width: 992px) {
	.booking-modal-custom {max-width:100%; margin: 0 auto;}
	#subheader:has(#gmap-embed) {padding: 2rem 0 0 0;}
	#subheader:has(#gmap-embed) div.container-fluid {padding: 0;}
	#gmap-embed {width: 100%; border-radius: none; border: 0;}
	div:has(.hotel_img) {padding: 2rem 0 0 0;}
	#carousel img{height: 100dvh;}
	#bottom-navbar {height: 5em; width:100%;padding: 0.5em;}
}

:root {
	--brand-primary-color: #182E46;
	--brand-primary-color-50: #182E4680;
	--brand-secondary-color: #CAA769;
	--brand-secondary-color-50: #CAA76980;
	--background-base-color: #F9F9F9;
	--text-base-color-dark: #202020;
	--text-base-color-light: #FFFFFF;
}

.unselectable {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.icon {display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor;}
.icon-sm{width: 20px!important; height: 20px!important;}
.icon-lg{width: 40px!important; height: 40px!important;}
.icon-xl{width: 48px!important; height: 48px!important;}

.social-link {display: flex; align-items: center; justify-content: center; width: 28px; height: 28px;}

#silktide-cookie-icon {
	/*display: none !important;*/
}

html {scroll-behavior: smooth;}
body {font-family: "Futura Light"; font-size: 1rem; line-height: 1.8rem; letter-spacing: 0.02em; background: var(--brand-primary-color);}
strong {font-family: "Futura Medium"; font-weight: normal; letter-spacing: 0.02em;}
h1,h2,h3, :is(h1,h2,h3) a, .h1,.h2,.h3{font-family: "Belgiano Serif"; letter-spacing: 0.05em;}
h4,h5,h6, :is(h4,h5,h6) a, .h4,.h5,.h6{font-family: "Futura Medium"; letter-spacing: 0.04em;}
small {font-family: "Futura Light"; letter-spacing: 0.01em;}
:is(h1,h2,h3)[class*="display-"]{font-family: "Futura Medium"; text-transform: uppercase; letter-spacing: 0.1em;}

#content {padding: 2em 0; min-height: 20em; background: var(--background-base-color);}

*:hover {transition: 0.2s !important;}

hr.section-divider {border: 1.5px solid var(--brand-secondary-color); opacity: 1; border-radius: 0.5em;}
hr.sub-divider{border: 0.5px solid var(--brand-secondary-color); opacity: 0.4; margin: 0.5em 0;}
div.vr{border: 0.5px solid var(--brand-secondary-color); opacity:0.4;}

a, .btn-link {font-family: "Futura Medium"; letter-spacing: 0.03em; text-decoration: none; color: var(--brand-primary-color);}
a.btn, .btn {font-family: "Futura Medium"; letter-spacing: 0.04em;}
a:hover:not(.btn), .btn-link:hover {color: var(--brand-secondary-color);}

.btn {border-radius: 0.5em;}
.btn-primary {background-color: var(--brand-primary-color); border-width: 2px; border-color: var(--brand-primary-color);}
.btn-primary:hover {background-color: var(--brand-secondary-color); border-color: var(--brand-secondary-color);}
.btn-outline-primary {color: var(--brand-primary-color); border-color: var(--brand-primary-color);}
.btn-outline-primary:hover {color: var(--text-base-color-light);background-color: var(--brand-secondary-color); border-color: var(--brand-secondary-color);}
.btn-outline-light:hover {color: var(--text-base-color-light);background-color: var(--brand-secondary-color);border-color: var(--brand-secondary-color);}

[class*=" btn-outline-"], .btn-close, .navbar-toggler, .form-control, .form-select {border-width: 2px; border-radius: 0.5em;}

#carousel img{display: block; width: 100%; object-fit: cover; object-position: center;}
.hero-caption{max-width: 36rem; z-index: 2; left:5%; right:5%}
.hero-caption :is(h1,h2,h3,h4,h5,h6) {font-family: 'Belgiano Serif'; letter-spacing: 0.03em;}
.carousel-caption{backdrop-filter: blur(4px) brightness(65%); margin: 0 auto; border-radius: 0.5em;}
.carousel-indicators{z-index: 3;}

#filters .nav-link{font-family: "Futura Medium"; letter-spacing: 0.03em; color: var(--brand-primary-color); border: 2px solid var(--brand-primary-color); padding: 0.25em 0.5em; border-radius: 0.5em}
#filters .nav-link:hover{color: var(--text-base-color-light); background-color: var(--brand-secondary-color); border-color: var(--brand-secondary-color);}
#filters .nav-link.active{color: var(--text-base-color-light); background-color: var(--brand-primary-color);}

.glide {touch-action: pan-y;}

.card, .overlay-card img, .card-img-overlay, .card-img {border-width: 0; height: 100%; border-radius: 0.5em;}

.overlay-card .card-img-overlay {border-width: 0; opacity: 0; transition: opacity 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out;}
.overlay-card:hover .card-img-overlay {opacity: 1; backdrop-filter: blur(6px) brightness(50%); }
.overlay-card :is(.card-img, .card-img-top), .card-img-top {width: 100%; height: 100% ;object-fit:cover; object-position:center}

.modal, .modal-header, .modal-footer{border-width: 0;}
.modal-title {font-family: "Futura Medium"; letter-spacing: 0.03em;}

.item-price {font-family: "Futura Medium";}

#content .list-group-flush .list-group-item {background-color: var(--background-base-color); border-bottom: 0.5px solid #CAA76980;}

#intro img, #about img{object-fit: cover; object-position:center; width: 100%;}

#subheader {background:url(../img/newbackground-edit.webp) center no-repeat fixed; margin-top: 74px; padding:3rem 0; color: var(--text-base-color-light)}
#subtagline {margin: 0 auto;max-width: 60rem;}

#logo, #logo-hero {margin: 0 auto; text-align:center;}
#logo img {max-height: 96px;}
#logo-hero img {max-height: 224px;}

#bottom-navbar, #bottom-floating-navbar {align-items: center; z-index:10; backdrop-filter: blur(4px) brightness(50%); position: fixed; transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out; transform: translateY(100%); visibility: hidden; display:flex !important;}
#bottom-navbar.show-navbar {transform: translateY(0); visibility: visible;}

#scroll-navbar {position: fixed; transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out; transform: translateY(-100%); visibility: hidden; display:flex !important; width:100%; padding: 0; background-color: var(--brand-primary-color); color: var(--text-base-color-light);}
#scroll-navbar.show-navbar {transform: translateY(0); visibility: visible}

.navbar-brand {margin: 0 auto}
.navbar-brand img {max-height: 64px;}
.offcanvas {background-color: var(--brand-primary-color); height:100dvh;}
.offcanvas-header .btn-close{margin: 0;}
.offcanvas-header .navbar-brand img{max-height: 96px;}
.navbar-nav .nav-link{display: block; font-family: "Futura Medium"; letter-spacing: 0.03em; padding: 0.6em 1em !important; color: var(--text-base-color-light); border-radius: 0.5em;}
.navbar-nav li:hover .nav-link {background-color: var(--brand-secondary-color); color: var(--text-base-color-light);}

#header-wrapper{backdrop-filter: blur(4px) brightness(65%); width: 100%; display: block; z-index:999; position:absolute;}
#header-wrapper hr{margin: 0;border: 0.5px solid var(--text-base-color-light);}
#header-wrapper img{height:100%}

.list-display-item :is(h1,h2,h3) a {font-family: "Belgiano Serif";}
.list-display-item img {object-fit: cover; object-position: center;}

.list-news {font-family: "Futura Light"; color: var(--text-base-color-dark);}
.list-news :is(h4,h5,h6) {font-family: "Futura Medium"; color: var(--brand-primary-color);}
.list-news:hover :is(h4,h5,h6) {color: var(--brand-secondary-color); transition: 0.3s;}
.list-news img{border-radius: 0.5em;}

#content .accordion-item, #content .accordion-button.collapsed {background-color: var(--background-base-color);}

.gallery-img-container {display: block; cursor: zoom-in; border-radius: 0.5em; height: 100%; overflow:hidden;}
.gallery-preview {width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease-in-out; transform: scale(1); overflow:hidden; border-radius: 0.5em;}
.gallery-preview:hover {transform: scale(1.03);}

.datepicker {
	box-shadow: none !important;
}

input.all-caps {
	text-transform: uppercase;
}

.qr-content{color:var(--text-base-color-light); height: 100dvh; }
.qr-jumbotron{backdrop-filter: blur(2px) brightness(35%); height: 100dvh; display: flex;}

#bg-video{
	position: fixed;
	top: 0;
	left: 0;
	width: 100dvw;
	height: 100dvh;
	object-fit: cover;
	z-index: -1;
}

footer{padding:20px 0; margin-bottom: 4rem;}
footer, #navbar-bottom {background:var(--brand-primary-color); color:var(--text-base-color-light);}
:is(footer, .qr-content) a{font-family: "Futura Medium"; letter-spacing: 0.03em; color: var(--text-base-color-light); text-decoration:none}
:is(footer, .qr-content) a:hover:not(.btn), :is(footer, .qr-content) :is(h1,h2,h3,h4,h5,h6){color:var(--brand-secondary-color)}
#footer-brand{width:100%; max-width: 16rem;}
footer nav{margin-bottom: 1rem;}

.step-block, .step-block-active, .step-block-done {align-content: center; width: 2em; height: 2em; border-radius: 0.5em; font-family: "Futura Medium"; font-size: 1.2rem; margin: 0 auto;}
.step-block {border: 2px solid var(--brand-primary-color); color: var(--brand-primary-color);}
.step-block-active {background-color: var(--brand-secondary-color); color: var(--text-base-color-light);}
.step-block-done {background-color: var(--brand-primary-color); color: var(--text-base-color-light);}

.table {background-color: var(--background-base-color) !important; border: 1px solid var(--brand-secondary-color); border-radius: 0.5rem;}
.table-group-divider {border-color: var(--brand-secondary-color);}

.widget h4.title{padding-bottom:10px}
.widget ul{list-style:none;margin:0}
.widget_category li{margin-bottom:5px}
.widget_category li i{margin-right:10px}
.widget_recent_post li{padding-left:20px;background:url(../images/list-arrow.png) left 2px no-repeat;border-bottom:solid 1px #ddd;padding-bottom:7px;margin-bottom:5px}
.widget_recent_post li a{color:#555}
.widget .comments li{padding-left:20px;background:url(../images/list-arrow.png) left 2px no-repeat;border-bottom:solid 1px #ddd;padding-bottom:7px;margin-bottom:5px}
.widget_tags li{display:inline-block;margin-right:0;margin-bottom:11px}
.widget_tags li a{text-decoration:none;border:1px solid #ccc;text-shadow:none;border-radius:2px;margin-bottom:5px;-moz-border-radius:2px;-webkit-border-radius:2px;background:#fff;padding:5px 10px}
.widget_tags li a:hover{background:#d35c3a;color:#fff}