.list-events {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.card-container.columns-3 .card {
width: calc(31% - 20px);
}
.list-events.columns-3 .card {
width: calc(33.33% - 30px);
}
.list-events.columns-4 .card {
width: calc(25% - 30px);
}
@media (max-width: 767.98px) {
.list-events.columns-3 .card {
width: calc(100% - 30px);
}
.list-events.columns-4 .card {
width: calc(100% - 30px);
}
}
div.card.attending_events {
background: var(--ast-global-color-5);
display: flex;
min-height: 100px;
align-content: center;
flex-direction: row;
align-content: space-around;
margin: 15px;
flex-wrap: wrap;
padding: 20px;
}
span.start-date {
width: auto;
}
span.end-date {
width: auto;
padding-left: 10px;
}