/* General */
html {
    scrollbar-gutter: stable;
}
html {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
html::-webkit-scrollbar { 
    display: none;
}

/** Positioning **/
.fixed {
    z-index: 998;
    position: fixed;
    top: 0;
}

/** Displaying **/
/** Gapping **/
.gap-medium {
    gap: 30px;
}
.gap-large,
.gap-large > .e-con-inner {
    gap: 40px clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 240px);
}
.buttons-container {
    gap: 0 40px;
}

/** Sizing **/
/** Margin **/
/** Padding **/
.no-padding {
    padding: 0 !important;
}

/** Boxing **/
/** Coloring **/
.elementor > .e-con:not(.dark) {
    background-image: url(/wp-content/uploads/2026/11/Staynova-HotelVanCleef-Website-Achtergrondpatroon-1.jpg);
    background-position: center;
    background-repeat: repeat;
    background-size: 1920px;
}
.elementor > .e-con.no-background {
    background-image: none;
}
.dark {
    background-color: var(--e-global-color-primary);
}
.dark .elementor-widget-heading *,
.dark .elementor-widget-text-editor *,
.dark .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text,
.dark .elementor-widget-button.tertiary .elementor-button .elementor-button-content-wrapper .elementor-button-text,
.dark .elementor-widget-listing-grid .jet-listing-grid__items .jet-listing-grid__item .feature .elementor-widget-heading h4 {
    color: var(--e-global-color-secondary);
}
.dark .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon svg *,
.dark .elementor-widget-button.tertiary .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg * {
    fill: var(--e-global-color-secondary);
}
.dark .elementor-widget-button.primary .elementor-button {
    background-color: #24302C;
}
.dark .elementor-widget-image-carousel .elementor-image-carousel-wrapper .swiper-pagination-horizontal .swiper-pagination-bullet::before,
.dark .elementor-widget-jet-listing-grid .jet-listing-grid .swiper-pagination-horizontal .swiper-pagination-bullet::before {
    background-color: rgba(241, 239, 231, .4);
}
.dark .elementor-widget-image-carousel .elementor-image-carousel-wrapper .swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active::before,
.dark .elementor-widget-jet-listing-grid .jet-listing-grid .swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    background-color: var(--e-global-color-secondary);
}
.dark .elementor-widget-button.tertiary .elementor-button .elementor-button-content-wrapper .elementor-button-text,
body .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn {
    color: var(--e-global-color-secondary);
}

/** Typography **/
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3 {
    max-width: 16ch;
}
.elementor-widget-text-editor p {
    max-width: 60ch;
}

/*** Animations ***/
.elementor-widget-heading.fadeInUp .elementor-widget-container,
.elementor-width-text-editor.fadeInUp .elementor-widget-container {
    overflow: hidden;
}
.elementor-widget-heading.fadeInUp h1,
.elementor-widget-heading.fadeInUp h2,
.elementor-widget-heading.fadeInUp h3,
.elementor-widget-heading.fadeInUp + .elementor-widget-text-editor.fadeInUp p {
    opacity: 0;
    transform: translateY(100px);
    animation-name: maskedFadeInUp !important;
    animation-delay: .4s !important;
    animation-duration: .6s !important;
    animation-fill-mode: forwards !important;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1) !important;
}
.elementor-widget-icon-list.fadeIn + .elementor-widget-heading.fadeInUp h1,
.elementor-widget-heading.fadeInUp + .elementor-width-text-editor.fadeInUp p {
    animation-delay: .6s !important;
}

/** Animations **/
@keyframes maskedFadeInUp {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    75% {
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Plugins */
/** Elementor (Pro) **/
/*** Popups ***/
/*** Widgets ***/
/**** CookieYes ****/
body .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}
body .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper::before {
    content: '';
    background-color: transparent;
    background-image: url(/wp-content/uploads/2026/11/Staynova-HotelVanCleef-Website-Afbeeldingen-Beer-Cookies-v1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    min-width: clamp(80px, calc(calc(100 / 1152) * (100vw - 768px) + 80px), 120px);
    width: clamp(80px, calc(calc(100 / 1152) * (100vw - 768px) + 80px), 120px);
    min-height: clamp(133px, calc(calc(100 / 1152) * (100vw - 768px) + 133px), 200px);
    height: clamp(133px, calc(calc(100 / 1152) * (100vw - 768px) + 133px), 200px);
}

/**** WPML language switcher ****/
.elementor-widget-wpml-language-switcher .wpml-ls-legacy-dropdown-click {
    width: auto;
}
.elementor-widget-wpml-language-switcher .wpml-ls-legacy-dropdown-click ul .wpml-ls-item-legacy-dropdown-click .wpml-ls-item-toggle,
.elementor-widget-wpml-language-switcher .wpml-ls-legacy-dropdown-click ul .wpml-ls-item-legacy-dropdown-click .wpml-ls-item-toggle + .wpml-ls-sub-menu .wpml-ls-item .wpml-ls-link {
    background-color: transparent;
    color: var(--e-global-color-secondary);
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: clamp(60px, calc(calc(100 / 1152) * (100vw - 768px) + 60px), 72px);
    margin: 0;
    padding: clamp(15px, calc(calc(100 / 1152) * (100vw - 768px) + 15px), 20px) 0;
    padding-right: 30px;
    font-family: 'commuters-sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: clamp(16px, calc(calc(100 / 1152) * (100vw - 768px) + 16px), 18px);
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase;
    overflow-wrap: break-word;
    border: none;
    border-radius: 0;
}
.elementor-widget-wpml-language-switcher .wpml-ls-legacy-dropdown-click ul .wpml-ls-item-legacy-dropdown-click .wpml-ls-item-toggle::after {
    background-image: url(/wp-content/uploads/2026/11/Staynova-HotelVanCleef-Website-Icons-Pijl-NaarOnder-Negatief-20px.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    display: flex;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 0;
    border: none;
    border-radius: 0;
    transform: translateY(-50%);
}
.elementor-widget-wpml-language-switcher .wpml-ls-legacy-dropdown-click ul .wpml-ls-item-legacy-dropdown-click .wpml-ls-item-toggle + .wpml-ls-sub-menu {
    background-color: var(--e-global-color-primary);
    border-top: none;
}
.elementor-widget-wpml-language-switcher .wpml-ls-legacy-dropdown-click ul .wpml-ls-item-legacy-dropdown-click .wpml-ls-item-toggle + .wpml-ls-sub-menu .wpml-ls-item .wpml-ls-link {
    padding-left: 30px;
}
.elementor-widget-wpml-language-switcher .wpml-ls-legacy-dropdown-click ul .wpml-ls-item-legacy-dropdown-click .wpml-ls-item-toggle + .wpml-ls-sub-menu .wpml-ls-item + .wpml-ls-item {
    border-top: 2px solid #24302C;
}

/**** Icon list ****/
.elementor-widget-icon-list .elementor-icon-list-items {
    position: relative;
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}
.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}
.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon svg {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
}
.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon svg * {
    fill: var(--e-global-color-primary);
}
.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
    color: var(--e-global-color-primary);
    font-family: 'commuters-sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: clamp(16px, calc(calc(100 / 1152) * (100vw - 768px) + 16px), 18px);
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase;
    overflow-wrap: break-word;
}

/**** Logo ****/
.elementor-widget-theme-site-logo img {
    width: auto !important;
    height: clamp(80px, calc(calc(100 / 1152) * (100vw - 768px) + 80px), 120px) !important;
}

/**** Nav menu ****/
/**** Button ****/
.elementor-widget-button .elementor-button,
body .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn {
    background-color: var(--e-global-color-primary);
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-height: clamp(60px, calc(calc(100 / 1152) * (100vw - 768px) + 60px), 72px);
    padding: clamp(15px, calc(calc(100 / 1152) * (100vw - 768px) + 15px), 20px) clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
    margin: 0;
    border: 2px solid var(--e-global-color-primary);
    border-radius: 0;
}
.elementor-widget-button.secondary .elementor-button,
.elementor-widget-button.tertiary .elementor-button,
body .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn {
    background-color: transparent;
}
.elementor-widget-button.tertiary .elementor-button,
body .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn {
    padding: 0;
    border: none;
    border-radius: 0;
}
.elementor-widget-button .elementor-button .elementor-button-content-wrapper {
    gap: 10px;
}
.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-text,
body .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn {
    color: var(--e-global-color-secondary);
    font-family: 'commuters-sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: clamp(16px, calc(calc(100 / 1152) * (100vw - 768px) + 16px), 18px);
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase;
    overflow-wrap: break-word;
}
.elementor-widget-button.secondary .elementor-button .elementor-button-content-wrapper .elementor-button-text,
.elementor-widget-button.tertiary .elementor-button .elementor-button-content-wrapper .elementor-button-text {
    color: var(--e-global-color-primary);
}
.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon {
    transition: transform .4s cubic-bezier(.19, 1, .22, 1);
}
.elementor-widget-button .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon,
.elementor-widget-button .elementor-button:focus .elementor-button-content-wrapper .elementor-button-icon,
.elementor-widget-button .elementor-button:active .elementor-button-content-wrapper .elementor-button-icon {
    transform: translateX(5px);
}
.elementor-widget-button.back .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon,
.elementor-widget-button.back .elementor-button:focus .elementor-button-content-wrapper .elementor-button-icon,
.elementor-widget-button.back .elementor-button:active .elementor-button-content-wrapper .elementor-button-icon {
    transform: translateX(-5px);
}
.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg {
    width: 20px;
    height: 20px;
}
.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg * {
    fill: var(--e-global-color-secondary);
}
.elementor-widget-button.secondary .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg *,
.elementor-widget-button.tertiary .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg * {
    fill: var(--e-global-color-primary);
}

/**** Image ****/
/**** Social icons ****/
/**** Copyright ****/
/**** Made by ****/
/**** Jet listing grid ****/
.elementor-widget-jet-listing-grid .jet-listing-grid .jet-listing-grid__slider-icon {
    background-color: transparent;
    background-image: url(/wp-content/uploads/2026/11/Staynova-HotelVanCleef-Website-Icons-Pijl-NaarLinks-Positief-60px.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 60px);
    height: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 60px);
    margin: 0;
    padding: 0;
}
.elementor-widget-jet-listing-grid .jet-listing-grid .jet-listing-grid__slider-icon svg {
    display: none;
}

/**** Image carousel ****/
.elementor-widget-image-carousel .elementor-image-carousel-wrapper {
    padding-bottom: clamp(60px, calc(calc(100 / 1152) * (100vw - 768px) + 60px), 80px) !important;
}
.elementor-widget-image-carousel .elementor-image-carousel-wrapper .swiper-pagination-horizontal,
.elementor-widget-jet-listing-grid .jet-listing-grid .swiper-pagination-horizontal {
    position: absolute;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 20px);
    bottom: 0;
    left: 0;
}
.elementor-widget-image-carousel .elementor-image-carousel-wrapper .swiper-pagination-horizontal .swiper-pagination-bullet::before,
.elementor-widget-jet-listing-grid .jet-listing-grid .swiper-pagination-horizontal .swiper-pagination-bullet::before {
    content: '';
    background-color: rgba(45, 60, 55, .4);
    position: absolute;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    width: 100%;
    height: 2px;
}
.elementor-widget-image-carousel .elementor-image-carousel-wrapper .swiper-pagination-horizontal .swiper-pagination-bullet,
.elementor-widget-jet-listing-grid .jet-listing-grid .swiper-pagination-horizontal .swiper-pagination-bullet {
    background-color: transparent;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    width: clamp(30px, calc(calc(100 / 1152) * (100vw - 768px) + 30px), 40px);
    height: 2px;
    margin: 0;
    padding: 20px 0;
    border: none;
    border-radius: 0;
    opacity: 1;
}
.elementor-widget-image-carousel .elementor-image-carousel-wrapper .swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active::before,
.elementor-widget-jet-listing-grid .jet-listing-grid .swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    background-color: var(--e-global-color-primary);
}

/**** Jet slider ****/
.elementor-widget-jet-slider .jet-slider .slider-pro .sp-slides-container .sp-arrows {
    display: none;
}
.elementor-widget-jet-slider .jet-slider .slider-pro .sp-buttons {
    position: absolute;
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    width: auto;
    height: auto;
    top: 50%;
    right: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 240px);
    transform: translateY(-50%);
}
@media only screen and (max-width: 1024px) {
    .elementor-widget-jet-slider .jet-slider .slider-pro .sp-buttons {
        flex-flow: row wrap;
        justify-content: center;
        gap: clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 20px);
        width: 100%;
        top: initial;
        bottom: 0;
        right: initial;
        left: 0;
    }
}
.elementor-widget-jet-slider .jet-slider .slider-pro .sp-buttons .sp-button::before {
    content: '';
    background-color: rgba(241, 239, 231, .4);
    position: absolute;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    width: 100%;
    height: 2px;
}
@media only screen and (max-width: 1024px) {
    .elementor-widget-jet-slider .jet-slider .slider-pro .sp-buttons .sp-button::before {
        width: clamp(30px, calc(calc(100 / 1152) * (100vw - 768px) + 30px), 40px);
        height: 2px;
    }
}
.elementor-widget-jet-slider .jet-slider .slider-pro .sp-buttons .sp-button.sp-selected-button::before {
    background-color: var(--e-global-color-secondary);
}
.elementor-widget-jet-slider .jet-slider .slider-pro .sp-buttons .sp-button {
    background-color: transparent;
    width: clamp(30px, calc(calc(100 / 1152) * (100vw - 768px) + 30px), 40px);
    height: 2px;
    margin: 0;
    padding: 15px 0;
    border: none;
    border-radius: 0;
    opacity: 1;
}

/** Gravity Forms **/
/** WPML **/
.otgs-development-site-front-end {
    display: none;
}

/* Header */
.elementor-location-header .header {
    z-index: 998;
    background-color: #24302C;
    min-height: clamp(80px, calc(calc(100 / 1152) * (100vw - 768px) + 80px), 120px);
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.elementor-location-header .header::after {
    content: '';
    background-image: url(/wp-content/uploads/2026/11/Staynova-HotelVanCleef-Website-Icons-LogoUitsprong-Positief.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: clamp(240px, calc(calc(100 / 1152) * (100vw - 768px) + 240px), 300px);
    height: clamp(30px, calc(calc(100 / 1152) * (100vw - 768px) + 30px), 40px);
    bottom: calc(-1 * clamp(28px, calc(calc(100 / 1152) * (100vw - 768px) + 28px), 38px));
    left: 50%;
    transform: translateX(-50%);
}
@media only screen and (max-width: 1280px) {
    .elementor-location-header .header::after {
        bottom: calc(-1 * clamp(24px, calc(calc(100 / 1152) * (100vw - 768px) + 24px), 36px));
    }
}
@media only screen and (max-width: 768px) {
    .elementor-location-header .header::after {
        bottom: calc(-1 * clamp(26px, calc(calc(100 / 1152) * (100vw - 768px) + 28px), 38px));
    }
}

/** Logo **/
/** Nav menu **/
/** Burger **/
/** Button **/
.elementor-location-header .header .elementor-widget-button.book .elementor-button {
    background-color: var(--e-global-color-primary) !important;
}
@media only screen and (max-width: 768px) {
    .elementor-location-header .header .elementor-widget-button.book {
        position: fixed;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
        gap: 0;
        left: 50%;
        bottom: 30px;
        transform: translateX(-50%);
    }
    .elementor-location-header .header .elementor-widget-button.book .elementor-button {
        background-color: #24302C !important;
    }
}
.elementor-location-header .header .elementor-widget-button.book .elementor-button .elementor-button-text {
    white-space: nowrap;
}

/** Responsive menu **/
.elementor-location-header .responsive-menu {
    background-color: var(--e-global-color-primary);
    padding-top: calc(var(--header-height) + clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 180px));
    padding-bottom: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 180px);
}
.elementor-location-header .responsive-menu .elementor-widget-heading * {
    color: var(--e-global-color-secondary);
}

/*** Nav menu ***/
.elementor-location-header .responsive-menu .elementor-widget-nav-menu {
    animation: none !important;
}
.elementor-location-header .responsive-menu .elementor-widget-nav-menu .elementor-nav-menu .menu-item a,
.elementor-location-footer .footer .elementor-widget-nav-menu .elementor-nav-menu .menu-item a {
    color: var(--e-global-color-secondary);
    font-family: 'Canela', sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
    overflow-wrap: break-word;
}
.elementor-location-header .responsive-menu .elementor-widget-nav-menu.primary .elementor-nav-menu .menu-item a,
.elementor-location-footer .footer .elementor-widget-nav-menu.primary .elementor-nav-menu .menu-item a {
    font-size: clamp(30px, calc(calc(100 / 1152) * (100vw - 768px) + 30px), 40px);
}
.elementor-location-header .responsive-menu .elementor-widget-nav-menu.secondary .elementor-nav-menu .menu-item a,
.elementor-location-footer .footer .elementor-widget-nav-menu.secondary .elementor-nav-menu .menu-item a {
    font-size: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
}
.elementor-location-header .responsive-menu .elementor-widget-nav-menu .elementor-nav-menu .menu-item.header-hidden,
.elementor-location-header .responsive-menu .elementor-widget-nav-menu.secondary .elementor-nav-menu .menu-item.secondary a {
    display: none;
}
.elementor-location-header .responsive-menu .elementor-widget-nav-menu.primary .elementor-nav-menu .menu-item a {
    opacity: 0;
    transform: translateY(100px);
}
.responsive-menu-open .elementor-location-header .responsive-menu .elementor-widget-nav-menu.primary .elementor-nav-menu .menu-item a {
    opacity: 0;
    transform: translateY(100px);
    animation-name: maskedFadeInUp;
    animation-delay: .4s;
    animation-duration: .6s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.responsive-menu-open .elementor-location-header .responsive-menu .elementor-widget-nav-menu.primary .elementor-nav-menu .menu-item:nth-child(1) a {
    animation-delay: .45s;
}
.responsive-menu-open .elementor-location-header .responsive-menu .elementor-widget-nav-menu.primary .elementor-nav-menu .menu-item:nth-child(2) a {
    animation-delay: .5s;
}
.responsive-menu-open .elementor-location-header .responsive-menu .elementor-widget-nav-menu.primary .elementor-nav-menu .menu-item:nth-child(3) a {
    animation-delay: .55s;
}
.responsive-menu-open .elementor-location-header .responsive-menu .elementor-widget-nav-menu.primary .elementor-nav-menu .menu-item:nth-child(4) a {
    animation-delay: .6s;
}
.responsive-menu-open .elementor-location-header .responsive-menu .elementor-widget-nav-menu.primary .elementor-nav-menu .menu-item:nth-child(5) a {
    animation-delay: .65s;
}
.responsive-menu-open .elementor-location-header .responsive-menu .elementor-widget-nav-menu.primary .elementor-nav-menu .menu-item:nth-child(6) a {
    animation-delay: .7s;
}
.responsive-menu-open .elementor-location-header .responsive-menu .elementor-widget-nav-menu.secondary {
    animation-delay: .75s !important;
}

/* Body */
/** Home **/
/*** Hero ***/
.hero {
    min-height: 600px;
    height: calc(100vh - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 180px));
    height: calc(var(--viewport-height) - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 180px));
    max-height: 1000px;
    padding-bottom: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 180px);
}
.hero .elementor-widget-heading h1 {
    color: var(--e-global-color-secondary);
}

/*** Room types ***/
.e-con.room-types {
    padding-bottom: 0 !important;
}    
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid .jet-listing-grid__slider-icon {
    top: 25%;
}
@media only screen and (max-width: 768px) {
    .e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid .jet-listing-grid__slider-icon {
        top: initial;
        bottom: -60px;
    }
}
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid .jet-listing-grid__slider-icon.prev-arrow {
    left: calc(20vw + clamp(0px, calc(calc(100 / 1152) * (100vw - 1280px) + 0px), 60px));
}
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid .jet-listing-grid__slider-icon.next-arrow {
    right: calc(20vw + clamp(0px, calc(calc(100 / 1152) * (100vw - 1280px) + 0px), 60px) - 10px);
}
@media only screen and (max-width: 1024px) {
    .e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid .jet-listing-grid__slider-icon.prev-arrow {
        left: -10px;
    }
    .e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid .jet-listing-grid__slider-icon.next-arrow {
        right: -10px;
    }
}
@media only screen and (max-width: 768px) {
    .e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid .jet-listing-grid__slider-icon.prev-arrow {
        left: calc(50% - 50px);
    }
    .e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid .jet-listing-grid__slider-icon.next-arrow {
        right: calc(50% - 50px);
    }
}
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item {
    height: auto !important;
}
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item.swiper-slide-prev,
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item.swiper-slide-next {
    width: 20vw !important;
}
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item.swiper-slide-active {
    width: 60vw !important;
    padding-left: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 180px) !important;
    padding-right: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 180px) !important;
}
@media only screen and (max-width: 1024px) {
    .e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item.swiper-slide-prev,
    .e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item.swiper-slide-next {
        width: 40px !important;
    }
    .e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item.swiper-slide-active {
        width: calc(100vw - 80px) !important;
    }
}
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item .room-type,
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item .room-type > .e-con {
    margin: 0;
    padding: 0;
}
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item.swiper-slide-active .room-type .elementor-widget-image.primary,
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item.swiper-slide-prev .room-type .elementor-widget-image-carousel,
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item.swiper-slide-next .room-type .elementor-widget-image-carousel,
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item.swiper-slide-prev .room-type .content-container,
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item.swiper-slide-next .room-type .content-container {
    display: none;
}
@media only screen and (max-width: 1024px) {
    .e-con.room-types {
        padding-right: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 240px) !important;
        padding-left: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 240px) !important;
    }
    .e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item {
        flex: 0 0 100% !important;
    }
    .e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item .room-type .elementor-widget-image.primary {
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    .e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item.swiper-slide-active {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
.e-con.room-types .elementor-widget-jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item .room-type .features-primary .elementor-widget-heading h4 {
    white-space: nowrap;
}

/*** Gallery ***/
.gallery .elementor-widget-image-carousel .elementor-image-carousel-wrapper .swiper-pagination-horizontal,
.single-room-types .elementor-widget-image-carousel .elementor-image-carousel-wrapper .swiper-pagination-horizontal,
.single-room-types .related-room-types .elementor-widget-jet-listing-grid .jet-listing-grid .swiper-pagination-horizontal {
    justify-content: center;
}

/*** History ***/
.history {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/** Room types **/
.page-id-373 .room-types,
.page-id-377 .activities,
.page-id-375 .gallery,
.page-id-912 .gallery  {
    padding-top: clamp(160px, calc(calc(100 / 1152) * (100vw - 768px) + 160px), 340px);
}

/*** Room type (detail) ***/
/**** Hero ****/
.single-room-types .hero {
    min-height: auto;
    height: auto;
    max-height: auto;
    padding-top: clamp(80px, calc(calc(100 / 1152) * (100vw - 768px) + 80px), 120px);
    overflow: hidden;
}

/**** Information ****/
.single-room-types .information {
    padding-top: 0;
}

/**** Bathroom ****/
.single-room-types .bathroom .elementor-widget-jet-listing-grid .jet-listing-grid__items {
    justify-content: center;
}
@media only screen and (max-width: 1024px) {
    .single-room-types .bathroom .elementor-widget-listing-grid .jet-listing-grid__items {
        justify-content: flex-start;
    }
}

/** Legal pages **/
/* Footer */
/** Nav menu **/
.elementor-location-footer .footer .elementor-widget-nav-menu.secondary .elementor-nav-menu .menu-item.secondary a {
    color: var(--e-global-color-secondary);
    font-family: 'Maison Neue', sans-serif;
    font-size: clamp(16px, calc(calc(100 / 1152) * (100vw - 768px) + 16px), 18px);
    letter-spacing: .5px;
    line-height: 1.5;
    text-transform: initial;
}

/** Icon list **/
.elementor-location-footer .footer .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon svg * {
    fill: var(--e-global-color-secondary);
}
.elementor-location-footer .footer .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
    color: var(--e-global-color-secondary);
}