/****************************
 * Image Grid
****************************/
/* grid */
.px-image-grid {--col:3; --ratio:unset;}
.px-image-grid__inner.flex-grid-template {
    --grid-gap-x:15px;
    --grid-gap-y:15px;
}

.px-image-grid__item-image:after {box-shadow:inset 0 0 0 1px #d9d9d9;}

/* image */
.px-image-grid__item-image {aspect-ratio:var(--ratio);}

/* image caption */
.px-image-grid__item-caption {padding-top:.4em; opacity:.8; font-size:.9em;}

/* grid post gallery */
.is-post-gallery .px-image-grid__inner.flex-grid-template {
    padding-top:15px;
    padding-bottom:15px;
}


/****************************
 * Image Grid Responsive
****************************/
@media only screen and (min-width:1025px) {
    .px-image-grid__inner.flex-grid-template {
        --grid-col:var(--col);
    }
}
@media only screen and (max-width:1024px) {
    .px-image-grid__inner.flex-grid-template {
        --grid-col:4;
    }
}
@media only screen and (max-width:480px) {
    /* odd => 1 column */
    .px-image-grid.count-odd .flex-grid-template {--grid-col:1;}

    .px-image-grid__inner.flex-grid-template {
        --grid-gap-x:10px;
        --grid-gap-y:10px;
        --grid-col:2;
    }

    /* caption */
    .px-image-grid__item:not(:last-child) .px-image-grid__item-caption {padding-bottom:1em;}
}