/*********************************************
 * CTA Section
**********************************************/
.twc-cta-section {
    --cta-width:885px;
    --cta-height:273px;
    --cta-spacing-content:80px;
    --cta-height-image:360px;
    max-width:calc(var(--twc-gap-side) + var(--cta-width));
    background:var(--twc-color-primary);
}
.bg-content-orange {background:var(--twc-color-secondary);}
.bg-content-gray {background:var(--twc-color-gray);}
.twc-cta-section__content {width:100%;}
.twc-cta-section-inner {
    min-height:var(--cta-height);
    padding:var(--twc-spacing-40) var(--cta-spacing-content) var(--twc-spacing-40) var(--twc-gap-side);
}
.twc-cta-section__content-text {max-width:calc(375px + var(--twc-gap-container)); padding-right:var(--twc-gap-container);}
.twc-cta-section__content-button a {width:max-content;}

/* Image */
.twc-cta-section__bg {height:var(--cta-height-image); width:var(--twc-100vw);}

@media only screen and (min-width:1800px) {
    .twc-cta-section {--cta-width:905px;}
}

/* Footer */
.site-footer .twc-cta-section {
    --twc-spacing-default:0;
    --cta-height-mailchimp:108px;
    --cta-height-image:265px;
    margin-left:0; margin-right:0;
}
.main_content .site-footer .twc-cta-section {margin-bottom:calc(-1 * var(--cta-height-mailchimp));}
.site-footer .twc-cta-section__bg {
    height:calc(var(--cta-height) + var(--cta-height-mailchimp));
}
.site-footer .twc-cta-section__content-text {max-width:100%; padding:0; width:100%;}
.site-footer .twc-cta-section__content-text .footer-row > div {padding-top:15px; padding-bottom:15px;}


/*********************************************
 * CTA Section Responsive
**********************************************/
@media only screen and (max-width:1180px) {
    .twc-cta-section {
        --cta-width:calc(0.6 * (var(--twc-100vw) - var(--twc-gap-side)) + var(--twc-gap-container));
        --cta-spacing-content:var(--twc-gap-container);
    }
}
@media only screen and (max-width:1024px) {
    .twc-cta-section__content-inner {flex-direction:column;}
    .twc-cta-section__content-text {
        max-width:100%; width:100%;
        padding-right:0; margin-bottom:30px; text-align:center;
    }
}
@media only screen and (max-width:768px) {
    .twc-cta-section {
        --cta-width:calc(var(--twc-gap-side) + 100%);
    }

    .site-footer .twc-cta-section__content-text .footer-row > div {width:100%; text-align:center;}
}
@media only screen and (max-width:767px) {
    .main_content .site-footer .twc-cta-section {margin-bottom:0;}
    .site-footer .twc-cta-section__bg {height:var(--cta-height);}
}