.eventSchedule.--livestream {
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: #DEE2E6;
    border-collapse: collapse;
    caption-side: bottom;
    text-align: left;
    font-size: .875rem;
}

.eventSchedule.--livestream .eventSchedule__head th,
.eventSchedule.--livestream .eventSchedule__head td {
    background-color: #F5F5F5;
    vertical-align: middle;
    border-color: inherit;
    border-width: 0;
}

.eventSchedule.--livestream th, .eventSchedule.--livestream td {
    padding: .5rem .5rem;
    border-width: 0;
    border-bottom-width: thin;
    border-style: solid;
    border-color: inherit;
}

.eventSchedule.--livestream .eventSchedule__legend td {
    padding: 0;
}

.eventSchedule.--livestream .eventSchedule__legend:not(:first-child) td {
    padding: 2.5rem 0 .5rem;
}

.eventSchedule.--livestream td:nth-child(1),
.eventSchedule.--livestream th:nth-child(1),
.eventSchedule.--livestream td:nth-child(2),
.eventSchedule.--livestream th:nth-child(2) {
    /*width: 15%;*/
}

.eventSchedule.--livestream td:nth-child(3),
.eventSchedule.--livestream th:nth-child(3) {
    /*width: 40%;*/
}

.eventSchedule.--livestream td:nth-child(4),
.eventSchedule.--livestream th:nth-child(4) {
    /*width: 30%;*/
}

.eventSchedule.--livestream .badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: bold;
    line-height: 1;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.eventSchedule.--livestream .badge-live {
    vertical-align: text-bottom;
    background-color: #6C757D;
    margin-right: .5rem;
}

@media (max-width: 576px) {
    .eventScheduleWrapper:has(.eventSchedule.--livestream) {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}