/*----Pulse for the live count on the header*/
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

@keyframes blink {
    0% {
        left: 0;
    }

    50% {
        left: 0px;
    }

    100% {
        left: 0;
        opacity: 0.5;
    }
}

@keyframes flash {
    0%, 49% {
        color: var(--c-f);
    }

    50%, 100% {
        color: var(--f-promotions-2);
    }
}

@keyframes goal {
    10%, 30% {
        color: var(--c-f-e);
    }

    70%, 90% {
        color: var(--o-green-a)
    }
}