/* === Custom Block Styling === */
.splitImageBlock{
    padding: var(--CB-padding-top) var(--CB-padding-right) var(--CB-padding-bottom) var(--CB-padding-left);
    margin: var(--CB-margin-top) var(--CB-margin-bottom);
    background-color: var(--CB-background-color);
    background-image: var(--CB-background-image);
    background-position: var(--CB-background-position);
    background-size: cover;
}

.splitImage__row{
    align-items: stretch;
}
.splitImage__row.splitImageLeft{
    flex-direction: row;
}
.splitImage__row.splitImageRight{
    flex-direction: row-reverse;
}

.splitImage__image{
    padding-bottom: 125%;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 45px;
    border-bottom-right-radius: 45px;
    margin-left: 32px;
    z-index: 1;
    position: relative;
    height: 100%;
}

.splitImage__contentWrapper{
    margin-left: 32px;
    padding-right: 32px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.splitImage__contentWrapper::after{
    content: '';
    background-color: var(--FC-tan);
    width: 110%;
    height: 90%;
    position: absolute;
    right: 0;
    z-index: 0;
}
.splitImage__imageCol{
    position: relative;
    z-index: 2;
}
.splitImage__copyCol{
    position: relative;
    z-index: 1;
}

.splitImageRight .splitImage__contentWrapper{
    margin-left: 0px;
    padding-left: 32px;
}
.splitImageRight .splitImage__image{
    margin-left: 0px;
    margin-right: 32px;
}
.splitImageRight .splitImage__contentWrapper::after{
    left: 0;
}


@media screen and (max-width: 1199.98px){
    .splitImage__contentWrapper::after{
        height: 95%;
        width: 125%;
    }
}
/* @media screen and (max-width: 991.98px){
    .splitImage__contentWrapper::after{
        width: 125%;
    }
} */
@media screen and (max-width: 991.98px){
    .splitImage__contentWrapper{
        margin-left: 0px;
        padding: 64px 16px 16px 16px !important;
        background-color: var(--FC-tan);
    }
    .splitImage__contentWrapper::after{
        display: none;
    }
    .splitImage__image{
        margin-left: 0px;
        padding-bottom: 300px;
        margin-bottom: -40px;
    }
    .splitImageRight .splitImage__image{
        margin-right: 0px;
    }
}