/* Tile gallery: masonry-style grid + lightbox viewer, replacing Unite Gallery's CSS/skin assets */

.tile-gallery {
	columns: 300px;
	column-gap: 6px;
}

.tile-gallery img {
	display: block;
	width: 100%;
	margin-bottom: 6px;
	break-inside: avoid;
	cursor: pointer;
}

.tile-gallery-viewer {
	position: relative;
	max-width: 90vw;
	max-height: 90vh;
}

.tile-gallery-image {
	display: block;
	max-width: 90vw;
	max-height: 80vh;
}

.tile-gallery-caption {
	padding-top: 0.5em;
	text-align: center;
}

.tile-gallery-prev,
.tile-gallery-next {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	width: 2em;
	font-size: 2em;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
	text-decoration: none;
}

.tile-gallery-prev {
	left: -1.2em;
	justify-content: flex-end;
}

.tile-gallery-next {
	right: -1.2em;
	justify-content: flex-start;
}

.tile-gallery-prev:hover,
.tile-gallery-next:hover {
	color: #ffff66;
}