/* HTML & BODY */

body {
    background: #f4f0ec;
    padding-top: 95px;
}

/* General */
p:last-of-type {
    margin-bottom: 0;
}

div[data-elementor-type="wp-page"] {
    min-height: 60vh;
}

.only-mobile {
    display: none;
}

.waypoint {
    position: relative;
    margin-top: -1px;
    height: 1px;
    width: 1px;
    background-color: transparent !important;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    top: -150px;
}


.room-item > .e-con-inner::after,
.bg-overflow-half-width > .e-con-inner::after {
    content: '';
    position: absolute;
    background-color: var(--e-global-color-9c08ef4);
    top: -35px;
    bottom: -35px;
    z-index: -2;
}

.room-item > .e-con-inner::after,
.bg-overflow-half-width.right > .e-con-inner::after {
    left: 50vw;
    right: 0;
}

.bg-overflow-half-width.left > .e-con-inner::after {
    left: 0;
    right: 50vw;
}

.room-item > .e-con-inner > div::after,
.bg-overflow-half-width > .e-con-inner > div::after {
    content: '';
    position: absolute;
    background-color: var( --e-global-color-9c08ef4 );
    top: -35px;
    left: -35px;
    right: -35px;
    bottom: -35px;
    z-index: -2;
}

.bg-overflow-inner::after {
    content: '';
    position: absolute;
    background-color: var( --e-global-color-33b4c51 );
    top: 0px;
    bottom: 0px;
    z-index: -1;
} 

.room-item .bg-overflow-inner::after,
.bg-overflow-half-width.right .bg-overflow-inner::after {
    left: 0px;
    right: -15vw;
}

.bg-overflow-half-width.left .bg-overflow-inner::after {
    left: -15vw;
    right: 0px;
}

.rounded-icon.elementor-widget-image,
.rounded-icon .elementor-icon i {
    text-align: center;
    border-radius: 50%;
    background-color: var(--e-global-color-secondary);
    line-height: 120px;
    height: 120px;
    width: 120px;
}

/**/
/*
.room-list .elementor-loop-container > div + div {
    margin-top: 145px;
}*/

.room-item .elementor-element {
    --swiper-navigation-color: #fff;
    --swiper-pagination-color: #fff;
    --swiper-theme-color: #fff;
}

.room-item .swiper-pagination.swiper-pagination-bullets {
    --swiper-pagination-bullet-size: 10px;
    padding-bottom: 5px;
}

.room-list .elementor-loop-container > div:nth-child(odd) .room-item .e-con-inner > div:first-child {
    order: 2;
}

.room-list .elementor-loop-container > div:nth-child(odd) .room-item .e-con-inner > div:last-child {
    order: 1;
}

.room-list .elementor-loop-container > div:nth-child(odd) .room-item > .e-con-inner::after {
    left: 0;
    right: 50vw;
}

.room-list .elementor-loop-container > div:nth-child(odd) .room-item .bg-overflow-inner::after {
    left: -15vw;
    right: 0px;
}

/* Popups */
.popup-menu {
    z-index: 9999;
}
.popup-mobile-nav {
    z-index: 9998 !important;
}

/* Accessibility */
.yydev-accessibility .yy-button {
    border: none;
    background-color: transparent !important;
}

.yydev-accessibility .yy-title .rtl {
    display: none !important;
}

.yydev-accessibility a.rest-accessibility {
    color: #6a7249 !important;
    padding-left: 0px;
}

.yydev-accessibility a.rest-accessibility .rtl {
    display: none;
}

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
    background: var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
}

.popup-mobile-nav.accessibility-light-contrast-color,
.popup-mobile-nav.accessibility-high-contrast-color {
    background-color: transparent !important;
}

.garger-logo .garger-logo__text svg.accessibility-light-contrast-color path,
.garger-logo .garger-logo__text svg.accessibility-light-contrast-color g,
.garger-logo .garger-logo__icon svg.accessibility-light-contrast-color g,
.garger-logo .garger-logo__icon svg.accessibility-light-contrast-color path {
    fill: black !important;
}
.garger-logo .garger-logo__icon svg.accessibility-light-contrast-color g:last-child,
.garger-logo .garger-logo__icon svg.accessibility-light-contrast-color g:last-child path {
    fill: white !important;
}

.rounded-icon.accessibility-light-contrast-color,
.rounded-icon.accessibility-light-contrast-color .elementor-widget-container,
.rounded-icon.accessibility-light-contrast-color img {
    border-radius: 50% !important;
    background-color: black !important;
}

.rounded-icon.accessibility-high-contrast-color .elementor-widget-container {
    border-radius: 50% !important;
    border: 2px solid white !important;
}

.rounded-icon.accessibility-high-contrast-color .elementor-widget-container {
    border: 2px solid white;
}

.rounded-icon.accessibility-high-contrast-color img {
    background: transparent !important;
}

p a.accessibility-light-contrast-color,
p a.accessibility-high-contrast-color {
    text-decoration: underline !important;
}


@media (max-width: 1570px) {
    .room-item > .e-con-inner > div::after,
    .bg-overflow-half-width > .e-con-inner > div::after {
        left: 0px;
        right: 0px;
    }
}

@media (max-width: 1024px) {
    body {
        padding-top: 85.8px;
    }

    .waypoint {
        top: -125px;
    }

    .room-item .swiper-button-prev,
    .room-item .swiper-button-next {
        --swiper-navigation-size: 33px;
    }

    .room-item .bg-overflow-inner::after,
    .room-item .bg-overflow-inner::after,
    .bg-overflow-half-width.right .bg-overflow-inner::after,
    .bg-overflow-half-width.left .bg-overflow-inner::after {
        bottom: -20px;        
        top: -20px;
    }

    .room-item .bg-overflow-inner::after,
    .bg-overflow-half-width.right .bg-overflow-inner::after {
        right: -30px;
    }

    .bg-overflow-half-width.left .bg-overflow-inner::after {
        left: -30px;
    }

    .rounded-icon.elementor-widget-image,
    .rounded-icon .elementor-icon i {
        line-height: 100px;
        height: 100px;
        width: 100px;
    }
}

@media (max-width: 767px) {
    body {
        padding-top: 85px;
    }

    .only-mobile {
        display: block;
    }

    .waypoint {
        top: -100px;
    }

    .swipee-left,
    .swipee-right,
    .room-item .swiper-button-prev,
    .room-item .swiper-button-next {
        display: none;
    }

    .room-item .bg-overflow-inner::after,
    .room-item .bg-overflow-inner::after,
    .bg-overflow-half-width.right .bg-overflow-inner::after,
    .bg-overflow-half-width.left .bg-overflow-inner::after {
        left: 0px;
        right: 0px;
        bottom: -20px;        
        top: -50px;
    }

    .room-item > .e-con-inner::after,
    .room-item > .e-con-inner > div::after,
    .bg-overflow-half-width > .e-con-inner::after,
    .bg-overflow-half-width > .e-con-inner > div::after {
        content: none;
    }

    .rounded-icon.elementor-widget-image,
    .rounded-icon .elementor-icon i {
        line-height: 80px;
        height: 80px;
        width: 80px;
    } 

    
    /* Hero elements */
    .hero-map,
    .hero-slider {
        height: 0;
        padding-bottom: 56.25%;
        position: relative;
    }

    .hero-slider { padding-bottom: 56.25%; padding-bottom: 75%; }
    .hero-map { padding-bottom: 75%; }

    .hero-slider,
    .hero-map { 
        padding-bottom: 66.666%; 
    }

    .hero-map > div,
    .hero-slider > div {
        position: absolute;
        inset: 0;
    }

    .hero-map .g-mapbox,
    .hero-slider .swiper-slide,
    .hero-slider .elementor-swiper,
    .hero-slider .swiper{
        height: 100% !important;
    }
}

@media (max-width: 575px) {
}