/* === Custom Block Styling === */
.parallaxSplit{
    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;
    background-image: url('/wp-content/uploads/2024/10/parallaxBlockBackgroundImage-copy.png');
    background-size: cover;
    background-position: center bottom;
}

.parallaxSplit__parallaxImage{
    width: calc(100% + 75px);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding-bottom: 90%;
    position: absolute;
    right: 0;
}

.parallaxSplit__outerParallaxCol{
    background-color: var(--FC-accent-aqua);
    padding: 0;
    margin-right: .25rem;
    box-shadow: inset 15px 0 0 0 #ffffff; 
}

.parallaxSplit__copyOuterContainer{
    padding: 64px 0px;
}
.parallaxSplit__copyWrapper{
    padding-bottom: 32px;
    padding-top: 16px;
    max-width: 500px;
}

.parallaxSplit__copy, .parallaxSplit__heading{
    color: var(--FC-near-white);
}

.parallaxSplit__logo{
    max-width: 125px;
    width: 100%;
}

@media screen and (max-width: 1399.98px){
    .parallaxSplit__parallaxImage{
        width: calc(100% + 50px);
        padding-bottom: 105%;
    }
}

@media screen and (max-width: 1199.98px){
    .parallaxSplit__copyWrapper{
        max-width: 400px;
        padding-bottom: 0px;
    }
    .parallaxSplit__heading{
        font-size: 36px;
    }
    .parallaxSplit__parallaxImage{
        padding-bottom: 135%;
    }
}

@media screen and (max-width: 991.98px){
    .parallaxSplit__outerParallaxCol{
        margin-top: 64px;
        margin-left: 25px;
    }
    .parallaxSplit__parallaxImage{
        width: calc(100% + 20px);
        padding-bottom: 132%;
    }
}

@media screen and (max-width: 767.98px){
    .parallaxSplit__copyWrapper{
        max-width: 100%;
    }
    .parallaxSplit__outerParallaxCol{
        margin-top: 0px;
    }
}