/* EventPro Event Listings 1.0.1. The class upcomingEventsContainer is on
   the wrapper itself, NOT a child of .eventpro-listings. The v1.0.0
   descendant selectors silently failed to style the upcoming panel. */
.eventpro-listings.upcomingEventsContainer {
    background: #b21917;
    padding: 20px 0;
    color: #fff;
    text-align: left;
}
.eventpro-listings.upcomingEventsContainer .titleContainer,
.eventpro-listings.upcomingEventsContainer .eventContainer {
    box-sizing: border-box;
    height: auto;
    border: 1px solid rgba(255,255,255,.75);
}
.eventpro-listings.upcomingEventsContainer .titleContainer {
    border-bottom: 0;
}
.eventpro-listings.upcomingEventsContainer h2.upcoming-main-section-heading {
    color: #fff;
    font-size: 30px;
    padding: 0;
    margin: 0;
    line-height: 1.2;
}
.eventpro-listings.upcomingEventsContainer .eventContainer h2 {
    color: #fff;
    font-size: 26px;
    margin: 0 0 14px;
    padding: 14px 0 0;
    line-height: 1.25;
}
.eventpro-listings.upcomingEventsContainer h2::after { display: none; }
.eventpro-listings.upcomingEventsContainer .eventContainer a,
.eventpro-listings.upcomingEventsContainer .eventContainer a:visited,
.eventpro-listings.upcomingEventsContainer .eventContainer a:hover {
    color: #fff;
    text-decoration: none;
}
.eventpro-listings.upcomingEventsContainer .eventContainer a h3,
.eventpro-listings.upcomingEventsContainer .eventContainer h3 {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 0 10px;
    padding: 0;
}
.eventpro-listings.upcomingEventsContainer .eventContainer a:hover h3 {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.eventpro-listings.upcomingEventsContainer .eventContainer > .weekendsEvents,
.eventpro-listings.upcomingEventsContainer .eventContainer > .next7daysEvents {
    border-left: 1px solid rgba(255,255,255,.75);
}
.eventpro-listings.upcomingEventsContainer .eventContainer > [class*="col-"] {
    box-sizing: border-box;
    padding: 0 12px 10px;
    min-width: 0;
}
.eventpro-listings.upcomingEventsContainer .eventpro-upcoming-more {
    margin: 12px 0 0;
}
.eventpro-listings.upcomingEventsContainer .eventpro-upcoming-more a {
    display: inline-block;
    font-size: 22px;
    line-height: 1;
}
.eventpro-listings.upcomingEventsContainer .eventpro-listings-empty {
    color: #fff;
    font-size: 13px;
}
@media (max-width: 767px) {
    .eventpro-listings.upcomingEventsContainer .eventContainer > .weekendsEvents,
    .eventpro-listings.upcomingEventsContainer .eventContainer > .next7daysEvents {
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.75);
    }
}
