/* Full-width, equal color blocks from Bold Futures Monthly. */
.newsletter-divider {
    --divider-orange: #FF6601;
    --stripe-1: var(--divider-orange);
    --stripe-2: #005788;
    --stripe-3: #FED502;
    --stripe-4: #50C4E3;
    display: block;
    height: 5px;
    background: linear-gradient(to right,
        var(--stripe-1) 0% 25%,
        var(--stripe-2) 25% 50%,
        var(--stripe-3) 50% 75%,
        var(--stripe-4) 75% 100%);
}

.newsletter-divider--blue-first {
    --stripe-1: #005788;
    --stripe-2: #50C4E3;
    --stripe-3: #FED502;
    --stripe-4: var(--divider-orange);
}

.newsletter-divider--gold-first {
    --stripe-1: #FED502;
    --stripe-2: #50C4E3;
    --stripe-3: #005788;
    --stripe-4: var(--divider-orange);
}

/* The orange statistics band uses the same orange as the standard stripe. */
.num-strip + .newsletter-divider,
.newsletter-divider:has(+ .num-strip) {
    --divider-orange: #FF9C5B;
}