/* === Custom Block Styling === */
.ctaBlock{
    padding-top: var(--CB-padding-top);
    padding-right: var(--CB-padding-right);
    padding-bottom: var(--CB-padding-bottom);
    padding-left: var(--CB-padding-left);
    margin-top: var(--CB-margin-top);
    margin-bottom: var(--CB-margin-bottom);
}

.cta__backgroundWrapper{
    padding: 64px 0px;
    background-size: cover;
    background-position: center;
}

.cta__innerContainer{
    padding: 0;
}

.cta__innerRow{
    justify-content: flex-end;
}

.cta__contentWrapper{
    background-color: var(--FC-primary-color);
    padding: 32px;
    overflow: hidden;
    padding-bottom: 80px;
}

.cta__contentInnerWrapper{
    width: 80%;
}

.cta__subhead, .cta__heading, .cta__copy{
    color: var(--FC-near-white);
}

.cta__buttonWrapper{
    background-color: var(--FC-near-white);
    width: fit-content;
    padding: 20px 64px;
    overflow: hidden;
    position: relative;
    transform: skew(-25deg);
    position: absolute;
    right: -236px;
    bottom: -65px;
}

.cta__buttonWrapper p{
    transform: skew(25deg);
}

.cta__button{
    color: var(--FC-black) !important;
    text-decoration-line: none !important;
}

@media screen and (max-width: 1399.98px){
    .cta__buttonWrapper{
        right: -215px;
    }
}

@media screen and (max-width: 1199.98px){
    .cta__buttonWrapper{
        right: -180px;
        padding: 20px 55px;
    }
}

@media screen and (max-width: 991.98px){
    .cta__buttonWrapper{
        right: -145px;
        padding: 16px 55px;
    }
}

@media screen and (max-width: 575px){
    .cta__innerContainer{
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media screen and (max-width: 450px){
    .cta__buttonWrapper{
        right: -45%;
    }
}


.cta__noButton .cta__buttonWrapper{
    display: none;
}

.cta__noSubhead .cta__subhead{
    display: none;
}

.cta__noButton .cta__contentWrapper{
    padding-bottom: 32px;
}