.featured-events__event.category-signature-events {
    .featured-events__date:before {
        background: rgb(249, 98, 174);
    }
    .date-block {
        background: rgb(249, 98, 174);
    }
}
.featured-events__event.category-dance {
    .featured-events__date:before {
        background: rgb(0, 199, 217);
    }
    .date-block {
        background: rgb(0, 199, 217);
    }
}
.featured-events__event.category-design {
    .featured-events__date:before {
        background: rgb(149, 157, 159);
    }
    .date-block {
        background: rgb(149, 157, 159);
    }
}
.featured-events__event.category-music {
    .featured-events__date:before {
        background: rgb(237, 209, 0);
    }
    .date-block {
        background: rgb(237, 209, 0);
    }
}
.featured-events__event.category-theater {
    .featured-events__date:before {
        background: rgb(8, 87, 195);
    }
    .date-block {
        background: rgb(8, 87, 195);
        color: white;
    }
}
.featured-events__event.category-visual-arts {
    .featured-events__date:before {
        background: rgb(255, 133, 0);
    }
    .date-block {
        background: rgb(255, 133, 0);
    }
}



.event-teaser.category-signature-events {
    .date-block {
        background: rgb(249, 98, 174);
    }
}
.event-teaser.category-dance {
    .date-block {
        background: rgb(0, 199, 217);
    }
}
.event-teaser.category-design {
    .date-block {
        background: rgb(149, 157, 159);
    }
}
.event-teaser.category-music {
    .date-block {
        background: rgb(237, 209, 0);
    }
}
.event-teaser.category-theater {
    .date-block {
        background: rgb(8, 87, 195);
        color: white;
    }
}
.event-teaser.category-visual-arts {
    .date-block {
        background: rgb(255, 133, 0);
    }
}



.story-teaser.category-signature-events {
    .story-teaser__photo:after {
        background: rgb(249, 98, 174);
    }
}
*:focus .story-teaser.category-signature-events .story-teaser__photo {
    outline: 4px solid rgb(249, 98, 174) !important;
}
.story-teaser.category-dance {
    .story-teaser__photo:after {
        background: rgb(0, 199, 217);
    }
}
*:focus .story-teaser.category-dance .story-teaser__photo {
    outline: 4px solid rgb(0, 199, 217) !important;
}
.story-teaser.category-design {
    .story-teaser__photo:after {
        background: rgb(149, 157, 159);
    }
}
*:focus .story-teaser.category-design .story-teaser__photo {
    outline: 4px solid rgb(149, 157, 159) !important;
}
.story-teaser.category-music {
    .story-teaser__photo:after {
        background: rgb(237, 209, 0);
    }
}
*:focus .story-teaser.category-music .story-teaser__photo {
    outline: 4px solid rgb(237, 209, 0) !important;
}
.story-teaser.category-theater {
    .story-teaser__photo:after {
        background: rgb(8, 87, 195);
    }
}
*:focus .story-teaser.category-theater .story-teaser__photo {
    outline: 4px solid rgb(8, 87, 195) !important;
}
.story-teaser.category-visual-arts {
    .story-teaser__photo:after {
        background: rgb(255, 133, 0);
    }
}
*:focus .story-teaser.category-visual-arts .story-teaser__photo {
    outline: 4px solid rgb(255, 133, 0) !important;
}


.featured-events__livewhale-col:nth-child(4n+1),
.featured-events__livewhale-col:nth-child(4n+4) {
    /*col-lg-8*/
    @media (min-width: 992px) {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
}
.featured-events__livewhale-col:nth-child(4n+2),
.featured-events__livewhale-col:nth-child(4n+3) {
    /*col-lg-4*/
    @media (min-width: 992px) {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}