.race-calendar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;

    &>div {
        padding: 24px;
        background: white;
        border-bottom: 6px solid #c82127;
        flex: 1;

        p {
            margin: 0;

            &.tag {
                font-weight: 700;
                text-transform: uppercase;
                color: #c82127;
                letter-spacing: .13em;
                font-size: var(--wp--preset--font-size--extra-small);
            }

            &.event-day {
                font-size: var(--wp--preset--font-size--xx-large);
                font-family: var(--wp--preset--font-family--barlow-condensed);
                font-weight: 700;
                line-height: 1.2;
                color: #07583a;
                margin: 22px 0 0;
                line-height: 1;
            }

            &.event-date {
                font-size: var(--wp--preset--font-size--large);
                font-family: var(--wp--preset--font-family--barlow-condensed);
                font-weight: 700;
                line-height: 1;
            }

            &.venue {
                margin-top: 22px;
                padding-top: 22px;
                border-top: 1px solid #d8ded9;
                font-size: var(--wp--preset--font-size--extra-small);
                color: #67716a;
            }
        }
    }
}