/*********************************************
 * Image content grid
**********************************************/
.twc-image-content-grid {
    --icg-spacing-item-x:70px;
    --icg-spacing-item-y:60px;
}
.twc-image-content-grid__inner {
    position:relative;
    margin:calc(-1 * var(--icg-spacing-item-y) / 2) calc(-1 * var(--icg-spacing-item-x) / 2);
}
.twc-image-content-grid__item {
    width:50%;
    padding:calc(var(--icg-spacing-item-y) / 2) calc(var(--icg-spacing-item-x) / 2);
}
.twc-image-content-grid__item-image {padding-top:58%; overflow:hidden; border-radius:10px;}
.twc-image-content-grid__item-image:before {
    background:#000; opacity:0; z-index:3; pointer-events:none;
    transition:var(--twc-transition);
}
.twc-image-content-grid__item-image:hover:before {opacity:.3;}
.twc-image-content-grid__item-image:hover a {transform:scale(1.03);}
.twc-image-content-grid__item-content {
    --twc-spacing-heading:30px;
    max-width:460px; margin:auto;
}


/*********************************************
 * Image content grid Responsive
**********************************************/
/* Small desktop */
@media only screen and (max-width:1180px) {
    .twc-image-content-grid {
        --icg-spacing-item-x:var(--twc-gap-container);
        --icg-spacing-item-y:40px;
    }
    .twc-image-content-grid__item-image {--twc-spacing-40:25px;}
}

/* Mobile */
@media only screen and (max-width:680px) {
    .twc-image-content-grid__item {width:100%;}
    .twc-image-content-grid__item-content {--twc-spacing-heading:15px;}
}