/*
Block Name: Logo Slider
Description: Creates a slider from logos, allowing you to add optional links to each logo.
*/

.block-logo-slider .wrapper{mask-image: linear-gradient(to right, transparent, #000000 10%, #000000 90%, transparent); overflow-x: clip; padding: 1rem 0;}

.block-logo-slider{overflow:hidden;}
.block-logo-slider .logos-area .logos .logos-track{display:flex;align-items:center;animation:logoSlider 10000s linear forwards;}
.block-logo-slider .logos-area .logos .logo {padding:0 5rem;display:block;transition:all .35s;}
.block-logo-slider .logos-area .logos .logo img{height:85px;max-width:250px;width:auto;display:block; object-fit: contain;}
.block-logo-slider .logos-area .logos .logo:hover{transform:scale(1.075);}

@keyframes logoSlider{
    0%{transform:translateX(0);}
    100%{transform:translateX(-35000vw);}
}

@media(max-width:768px){
    .block-logo-slider .logos-area .logos .logo{padding:0 2rem;}
    .block-logo-slider .logos-area .logos .logo img{max-height:85px;max-width:250px;}

    @keyframes logoSlider{
        0%{transform:translateX(0);}
        100%{transform:translateX(-150000vw);}
    }
}