/*==============================*/
/*=====----- TEMPLATE -----=====*/
/*==============================*/


.side-by-side-v2-1-across .content-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 1;
}

.side-by-side-v2-1-across .qv-btn {
	display: none;
}

.side-by-side-v2-1-across .content-section {
    height: 100%;
}


.side-by-side-v2-1-across .slide.content-left .img-cont,
.side-by-side-v2-1-across .slide.content-right .img-cont {
    border-radius: 15px 15px 0 0;
}


.side-by-side-v2-1-across .slide.content-left .content-section,
.side-by-side-v2-1-across .slide.content-right .content-section {
     border-radius: 0 0 15px 15px;
}


.side-by-side-v2-1-across .content-section {
    box-shadow: 0px 1px 6px 0px #00000014;
    background-color: var(--white);
}

.side-by-side-v2-1-across .slide-top {
    margin-bottom: 0;
}


.side-by-side-v2-1-across .content-section {
    position: relative;
}

.side-by-side-v2-1-across .slide-footer {
    padding: 8px 14px 12px 14px;
    border-top: 2px solid var(--brown-c4);

    height: 60px;
    width: 100%;
    align-items: center;
}

.side-by-side-v2-1-across .content-upper {
    position: relative;
}

.side-by-side-v2-1-across .content-upper {
    padding-left: 14px;
    padding-right: 14px;
}

.side-by-side-v2-1-across .content-section .slide-title {
    color: var(--gray-38);
    font-size: var(--text-2xl);
}


.side-by-side-v2-1-across .slide-header {
    padding-top: 22px;
}


/*===================================*/
/*=====----- MEDIA QUERIES -----=====*/
/*===================================*/

@container (min-width: 40em) {


    .side-by-side-v2-1-across .slide .inner {
        box-shadow: 2.26px 2.26px 9.03px 0px #00000014;
        border-radius: 23px;
        gap: 0;
        align-items: end;
    }

    .side-by-side-v2-1-across .content-upper {
        padding: 10px 20px 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        justify-content: center;
    }

    .side-by-side-v2-1-across .content-section {
        box-shadow: none;
        position: relative;
        transform: none;       
    }

    .side-by-side-v2-1-across .slide.content-left .img-cont {
        border-radius: 0 15px 15px 0;
    }

    .side-by-side-v2-1-across .slide.content-right .img-cont {
        border-radius: 15px 0 0 15px;
    }

    .side-by-side-v2-1-across .slide.content-left .content-section {
        border-radius: 15px 0 0 15px;
        gap: 0;
    }
    
    .side-by-side-v2-1-across .slide.content-right .content-section {
        border-radius: 0 0 15px 15px;
        gap: 0;
    }

    .side-by-side-v2-1-across .slide-footer {
        padding: 5px 14px 0 20px;
        height: 60px;
        width: 100%;
    }

    .side-by-side-v2-1-across .slide-desc {
        padding-bottom: 5px;
        font-size: 20px;
    }

    .side-by-side-v2-1-across .slide-header {
        padding-top: 1px;
    }
}

@container (min-width: 90em) {

    .side-by-side-v2-1-across .widget-inner .slides {
        max-width: 1160px;
        padding: 0;
    }
    
    .side-by-side-v2-1-across .content-upper {
        gap: 10px;
    }

    .side-by-side-v2-1-across .content-section {
        gap: 0;
    }

    .side-by-side-v2-1-across .content-upper {
        padding: 13px 59px 0 60px;
    }
    .side-by-side-v2-1-across .slide-footer {
        padding-left: 60px;
        padding-right: 60px;
    }

    .side-by-side-v2-1-across .content-section .slide-title {
        font-size: 2.5rem;
        line-height: 1.1;
    }

    .side-by-side-v2-1-across .slide-desc {
        font-size: 1.25rem;
    }

    .side-by-side-v2-1-across .slide-footer {
        padding-bottom: 10px;
        padding-top: 10px;
        height: 92px;
    }

    .side-by-side-v2-1-across .slide-footer .read-more {
        font-size: 1.5rem;
        font-weight: var(--font-weight-bold);
        line-height: 1;
        color: var(--gray-54);
    }

    .ccl-v2-widget.side-by-side-v2-1-across .slide-footer .read-more:hover .button-text::after {
        top: 5px;
    }

    .side-by-side-v2-1-across .slide-desc {
        padding-bottom: 0;
    }
     .side-by-side-v2-1-across .content-section .slide-title {
        font-size: 2.875rem;
        line-height: 1.1;
    }

    .side-by-side-v2-1-across .slide-desc {
        font-size: 1.5rem;
        padding-bottom: 20px;
    }

}