/* Custom Event List Styling */

.ccm-block-calendar-event-list-wrapper .blk-title {
    margin-bottom: 2rem;
}

.event-container {
    padding-bottom: 0 !important;
    border-bottom: 1px solid #5d12263d;
    margin-bottom: 20px;
    min-height: 10dvh;
}

div.ccm-block-calendar-event-list-event-date {
    font: bold 1.25rem "Oswald", sans-serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 6px;
    margin-right: 1.25rem;
    min-width: 6dvh;
}

div.ccm-block-calendar-event-list-event-date span:first-child {
    background-color: #5d1226;
}

div.ccm-block-calendar-event-list-event-date span:last-child {
    color: #000;
}

.event-container .event-title, .event-container .event-title a {
    color: #000;
    font-weight: bold;
}

.event-container .event-date, .event-container .event-loc {
    text-transform: uppercase;
}

.event-container .event-date {
    margin-right: 8px;
}

.event-container .event-date::after {
    content: "|";
    margin-left: 2px;
}

.event-container .event-loc {
    margin-left: 0.5rem;
}