.location-scroller-wrapper {



    background: var(--color-black);

    padding-block: clamp(20px, 5vw, 80px);

    overflow: hidden;
    white-space: nowrap;
    position: relative;
    display: flex;
    align-items: center;


}

#scroller {

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 48px;
    white-space: nowrap;
    scroll-behavior: smooth;
    scrollbar-width: none;
    animation: marquee 30s linear infinite;
    position: absolute;
    
}

@keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-85%); }
}




.location-scroller-wrapper::-webkit-scrollbar {

    display: none;

}



a.location-term-link {

    color: var(--color-white);

    font-size: clamp(24px, 5vw, 46px);

    font-weight: 100;

    line-height: 105%;

    text-transform: uppercase;

    flex: 1 0 auto;

    -webkit-transition: none;

    -moz-transition: none;

    -o-transition: none;

    transition: none;

}



.location-map-wrapper {

    display: flex;

    justify-content: center;

    align-items: center;

    padding-top: var(--spacing-med);

}



.location-content-wrapper {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: var(--spacing-med);

    flex: 1 0 0;

}

.location-accomodations-map-wrapper{
    max-width: 50%;
    width: 100%;
    min-width: 50%;
}



.leaflet-control-attribution {
    display: none !important;
}


/* Medium devices (tablets, less than 992px) */

@media (max-width: 992px) {



    .location-map-wrapper {

        flex-direction: column;

        gap: 32px;

    }

    #scroller {
        animation: marquee 75s linear infinite;
    }

    @keyframes marquee {
        0%   { transform: translateX(0); }
        100% { transform: translateX(-95%); }
    }


    

}