/* =============================================
   BELLAMY TEXT MARQUEE - Elementor Widget CSS
   ============================================= */

.bellamywidget-marquee-wrapper {
    overflow: hidden;
    width: 100%;
}

.bellamywidget-marquee {
    display: inline-flex;
	overflow: hidden;
    align-items: center;
    white-space: nowrap;
    animation: marquee linear infinite;
	-webkit-font-smoothing: antialiased;
}

/* Animation Left (default) */
.bellamywidget-marquee[data-direction="left"] {
    animation-name: marquee-left;
}

/* Animation Right */
.bellamywidget-marquee[data-direction="right"] {
    animation-name: marquee-right;
}

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

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

/* Pause on Hover */
.bellamywidget-marquee-wrapper:hover .bellamywidget-marquee {
    animation-play-state: paused;
}

/* Editor support */
.elementor-editor-active .bellamywidget-marquee {
    will-change: transform;
}

/* Make sure the duplicate also animates */
.bellamywidget-marquee-duplicate {
    display: inline-flex;
    align-items: center;
}