/*Styles for users who prefer reduced motion*/

@media (prefers-reduced-motion: reduce) {


    /* Main Carousel
    ---------------------------------------------------------*/

    .main-carousel .card-shell {
        transition: width 0.1s, height 0.1s, margin-left 0s, margin-right 0s;
    }
    .main-carousel .card-shell.neighbor .card-content {
        transition: 0s opacity;
    }
    .main-carousel .card-shell.immediate {
        opacity: 0.9;
        transition: 0.1s;
    }
    .main-carousel .card-shell.neighbor {
        opacity: 0.8;
        transition: 0.1s;
    }
    .main-carousel .card img {

        transition: 0s;
    }
    @media (hover: hover) and (pointer: fine) {
        .main-carousel .card-shell.center:hover .main-img-wrapper img {
            transform: scale(1);
        }
    }
    .main-carousel .card-logo {
        transition: 0s;
    }

    /* Destinations section index.php
     ------------------------------------------------------*/

    .ltr {
        animation: none;
    }
    .rtl {
        animation: none;
    }

    /* Scrolling animations
     -------------------------------------------------------*/

    .fadeIn.show {
        -webkit-animation: fadeIn 0s forwards;
        animation: fadeIn 0s forwards;
    }
    .fadeInShorter.show {
        -webkit-animation: fadeIn 0s forwards;
        animation: fadeIn 0s forwards;
    }
    .fadeInLonger.show {
        -webkit-animation: fadeIn 0s forwards;
        animation: fadeIn 0s forwards;
    }
    .fadeOut.show {
        -webkit-animation: fadeOut 0s forwards;
        animation: fadeOut 0s forwards;
    }
    .fadeOutShorter.show {
        -webkit-animation: fadeOut 0s forwards;
        animation: fadeOut 0s forwards;
    }
    .fadeInUp.show {
        animation: fadeInUp 0s forwards;
    }
    .fadeInUpShorter.show {
        animation: fadeInUp 0s forwards;
    }
    .fadeInDown.show {
        animation: fadeInDown 0s forwards;
    }
    .fadeInDownShorter.show {
        animation: fadeInDown 0s forwards;
    }
    .revealImage.show {
        animation: revealImage 0s forwards;
    }
    .revealImageRight.show {
        animation: revealImageRight 0s forwards;
    }
    .revealImageTop.show {
        animation: revealImageTop 0s forwards;
    }
    /* Swiper animations */
    .swiper:not(.widescreenSwiper):not(.gallery-lightbox-swiper):not(.wideSwiper) .swiper-slide {
        opacity: 1;
        transition: opacity 0.6s;
    }
    .swiper:not(.widescreenSwiper):not(.gallery-lightbox-swiper):not(.wideSwiper) .swiper-slide-next,
    .swiper:not(.widescreenSwiper):not(.gallery-lightbox-swiper):not(.wideSwiper) .swiper-slide-prev {
        transform: translateY(0px);
        transition: transform 2s var(--zoom-curve),
        opacity 0.6s;
    }
    .swiper:not(.widescreenSwiper):not(.gallery-lightbox-swiper):not(.wideSwiper) .swiper-slide-active {
        transform: translateY(0px);
        transition: transform 0s var(--zoom-curve),
        opacity 0.6s;
    }
    .three-cards .swiper-slide-next,
    .three-cards .swiper-slide-prev {
        transform: translateY(0px) translateZ(0px) !important;
        transition: transform 0s var(--zoom-curve),
        opacity 0.6s;
    }
    .three-cards .swiper-slide-active {
        transform: translateY(0px) translateZ(0px) !important;
        transition: transform 30 var(--zoom-curve),
        opacity 0.6s;
    }
    .main-carousel-set.revealed .swiper-slide,
    .swiper:not(.widescreenSwiper):not(.wideSwiper):not(.gallery-lightbox-swiper):not(.wideSwiper).revealed .swiper-slide {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    .three-cards.swiper.revealed .swiper-slide {
        opacity: 1;
        transform: translateY(0) translateZ(0px) !important;
    }


    /* Header
    ---------------------------------------------------------*/

    header {
        transition: height 0s,
        transform 0s,
        max-height 0s;
    }
    header .menu-item a {
        transition: 0s;
    }
    header .btn {
        transition: 0s;
    }
    header:before {
        transition: height 0s;
    }
    header::after {
        transition: transform 0s;
    }
    header.scrolled::after {
        transform: translateY(0);
        transition: transform 0s var(--zoom-curve),
        transform 0s var(--zoom-curve);
    }
    header.scrolled::before {
        transition: 0s;
        opacity: 0;
    }
    header.scrolled .logo {
        filter: brightness(0);
        transition: 0s;
    }
    .header-top, .main-menu {
        transition: 0s,
        width 0s;
    }
    header.no-hero .logo {
        transition: 0s;
    }
    header .menu-item::before {
        transition: 0s;
    }
    .logo {
        transition: 0s;
    }
    /* Megamenu */
    .megamenu {
        transition: clip-path 0s,
        transform 0s var(--zoom-curve),
        max-height 0s var(--zoom-curve),
        opacity 0s ease;
    }
    .loyalty-btn:hover svg {
        transform: scaleX(1);
    }

    /* promo-bar */

    .promo-bar {
        transition: max-height 0s,
        padding 0s;
    }
    .promo-bar button {
        transition: 0s;
    }
    .promo-bar button:hover {
        transform: scale(1);
    }

    /* About
     -------------------------------------------------------*/

    .about {
        transition: padding-top 0s;
    }

    /* Three-cards
     -------------------------------------------------------*/

    .three-cards .card-shell {
        transition: 0.05s;
    }

    /* Widescreen Swiper
     -------------------------------------------------------*/

    .widescreenSwiper.animate .swiper-slide-active img {
        transform: scale(1);
    }
    .widescreenSwiper.animate .swiper-slide img {
        transition: transform 1s;
    }

    /* Wide Swiper
    -------------------------------------------------------*/

    .wideSwiper .swiper-slide {
        transition: 0s;
    }
    @media (max-width: 700px) {
        .wideSwiper .swiper-slide {
            transition: height 0s ease,
            opacity 0s ease,
            transform 0s ease;
        }
        .swiper:not(.widescreenSwiper) .swiper-slide {
            transition: height 0s,
            opacity 0s,
            transform 0s;
        }
    }

    /* Gallery
    -------------------------------------------------------*/

    .gallery-block img {
        transition: 0.2s;
    }
    .gallery-block:hover img {
        transform: scale(1);
    }
    .gallery-block::before {
        height: 24px;
        width: 24px;
    }
    .gallery-lightbox.open {
        transform: translate(-50%, -50%) scale(1);
    }
    .gallery-lightbox.end {
        transform: translate(-50%, -50%) scale(1);
    }
    .gallery-lightbox.start .gallery-lightbox-swiper {
        transform: scale(1);
    }

    /* Footer
     -------------------------------------------------------*/

    .footer-section ul,
    .footer-contact {
        transition: 0s;
    }

    /* Category items
     -------------------------------------------------------*/

    .category-item:hover .category-image img {
        transform: scale(1);
    }

    /* Room
     -------------------------------------------------------*/

    .facilities ul {
        transition: 0s;
    }

    /* Offer items
     -------------------------------------------------------*/

    .offer-item:hover .offer-image img {
        transform: scale(1);
    }

    /* Collections
     -------------------------------------------------------*/

    .collection-img-wrapper:hover img {
        transform: scale(1);
    }

    /* CardSwiper
     -------------------------------------------------------*/

    .cardSwiper .swiper-slide:hover img {
        transform: scale(1);
    }

    /* Destination Info Grid
     -------------------------------------------------------*/

    .dest-info-images img {
        transition: flex 0s;
    }
    @keyframes enterFromRight {
        from {
            clip-path: inset(0 0 0 0);
            opacity: 0;
        }
        to {
            clip-path: inset(0 0 0 0);
            opacity: 1;
        }
    }
    @keyframes enterFromLeft {
        from {
            clip-path: inset(0 0 0 0);
            opacity: 0;
        }
        to {
            clip-path: inset(0 0 0 0);
            opacity: 1;
        }
    }
    @keyframes exitToLeft {
        from {
            clip-path: inset(0 0 0 0);
            opacity: 1;
        }
        to {
            clip-path: inset(0 0 0 0);
            opacity: 0;
        }
    }
    @keyframes exitToRight {
        from {
            clip-path: inset(0 0 0 0);
            opacity: 1;
        }
        to {
            clip-path: inset(0 0 0 0);
            opacity: 0;
        }
    }

    /* Image Panels
     -------------------------------------------------------*/
    .image-panels {
        transition: 0s var(--zoom-curve);
    }
    .panel {
        transition: 0s var(--zoom-curve);
    }
    .panel h2 {
        transition: 0s;
    }
    .panel img {
        transition: 0s var(--zoom-curve);
    }

    /* Rewards
     -------------------------------------------------------*/
    .indirect-bookings {
        transition: max-height 0s var(--zoom-curve),
        opacity 0.5s;

    }

    /* Dining info carousel
     -------------------------------------------------------*/
    .card-info {
        transition: height 0s var(--zoom-curve),
        opacity 0.2s;
    }
    @media (hover: hover) and (pointer: fine) {
        .main-carousel .card-shell.center .card:hover img,
        .main-carousel .card-shell.center .card:focus-within img {
            transform: scale(1);
        }
    }
    @media (max-width: 768px) {
        .main-carousel .card-shell.center .card.active img{
            transform: scale(1);
        }
    }

    /* SIDE-MENU
 -------------------------------------------------------*/


    /* menu-bar is the ul element of the list */
    /* menu-bar is the ul element of the list */
    .sidebar-menu .menu-bar {
        /* 0 width and transform transition so theres no jarring animations when switching between menus */
        transition: max-width 0s var(--zoom-curve),
        max-height 0s var(--zoom-curve),
        opacity 0s ease,
        padding 0s,
        min-width 0s,
        background 0s var(--zoom-curve),
        margin 0s var(--zoom-curve),
        transform 0s var(--zoom-curve),
        visibility 0s linear 0.6s;
    }

    /* Stylings for menu-bar once its visible */
    .sidebar-menu .menu-bar.visible {
        transition: max-width 0s var(--zoom-curve),
        padding 0s,
        min-width 0s,
        background 0s var(--zoom-curve),
        margin 0s var(--zoom-curve),
        max-height 0s var(--zoom-curve),
        opacity 0.5s ease,
        transform 0s var(--zoom-curve),
        visibility 0s linear 0s;
    }

    .side-menu {
        transition: width 0s var(--zoom-curve),
        max-width 0s var(--zoom-curve),
        opacity 0.8s var(--zoom-curve),
        transform 0s var(--zoom-curve),
        height 0s;
    }

}