/* Marquee ACF Shortcode – basic styles */
.marquee-container{
    width:100vw;
    overflow:hidden;
    white-space:nowrap;
    padding:20px 0;
}

.marquee{
    display:flex;
    width:max-content;
}

.marquee-content{
    display:flex;
    font-weight:bold;
    min-width:100vw;
    animation:marquee 70s linear infinite;
}

.marquee-content span{
    padding:0 40px;
}

/* Pause animation on hover */
.marquee-container:hover .marquee-content,
.marquee-content:hover{
    animation-play-state: paused;
}

@keyframes marquee{
    from{transform:translateX(0%);}
    to{transform:translateX(-50%);}
}

/* Desktop */
@media (min-width: 601px){
    .marquee-container .marquee-content{
        font-size:var(--mas-desktop-font,24px);
    }
}

/* Mobile */
@media (max-width: 600px){
    .marquee-container{
        padding:10px 0;
    }

    .marquee-container .marquee-content{
        font-size:var(--mas-mobile-font,15px);
    }
}