/* Wrapper that holds all event cards */
.sb-events {
    display: grid;
    gap: .5rem;
}

.sb-events__day {

    padding: 25px;
    font-size: 36px;
}

.sb-events__month{
    padding-left: 25px;
    margin-top: -17px;
    padding-bottom: 50px;

}
.sb-events__title, .sb-events__meta, .sb-events__excerpt{
    padding-left: 25px;
}
.sb-events__title a {
    font-size: 20px!important;
}

/* Card base */
.sb-events__item {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding-bottom: 20px;
}


.sb-events__item:nth-child(1) {
    background-color: #5866b2;
    color: white;
}
.sb-events__item:nth-child(1) a{
    color: white;
}

.sb-events__item:nth-child(2), .sb-events__item:nth-child(3) {
    background-color: #c7d1f4;
    color: #0a026d;
}

.sb-events__item:nth-child(2) a, .sb-events__item:nth-child(3) a{
    color: #0a026d;
}

.sb-events__item:nth-child(n+4) {
    background-color: #eef1ff;
    color: #2e2597;
}
.sb-events__item:nth-child(n+4) a{
    color: #2e2597;
}
/* Safety: make sure nothing is clipped */
.sb-events {
    overflow: visible;
}


/* Desktop */



.sb-events {
    grid-template-columns: repeat(4, 1fr);
    background: white;
    padding: 4px;
    border-radius: 5px;
}



/* Tablet */
@media (max-width: 1024px) {
    .sb-events--layout-horizontal .sb-events {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .sb-events--layout-horizontal .sb-events {
        grid-template-columns: 1fr;
    }
}