/* =========================================================
   Directory Slider v1.3
   True endless item-recycling marquee
   ========================================================= */

.wrap.t3-sl.t3-sl-2 .PraxisGallery {
	padding: 20px 0;
}

.directory-slider {
    --directory-slider-gap: 20px;
    width: 100%;
   /* overflow: hidden;*/
}

.directory-slider__viewport {
    width: 100%;
    /*overflow: hidden;*/
}

.directory-slider__track {
    display: flex;
    align-items: flex-start;
    gap: var(--directory-slider-gap);
    width: max-content;
    transform: translate3d(0, 0, 0);
    will-change: transform;
}

.directory-slider__item {
    flex: 0 0 calc(
        (100vw - (4 * var(--directory-slider-gap))) / 5
    );
    min-width: 0;
	padding:2vw;
	transition: all .3s;
}


.directory-slider__image {
    width: 100%;
    aspect-ratio: 2 / 3;
    overflow: hidden;
	border-radius: 19px;
}

.directory-slider__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transform-origin: center center;
    transition: transform .45s ease;
}

@media (hover: hover) and (pointer: fine) {

    .directory-slider__item {
        position: relative;
    }

    .directory-slider__item:hover {
        z-index: 5;
    }

    .directory-slider__item:hover {
        transform: scale(1.15);
		border-radius: 19px;
		overflow: hidden;
    }
}

/* Tablet: 3 images */
@media (max-width: 1440px) {

    .directory-slider__item {
        flex-basis: calc(
            (100vw - (3 * var(--directory-slider-gap))) / 4
        );
    }
}


@media (max-width: 1199px) {

    .directory-slider__item {
        flex-basis: calc(
            (100vw - (2 * var(--directory-slider-gap))) / 3
        );
    }
}

/* Mobile: 1 image */

@media (max-width: 767px) {

    .directory-slider {
        --directory-slider-gap: 2vw;
    }

    .directory-slider__item {
       /* flex-basis: calc(
            100vw - var(--directory-slider-gap)
        );*/
        flex-basis: calc(
            (100vw - (1 * var(--directory-slider-gap))) / 2
        );		
    }
}

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

    .directory-slider__track {
        transform: none !important;
    }

    .directory-slider__image img {
        transition: none;
    }
}