/* utility classes */

.w-50 {
    width: 50% !important;
}

.w-60 {
    width: 60% !important;
}

/* Scrolling Text (Marquee) */
:has(> .scrolling-text) {
    overflow-x: hidden;
}

.scrolling-text {
    --space: 200vw;
    white-space: nowrap;
    animation: marquee 50s infinite linear;
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

/* Social */
.spf_container {
    padding: 0;
    gap: 2rem;
}

.spf_item {
    border: 10px solid var(--wp--preset--color--orange-ochre) !important;
}