.grid-sizer { /*width: 0.08%;*/ }
.grid-item { width: 33.3%; overflow: hidden; }
.grid-item--width33 { width: 33.3%; }
.grid-item--width66 { width: 66.6%; }

.grid-item--width50 { width: 50%; }
.grid-item--width25 { width: 25%; }

.grid-item > div { background: transparent; position: relative; overflow: hidden; height: 0; padding-bottom: 60%; }
.grid-item--width66 > div { padding-bottom: 59.909%;  /*  (66/67) * 60% */ padding-bottom: 60%; }
.grid-item--width50 > div { padding-bottom: 39.96%; }
.grid-item--width25 > div { padding-bottom: 80%; }

.grid-item--height2 > div { padding-bottom: 120%; }
.grid-item--height1 > div { padding-bottom: 30%; }

.grid-item img { margin: 0 auto; object-fit: cover; width: 100%; height: 100%; /*display: none;*/ }


.gallery.grid { margin-left: -6px; margin-right: -6px; }
.grid-item > div img { position: absolute; top: 0; left: 0;  }
.grid-item > div > div { position: absolute; top: 6px; left:6px; right: 6px; bottom: 6px; overflow: hidden; background: #eee; }

@media(max-width: 1023px){
	.gallery.grid { margin-left: -4px; margin-right: -4px; }
	.grid-item > div > div { top: 4px; left:4px; right: 4px; bottom: 4px; }
}

@media(max-width: 767px){
	.gallery.grid { margin-left: -3px; margin-right: -3px; }
	.grid-item > div > div { top:3px; left:3px; right:3px; bottom:3px; }
	
	.grid-item { width: 100% !important; }
}
/* ================ */

.gallery.grid .grid-sizer { width: 33.3%; }
/*.gallery.grid .grid-sizer { width: 0.1%; }*/

/*.gallery.grid .grid-item, .grid-item > div > div { overflow: initial; }*/

.gallery.grid .grid-item > div { padding-bottom: 64%; }
.gallery.grid .grid-item--width66 > div { padding-bottom: 64%; }
.gallery.grid .grid-item--width50 > div { padding-bottom: 39.96%; }
.gallery.grid .grid-item--width25 > div { padding-bottom: 80%; }

.gallery.grid .grid-item--height2 > div { padding-bottom: 128%; }
.gallery.grid .grid-item--height1 > div { padding-bottom: 32%; }
.gallery.grid .image__caption { position: absolute; bottom: 5px; left: 5px; right: auto; max-width: calc(100% - 10px); background: rgba(50,50,50,.8); color: #fff; padding: .5rem 1rem; }
/*.gallery.grid .grid-item:nth-child(odd) .image__caption { left: auto; right: 5px; }*/

.gallery.grid .grid-item:focus-within > div > div { border: 2px solid #666;  }

/* SHOW / HIDE */
.gallery.grid .image__caption { transition: all .3s; }


/*
@media(min-width: 576px){
	.gallery.grid .image__caption {  }
}
*/

@media(max-width: 991px){
	.gallery.grid .image__caption { opacity: 1 !important; }
}

.gallery.grid .image__caption {
	opacity: 1;
}

@media(hover: hover) and (pointer: fine) {
	.gallery.grid .image__caption { opacity: 0; transform: translateY(100%); }
	.gallery.grid .grid-item:hover .image__caption, 
	.gallery.grid .grid-item:focus-within .image__caption{ opacity: 1; transform: translateY(0); }	
}