/*********************************************
 * Content with BG Image
**********************************************/
.twc-content-w-bg {
    --cb-top-spacing-content:240px;
    --cb-top-spacing-image:160px;
    --cb-bottom-spacing-content:325px;
    --cb-bottom-spacing-image:245px;
}
.twc-content-w-bg__inner {position:relative;}

/* thumbnail */
.content-top .twc-content-w-bg__inner {padding-bottom:var(--cb-top-spacing-content);}
.content-top .twc-content-w-bg__image {top:var(--cb-top-spacing-image);}
.content-bottom .twc-content-w-bg__inner {padding-top:var(--cb-bottom-spacing-content);}
.content-bottom .twc-content-w-bg__image {bottom:var(--cb-bottom-spacing-image);}

/* Content */
.twc-content-w-bg__content-wrapper {
    min-height:400px; padding:var(--twc-spacing-75) 0;
}
.twc-content-w-bg__content-inner {
    max-width:calc(680px + 2 * var(--twc-gap-container));
    padding:0 var(--twc-gap-container); margin-left:auto; margin-right:auto;
}

/* Option has large image */
@media only screen and (min-width:1440px) {
    .twc-content-w-bg.bg-large {--cb-top-spacing-content:380px;}
}


/*********************************************
 * Content with BG Image Responsive
**********************************************/
/* Small desktop */
@media only screen and (max-width:1439px) {
    .twc-content-w-bg {
        --cb-top-spacing-content:200px;
        --cb-top-spacing-image:120px;
        --cb-bottom-spacing-content:250px;
        --cb-bottom-spacing-image:180px;
    }
}

/* Touch devices */
@media only screen and (max-width:1180px) {
    .twc-content-w-bg {
        --cb-top-spacing-content:150px;
        --cb-top-spacing-image:var(--twc-spacing-default);
        --cb-bottom-spacing-content:200px;
        --cb-bottom-spacing-image:calc(var(--twc-spacing-default) + 40px);
    }

    /* Content */
    .twc-content-w-bg__content-wrapper {min-height:300px;}
}

/* Tablet vertical */
@media only screen and (max-width:768px) {
    .twc-content-w-bg {
        --cb-top-spacing-content:80px;
        --cb-bottom-spacing-content:100px;
    }
}

/* Mobile */
@media only screen and (max-width:480px) {
    .twc-content-w-bg {
        --cb-top-spacing-content:var(--twc-spacing-default);
        --cb-bottom-spacing-content:var(--twc-spacing-default);
    }
}