.wpem-event-summary-view__month-separator {
display: flex;
align-items: center;
width: calc(100% + 15px);
margin: 10px 0;
}
.wpem-event-summary-view__month-separator:after {
content: "";
width: 100%;
height: 1px;
background-color: var(--wpem-gray-border-color);
}
.wpem-event-summary-view__month-separator-text {
flex: 1;
white-space: nowrap;
margin-right: 15px;
}
.wpem-event-summary-view__event-date {
flex: 0 0 90px;
max-width: 90px;
text-align: center;
}
.wpem-col.wpem-event-summary-view__event-date-daynum {
font-size: 24px;
font-weight: 600;
color: var(--wpem-dark-color);
}
.wpem-col.wpem-event-summary-view__event-date-weekday {
font-size: 14px;
text-transform: uppercase;
line-height: 12px;
color: var(--wpem-gray-color);
}
.wpem-event-summary-view__event-wrapper {
flex: 1;
border-top: 1px solid var(--wpem-gray-border-color);
padding: 24px 0;
margin-left: 15px;
}
.wpem-event-summary-view__month-separator + .wpem-event-summary-view-row .wpem-event-summary-view__event-wrapper{
border: 0;
}
.wpem-event-summary-view__event {
display: flex;
align-items: center;
margin: 5px 0;
}
.wpem-event-summary-view__event-datetime{
color: var(--wpem-gray-color);
font-size: 14px;
flex: 0 0 180px;
max-width: 180px;
}
.wpem-event-summary-view__event-title {
margin-right: 15px;
}
.wpem-event-summary-view__event-title h3 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0;
}
.wpem-event-summary-view__event-title h3 a {
font-size: 16px;
font-weight: 600;
color: var(--wpem-dark-color);
text-decoration: none;
display: inline;
}
.wpem-event-summary-view__event-title h3 a:hover{
text-decoration: underline;
}
@media only screen and (max-width: 768px) {
.wpem-event-summary-view__event-date {
padding: 0;
flex: 0 0 60px;
max-width: 60px;
}
.wpem-event-summary-view__event {
flex-wrap: wrap;
gap: 5px;
}
.wpem-event-summary-view__event-wrapper {
padding: 15px 15px 15px 0;
}
.wpem-event-summary-view__event-title {
width: 100%;
margin: 0;
}
}