@media (min-width: 900px) {
.image-grid.cols_4 {
    column-count: 4 !important;
}
}
.image-grid figure {position: relative;
    display: inline-block; /* necessary for column layout */
    width: 100%;           /* fill column width */
    margin-bottom: var(--gutter);   /* gap between items vertically */

}

.image-grid {
    column-count: 3;
    column-gap: var(--gutter);
    margin: var(--gutter) auto;
 
}

.image-grid figure {
    display: inline-block;
    width: 100%;
    margin-bottom: 24px;
    break-inside: avoid; overflow: hidden;
	position:relative;
}


.image-grid picture {

}

.image-grid img {
    width: 100%;
    height: auto;          /* preserve aspect ratio */
    display: block;

}
@media (max-width: 899.98px) {
    .image-grid {
        column-count: 2;
    }
}

@media (max-width: 599.98px) {
    .image-grid {
        column-count: 1;
        column-gap: 16px;
    }
    .image-grid figure { margin-bottom: 16px}
}

.image-grid a {display:block; margin-bottom:24px; }
.image-grid a figure { margin-bottom:0; }
.image-grid a:focus-visible {  
box-shadow: 0 0 0 1px white, 0 0 0 3px var(--orange); 
 } 
 
.image-grid figcaption  {  width: calc(100% + 2px); left: -1px; position:absolute; bottom:0; margin:0; z-index:2; } 
.image-grid figcaption.over.always_open div {background: none; width: 100%; color:white;position:relative; padding:0 1em; }
.image-grid figcaption::before {
	opacity:0.9; display:block; width:100%; content:"";
    height: calc(120% + var(--gutter)); position:absolute; left:0; bottom:0;
background-size:cover;
        background: linear-gradient(
                to top,
                hsl(0, 0%, 0%) 0%,
                hsla(0, 0%, 0%, 0.738) 19%,
                hsla(0, 0%, 0%, 0.541) 34%,
                hsla(0, 0%, 0%, 0.382) 47%,
                hsla(0, 0%, 0%, 0.278) 56.5%,
                hsla(0, 0%, 0%, 0.194) 65%,
                hsla(0, 0%, 0%, 0.126) 73%,
                hsla(0, 0%, 0%, 0.075) 80.2%,
                hsla(0, 0%, 0%, 0.042) 86.1%,
                hsla(0, 0%, 0%, 0.021) 91%,
                hsla(0, 0%, 0%, 0.008) 95.2%,
                hsla(0, 0%, 0%, 0.002) 98.2%,
                hsla(0, 0%, 0%, 0) 100%
        );
    }
	
	
	
/* Remove caption background */
.glightbox-clean .gslide-description,
.glightbox-container .gdesc-inner {
    background: transparent;
}


/* Optional: center captions */
.glightbox-container .gslide-title {
    text-align: center; color: white !important; font-size: 16px !important; margin-bottom: 0 !important;
}
.glightbox-mobile .glightbox-container .gslide-description { padding-bottom: 20px !important; /*background: rgba(0,0,0,0.2);*/ }