/* === Custom Block Styling === */

.upcomingEvents__slider{
    width: 90%;
    margin: auto;
}

.upcomingEvents__image{
    padding-bottom: 20px;
}

.upcomingEvents__image img{
    max-width: 100%;
    width: 100%;
    border-radius: 25px;
    border: solid 2px #000;
}

.event__metaWrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.upcomingEvents__navButton{
    width: 40px !important;
    height: 40px !important;
    border: solid 1px #000;
    border-radius: 50%;
}
.upcomingEvents__navButton::after{
    color: #000;
    font-size: 20px !important;
}

.upcomingEvents__navButton.swiper-button-next{
    right: 0;
}
.upcomingEvents__navButton.swiper-button-prev{
    left: 0;
}

.event__title{
    font-family: "Avenir Book";
    color: #4d4d4d;
/*     font-weight: 300; */
    font-size: 24px;
}

.event__link:hover .event__title{
    color: #ff3600;
    text-decoration-line: underline;
}

.upcomingEvents__pagination{
    display: none;
    bottom: -10px !important;
}

@media screen and (max-width: 991.98px){
    .upcomingEvents__slider{
        width: 85%;
    }
}

@media screen and (max-width: 767px){
    .upcomingEvents__pagination{
        display: block;
    }
    .upcomingEvents__navButton{
        display: none !important;
    }
    .upcomingEvents__slider{
        width: 100%;
    }
}