/****************************
 * Image Grid
****************************/
.twc-image-grid {--ig-padding:55px;}
.twc-image-grid__inner {margin:calc(-1 * var(--ig-padding) / 2);}
.twc-image-grid__item {padding:calc(var(--ig-padding) / 2);}
.twc-image-grid__item-image {position:relative;}

/* fancybox */
.twc-image-grid__item a {display:block;}
.twc-image-grid__item a:before {background:#000; transition:var(--twc-transition); opacity:0;}
.twc-image-grid__item a:hover:before {opacity:.3;}

/* image size */
.twc-image-grid__item.full {width:100%;}
.twc-image-grid__item.half {width:50%;}
.twc-image-grid__item.third {width:33.33%;}

/* image ratio */
.twc-image-grid__item.full .twc-image-grid__item-image {aspect-ratio:1440/486;}
.twc-image-grid__item.half .twc-image-grid__item-image {aspect-ratio:519/386;}
.twc-image-grid__item.third .twc-image-grid__item-image {aspect-ratio:329/233;}

/* custom for pattern 1 */
.twc-image-grid.pattern-1 {
    margin-left:calc(-1 * var(--twc-gap-side) - 0.5px);
    margin-right:calc(-1 * var(--twc-gap-side)); overflow:hidden;
}
.twc-image-grid.pattern-1 .twc-image-grid__item-inner {height:clamp(310px, 33.75vw, 486px);}
.twc-image-grid.pattern-1 .twc-image-grid__item-image {aspect-ratio:unset; height:100%;}

/****************************
 * Image Grid Responsive
****************************/
@media only screen and (max-width:1180px) {
    .twc-image-grid {--ig-padding:var(--twc-gap-container);}
}
@media only screen and (max-width:768px) {
    /* image size */
    .twc-image-grid__item.third {width:50%;}
}
@media only screen and (max-width:480px) {
    /* image size */
    .twc-image-grid__item.half,
    .twc-image-grid__item.third {width:100%;}
}