@charset "UTF-8";
  @font-face {
font-family: "Manrope";
src: url(//horskyhotelsvahova.cz/wp-content/themes/my_template/my_template/assets/fonts/Manrope-Light.woff2) format("woff2");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Manrope";
src: url(//horskyhotelsvahova.cz/wp-content/themes/my_template/my_template/assets/fonts/Manrope-Regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Manrope";
src: url(//horskyhotelsvahova.cz/wp-content/themes/my_template/my_template/assets/fonts/Manrope-Medium.woff2) format("woff2");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Manrope";
src: url(//horskyhotelsvahova.cz/wp-content/themes/my_template/my_template/assets/fonts/Manrope-SemiBold.woff2) format("woff2");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Manrope";
src: url(//horskyhotelsvahova.cz/wp-content/themes/my_template/my_template/assets/fonts/Manrope-Bold.woff2) format("woff2");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Bricolage";
src: url(//horskyhotelsvahova.cz/wp-content/themes/my_template/my_template/assets/fonts/Bricolage-SemiBold.woff2) format("woff2");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Bricolage";
src: url(//horskyhotelsvahova.cz/wp-content/themes/my_template/my_template/assets/fonts/Bricolage-Bold.woff2) format("woff2");
font-weight: 700;
font-style: normal;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
overflow-x: hidden;
}
body {
font-size: 16px;
font-family: "Manrope";
font-weight: normal;
line-height: 1.6;
color: #1C1819;
font-variant-numeric: lining-nums;
font-feature-settings: "pnum" on, "lnum" on;
width: 100%;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
@media (min-width: 2400px) {
body {
font-size: 20px;
}
}
@media (max-width: 1366px) {
body {
font-size: 16px;
}
}
main {
width: 100%;
} h1, h2, h3, h4, h5, h6 {
line-height: 1.1;
font-weight: 400;
font-family: "Bricolage";
margin-bottom: 1em;
}
h1 {
font-size: 6em;
}
@media (max-width: 1366px) {
h1 {
font-size: 5em;
}
}
@media (max-width: 1199px) {
h1 {
font-size: 4.5em;
}
}
h1 {
margin-bottom: 0.7em;
}
h1 span {
display: block;
}
@media (max-width: 991px) {
h1 {
font-size: 3.75em;
}
}
@media (max-width: 767px) {
h1 {
font-size: 3.25em;
}
}
@media (max-width: 575px) {
h1 {
font-size: 2.75em;
}
}
h2 {
font-size: 4.5em;
}
@media (max-width: 1366px) {
h2 {
font-size: 3.75em;
}
}
@media (max-width: 1199px) {
h2 {
font-size: 3.5em;
}
}
h2 {
position: relative;
color: #FCAF6B;
margin-bottom: 0;
}
@media (max-width: 991px) {
h2 {
font-size: 3em;
padding-bottom: 1em;
}
h2:before {
content: "";
bottom: 0.6em;
}
}
@media (max-width: 767px) {
h2 {
font-size: 2.5em;
padding-bottom: 1em;
}
h2:before {
content: "";
bottom: 0.6em;
}
}
@media (max-width: 575px) {
h2 {
font-size: 2.25em;
padding-bottom: 1em;
}
h2:before {
content: "";
bottom: 0.6em;
}
}
h3 {
font-size: 2.5em;
}
@media (max-width: 1366px) {
h3 {
font-size: 2.25em;
}
}
@media (max-width: 991px) {
h3 {
font-size: 2em;
}
}
@media (max-width: 575px) {
h3 {
font-size: 1.75em;
}
}
h3 {
margin-bottom: 0.75em;
text-transform: uppercase;
font-weight: bold;
}
h4 {
font-size: 1.5em;
margin-bottom: 1em;
}
h5 {
font-size: 1.2em;
margin-bottom: 1em;
}
h6 {
font-size: 1rem;
margin-bottom: 1em;
} .sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
} p {
font-size: 1em;
line-height: 1.5;
margin-bottom: 1em;
}
.hp_hero_eyebrow {
font-size: 1.5em;
text-transform: uppercase;
color: #FCAF6B;
margin-bottom: 0.5em;
font-weight: bold;
letter-spacing: 0.2em;
}
@media only screen and (max-width: 767px) {
.hp_hero_eyebrow {
font-size: 1.25em;
}
}
@media only screen and (max-width: 575px) {
.hp_hero_eyebrow {
font-size: 1.125em;
}
}
img {
vertical-align: middle;
width: 100%;
height: auto;
} a {
color: inherit;
transition: 0.3s ease-in-out;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a,
.btn, button, input {
cursor: pointer;
font-size: inherit;
}
button {
padding: 25px 60px 20px;
line-height: 1;
background-color: #FCAF6B;
color: #1C1819;
border: 1px solid #FCAF6B;
text-decoration: none;
transition: 0.3s ease-in-out;
display: inline-block;
cursor: pointer;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}
button:hover {
color: white;
text-decoration: none;
background: #4D5A68;
border-color: #4D5A68;
}
.btn-primary, .btn_outline {
padding: 25px 60px 20px;
line-height: 1;
background-color: #FCAF6B;
color: #1C1819;
border: 1px solid #FCAF6B;
text-decoration: none;
transition: 0.3s ease-in-out;
display: inline-block;
cursor: pointer;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}
.btn-primary:hover, .btn_outline:hover {
color: white;
text-decoration: none;
background: #4D5A68;
border-color: #4D5A68;
}
.btn-primary, .btn_outline {
font-size: 1em;
}
@media (max-width: 575px) {
.btn-primary, .btn_outline {
padding: 20px 40px;
}
}
.btn_outline {
background-color: transparent;
color: #4D5A68;
border: 1px solid #4D5A68;
}
.btn_outline:hover {
background: #4D5A68;
color: white;
text-decoration: none;
}
@media (max-width: 575px) {
.btn_outline {
padding: 20px 40px;
}
} label {
display: block;
}
label input, label textarea {
margin-top: 0.3em;
display: block;
background-color: #4D5A68;
}
label {
position: relative;
}
label > span:first-of-type {
z-index: 1;
position: absolute;
height: 100%;
display: flex;
align-items: center;
width: 8em;
padding: 0.6em 0em 0.6em 1em;
color: white;
transition: 0.3s ease-in-out;
background-color: #4d5a68;
}
label > span:first-of-type:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0;
transition: 0.3s ease-in-out;
background-color: #FCAF6B;
z-index: -1;
}
label.wpcf7-textarea-part > span:first-of-type {
align-items: baseline;
}
label.active > span:first-of-type {
color: #1C1819;
}
label.active > span:first-of-type:before {
width: 100%;
}
.wpcf7-form-control-wrap {
display: block;
}
form br {
display: none;
}
input, select, textarea, button {
font-family: "Manrope";
}
@media (max-width: 575px) {
input[type=file] {
padding: 1em 1em 1em 8em;
}
}
@media (max-width: 575px) {
input[type=datetime-local] {
padding: 1em 1em 1em 8em;
}
}
@media (max-width: 575px) {
input[type=url] {
padding: 1em 1em 1em 8em;
}
}
@media (max-width: 575px) {
input[type=week] {
padding: 1em 1em 1em 8em;
}
}
@media (max-width: 575px) {
input[type=time] {
padding: 1em 1em 1em 8em;
}
}
@media (max-width: 575px) {
input[type=month] {
padding: 1em 1em 1em 8em;
}
}
@media (max-width: 575px) {
input[type=date] {
padding: 1em 1em 1em 8em;
}
}
@media (max-width: 575px) {
input[type=search] {
padding: 1em 1em 1em 8em;
}
}
@media (max-width: 575px) {
input[type=password] {
padding: 1em 1em 1em 8em;
}
}
@media (max-width: 575px) {
input[type=number] {
padding: 1em 1em 1em 8em;
}
}
@media (max-width: 575px) {
input[type=tel] {
padding: 1em 1em 1em 8em;
}
}
@media (max-width: 575px) {
input[type=email] {
padding: 1em 1em 1em 8em;
}
}
@media (max-width: 575px) {
input[type=text] {
padding: 1em 1em 1em 8em;
}
}
@media (max-width: 575px) {
input[type=text] {
padding: 1em 1em 1em 8em;
}
}
input[type=button], input[type=submit] {
border: inherit;
}
input[type=text], input[type=email], input[type=tel], input[type=text], input[type=number], input[type=password], input[type=search], input[type=date], input[type=month], input[type=time], input[type=week], input[type=url], input[type=datetime-local], input[type=file], select {
padding: 1em 1em 1em 10em;
font-size: 1em;
line-height: 1;
color: white;
border: 0px solid;
border-radius: 0;
cursor: auto;
}
input[type=text]:active, input[type=text]:focus, input[type=email]:active, input[type=email]:focus, input[type=tel]:active, input[type=tel]:focus, input[type=text]:active, input[type=text]:focus, input[type=number]:active, input[type=number]:focus, input[type=password]:active, input[type=password]:focus, input[type=search]:active, input[type=search]:focus, input[type=date]:active, input[type=date]:focus, input[type=month]:active, input[type=month]:focus, input[type=time]:active, input[type=time]:focus, input[type=week]:active, input[type=week]:focus, input[type=url]:active, input[type=url]:focus, input[type=datetime-local]:active, input[type=datetime-local]:focus, input[type=file]:active, input[type=file]:focus, select:active, select:focus {
outline: unset !important;
}
@media (max-width: 575px) {
input[type=text], input[type=email], input[type=tel], input[type=text], input[type=number], input[type=password], input[type=search], input[type=date], input[type=month], input[type=time], input[type=week], input[type=url], input[type=datetime-local], input[type=file], select {
padding: 1em 1em 1em 8em;
}
}
input[type=submit], input[type=reset], input[type=button] {
padding: 25px 60px 20px;
line-height: 1;
background-color: #FCAF6B;
color: #1C1819;
border: 1px solid #FCAF6B;
text-decoration: none;
transition: 0.3s ease-in-out;
display: inline-block;
cursor: pointer;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
color: white;
text-decoration: none;
background: #4D5A68;
border-color: #4D5A68;
}
textarea {
padding: 1em 1em 1em 9em;
font-size: 1em;
line-height: 1;
color: white;
border: 0px solid;
border-radius: 0;
height: 8em;
}
textarea:active, textarea:focus {
outline: unset !important;
}
select option {
padding: 0.2em 1em;
transition: 0.3s ease-in-out;
}
@media (max-width: 575px) {
select {
padding: 1em 1em 1em 8em;
}
}
.responsive_table {
overflow-x: auto;
}
.wpcf7-form-control-wrap {
display: block;
}
.wpcf7-form-control-wrap span {
display: block;
margin-left: 0;
}
.wpcf7-form-control-wrap .wpcf7-list-item-label {
color: black;
width: 100%;
position: unset;
padding: 0;
background-color: unset;
}
.wpcf7-form-control-wrap label {
display: inline-flex;
cursor: pointer;
}
.wpcf7-form-control-wrap label input {
position: relative;
width: 0 !important;
top: 0em;
margin-right: 1.6em;
margin-top: 0em;
}
.wpcf7-form-control-wrap label input:before {
content: "";
position: absolute;
top: 0;
left: 0;
background: transparent;
border-radius: 0px;
width: 22px;
height: 22px;
border: 1px solid #FCAF6B;
}
.wpcf7-form-control-wrap label input:after {
content: "";
display: block;
position: absolute;
left: 9px;
top: 5px;
transform: rotate(45deg);
width: 0.3em;
height: 0.6em;
opacity: 0;
border-bottom: 2px solid;
border-right: 2px solid;
border-color: #1C1819;
transition: 0.3s ease-in-out;
}
.wpcf7-form-control-wrap label input:checked:after {
opacity: 1;
}
.wpcf7-form-control-wrap label .wpcf7-list-item-label {
margin-left: 15px;
display: block;
}
.wpcf7-form-control-wrap label .wpcf7-list-item-label a {
margin-left: 4px;
margin-right: 4px;
font-weight: bold;
}  .position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
.d-flex {
display: flex;
}
.d-none {
display: none !important;
}
.container {
width: 100%;
padding-right: 12px;
padding-left: 12px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
padding-right: 24px;
padding-left: 24px;
}
}
@media (min-width: 768px) {
.container {
padding-right: 48px;
padding-left: 48px;
}
}
@media (min-width: 992px) {
.container {
padding-right: 72px;
padding-left: 72px;
}
}
@media (min-width: 1367px) {
.container {
padding-right: 96px;
padding-left: 96px;
}
}
@media (min-width: 2400px) {
.container {
padding-right: 300px;
padding-left: 300px;
}
}
abbr[title], abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
small {
font-size: 80%;
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
pre, code, kbd, samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
fielwpet {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
.text-uppercase {
text-transform: uppercase;
}  #masthead {
position: fixed;
z-index: 999;
background: transparent;
transition: 0.3s ease-in-out;
width: 100%;
overflow: hidden;
top: 0px;
}
#masthead .wp_wrapper_menu_main {
position: relative;
z-index: 9999;
display: flex;
align-items: stretch;
justify-content: space-between;
transition: 0.3s ease-in-out;
min-height: 5em;
}
#masthead .wp_wrapper_menu_main .navbar-brand {
position: relative;
z-index: 100;
}
#masthead .wp_wrapper_menu_main .navbar-brand a {
max-width: 12.5em;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media only screen and (max-width: 1199px) {
#masthead .wp_wrapper_menu_main .navbar-brand a {
max-width: 10em;
}
}
#masthead .wp_wrapper_menu_main .navbar-brand a img {
width: 100%;
}
#masthead .wp_wrapper_menu_main .navbar #nav-icon3 {
display: none;
}
#masthead .wp_wrapper_menu_main .navbar #main-nav {
height: 100%;
}
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav {
display: flex;
align-items: stretch;
margin: auto;
list-style: none;
height: 100%;
}
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav > li {
margin: 0 2em;
}
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav > li:last-child {
margin-right: 0;
}
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav > li > a {
font-size: 1em;
text-decoration: none;
color: white;
height: 100%;
display: flex;
align-items: center;
border-bottom: 2px solid transparent;
border-top: 2px solid transparent;
transition: 0.3s ease-in-out;
text-transform: uppercase;
font-weight: bold;
}
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav > li > a:hover {
border-top: 2px solid #FCAF6B;
} #masthead.smallHeader, #masthead.headerOpen {
background-color: #1C1819;
}
#masthead.smallHeader {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0.5em 1.75em rgba(0, 0, 0, 0.18);
}
#masthead.smallHeader .wp_wrapper_menu_main {
min-height: 4.25em;
}
#masthead .navbar-brand a {
transition: max-width 0.3s ease-in-out;
}
#masthead.smallHeader .wp_wrapper_menu_main .navbar-brand a {
max-width: 10em;
}
@media (prefers-reduced-motion: reduce) {
#masthead {
transition: none;
}
}
@media (max-width: 575px) {
#masthead.smallHeader .wp_wrapper_menu_main .navbar-brand a {
max-width: 8.5em;
}
}
@media (max-width: 575px) {
#masthead .wp_wrapper_menu_main .navbar-brand a {
max-width: 10.625em;
}
}
@media (max-width: 991px) {
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav > li > a:hover {
color: #87501e;
}
}
@media (max-width: 991px) {
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav > li > a {
color: #1C1819;
}
}
@media (max-width: 991px) {
#masthead.headerOpen {
overflow: visible;
}
}
@media (prefers-reduced-motion: reduce) {
#masthead .navbar-brand a {
transition: none;
}
}
@media (max-width: 991px) {
#masthead .wp_wrapper_menu_main .navbar.wp_navbar_open #main-nav {
visibility: visible;
}
}
@media (max-width: 991px) {
#masthead .wp_wrapper_menu_main .navbar #main-nav {
visibility: hidden;
height: 100svh;
overflow-y: auto;
padding-block: 5em 2em;
}
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav {
height: auto;
margin-block: auto;
}
}
@media (prefers-reduced-motion: reduce) {
#masthead .wp_wrapper_menu_main .navbar #main-nav {
transition: none;
}
}
@media (max-width: 1366px) and (min-width: 992px) {
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav > li {
margin-inline: 0.5em;
}
}
@media only screen and (max-width: 991px) {
#masthead .wp_wrapper_menu_main .navbar {
display: flex;
justify-content: flex-end;
order: 3;
}
#masthead .wp_wrapper_menu_main .navbar #main-nav {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
width: 100%;
height: 100svh;
background-color: #1C1819;
top: 0;
right: 0;
z-index: 99;
text-align: center;
transform: translateX(100%);
transition: 0.5s cubic-bezier(0.86, -0.01, 0.15, 1.04);
}
}
@media only screen and (max-width: 991px) and (prefers-reduced-motion: reduce) {
#masthead .wp_wrapper_menu_main .navbar #main-nav {
transition: none;
}
}
@media only screen and (max-width: 991px) {
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 0;
list-style: none;
width: 80%;
}
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav li {
margin: 0 !important;
width: 100%;
border-top: 1px solid #EDEDED;
}
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav li:last-child {
border-bottom: 1px solid #EDEDED;
}
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav li a {
width: 100%;
padding: 1.4em 0.1em;
border: 0 !important;
text-align: center;
display: flex;
justify-content: space-between;
text-transform: unset;
color: white;
}
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav li a:after {
content: "";
width: 1.4em;
height: 1.4em;
background-image: url(//horskyhotelsvahova.cz/wp-content/themes/my_template/my_template/assets/img/chevron2.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
#masthead .wp_wrapper_menu_main .navbar #main-nav .navbar-nav li a:hover {
color: #FCAF6B;
background-color: rgba(255, 255, 255, 0.04);
}
#masthead .wp_wrapper_menu_main .navbar.wp_navbar_open #main-nav {
transform: translateX(0%);
}
}
@media (prefers-reduced-motion: reduce) {
#masthead .wp_wrapper_menu_main {
transition: none;
}
}
body.admin-bar #masthead {
top: 32px;
}
@media (max-width: 782px) {
body.admin-bar #masthead {
top: 46px;
}
}
@media only screen and (max-width: 991px) {
.navbar-toggler {
height: 22px;
width: 40px;
position: relative;
z-index: 99999;
display: block !important;
margin: auto;
padding: 0;
background: transparent !important;
border: 0;
}
.navbar-toggler:hover {
transform: translateY(-3px);
}
.navbar-toggler span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #FCAF6B;
border-radius: 9px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: 0.3s ease-in-out;
}
.navbar-toggler span:nth-child(1) {
top: 0px;
}
.navbar-toggler span:nth-child(2), .navbar-toggler span:nth-child(3) {
top: 10px;
}
.navbar-toggler span:nth-child(4) {
top: 20px;
}
.navbar-toggler.open span:nth-child(1) {
top: 10px;
width: 0%;
left: 50%;
}
.navbar-toggler.open span:nth-child(2) {
transform: rotate(45deg);
}
.navbar-toggler.open span:nth-child(3) {
transform: rotate(-45deg);
}
.navbar-toggler.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
}
@media (max-width: 600px) {
body.admin-bar #masthead.smallHeader {
top: 0;
}
} .wp_footer {
width: 100%;
background: #1C1819;
color: white;
}
.wp_footer .wp_footer_main {
display: flex;
align-items: flex-start;
gap: 5.5em;
padding-block: 4.5em;
}
@media (max-width: 1366px) {
.wp_footer .wp_footer_main {
gap: 3.5em;
padding-block: 3.5em;
}
}
@media (max-width: 1199px) {
.wp_footer .wp_footer_main {
display: grid;
grid-template-columns: max-content max-content minmax(14em, max-content);
justify-content: space-between;
gap: 3em 2em;
}
}
@media (max-width: 991px) {
.wp_footer .wp_footer_main {
gap: 3em 2em;
grid-template-columns: max-content max-content;
}
}
@media (max-width: 575px) {
.wp_footer .wp_footer_main {
grid-template-columns: minmax(0, 1fr);
padding-block: 3em;
gap: 2.5em;
}
}
.wp_footer .wp_footer_main > * {
min-width: 0;
}
.wp_footer .wp_footer_brand {
flex: 0 1 28%;
}
@media (max-width: 1199px) {
.wp_footer .wp_footer_brand {
grid-column: 1/-1;
max-width: 32em;
}
}
.wp_footer .wp_footer_nav {
margin-left: auto;
flex: 0 0 auto;
}
@media (max-width: 1199px) {
.wp_footer .wp_footer_nav {
margin-left: 0;
}
}
.wp_footer .wp_footer_contact {
flex: 0 0 auto;
}
.wp_footer .wp_footer_hours {
flex: 0 1 15em;
}
@media (max-width: 1199px) {
.wp_footer .wp_footer_hours {
max-width: 18em;
}
}
@media (max-width: 575px) {
.wp_footer .wp_footer_hours {
max-width: none;
}
}
.wp_footer .wp_footer_hours_list {
margin: 0;
}
.wp_footer .wp_footer_hours_list > div {
display: flex;
justify-content: space-between;
gap: 1.5em;
padding-block: 0.4em;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.wp_footer .wp_footer_hours_list > div:first-child {
padding-top: 0;
}
.wp_footer .wp_footer_hours_list dt {
font-weight: 400;
color: rgba(255, 255, 255, 0.72);
}
.wp_footer .wp_footer_hours_list dd {
margin: 0;
white-space: nowrap;
}
.wp_footer .wp_footer_hours_note {
margin: 1em 0 0;
font-size: 0.875em;
color: rgba(255, 255, 255, 0.72);
}
.wp_footer .wp_footer_contact_link {
display: flex;
align-items: flex-start;
gap: 0.85em;
max-width: 100%;
}
.wp_footer .wp_footer_contact_link svg {
flex: 0 0 1.35em;
width: 1.35em;
height: 1.35em;
margin-top: 0.1em;
color: #FCAF6B;
}
.wp_footer .wp_footer_contact_link span {
min-width: 0;
}
.wp_footer .wp_footer_logo {
display: block;
width: 13em;
}
@media (max-width: 1366px) {
.wp_footer .wp_footer_logo {
width: 11em;
}
}
.wp_footer .wp_footer_logo {
max-width: 100%;
margin-bottom: 1.5em;
}
.wp_footer .wp_footer_logo img {
display: block;
width: 100%;
height: auto;
}
.wp_footer .wp_footer_brand p {
margin: 0;
color: rgba(255, 255, 255, 0.72);
}
.wp_footer h2 {
margin: 0 0 1.5em;
padding: 0;
font-family: "Manrope";
font-size: 0.875em;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #FCAF6B;
}
.wp_footer a {
overflow-wrap: anywhere;
}
.wp_footer a:hover {
color: #FCAF6B;
}
.wp_footer a:focus-visible {
outline: 2px solid #FCAF6B;
outline-offset: 0.3em;
}
.wp_footer .wp_footer_menu {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.65em;
margin: 0;
padding: 0;
list-style: none;
}
.wp_footer address {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.85em;
margin: 0;
font-style: normal;
}
.wp_footer .wp_footer_bottom {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 1em 2em;
flex-wrap: wrap;
}
@media (max-width: 575px) {
.wp_footer .wp_footer_bottom {
flex-direction: column;
align-items: flex-start;
}
}
.wp_footer .wp_footer_bottom {
padding-block: 1.75em;
border-top: 1px solid rgba(255, 255, 255, 0.18);
font-size: 0.875em;
color: rgba(255, 255, 255, 0.72);
}
.wp_footer .wp_footer_bottom p {
margin: 0;
}
.wp_footer .wp_footer_bottom .wp_footer_company {
margin-top: 0.35em;
max-width: 60em;
font-size: 0.9em;
color: rgba(255, 255, 255, 0.5);
} .swiper-container {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
color: white;
width: 2em;
height: 2em;
border-radius: 50%;
transition: 0.3s ease-in-out;
}
.swiper-container .swiper-button-next::after, .swiper-container .swiper-button-prev::after {
font-weight: 800;
font-size: 0.8em;
transition: 0.3s ease-in-out;
margin-left: 0.3em;
margin-top: 0.2em;
}
.swiper-container .swiper-button-next:hover, .swiper-container .swiper-button-prev:hover {
transform: scale(1.1);
}
.swiper-container .swiper-button-prev::after {
margin-left: -0.1em;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
transition: 0.3s ease-in-out;
margin: 0 0.5em;
}
.swiper-nav-fix .swiper-container {
overflow: visible;
}
.swiper-nav-fix .swiper-pagination {
bottom: 2px;
} .wpcf7 .wpcf7-form .wpcf7-form-control-wrap input, .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea {
width: 100%;
}
.wpcf7 .wpcf7-form .wpcf7-submit {
margin-top: 0.5em;
}
.wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
position: absolute;
top: -21px;
}
.wpcf7 .wpcf7-form .wpcf7-response-output {
border-radius: 10px;
color: #FCAF6B;
border: 0 !important;
margin-left: 0;
margin-right: 0;
padding: 0em;
margin: 0;
font-weight: bold;
}
.wpcf7 .wpcf7-form .input_hidden {
opacity: 0;
overflow: hidden;
height: 0;
width: 0;
display: block;
} .btn-arrow,
button.btn-arrow {
cursor: pointer;
text-transform: none;
font-size: 1em;
font-weight: 700;
line-height: 1;
color: #1C1819;
background-color: #FCAF6B;
border: 0.0625em solid #FCAF6B;
border-radius: 6.25em;
padding: 0.625em 1.25em;
display: inline-flex;
align-items: center;
gap: 0.625em;
max-width: 100%;
}
.btn-arrow > span,
button.btn-arrow > span {
min-width: 0;
overflow-wrap: anywhere;
}
@media (max-width: 1366px) {
.btn-arrow,
button.btn-arrow {
padding: 0.625em 1em;
gap: 0.5em;
}
}
@media (max-width: 575px) {
.btn-arrow,
button.btn-arrow {
width: 100%;
justify-content: space-between;
}
}
.btn-arrow,
button.btn-arrow {
transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease, transform 0.3s ease-in-out;
}
.btn-arrow:hover,
button.btn-arrow:hover {
color: #1C1819;
background-color: rgb(249.9735099338, 120.9602649007, 7.0264900662);
border-color: rgb(249.9735099338, 120.9602649007, 7.0264900662);
text-decoration: none;
}
.btn-arrow > svg,
button.btn-arrow > svg {
flex: 0 0 2.125em;
width: 2.125em;
height: 2.125em;
transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.btn-arrow:hover > svg,
button.btn-arrow:hover > svg {
transform: translateX(0.3125em);
}
.btn-arrow:active,
button.btn-arrow:active {
transform: scale(0.95);
}
.btn-arrow:focus-visible,
button.btn-arrow:focus-visible {
outline: 0.125em solid white;
outline-offset: 0.1875em;
}
.btn-arrow--outline,
button.btn-arrow--outline {
color: #FCAF6B;
background-color: transparent;
border-color: #FCAF6B;
}
.btn-arrow--outline:hover,
button.btn-arrow--outline:hover {
color: #1C1819;
background-color: #FCAF6B;
border-color: #FCAF6B;
}
@media only screen and (max-width: 575px) {
.btn-arrow span,
button.btn-arrow span {
display: block;
margin: 0 auto;
}
}
@media (max-width: 575px) {
.btn-primary, .btn_outline {
width: 100%;
justify-content: space-between;
}
}
@media (max-width: 575px) {
.btn_outline {
width: 100%;
justify-content: space-between;
}
} .hp_hero_sec {
position: relative;
padding: 0;
margin: 0;
overflow: hidden;
}
.hp_hero_sec .container {
min-height: 100svh;
padding-top: 8em;
padding-bottom: 4em;
position: relative;
display: flex;
flex-direction: column;
align-items: stretch;
}
@media (max-width: 1366px) {
.hp_hero_sec .container {
padding-top: 7em;
padding-bottom: 3em;
gap: 1em;
}
}
@media (max-width: 1024px) {
.hp_hero_sec .container {
padding-top: 6.5em;
padding-bottom: 2.5em;
}
}
@media (max-width: 767px) {
.hp_hero_sec .container {
padding-top: 6em;
padding-bottom: 2em;
gap: 0.75em;
}
}
@media (max-width: 575px) {
.hp_hero_sec .container {
padding-top: 5.75em;
}
}
.hp_hero_sec .container:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 60%;
background: linear-gradient(180deg, rgba(28, 24, 25, 0.8) 0%, rgba(28, 24, 25, 0) 100%);
z-index: 1;
}
.hp_hero_sec .container:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60%;
background: linear-gradient(180deg, rgba(28, 24, 25, 0) 0%, rgba(28, 24, 25, 0.8) 100%);
z-index: 6;
}
.hp_hero_sec .container .hp_hero_img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center top;
object-position: center top;
pointer-events: none;
}
@media (max-width: 767px) {
.hp_hero_sec .container .hp_hero_img {
-o-object-position: 55% top;
object-position: 55% top;
}
}
.hp_hero_sec .container .hp_hero_img_1 {
z-index: 0;
}
.hp_hero_sec .container .hp_hero_img_2 {
z-index: 4;
}
.hp_hero_sec .container .hp_hero_eyebrow {
color: white;
position: relative;
z-index: 5;
margin-bottom: 0;
}
.hp_hero_sec .container h1 {
color: white;
position: relative;
z-index: 3;
line-height: 0.9;
font-size: 13em;
margin-bottom: 0.2em;
}
@media (max-width: 1366px) {
.hp_hero_sec .container h1 {
font-size: clamp(6em, 13vw, 11em);
}
}
@media (max-width: 1024px) {
.hp_hero_sec .container h1 {
font-size: clamp(5em, 14vw, 8.5em);
}
}
@media (max-width: 767px) {
.hp_hero_sec .container h1 {
font-size: clamp(3em, 16vw, 7em);
margin-bottom: 0.4em;
z-index: 5;
}
}
.hp_hero_sec .container .hp_hero_bottom {
position: relative;
z-index: 10;
display: flex;
flex-direction: row;
align-items: flex-start;
margin-top: auto;
justify-content: space-between;
}
@media (max-width: 1366px) {
.hp_hero_sec .container .hp_hero_bottom {
gap: 2em;
padding-top: 3em;
}
}
@media (max-width: 767px) {
.hp_hero_sec .container .hp_hero_bottom {
flex-direction: column;
gap: 1.5em;
padding-top: 4em;
}
}
@media (max-width: 575px) {
.hp_hero_sec .container .hp_hero_bottom {
gap: 1.25em;
padding-top: 3em;
}
}
.hp_hero_sec .container .hp_hero_bottom .hp_hero_bottom_left {
width: 30%;
}
@media (max-width: 1600px) {
.hp_hero_sec .container .hp_hero_bottom .hp_hero_bottom_left {
width: 42%;
}
}
@media (max-width: 1024px) {
.hp_hero_sec .container .hp_hero_bottom .hp_hero_bottom_left {
width: 48%;
}
}
@media (max-width: 767px) {
.hp_hero_sec .container .hp_hero_bottom .hp_hero_bottom_left {
width: 100%;
}
}
.hp_hero_sec .container .hp_hero_bottom .hp_hero_bottom_left .hp_hero_slogan {
color: white;
font-family: "Bricolage";
font-weight: 400;
line-height: 1.1;
font-size: 3em;
max-width: none;
margin: 0 0 0.5em;
}
@media (max-width: 1366px) {
.hp_hero_sec .container .hp_hero_bottom .hp_hero_bottom_left .hp_hero_slogan {
font-size: 2.5em;
}
}
@media (max-width: 1024px) {
.hp_hero_sec .container .hp_hero_bottom .hp_hero_bottom_left .hp_hero_slogan {
font-size: 2.15em;
}
}
@media (max-width: 575px) {
.hp_hero_sec .container .hp_hero_bottom .hp_hero_bottom_left .hp_hero_slogan {
font-size: 1.85em;
}
}
.hp_hero_sec .container .hp_hero_bottom .hp_hero_actions {
display: flex;
flex-wrap: wrap;
gap: 0.75em;
}
@media (max-width: 575px) {
.hp_hero_sec .container .hp_hero_bottom .hp_hero_actions_desktop {
display: none;
}
}
.hp_hero_sec .container .hp_hero_bottom .hp_hero_actions_mobile {
display: none;
}
@media (max-width: 575px) {
.hp_hero_sec .container .hp_hero_bottom .hp_hero_actions_mobile {
display: flex;
flex-direction: column;
width: 100%;
}
}
.hp_hero_sec .container .hp_hero_bottom p {
color: white;
position: relative;
z-index: 10;
font-size: 1em;
max-width: 30%;
}
@media (max-width: 1600px) {
.hp_hero_sec .container .hp_hero_bottom p {
max-width: 40%;
}
}
@media (max-width: 1024px) {
.hp_hero_sec .container .hp_hero_bottom p {
max-width: 44%;
}
}
@media (max-width: 767px) {
.hp_hero_sec .container .hp_hero_bottom p {
width: 100%;
max-width: none;
margin: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.hp_hero_sec a, .hp_hero_sec svg, .hp_hero_sec img {
transition: none;
}
} .hp_section > .container, .hp_hero_sec > .container, .hp_atmosphere_sec > .container {
width: 100%;
max-width: none;
}
.hp_section h2, .hp_hero_sec h2, .hp_atmosphere_sec h2 {
padding-bottom: 0;
}
.hp_section :where(h1, h2, h3, p, a, span), .hp_hero_sec :where(h1, h2, h3, p, a, span), .hp_atmosphere_sec :where(h1, h2, h3, p, a, span) {
overflow-wrap: anywhere;
}
.hp_section .btn-arrow, .hp_hero_sec .btn-arrow, .hp_atmosphere_sec .btn-arrow {
max-width: 100%;
line-height: 1.35;
}
@media (max-width: 575px) {
.hp_section .btn-arrow.hp_button_desktop, .hp_hero_sec .btn-arrow.hp_button_desktop, .hp_atmosphere_sec .btn-arrow.hp_button_desktop {
display: none;
}
}
.hp_section .btn-arrow.hp_button_mobile, .hp_hero_sec .btn-arrow.hp_button_mobile, .hp_atmosphere_sec .btn-arrow.hp_button_mobile {
display: none;
}
@media (max-width: 575px) {
.hp_section .btn-arrow.hp_button_mobile, .hp_hero_sec .btn-arrow.hp_button_mobile, .hp_atmosphere_sec .btn-arrow.hp_button_mobile {
display: inline-flex;
margin-top: 1.5em;
}
}
.hp_section .btn-arrow > span, .hp_hero_sec .btn-arrow > span, .hp_atmosphere_sec .btn-arrow > span {
min-width: 0;
}
.hp_section a:focus-visible, .hp_hero_sec a:focus-visible, .hp_atmosphere_sec a:focus-visible {
outline: 2px solid currentColor;
outline-offset: 0.25em;
}
.hp_section {
padding-block: 9em;
padding-inline: 0;
scroll-margin-top: 6em;
}
.hp_section :where(figure) {
margin: 0;
}
.hp_section :where(img) {
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.hp_section :where(h2) {
font-size: 4.25em;
letter-spacing: -0.035em;
color: #1C1819;
}
@media (max-width: 1366px) {
.hp_section {
padding-block: 6em;
}
}
@media (max-width: 767px) {
.hp_section {
padding-block: 4em;
}
}
@media (prefers-reduced-motion: reduce) {
.hp_section a, .hp_section svg, .hp_section img {
transition: none;
}
}
@media (max-width: 1600px) {
.hp_section h2 {
font-size: 3.75em;
}
}
@media (max-width: 1199px) {
.hp_section h2 {
font-size: 3.25em;
}
}
@media (max-width: 767px) {
.hp_section h2 {
font-size: 2.75em;
}
}
@media (max-width: 575px) {
.hp_section h2 {
font-size: 2.25em;
}
}
.hp_section_eyebrow {
display: block;
margin-bottom: 1.25em;
color: #87501e;
font-size: 0.875em;
font-weight: 700;
letter-spacing: 0.18em;
line-height: 1.4;
text-transform: uppercase;
}
.hp_section_head {
margin-bottom: 3.5em;
}
.hp_section_head_split {
display: grid;
grid-template-columns: 52% 40%;
justify-content: space-between;
align-items: end;
gap: 1.25em 0;
}
.hp_section_head_split > * {
min-width: 0;
}
.hp_section_head_center {
display: grid;
justify-items: center;
gap: 1.5em;
width: 70%;
margin-inline: auto;
text-align: center;
}
.hp_section_head_center .hp_section_eyebrow, .hp_section_head_center p {
margin: 0;
}
.hp_section_head_light h2 {
color: white;
}
.hp_section_head_light .hp_section_eyebrow {
color: #FCAF6B;
}
@media (max-width: 1366px) {
.hp_section_head {
margin-bottom: 3em;
}
}
@media (max-width: 575px) {
.hp_section_head {
margin-bottom: 2.5em;
}
}
.hp_section_intro p {
font-size: 1.125em;
margin-bottom: 1.5em;
}
@media (max-width: 575px) {
.hp_section_intro p {
font-size: 1em;
}
}
.hp_section_intro p:last-child {
margin-bottom: 0;
}
.hp_rooms_sec .hp_rooms_price_note {
padding-left: 1em;
border-left: 0.2em solid #FCAF6B;
color: rgba(255, 255, 255, 0.8);
font-size: 0.95em;
}
.hp_rooms_sec .hp_rooms_price_note strong {
color: #FCAF6B;
}
.hp_text_link {
display: inline-block;
padding-bottom: 0.3em;
border-bottom: 1px solid currentColor;
font-weight: 700;
}
.hp_text_link:hover {
text-decoration: none;
color: #87501e;
}
.hp_about_sec {
background: #f3eee6;
}
.hp_about_sec .hp_about_visuals {
display: grid;
grid-template-columns: 62% 34%;
justify-content: space-between;
align-items: start;
gap: 1.5em 0;
}
.hp_about_sec .hp_about_visual {
overflow: hidden;
}
.hp_about_sec .hp_about_visual_main {
grid-row: span 2;
}
.hp_about_sec .hp_about_visual_main img {
aspect-ratio: 4/3;
}
.hp_about_sec .hp_about_visual_detail {
margin-top: 3em;
}
.hp_about_sec .hp_about_visual_detail img {
aspect-ratio: 4/3;
}
.hp_about_sec .hp_about_note {
grid-column: 2;
display: flex;
flex-direction: column;
gap: 0.5em;
}
.hp_about_sec .hp_about_note strong {
font-family: "Bricolage";
font-size: 2em;
line-height: 1.1;
}
@media (max-width: 767px) {
.hp_about_sec .hp_about_visuals {
grid-template-columns: minmax(0, 1fr);
}
.hp_about_sec .hp_about_visual_main {
grid-row: auto;
}
.hp_about_sec .hp_about_visual_detail {
margin: 0;
}
.hp_about_sec .hp_about_note {
grid-column: auto;
}
}
.hp_rooms_sec {
color: white;
background: #1C1819;
}
.hp_rooms_sec .hp_rooms_list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 3em 2em;
}
.hp_rooms_sec .hp_room_card {
min-width: 0;
display: flex;
flex-direction: column;
}
.hp_rooms_sec .hp_room_image {
display: block;
overflow: hidden;
}
.hp_rooms_sec .hp_room_image img {
aspect-ratio: 4/3;
width: 100%;
transition: transform 0.25s ease-out;
}
.hp_rooms_sec .hp_room_card:hover img, .hp_rooms_sec .hp_room_card:focus-within img {
transform: scale(1.05);
}
.hp_rooms_sec .hp_room_slider {
position: relative;
width: 100%;
min-width: 0;
margin: 0;
overflow: hidden;
}
.hp_rooms_sec .hp_room_slider .swiper-slide {
overflow: hidden;
}
.hp_rooms_sec .hp_room_slider:not(.swiper-initialized) .swiper-slide:not(:first-child) {
display: none;
}
.hp_rooms_sec .hp_room_slider:not(.swiper-initialized) .hp_room_nav {
display: none;
}
.hp_rooms_sec .hp_room_nav {
position: absolute;
top: 50%;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 2.25em;
height: 2.25em;
padding: 0;
border: 0px solid rgba(255, 255, 255, 0.6);
border-radius: 50%;
background: #1C1819;
color: white;
transform: translateY(-50%);
transition: background-color 0.5s ease;
}
.hp_rooms_sec .hp_room_nav:hover {
background: #FCAF6B;
color: #1C1819;
}
.hp_rooms_sec .hp_room_nav:focus-visible {
outline: 2px solid white;
outline-offset: 0.2em;
}
.hp_rooms_sec .hp_room_nav.swiper-button-lock {
display: none;
}
.hp_rooms_sec .hp_room_nav span {
display: block;
}
.hp_rooms_sec .hp_room_nav span svg {
display: block;
}
.hp_rooms_sec .hp_room_nav span svg path {
transition: 0.3s ease-in-out;
}
.hp_rooms_sec .hp_room_prev {
left: 0.75em;
}
.hp_rooms_sec .hp_room_next {
right: 0.75em;
}
.hp_rooms_sec .hp_room_content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1em;
flex: 1;
padding-top: 1.5em;
}
.hp_rooms_sec .hp_room_content h3 {
font-size: 2em;
text-transform: none;
margin: 0;
}
.hp_rooms_sec .hp_room_content p {
margin: 0;
font-size: 0.875em;
font-weight: 400;
line-height: 1.5;
color: #FCAF6B;
}
.hp_rooms_sec .hp_room_booking {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.25em;
margin-top: auto;
padding-top: 0.5em;
}
.hp_rooms_sec .hp_room_booking strong {
color: #FCAF6B;
}
@media (max-width: 575px) {
.hp_rooms_sec .hp_room_booking {
width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.hp_rooms_sec .hp_room_card:focus-within img {
transform: none;
}
}
@media (prefers-reduced-motion: reduce) {
.hp_rooms_sec .hp_room_card:hover img {
transform: none;
}
}
@media (max-width: 1366px) {
.hp_rooms_sec .hp_rooms_list {
gap: 2.5em 1.5em;
}
}
@media (max-width: 1199px) {
.hp_rooms_sec .hp_rooms_list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.hp_rooms_sec .hp_rooms_list {
grid-template-columns: minmax(0, 1fr);
}
}
.hp_atmosphere_sec {
position: relative;
isolation: isolate;
display: flex;
align-items: flex-end;
min-height: 38em;
padding: 5em 0;
overflow: hidden;
color: white;
background: #1C1819;
}
.hp_atmosphere_sec .hp_atmosphere_media {
position: absolute;
inset: 0;
z-index: -1;
}
.hp_atmosphere_sec .hp_atmosphere_media img, .hp_atmosphere_sec .hp_atmosphere_media video {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hp_atmosphere_sec .hp_atmosphere_media::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(28, 24, 25, 0.48), rgba(28, 24, 25, 0.75));
pointer-events: none;
}
.hp_atmosphere_sec .hp_section_eyebrow {
color: #FCAF6B;
}
.hp_atmosphere_sec .hp_atmosphere_content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5em;
pointer-events: none;
}
.hp_atmosphere_sec .hp_atmosphere_content .hp_section_eyebrow {
margin: 0;
}
.hp_atmosphere_sec .hp_atmosphere_content h2 {
color: white;
font-size: 5em;
line-height: 1.05;
letter-spacing: -0.035em;
}
.hp_atmosphere_sec .hp_atmosphere_content p {
margin: 0;
font-size: 1.125em;
}
.hp_atmosphere_sec .hp_atmosphere_content .btn-arrow {
pointer-events: auto;
}
@media (max-width: 767px) {
.hp_atmosphere_sec {
min-height: 30em;
padding-block: 3em;
}
.hp_atmosphere_sec .hp_atmosphere_content h2 {
font-size: 3.5em;
}
}
@media (max-width: 575px) {
.hp_atmosphere_sec {
min-height: 25em;
}
.hp_atmosphere_sec .hp_atmosphere_content h2 {
font-size: 2.75em;
}
}
.hp_restaurant_sec {
background: #eadfce;
}
.hp_restaurant_sec .hp_restaurant_layout {
display: grid;
grid-template-columns: 42% 52%;
justify-content: space-between;
align-items: center;
gap: 3em 0;
}
.hp_restaurant_sec .hp_restaurant_copy {
min-width: 0;
}
.hp_restaurant_sec .hp_restaurant_copy h2 {
margin-bottom: 0.5em;
}
.hp_restaurant_sec .hp_restaurant_copy p {
font-size: 1.125em;
margin-bottom: 2em;
}
.hp_restaurant_sec .hp_restaurant_actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.5em;
}
.hp_restaurant_sec .hp_restaurant_visuals {
display: grid;
grid-template-columns: 58% 38%;
justify-content: space-between;
align-items: end;
}
.hp_restaurant_sec .hp_restaurant_visual {
overflow: hidden;
}
.hp_restaurant_sec .hp_restaurant_visual_main img {
aspect-ratio: 3/4;
}
.hp_restaurant_sec .hp_restaurant_visual_detail img {
aspect-ratio: 3/4;
}
@media (max-width: 575px) {
.hp_restaurant_sec .hp_restaurant_copy p {
font-size: 1em;
}
}
@media (max-width: 991px) {
.hp_restaurant_sec .hp_restaurant_visuals {
grid-template-columns: 58% 38%;
}
}
@media (max-width: 575px) {
.hp_restaurant_sec .hp_restaurant_visuals {
grid-template-columns: minmax(0, 1fr);
gap: 1.5em;
}
.hp_restaurant_sec .hp_restaurant_visuals img {
aspect-ratio: 4/3;
}
}
@media (max-width: 1199px) {
.hp_restaurant_sec .hp_restaurant_layout {
grid-template-columns: 46% 48%;
}
}
@media (max-width: 991px) {
.hp_restaurant_sec .hp_restaurant_layout {
grid-template-columns: minmax(0, 1fr);
}
}
.hp_activities_sec {
background: #f8f4ed;
}
.hp_activities_sec .hp_activities_grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2em;
}
@media only screen and (max-width: 991px) {
.hp_activities_sec .hp_activities_grid {
gap: 1.25em;
}
}
.hp_activities_sec .hp_activity {
min-width: 0;
background: #eadfce;
}
.hp_activities_sec .hp_activity img {
aspect-ratio: 3/2;
width: 100%;
}
.hp_activities_sec .hp_activity_content {
padding: 2em;
}
@media only screen and (max-width: 991px) {
.hp_activities_sec .hp_activity_content {
padding: 1.25em;
}
}
.hp_activities_sec .hp_activity_content span {
color: #87501e;
font-size: 0.875em;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.hp_activities_sec .hp_activity_content h3 {
margin: 0.5em 0 0;
font-size: 2.25em;
text-transform: none;
}
.hp_activities_sec .hp_activities_note {
grid-column: 1/-1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 2em;
}
.hp_activities_sec .hp_activities_note p {
width: 60%;
margin: 0;
}
@media (max-width: 767px) {
.hp_activities_sec .hp_activities_note {
flex-direction: column;
align-items: flex-start;
}
.hp_activities_sec .hp_activities_note p {
width: 100%;
}
}
.hp_gallery_sec {
background: #f3eee6;
}
.hp_gallery_sec .hp_gallery_editorial {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 1.5em;
}
.hp_gallery_sec .hp_gallery_item {
grid-column: span 3;
min-width: 0;
overflow: hidden;
}
.hp_gallery_sec .hp_gallery_item:nth-child(7n+1), .hp_gallery_sec .hp_gallery_item:nth-child(7n+2), .hp_gallery_sec .hp_gallery_item:nth-child(7n+3) {
grid-column: span 4;
}
.hp_gallery_sec .hp_gallery_item img {
width: 100%;
aspect-ratio: 4/3;
transition: transform 0.25s ease-out;
}
.hp_gallery_sec .hp_gallery_item:hover img {
transform: scale(1.05);
}
@media (max-width: 575px) {
.hp_gallery_sec .hp_gallery_editorial {
gap: 1em;
}
.hp_gallery_sec .hp_gallery_item:nth-child(n) {
grid-column: 1/-1;
}
}
.hp_contact_sec {
padding-block: 3em;
background: #f3eee6;
color: white;
}
.hp_contact_sec .hp_contact_panel {
display: grid;
grid-template-columns: 46% 48%;
justify-content: space-between;
align-items: start;
gap: 3em 0;
padding: 4em;
background: #1C1819;
}
.hp_contact_sec .hp_contact_copy, .hp_contact_sec .hp_contact_form, .hp_contact_sec .hp_contact_heading, .hp_contact_sec .hp_contact_body {
min-width: 0;
}
.hp_contact_sec h2 {
color: white;
}
.hp_contact_sec .hp_section_eyebrow {
color: #FCAF6B;
}
.hp_contact_sec .hp_contact_body {
margin-top: 2em;
}
.hp_contact_sec .hp_contact_body p {
font-size: 1.125em;
margin-bottom: 2em;
}
.hp_contact_sec .hp_contact_links {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.25em;
margin: 0;
font-style: normal;
font-size: 1.125em;
}
.hp_contact_sec .hp_contact_item {
display: flex;
align-items: flex-start;
gap: 0.85em;
max-width: 100%;
}
.hp_contact_sec .hp_contact_item svg {
flex: 0 0 1.35em;
width: 1.35em;
height: 1.35em;
margin-top: 0.1em;
color: #FCAF6B;
}
.hp_contact_sec .hp_contact_item span {
min-width: 0;
}
.hp_contact_sec .hp_contact_links a:hover {
color: #FCAF6B;
}
@media (max-width: 575px) {
.hp_contact_sec {
padding-block: 2em;
}
.hp_contact_sec .hp_contact_panel {
padding: 2em 1.5em;
}
}
@media (max-width: 575px) {
.hp_contact_sec .hp_contact_body p {
font-size: 1em;
}
}
@media (max-width: 1366px) {
.hp_contact_sec .hp_contact_panel {
padding: 3em;
}
}
@media (max-width: 991px) {
.hp_contact_sec .hp_contact_panel {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 575px) {
.hp_contact_sec .hp_contact_panel {
padding: 2em 1.5em;
}
}
.hp_about_sec .btn-arrow--outline, .hp_activities_sec .btn-arrow--outline, .hp_gallery_sec .btn-arrow--outline {
color: #1C1819;
border-color: #87501e;
}
@media (prefers-reduced-motion: reduce) {
.hp_gallery_sec .hp_gallery_item:hover img {
transform: none;
}
}
@media (max-width: 575px) {
.hp_activities_sec .hp_activity_content {
padding: 1.5em;
}
.hp_activities_sec .hp_activity_content h3 {
font-size: 1.75em;
}
}
@media (max-width: 767px) {
.hp_gallery_sec .hp_gallery_item:nth-child(n) {
grid-column: span 6;
}
}
@media (max-width: 575px) {
.hp_gallery_sec .hp_gallery_item:nth-child(n) {
grid-column: 1/-1;
}
}
@media (max-width: 767px) {
.hp_activities_sec .hp_activities_grid {
grid-template-columns: minmax(0, 1fr);
}
} .hp_gallery_link {
display: block;
cursor: zoom-in;
}
.hp_gallery_link:focus-visible {
outline-offset: -0.35em;
}
.hp_gallery_link:focus-visible img {
transform: scale(1.05);
}
html.hp_lightbox_open {
overflow: hidden;
}
.hp_lightbox {
position: fixed;
inset: 0;
width: 92%;
max-width: none;
max-height: 94svh;
margin: auto;
padding: 1.5em;
border: 1px solid rgba(255, 255, 255, 0.15);
color: white;
background: #1C1819;
overflow: auto;
}
.hp_lightbox::backdrop {
background: rgba(10, 8, 9, 0.92);
}
.hp_lightbox[open] {
display: grid;
gap: 1em;
}
.hp_lightbox .hp_lightbox_toolbar, .hp_lightbox .hp_lightbox_navigation {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1em;
}
.hp_lightbox .hp_lightbox_figure {
margin: 0;
min-width: 0;
}
.hp_lightbox .hp_lightbox_image {
display: block;
width: 100%;
height: 65svh;
-o-object-fit: contain;
object-fit: contain;
}
.hp_lightbox figcaption {
margin-top: 1em;
text-align: center;
overflow-wrap: anywhere;
}
.hp_lightbox button {
padding: 0.4em;
border: 1px solid rgba(255, 255, 255, 0.45);
border-radius: 3em;
color: white;
background: transparent;
text-transform: none;
line-height: 1.3;
display: block;
}
.hp_lightbox button:hover {
color: #1C1819;
background: #FCAF6B;
}
.hp_lightbox button:focus-visible {
outline: 2px solid #FCAF6B;
outline-offset: 0.2em;
}
.hp_lightbox button[hidden] {
display: none;
}
.hp_lightbox button svg {
display: block;
}
@media (max-width: 575px) {
.hp_lightbox {
padding: 1em;
}
.hp_lightbox .hp_lightbox_image {
height: 55svh;
}
}
.hp_rooms_sec .hp_room_lightbox {
display: block;
width: 100%;
padding: 0;
border: 0;
background: transparent;
cursor: zoom-in;
}
.hp_rooms_sec .hp_room_lightbox:focus-visible {
outline: 2px solid white;
outline-offset: -0.3em;
}
.hp_lightbox .hp_lightbox_image {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
.hp_lightbox .hp_lightbox_figure {
overflow: hidden;
}
.hp_lightbox_slider {
width: 100%;
min-width: 0;
overflow: hidden;
}
.hp_lightbox_slider .swiper-wrapper {
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.hp_lightbox_slider .swiper-slide {
overflow: hidden;
}
.hp_contact_form .inquiry-form {
display: grid;
gap: 1.25em;
min-width: 0;
}
.hp_contact_form .inquiry-form label {
display: block;
margin-bottom: 0.5em;
font-size: 0.875em;
}
.hp_contact_form .inquiry-form label > span:first-of-type {
position: static;
display: inline;
width: auto;
height: auto;
padding: 0;
background: none;
color: inherit;
}
.hp_contact_form .inquiry-form label > span:first-of-type::before {
content: none;
}
.hp_contact_form .inquiry-form input:not([type=radio]):not([type=checkbox]):not([type=hidden]), .hp_contact_form .inquiry-form select, .hp_contact_form .inquiry-form textarea {
width: 100%;
min-width: 0;
padding: 0.75em 1em;
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 0;
background: #30292b;
color: white;
line-height: 1.2;
}
.hp_contact_form .inquiry-form input:not([type=radio]):not([type=checkbox]):not([type=hidden]):focus-visible, .hp_contact_form .inquiry-form select:focus-visible, .hp_contact_form .inquiry-form textarea:focus-visible {
outline: 2px solid #FCAF6B !important;
outline-offset: 0.15em;
}
.hp_contact_form .inquiry-form textarea {
height: auto;
min-height: 8em;
resize: vertical;
}
.hp_contact_form .inquiry-form fieldset {
min-width: 0;
padding: 0;
border: 0;
}
.hp_contact_form .inquiry-form legend {
margin-bottom: 0.5em;
font-size: 0.875em;
}
.hp_contact_form .inquiry-form .inquiry-form__type-options {
display: flex;
flex-wrap: wrap;
gap: 1em 2em;
}
.hp_contact_form .inquiry-form .inquiry-form__type-option, .hp_contact_form .inquiry-form .inquiry-form__acceptance label {
display: flex;
align-items: baseline;
gap: 0.65em;
margin: 0;
}
.hp_contact_form .inquiry-form input[type=radio], .hp_contact_form .inquiry-form input[type=checkbox] {
flex-shrink: 0;
accent-color: #FCAF6B;
margin: 0;
}
.hp_contact_form .inquiry-form .inquiry-form__reservation:not([hidden]) {
display: grid;
gap: 1.25em;
}
.hp_contact_form .inquiry-form .inquiry-form__dates {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1em;
}
.hp_contact_form .inquiry-form .inquiry-form__price-note {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0.25em 1em;
padding: 1em 1.125em;
border-left: 0.25em solid #FCAF6B;
background: rgba(255, 255, 255, 0.07);
color: white;
}
.hp_contact_form .inquiry-form .inquiry-form__price-note > span {
align-self: center;
}
.hp_contact_form .inquiry-form .inquiry-form__price-note strong {
color: #FCAF6B;
font-family: "Bricolage";
font-size: 1.25em;
text-align: right;
}
.hp_contact_form .inquiry-form .inquiry-form__price-note small {
grid-column: 1/-1;
color: rgba(255, 255, 255, 0.7);
line-height: 1.5;
}
@media (max-width: 575px) {
.hp_contact_form .inquiry-form .inquiry-form__price-note {
grid-template-columns: minmax(0, 1fr);
}
.hp_contact_form .inquiry-form .inquiry-form__price-note strong {
text-align: left;
}
}
.hp_contact_form .inquiry-form .inquiry-form__acceptance {
font-size: 0.875em;
}
.hp_contact_form .inquiry-form .inquiry-form__acceptance a {
text-decoration: underline;
}
.hp_contact_form .inquiry-form .inquiry-form__submit {
justify-self: start;
max-width: 100%;
text-transform: none;
min-width: 12.5em;
min-height: 3.5em;
}
.hp_contact_form .inquiry-form .inquiry-form__submit .inquiry-form__submit-spinner {
display: none;
flex: 0 0 2.125em;
width: 2.125em;
height: 2.125em;
margin: 0 auto;
border: 0.1875em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: inquiry-submit-spin 0.75s linear infinite;
}
.hp_contact_form .inquiry-form .inquiry-form__submit.is-loading {
justify-content: center;
cursor: wait;
}
.hp_contact_form .inquiry-form .inquiry-form__submit.is-loading .inquiry-form__submit-text,
.hp_contact_form .inquiry-form .inquiry-form__submit.is-loading .inquiry-form__submit-arrow {
display: none;
}
.hp_contact_form .inquiry-form .inquiry-form__submit.is-loading .inquiry-form__submit-spinner {
display: block;
}
@media (prefers-reduced-motion: reduce) {
.hp_contact_form .inquiry-form .inquiry-form__submit .inquiry-form__submit-spinner {
animation-duration: 1.5s;
}
}
.hp_contact_form .inquiry-form .inquiry-form__message:empty {
display: none;
}
@keyframes inquiry-submit-spin {
to {
transform: rotate(360deg);
}
}
.hp_contact_form .inquiry-form {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hp_contact_form .inquiry-form > * {
grid-column: 1/-1;
min-width: 0;
}
.hp_contact_form .inquiry-form > .inquiry-form__field--half {
grid-column: span 1;
}
.hp_contact_form .inquiry-form .inquiry-form__type-options {
align-items: center;
gap: 0.85em;
}
.hp_contact_form .inquiry-form .inquiry-form__type-option {
position: relative;
cursor: pointer;
}
.hp_contact_form .inquiry-form .inquiry-form__type-option input {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
}
.hp_contact_form .inquiry-form .inquiry-form__type-option span {
opacity: 0.64;
transition: opacity 0.25s ease;
}
.hp_contact_form .inquiry-form .inquiry-form__type-option:has(input:checked) span {
opacity: 1;
}
.hp_contact_form .inquiry-form .inquiry-form__type-option:has(input:focus-visible) {
outline: 2px solid #FCAF6B;
outline-offset: 0.3em;
}
.hp_contact_form .inquiry-form .inquiry-form__toggle {
display: flex;
align-items: center;
flex: 0 0 3.25em;
width: 3.25em;
height: 1.75em;
padding: 0.2em;
border: 1px solid #FCAF6B;
border-radius: 2em;
background: transparent;
}
.hp_contact_form .inquiry-form .inquiry-form__toggle span {
display: block;
width: 1.2em;
height: 1.2em;
border-radius: 50%;
background: #FCAF6B;
transition: transform 0.25s ease;
}
.hp_contact_form .inquiry-form .inquiry-form__toggle[aria-checked=true] span {
transform: translateX(1.4em);
}
.hp_contact_form .inquiry-form .inquiry-form__toggle:focus-visible {
outline: 2px solid #FCAF6B;
outline-offset: 0.25em;
}
.hp_contact_form .inquiry-form .inquiry-form__acceptance label,
.hp_contact_form .inquiry-form .inquiry-form__breakfast label {
position: relative;
display: block;
padding-left: 2.5em;
margin: 0;
cursor: pointer;
}
.hp_contact_form .inquiry-form .inquiry-form__acceptance label::before, .hp_contact_form .inquiry-form .inquiry-form__acceptance label::after,
.hp_contact_form .inquiry-form .inquiry-form__breakfast label::before,
.hp_contact_form .inquiry-form .inquiry-form__breakfast label::after {
content: "";
position: absolute;
top: 0em;
left: 0;
width: 1.5em;
height: 1.5em;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
pointer-events: none;
}
.hp_contact_form .inquiry-form .inquiry-form__acceptance label::before,
.hp_contact_form .inquiry-form .inquiry-form__breakfast label::before {
background-image: url(//horskyhotelsvahova.cz/wp-content/uploads/2026/09/checkbox_base.svg);
}
.hp_contact_form .inquiry-form .inquiry-form__acceptance label::after,
.hp_contact_form .inquiry-form .inquiry-form__breakfast label::after {
background-image: url(//horskyhotelsvahova.cz/wp-content/uploads/2026/09/checkbox_check-1.svg);
opacity: 0;
}
.hp_contact_form .inquiry-form .inquiry-form__acceptance label:has(input:checked)::after,
.hp_contact_form .inquiry-form .inquiry-form__breakfast label:has(input:checked)::after {
opacity: 1;
}
.hp_contact_form .inquiry-form .inquiry-form__acceptance label:has(input:checked)::before,
.hp_contact_form .inquiry-form .inquiry-form__breakfast label:has(input:checked)::before {
opacity: 0;
}
.hp_contact_form .inquiry-form .inquiry-form__acceptance label:has(input:focus-visible)::before,
.hp_contact_form .inquiry-form .inquiry-form__breakfast label:has(input:focus-visible)::before {
outline: 2px solid #FCAF6B;
outline-offset: 0.2em;
opacity: 1;
}
.hp_contact_form .inquiry-form .inquiry-form__acceptance input[type=checkbox],
.hp_contact_form .inquiry-form .inquiry-form__breakfast input[type=checkbox] {
position: absolute;
top: 0.15em;
left: 0;
width: 1.25em;
height: 1.25em;
margin: 0;
opacity: 0;
cursor: pointer;
}
.hp_contact_form .inquiry-form .inquiry-form__contact-row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1em;
}
@media (min-width: 1025px) and (max-width: 1199px) {
.hp_contact_form .inquiry-form .inquiry-form__contact-row {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 767px) {
.hp_contact_form .inquiry-form .inquiry-form__contact-row {
grid-template-columns: minmax(0, 1fr);
}
}
.hp_contact_form .inquiry-form .inquiry-form__contact-row > .inquiry-form__field {
min-width: 0;
}
.hp_contact_form .inquiry-form .inquiry-form__type-options {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.hp_contact_form .inquiry-form button.inquiry-form__toggle {
font-size: 0.8em;
position: relative;
display: inline-flex;
min-width: 3.25em;
min-height: 1.75em;
margin: 0;
box-shadow: none;
}
.hp_contact_form .inquiry-form button.inquiry-form__toggle::before {
content: "";
display: block;
width: 1.2em;
height: 1.2em;
border-radius: 50%;
background: #FCAF6B;
transition: transform 0.25s ease;
}
.hp_contact_form .inquiry-form button.inquiry-form__toggle[aria-checked=true]::before {
transform: translateX(1.4em);
}
.hp_contact_form .inquiry-form button.inquiry-form__toggle > span {
display: none;
}
.hp_contact_form .inquiry-form input[type=date] {
padding-right: 3em !important;
background-image: url(//horskyhotelsvahova.cz/wp-content/uploads/2026/09/calendar.svg) !important;
background-repeat: no-repeat !important;
background-position: right 0.85em center !important;
background-size: 1.25em !important;
position: relative;
}
.hp_contact_form .inquiry-form input[type=date]::-webkit-calendar-picker-indicator {
position: absolute;
right: 0.65em;
width: 1.75em;
height: 1.75em;
opacity: 0;
cursor: pointer;
}
@media (max-width: 991px) {
.hp_section_head_split {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 991px) {
.hp_section_head_center {
width: 90%;
}
}
@media (max-width: 767px) {
.hp_section_head_center {
width: 100%;
}
}
@media (max-width: 575px) {
.hp_contact_form .inquiry-form .inquiry-form__dates {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 575px) {
.hp_contact_form .inquiry-form > .inquiry-form__field--half {
grid-column: 1/-1;
}
}
@media (prefers-reduced-motion: reduce) {
.hp_contact_form .inquiry-form .inquiry-form__toggle span {
transition: none;
}
}
@media (prefers-reduced-motion: reduce) {
.hp_contact_form .inquiry-form .inquiry-form__type-option span {
transition: none;
}
}
@media (prefers-reduced-motion: reduce) {
.hp_contact_form .inquiry-form button.inquiry-form__toggle::before {
transition: none;
}
}
@media (max-width: 575px) {
.hp_contact_form .inquiry-form .inquiry-form__submit {
justify-self: stretch;
}
} html.inquiry-success-open,
body.inquiry-success-open {
overflow: hidden;
}
.inquiry-success {
position: fixed;
inset: 0;
z-index: 100000;
display: grid;
place-items: center;
padding: 1.5em;
isolation: isolate;
overscroll-behavior: contain;
}
.inquiry-success[hidden] {
display: none;
}
@media (max-width: 575px) {
.inquiry-success {
padding: 1em;
}
}
.inquiry-success__backdrop {
position: absolute;
inset: 0;
background: rgba(28, 24, 25, 0.72);
backdrop-filter: blur(5px);
}
.inquiry-success__dialog {
position: relative;
width: 100%;
max-width: 36em;
max-height: calc(100dvh - 3em);
overflow-y: auto;
overscroll-behavior: contain;
padding: 3.5em 3em 3em;
border-top: 0.25em solid #FCAF6B;
border-radius: 1em;
background: #f8f4ed;
box-shadow: 0 1.5em 5em rgba(28, 24, 25, 0.3);
color: #1C1819;
text-align: center;
overflow-wrap: anywhere;
}
@media (max-width: 575px) {
.inquiry-success__dialog {
max-height: calc(100dvh - 2em);
padding: 3.5em 1.5em 2em;
}
}
.inquiry-success__dialog .eyebrow {
display: block;
margin-bottom: 0.75em;
color: #87501e;
font-size: 0.875em;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.inquiry-success__dialog h2 {
margin: 0 0 0.5em;
padding: 0;
color: #1C1819;
font-size: 2.75em;
line-height: 1.1;
letter-spacing: -0.035em;
}
@media (max-width: 575px) {
.inquiry-success__dialog h2 {
font-size: 2em;
}
}
.inquiry-success__dialog p {
max-width: 28em;
margin: 0 auto;
color: rgba(28, 24, 25, 0.8);
font-size: 1em;
line-height: 1.65;
}
.inquiry-success__icon {
display: grid;
place-items: center;
width: 4em;
height: 4em;
margin: 0 auto 1.5em;
border-radius: 50%;
background: #FCAF6B;
color: #1C1819;
}
.inquiry-success__icon svg {
width: 2em;
height: 2em;
}
.inquiry-success__close {
position: absolute;
top: 0.75em;
right: 0.75em;
display: grid;
place-items: center;
width: 2.75em;
height: 2.75em;
padding: 0;
border: 1px solid rgba(28, 24, 25, 0.16);
border-radius: 50%;
background: transparent;
color: #1C1819;
transition: background-color 0.25s ease, border-color 0.25s ease;
}
.inquiry-success__close:hover {
background: #FCAF6B;
border-color: #FCAF6B;
color: #1C1819;
}
.inquiry-success__close:focus-visible {
outline: 2px solid #1C1819;
outline-offset: 3px;
}
.inquiry-success__close svg {
width: 1.25em;
height: 1.25em;
}
@media (prefers-reduced-motion: reduce) {
.inquiry-success__close {
transition: none;
}
} .error404 #masthead {
background: linear-gradient(180deg, rgba(28, 24, 25, 0.8) 0%, rgba(28, 24, 25, 0) 100%);
}
.error_page {
position: relative;
isolation: isolate;
display: flex;
min-height: 100svh;
padding: 8em 0 4em;
overflow: hidden;
background-color: #1C1819;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: white;
}
.error_page_overlay {
position: absolute;
inset: 0;
z-index: -1;
background: radial-gradient(circle at 78% 45%, rgba(252, 175, 107, 0.18), transparent 28%), linear-gradient(90deg, rgba(28, 24, 25, 0.92) 0%, rgba(28, 24, 25, 0.67) 48%, rgba(28, 24, 25, 0.38) 100%), linear-gradient(0deg, rgba(28, 24, 25, 0.6), transparent 45%);
pointer-events: none;
}
.error_page_inner {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(20em, 0.95fr);
align-items: center;
gap: 4em;
min-height: calc(100svh - 12em);
}
.error_page_content {
position: relative;
z-index: 2;
max-width: 45em;
}
@media only screen and (max-width: 991px) {
.error_page_content {
align-self: flex-start;
}
}
.error_page_content h1 {
max-width: 8em;
margin: 0 0 0.45em;
color: white;
font-size: 6em;
line-height: 0.98;
letter-spacing: -0.045em;
text-wrap: balance;
}
.error_page_content .error_page_text {
max-width: 38em;
margin: 0 0 2em;
}
.error_page_content .error_page_text p {
margin: 0 0 1em;
color: rgba(255, 255, 255, 0.82);
font-size: 1.125em;
line-height: 1.7;
}
.error_page_content .error_page_text p:last-child {
margin-bottom: 0;
}
.error_page_eyebrow {
display: block;
margin-bottom: 1.25em;
color: #FCAF6B;
font-size: 0.875em;
font-weight: 700;
letter-spacing: 0.18em;
}
.error_page_actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.5em;
}
.error_page_link {
padding-bottom: 0.25em;
border-bottom: 1px solid rgba(255, 255, 255, 0.7);
color: white;
font-weight: 700;
}
.error_page_link:hover {
border-color: #FCAF6B;
color: #FCAF6B;
text-decoration: none;
}
.error_page_link:focus-visible {
outline: 2px solid #FCAF6B;
outline-offset: 0.3em;
}
.error_page_code {
display: flex;
justify-content: flex-end;
color: transparent;
font-family: "Bricolage";
font-size: 16em;
font-weight: 700;
line-height: 0.75;
letter-spacing: -0.12em;
-webkit-text-stroke: 1px rgba(255, 255, 255, 0.48);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.error_page_code span:nth-child(2) {
color: #FCAF6B;
-webkit-text-stroke: 0;
opacity: 0.88;
}
@media (max-width: 1366px) {
.error_page {
padding-top: 7em;
}
.error_page_inner {
gap: 3em;
min-height: calc(100svh - 11em);
}
.error_page_content h1 {
font-size: 5em;
}
.error_page_code {
font-size: 14em;
}
}
@media (max-width: 1199px) {
.error_page_content h1 {
font-size: 4.5em;
}
.error_page_code {
font-size: 12em;
}
}
@media (max-width: 991px) {
.error_page_inner {
grid-template-columns: minmax(0, 1fr);
gap: 2.5em;
min-height: calc(100svh - 11em);
}
.error_page_content h1 {
font-size: 3.75em;
}
.error_page_code {
order: -1;
justify-content: flex-start;
align-self: end;
font-size: 10em;
}
}
@media (max-width: 767px) {
.error_page {
padding-bottom: 3em;
}
.error_page_inner {
min-height: calc(100svh - 10em);
}
.error_page_content h1 {
font-size: 3.25em;
}
.error_page_code {
font-size: 8em;
}
}
@media (max-width: 575px) {
.error_page {
padding: 6.5em 0 2em;
background-position: 58% center;
}
.error_page_inner {
gap: 2.5em;
min-height: calc(100svh - 8.5em);
}
.error_page_content h1 {
font-size: 2.75em;
}
.error_page_content .error_page_text p {
font-size: 1em;
}
.error_page_actions {
align-items: stretch;
flex-direction: column;
}
.error_page_link {
align-self: flex-start;
}
.error_page_code {
font-size: 6.5em;
}
}
@media (prefers-reduced-motion: reduce) {
.error_page a,
.error_page svg {
transition: none;
}
} .privacy_hero {
position: relative;
isolation: isolate;
display: flex;
align-items: flex-end;
min-height: 32em;
padding: 10em 0 5em;
overflow: hidden;
background: radial-gradient(circle at 82% 35%, rgba(252, 175, 107, 0.22), transparent 24em), #1C1819;
color: white;
}
.privacy_hero_decoration {
position: absolute;
right: -8em;
bottom: -15em;
z-index: -1;
width: 34em;
height: 34em;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 50%;
}
.privacy_hero_decoration::before, .privacy_hero_decoration::after {
content: "";
position: absolute;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 50%;
}
.privacy_hero_decoration::before {
inset: 4em;
}
.privacy_hero_decoration::after {
inset: 8em;
background: rgba(252, 175, 107, 0.1);
}
.privacy_hero_inner {
position: relative;
z-index: 1;
}
.privacy_hero_inner h1 {
max-width: 10em;
margin: 0 0 0.35em;
color: white;
font-size: 6em;
line-height: 0.98;
letter-spacing: -0.045em;
text-wrap: balance;
}
.privacy_hero_inner p {
max-width: 40em;
margin: 0;
color: rgba(255, 255, 255, 0.78);
font-size: 1.125em;
line-height: 1.7;
}
.privacy_hero .privacy_eyebrow {
display: block;
margin-bottom: 1.25em;
color: #FCAF6B;
font-size: 0.875em;
font-weight: 700;
letter-spacing: 0.18em;
}
@media (max-width: 1366px) {
.privacy_hero {
min-height: 28em;
padding: 9em 0 4em;
}
.privacy_hero_inner h1 {
font-size: 5em;
}
}
@media (max-width: 1199px) {
.privacy_hero_inner h1 {
font-size: 4.5em;
}
}
@media (max-width: 991px) {
.privacy_hero {
min-height: 25em;
padding-top: 8em;
}
.privacy_hero_inner h1 {
font-size: 3.75em;
}
.privacy_hero_decoration {
right: -14em;
}
}
@media (max-width: 767px) {
.privacy_hero_inner h1 {
font-size: 3.25em;
}
}
@media (max-width: 575px) {
.privacy_hero {
min-height: 23em;
padding: 7em 0 3em;
}
.privacy_hero_inner h1 {
font-size: 2.75em;
}
.privacy_hero_inner p {
font-size: 1em;
}
.privacy_hero_decoration {
right: -18em;
bottom: -18em;
}
}
.privacy_content {
padding: 7em 0 8em;
background: #f3eee6;
}
@media (max-width: 1366px) {
.privacy_content {
padding: 6em 0;
}
}
@media (max-width: 767px) {
.privacy_content {
padding: 4em 0;
}
}
.privacy_article {
max-width: 58em;
margin: 0 auto;
padding: 4em;
border-top: 0.25em solid #FCAF6B;
background: #fffdf9;
box-shadow: 0 1.5em 4em rgba(28, 24, 25, 0.08);
}
.privacy_article_meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1em;
margin-bottom: 3em;
padding-bottom: 1em;
border-bottom: 1px solid rgba(28, 24, 25, 0.14);
color: rgba(28, 24, 25, 0.6);
font-size: 0.8em;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.privacy_article_body {
color: rgba(28, 24, 25, 0.8);
}
.privacy_article_body > *:first-child {
margin-top: 0;
}
.privacy_article_body > *:last-child {
margin-bottom: 0;
}
.privacy_article_body h2,
.privacy_article_body h3,
.privacy_article_body h4 {
color: #1C1819;
text-transform: none;
overflow-wrap: anywhere;
}
.privacy_article_body h2 {
margin: 1.6em 0 0.6em;
font-size: 2.5em;
letter-spacing: -0.025em;
}
.privacy_article_body h3 {
margin: 1.8em 0 0.65em;
font-size: 1.75em;
}
.privacy_article_body h4 {
margin: 1.75em 0 0.65em;
font-size: 1.25em;
}
.privacy_article_body p,
.privacy_article_body li {
font-size: 1em;
line-height: 1.8;
}
.privacy_article_body p {
margin: 0 0 1.25em;
}
.privacy_article_body ul,
.privacy_article_body ol {
margin: 0 0 1.5em;
padding-left: 1.5em;
}
.privacy_article_body li {
margin-bottom: 0.5em;
}
.privacy_article_body li::marker {
color: #FCAF6B;
font-weight: 700;
}
.privacy_article_body a {
color: #87501e;
font-weight: 700;
text-decoration: underline;
text-decoration-color: rgba(135, 80, 30, 0.4);
text-underline-offset: 0.2em;
overflow-wrap: anywhere;
}
.privacy_article_body a:hover {
color: #1C1819;
text-decoration-color: #FCAF6B;
}
.privacy_article_body a:focus-visible {
outline: 2px solid #FCAF6B;
outline-offset: 0.2em;
}
.privacy_article_body strong {
color: #1C1819;
}
.privacy_article_body blockquote {
margin: 2em 0;
padding: 1.5em 1.75em;
border-left: 0.25em solid #FCAF6B;
background: #f3eee6;
}
.privacy_article_body blockquote p:last-child {
margin-bottom: 0;
}
.privacy_article_body hr {
margin: 3em 0;
border: 0;
border-top: 1px solid rgba(28, 24, 25, 0.14);
}
.privacy_article_body table {
display: block;
width: 100%;
margin: 2em 0;
overflow-x: auto;
border-collapse: collapse;
}
.privacy_article_body table th,
.privacy_article_body table td {
min-width: 10em;
padding: 0.85em 1em;
border: 1px solid rgba(28, 24, 25, 0.14);
text-align: left;
vertical-align: top;
}
.privacy_article_body table th {
background: #1C1819;
color: white;
}
.privacy_article_footer {
margin-top: 3.5em;
padding-top: 2em;
border-top: 1px solid rgba(28, 24, 25, 0.14);
}
@media (max-width: 767px) {
.privacy_article {
padding: 3em 2em;
}
.privacy_article_body h2 {
font-size: 2em;
}
.privacy_article_body h3 {
font-size: 1.5em;
}
}
@media (max-width: 575px) {
.privacy_article {
padding: 2.25em 1.25em;
}
.privacy_article_meta {
align-items: flex-start;
flex-direction: column;
margin-bottom: 2em;
}
.privacy_article_body h2 {
font-size: 1.75em;
}
.privacy_article_footer {
margin-top: 2.5em;
}
}
@media (prefers-reduced-motion: reduce) {
.privacy_article a,
.privacy_article svg {
transition: none;
}
}  .subpage_hero {
position: relative;
min-height: 72svh;
display: flex;
align-items: flex-end;
overflow: hidden;
color: white;
}
.subpage_hero > img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.subpage_hero_tall {
min-height: 86svh;
}
.subpage_hero_overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(28, 24, 25, 0.58) 0%, rgba(28, 24, 25, 0.08) 42%, rgba(28, 24, 25, 0.88) 100%);
}
.subpage_hero_content {
position: relative;
z-index: 1;
padding-top: 10em;
padding-bottom: 5em;
}
.subpage_hero_content .hp_section_eyebrow {
color: #FCAF6B;
}
.subpage_hero_content h1 {
max-width: 11em;
margin-bottom: 0.35em;
letter-spacing: -0.045em;
}
.subpage_hero_content p {
max-width: 42em;
margin: 0;
font-size: 1.125em;
}
@media (max-width: 1366px) {
.subpage_hero {
min-height: 68svh;
}
.subpage_hero_tall {
min-height: 78svh;
}
}
@media (max-width: 767px) {
.subpage_hero {
min-height: 75svh;
}
.subpage_hero_content {
padding-top: 8em;
padding-bottom: 3.5em;
}
.subpage_hero_tall {
min-height: 82svh;
}
}
@media (prefers-reduced-motion: reduce) {
.subpage_hero *, .subpage_hero *::before, .subpage_hero *::after {
transition: none !important;
}
}
.subpage_hero_actions {
display: flex;
flex-wrap: wrap;
gap: 1em;
margin-top: 2em;
} .page_contact {
background: #f3eee6;
}
.page_directions {
background: #e9e1d4;
}
.page_contact, .page_directions {
padding-block: 7em;
}
@media (max-width: 1366px) {
.page_contact, .page_directions {
padding-block: 5em;
}
}
@media (max-width: 767px) {
.page_contact, .page_directions {
padding-block: 3.5em;
}
}
.page_contact_layout, .page_directions_layout {
display: grid;
grid-template-columns: 36% 58%;
justify-content: space-between;
gap: 3em 0;
}
.page_contact_layout > *, .page_directions_layout > * {
min-width: 0;
}
@media (max-width: 1199px) {
.page_contact_layout, .page_directions_layout {
grid-template-columns: 38% 57%;
}
}
@media (max-width: 991px) {
.page_contact_layout, .page_directions_layout {
grid-template-columns: minmax(0, 1fr);
}
}
.page_contact_layout {
align-items: start;
}
.page_directions_layout {
align-items: center;
}
.page_contact_aside h2, .page_directions_copy h2 {
margin-bottom: 0.45em;
font-size: 3.5em;
}
@media (max-width: 1366px) {
.page_contact_aside h2, .page_directions_copy h2 {
font-size: 3em;
}
}
@media (max-width: 767px) {
.page_contact_aside h2, .page_directions_copy h2 {
font-size: 2.5em;
}
}
@media (max-width: 575px) {
.page_contact_aside h2, .page_directions_copy h2 {
font-size: 2.25em;
}
}
.page_contact_aside {
position: sticky;
top: 7em;
}
@media (max-width: 991px) {
.page_contact_aside {
position: static;
}
}
.page_contact_lead {
max-width: 30em;
margin-bottom: 0;
color: rgba(28, 24, 25, 0.8);
font-size: 1.125em;
}
@media (max-width: 575px) {
.page_contact_lead {
font-size: 1em;
}
}
.page_contact_list {
display: grid;
margin: 2.5em 0 0;
border-top: 1px solid rgba(28, 24, 25, 0.15);
font-style: normal;
}
.page_contact_item {
display: flex;
align-items: center;
gap: 1.25em;
padding-block: 1.4em;
border-bottom: 1px solid rgba(28, 24, 25, 0.15);
text-decoration: none;
}
.page_contact_item:hover {
text-decoration: none;
}
.page_contact_item:hover .page_contact_icon, .page_contact_item:focus-visible .page_contact_icon {
color: #FCAF6B;
background: #1C1819;
border-color: #1C1819;
}
.page_contact_item:hover strong, .page_contact_item:focus-visible strong {
color: #87501e;
}
.page_contact_icon {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 3.25em;
width: 3.25em;
height: 3.25em;
border: 1px solid #87501e;
border-radius: 50%;
color: #87501e;
transition: 0.3s ease-in-out;
}
.page_contact_icon svg {
width: 1.35em;
height: 1.35em;
}
.page_contact_text {
min-width: 0;
}
.page_contact_text small {
display: block;
margin-bottom: 0.3em;
color: #87501e;
font-size: 0.75em;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.page_contact_text strong {
display: block;
font-size: 1.125em;
font-weight: 600;
overflow-wrap: anywhere;
transition: color 0.3s ease-in-out;
}
@media (max-width: 575px) {
.page_contact_text strong {
font-size: 1em;
}
}
.page_contact_form {
padding: 3.5em;
color: white;
background: #1C1819;
}
@media (max-width: 1366px) {
.page_contact_form {
padding: 3em;
}
}
@media (max-width: 575px) {
.page_contact_form {
padding: 2em 1.5em;
}
}
.page_directions_practical {
margin-top: 2em;
padding-top: 2em;
border-top: 1px solid rgba(28, 24, 25, 0.15);
}
.page_directions_practical h3 {
margin-bottom: 0.6em;
font-size: 1.5em;
text-transform: none;
}
.page_directions_practical p {
color: rgba(28, 24, 25, 0.8);
}
.page_directions_practical p:last-child {
margin-bottom: 0;
}
.page_directions_copy .btn-arrow {
margin-top: 2em;
}
.page_directions_map {
position: relative;
aspect-ratio: 4/3;
background: #d8d2ca;
}
.page_directions_map iframe {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
border: 0;
}
@media (max-width: 575px) {
.page_directions_map {
aspect-ratio: 1/1;
}
} .page_story_intro {
padding-bottom: 0;
background: #f3eee6;
}
.page_story_intro .hp_section_head {
margin-bottom: 0;
}
.page_story_intro .hp_section_intro p {
margin-bottom: 0;
}
.page_story_blocks {
padding-block: 9em;
background: #f3eee6;
}
@media (max-width: 1366px) {
.page_story_blocks {
padding-block: 6em;
}
}
@media (max-width: 767px) {
.page_story_blocks {
padding-block: 4em;
}
}
.page_story_block {
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
align-items: center;
gap: 2em 6em;
margin-bottom: 9em;
}
.page_story_block_reverse {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
}
.page_story_block_reverse .page_story_media {
order: 2;
}
.page_story_block_reverse .page_story_copy {
order: 1;
}
.page_story_block:last-child {
margin-bottom: 0;
}
@media (max-width: 1366px) {
.page_story_block {
-moz-column-gap: 4em;
column-gap: 4em;
margin-bottom: 6em;
}
}
@media (max-width: 1199px) {
.page_story_block {
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
-moz-column-gap: 3em;
column-gap: 3em;
}
.page_story_block_reverse {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
}
}
@media (max-width: 991px) {
.page_story_block {
grid-template-columns: minmax(0, 1fr);
}
.page_story_block_reverse {
grid-template-columns: minmax(0, 1fr);
}
.page_story_block_reverse .page_story_media, .page_story_block_reverse .page_story_copy {
order: initial;
}
}
@media (max-width: 767px) {
.page_story_block {
row-gap: 1.5em;
margin-bottom: 4em;
}
}
.page_story_media {
margin: 0;
overflow: hidden;
}
.page_story_media img {
display: block;
width: 100%;
aspect-ratio: 8/5;
-o-object-fit: cover;
object-fit: cover;
}
.page_story_copy {
min-width: 0;
}
.page_story_copy h2 {
margin-bottom: 0.6em;
padding-bottom: 0;
color: #1C1819;
font-size: 3.5em;
letter-spacing: -0.035em;
}
.page_story_copy p {
margin: 0;
font-size: 1.125em;
}
@media (max-width: 1199px) {
.page_story_copy h2 {
font-size: 3em;
}
}
@media (max-width: 767px) {
.page_story_copy h2 {
font-size: 2.5em;
}
.page_story_copy p {
font-size: 1em;
}
}
@media (max-width: 575px) {
.page_story_copy h2 {
font-size: 2.125em;
}
}
.page_story_break {
width: 100vw;
margin: 0 0 9em;
margin-left: calc(50% - 50vw);
overflow: hidden;
}
.page_story_break img {
display: block;
width: 100%;
height: min(65svh, 48em);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 1366px) {
.page_story_break {
margin-bottom: 6em;
}
}
@media (max-width: 767px) {
.page_story_break {
margin-bottom: 4em;
}
.page_story_break img {
height: 55svh;
}
}
.page_event_cta {
background: #1C1819;
color: white;
}
.page_event_cta h2 {
color: white;
}
.page_event_cta .hp_section_eyebrow {
color: #FCAF6B;
}
.page_event_cta_inner {
display: grid;
grid-template-columns: 52% 40%;
justify-content: space-between;
align-items: end;
gap: 3em;
}
.page_event_cta_inner > * {
min-width: 0;
}
.page_event_cta_inner p {
margin-bottom: 2em;
font-size: 1.125em;
}
@media (max-width: 991px) {
.page_event_cta_inner {
grid-template-columns: minmax(0, 1fr);
row-gap: 1.5em;
}
}
.page_activities {
background: #f3eee6;
}
.page_activities_viewport {
width: 100%;
overflow: visible;
}
.page_activities_slider {
overflow: visible;
}
.page_activities_slider .swiper-wrapper {
align-items: stretch;
}
.page_activity_card {
width: calc((100% - 64px) / 3);
height: auto;
display: flex;
flex-direction: column;
background: #e8dfd3;
}
.page_activity_card figure {
margin: 0;
overflow: hidden;
}
.page_activity_card figure img {
display: block;
width: 100%;
aspect-ratio: 4/3;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.4s ease;
}
.page_activity_card:hover figure img {
transform: scale(1.035);
}
@media (max-width: 1439px) {
.page_activity_card {
width: calc((100% - 48px) / 3);
}
}
@media (max-width: 991px) {
.page_activity_card {
width: calc((100% - 24px) / 2);
}
}
@media (max-width: 767px) {
.page_activity_card {
width: min(82vw, 28em);
}
}
.page_activity_content {
flex: 1;
padding: 2em;
}
.page_activity_content h3 {
margin: 0.65em 0 0.35em;
font-size: 2em;
text-transform: none;
}
.page_activity_content p:last-child {
margin-bottom: 0;
}
@media (max-width: 575px) {
.page_activity_content {
padding: 1.5em;
}
}
.page_season_badge {
display: inline-flex;
align-items: center;
gap: 0.5em;
padding: 0.45em 0.75em;
border: 1px solid currentColor;
border-radius: 2em;
color: #87501e;
font-size: 0.75em;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1;
text-transform: uppercase;
}
.page_season_badge_winter {
color: #395b72;
}
.page_season_badge_all {
color: #4D5A68;
}
.page_slider_controls {
display: grid;
grid-template-columns: auto minmax(4em, 16em) auto;
align-items: center;
justify-content: center;
gap: 1em;
margin-top: 2em;
}
.page_slider_controls button {
width: 3em;
height: 3em;
display: grid;
place-items: center;
padding: 0;
border-radius: 50%;
background: transparent;
color: #1C1819;
border-color: rgba(28, 24, 25, 0.45);
}
.page_slider_controls button:hover {
background: #1C1819;
color: white;
}
.page_slider_controls button:disabled {
opacity: 0.3;
cursor: default;
}
.page_slider_controls button svg {
width: 1.4em;
height: 1.4em;
}
.page_slider_progress {
position: relative;
height: 2px;
background: rgba(28, 24, 25, 0.18);
}
.page_slider_progress .swiper-pagination-progressbar-fill {
background: #1C1819;
}
.page_places {
background: #fff;
}
.page_activity_card figure,
.page_place_card figure {
position: relative;
}
.page_photo_credit {
position: absolute;
right: 0;
bottom: 0;
max-width: 100%;
padding: 0.3em 0.6em;
font-size: 0.6875em;
line-height: 1.3;
color: rgba(255, 255, 255, 0.85);
background: rgba(28, 24, 25, 0.55);
}
.page_photo_credit a {
color: inherit;
text-decoration: none;
}
.page_photo_credit a:hover {
text-decoration: underline;
}
.page_places_grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1.5em;
}
@media (max-width: 1199px) {
.page_places_grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.page_places_grid {
grid-template-columns: minmax(0, 1fr);
}
}
.page_place_card {
min-width: 0;
display: flex;
flex-direction: column;
border: 1px solid rgba(28, 24, 25, 0.16);
background: #f8f4ed;
}
.page_place_card figure {
margin: 0;
overflow: hidden;
}
.page_place_card figure img {
display: block;
width: 100%;
aspect-ratio: 4/3;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.4s ease;
}
.page_place_card:hover figure img {
transform: scale(1.035);
}
.page_place_content {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 2em;
}
.page_place_content h3 {
margin: 0.65em 0 0.5em;
font-size: 1.35em;
text-transform: none;
}
.page_place_content .hp_text_link {
margin-top: auto;
}
@media (max-width: 575px) {
.page_place_content {
padding: 1.5em;
}
}
.page_place_distance {
color: #87501e;
font-size: 0.75em;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.archive_gallery_hero {
min-height: 68svh;
background: #1C1819;
color: white;
}
.archive_gallery_hero .hp_section_eyebrow {
color: #FCAF6B;
}
.archive_gallery_hero h1 {
margin-bottom: 0.3em;
}
.archive_gallery_hero p {
max-width: 42em;
margin: 0;
font-size: 1.125em;
}
@media (max-width: 767px) {
.archive_gallery_hero {
min-height: 72svh;
}
}
.archive_gallery_list {
background: #f3eee6;
}
.archive_gallery_grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 3.5em 1.5em;
}
@media (max-width: 1439px) {
.archive_gallery_grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 991px) {
.archive_gallery_grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 575px) {
.archive_gallery_grid {
grid-template-columns: minmax(0, 1fr);
gap: 2.5em;
}
}
.archive_gallery_card {
min-width: 0;
}
.archive_gallery_open {
width: 100%;
height: 100%;
display: block;
padding: 0;
border: 0;
background: transparent;
color: #1C1819;
text-align: left;
text-transform: none;
}
.archive_gallery_open:hover {
background: transparent;
color: #1C1819;
}
.archive_gallery_open:disabled {
cursor: default;
opacity: 0.6;
}
.archive_gallery_open:focus-visible {
outline: 2px solid #87501e;
outline-offset: 0.4em;
}
.archive_gallery_cover {
position: relative;
display: block;
overflow: hidden;
background: #d8d0c4;
}
.archive_gallery_cover > img, .archive_gallery_cover .archive_gallery_placeholder {
display: block;
width: 100%;
aspect-ratio: 3/2;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.45s ease;
}
.archive_gallery_cover .archive_gallery_placeholder {
background: linear-gradient(135deg, #d8d0c4, #b8aa98);
}
.archive_gallery_open:hover .archive_gallery_cover:not(:empty) > img {
transform: scale(1.035);
}
.archive_gallery_count {
position: absolute;
right: 1em;
bottom: 1em;
padding: 0.55em 0.85em;
background: #1C1819;
color: white;
font-size: 0.75em;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.archive_gallery_content {
display: grid;
gap: 0.75em;
padding-top: 1.5em;
}
.archive_gallery_title {
font-family: "Bricolage";
font-size: 1.6em;
font-weight: 600;
line-height: 1.1;
text-decoration: underline;
text-decoration-color: transparent;
text-decoration-thickness: 0.06em;
text-underline-offset: 0.16em;
transition: text-decoration-color 0.25s ease;
}
.archive_gallery_open:hover .archive_gallery_title,
.archive_gallery_open:focus-visible .archive_gallery_title {
text-decoration-color: currentColor;
}
.archive_gallery_action svg {
transition: transform 0.25s ease;
}
.archive_gallery_open:hover .archive_gallery_action svg,
.archive_gallery_open:focus-visible .archive_gallery_action svg {
transform: translateX(0.3em);
}
.archive_gallery_excerpt {
color: rgba(28, 24, 25, 0.8);
}
.archive_gallery_action {
display: inline-flex;
align-items: center;
gap: 0.6em;
width: -moz-fit-content;
width: fit-content;
padding-bottom: 0.2em;
border-bottom: 1px solid currentColor;
font-weight: 700;
}
.archive_gallery_action svg {
width: 1.25em;
height: 1.25em;
}
.nav-links {
display: flex;
justify-content: center;
gap: 0.75em;
margin-top: 4em;
}
.nav-links .page-numbers {
padding: 0.6em 0.9em;
border: 1px solid rgba(28, 24, 25, 0.3);
}
.nav-links .current {
background: #1C1819;
color: white;
}
html.gallery_dialog_open {
overflow: hidden;
}
.gallery_dialog {
position: fixed;
inset: 0;
width: min(94vw, 110em);
max-width: none;
height: 94svh;
max-height: none;
margin: auto;
padding: 1.5em;
border: 1px solid rgba(255, 255, 255, 0.16);
background: #1C1819;
color: white;
overflow: hidden;
}
.gallery_dialog::backdrop {
background: rgba(10, 8, 9, 0.94);
}
.gallery_dialog[open] {
display: grid;
grid-template-rows: auto minmax(0, 1fr) auto;
gap: 1em;
}
.gallery_dialog .gallery_dialog_title {
margin: 0.15em 0 0;
padding: 0;
color: white;
font-family: "Bricolage";
font-size: 1.5em;
font-weight: 400;
line-height: 1.1;
}
.gallery_dialog button {
width: 3em;
height: 3em;
display: grid;
place-items: center;
padding: 0;
border-radius: 50%;
border-color: rgba(255, 255, 255, 0.4);
background: transparent;
color: white;
}
.gallery_dialog button:hover {
background: #FCAF6B;
color: #1C1819;
}
.gallery_dialog button svg {
width: 1.4em;
height: 1.4em;
}
@media (max-width: 575px) {
.gallery_dialog {
width: 100vw;
height: 100svh;
padding: 1em;
border: 0;
}
}
.gallery_dialog_toolbar,
.gallery_dialog_navigation {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1em;
}
.gallery_dialog_toolbar > div {
min-width: 0;
}
.gallery_dialog_counter {
font-size: 0.75em;
color: #FCAF6B;
letter-spacing: 0.1em;
}
.gallery_dialog_status {
align-self: center;
justify-self: center;
}
.gallery_dialog_status:empty {
display: none;
}
.gallery_dialog_slider {
width: 100%;
height: 100%;
min-height: 0;
overflow: hidden;
}
.gallery_dialog_slider .swiper-slide {
display: grid;
grid-template-rows: minmax(0, 1fr) auto;
place-items: center;
min-height: 0;
}
.gallery_dialog_slider img {
width: 100%;
height: 100%;
min-height: 0;
-o-object-fit: contain;
object-fit: contain;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.gallery_dialog_slider figcaption {
padding-top: 0.75em;
text-align: center;
}
.gallery_dialog_navigation {
justify-content: center;
}
@media (prefers-reduced-motion: reduce) {
.page_activity_card figure img,
.page_place_card figure img,
.archive_gallery_cover > img {
transition: none;
}
}  .cookie_banner {
position: fixed;
left: 1.5em;
bottom: 1.5em;
z-index: 10000;
width: calc(100% - 3em);
max-width: 30em;
color: white;
background: #1C1819;
box-shadow: 0 0.5em 2.5em rgba(0, 0, 0, 0.35);
}
.cookie_banner[hidden] {
display: none;
}
@media (max-width: 575px) {
.cookie_banner {
left: 0;
bottom: 0;
width: 100%;
max-width: none;
}
}
.cookie_banner_inner {
padding: 1.5em;
}
@media (max-width: 575px) {
.cookie_banner_inner {
padding: 1.25em;
}
}
.cookie_banner_title {
margin: 0 0 0.5em;
font-family: "Bricolage";
font-size: 1.25em;
line-height: 1.2;
color: white;
}
.cookie_banner_text {
margin: 0;
font-size: 0.875em;
line-height: 1.55;
color: rgba(255, 255, 255, 0.78);
}
.cookie_banner_text a {
color: #FCAF6B;
text-decoration: underline;
}
.cookie_banner_settings {
display: grid;
gap: 0.85em;
margin-top: 1.25em;
padding-top: 1.25em;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.cookie_banner_settings[hidden] {
display: none;
}
.cookie_banner_option {
display: flex;
align-items: flex-start;
gap: 0.75em;
font-size: 0.8125em;
line-height: 1.5;
color: rgba(255, 255, 255, 0.72);
cursor: pointer;
}
.cookie_banner_option input {
display: block;
flex: 0 0 1.15em;
width: 1.15em;
height: 1.15em;
margin: 0.15em 0 0;
padding: 0;
background: none;
accent-color: #FCAF6B;
}
.cookie_banner_option input:disabled {
cursor: not-allowed;
}
.cookie_banner_option strong {
display: block;
font-size: 1.08em;
color: white;
}
.cookie_banner_actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5em;
margin-top: 1.25em;
}
.cookie_banner_button {
display: inline-block;
padding: 0.7em 1.2em;
font-size: 0.875em;
font-weight: 700;
line-height: 1.2;
text-transform: none;
color: #1C1819;
background: #FCAF6B;
border: 1px solid #FCAF6B;
border-radius: 6.25em;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.cookie_banner_button:hover {
color: #1C1819;
background: white;
border-color: white;
}
.cookie_banner_button:focus-visible {
outline: 2px solid white;
outline-offset: 0.2em;
}
.cookie_banner_button[hidden] {
display: none;
}
.cookie_banner_button_link {
padding-inline: 0.5em;
color: white;
background: transparent;
border-color: transparent;
text-decoration: underline;
}
.cookie_banner_button_link:hover {
color: #FCAF6B;
background: transparent;
border-color: transparent;
}
@media (max-width: 575px) {
.cookie_banner_button {
flex: 1 1 auto;
}
} .wp_footer_bottom_links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5em 1.5em;
}
.wp_footer_cookie_button,
.cookie_policy_link {
display: inline;
padding: 0;
font: inherit;
line-height: inherit;
text-align: inherit;
text-transform: none;
color: inherit;
background: none;
border: 0;
cursor: pointer;
}
.wp_footer_cookie_button:hover,
.cookie_policy_link:hover {
color: #FCAF6B;
background: none;
}
.cookie_policy_link {
text-decoration: underline;
} .consent_embed {
position: absolute;
inset: 0;
}
.consent_embed_placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1em;
height: 100%;
padding: 2em;
text-align: center;
background: #d8d2ca;
}
.consent_embed_placeholder p {
max-width: 26em;
margin: 0;
color: #1C1819;
}
.consent_embed_placeholder a {
color: #1C1819;
text-decoration: underline;
}