.elementor-1130 .elementor-element.elementor-element-1205b25{--display:flex;--min-height:21vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1130 .elementor-element.elementor-element-7dd906c{text-align:center;}.elementor-1130 .elementor-element.elementor-element-d8e4498{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1130 .elementor-element.elementor-element-26bf544{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:5em;--padding-bottom:5em;--padding-left:1em;--padding-right:1em;}.elementor-1130 .elementor-element.elementor-element-435a04f{--display:flex;}/* Start custom CSS for container, class: .elementor-element-26bf544 */.sermon-series-grid {
    display: grid;
    grid-template-columns:  repeat(2, 1fr);
    gap: 24px;
    padding: 40px 0;
}

.sermon-series-card a {
    display: block;
    overflow: hidden;
    border-radius: 6px;
}

.sermon-series-card img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.sermon-series-card a:hover img {
    transform: scale(1.03);
}

.series-no-image {
    background: #333;
    color: #fff;
    padding: 60px 20px;
    text-align: center;
    font-size: 1.2rem;
    border-radius: 6px;
}/* End custom CSS */