.use-image-gallery {
	cursor: zoom-in;
	margin-bottom: 0.5em;
}
.use-image-gallery:not(:empty) {
	position: relative;
	margin-bottom: 2em;
}
.use-image-gallery .source {
	position: absolute;
	top: 100%;
	top: calc(100% - 0.15em);
	left: 0;
	right: 0;

	font-size: 0.8em;
	text-transform: uppercase;
	/*color: #fff !important;
	text-shadow: 0 0 3px #000, 0 0 2px #000;*/
}
.imageGalleryWrapper {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	transition: opacity 0.3s ease;

	opacity: 1;
	background-color: rgb(72, 78, 81);

	z-index: 200;
}
.imageGalleryWrapper:not(.show) {
	opacity: 0;
	pointer-events: none;
}
.imageGalleryWrapper .clickToClose {
	position: absolute;
	top: 0;
	right: 0;
}
.imageGalleryWrapper .arrowLeft,
.imageGalleryWrapper .arrowRight {
	position: absolute;
	top: 0;
	bottom: 0;

	display: flex;
	align-items: center;
	align-content: center;

	pointer-events: none;
}
.imageGalleryWrapper .arrowLeft {
	left: 0;
}
.imageGalleryWrapper .arrowRight {
	right: 0;
}
.imageGalleryWrapper .arrowLeft > *,
.imageGalleryWrapper .arrowRight > *,
.imageGalleryWrapper .clickToClose > * {
	transition: color 0.2s ease-out;

	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 4px #000;
	font-size: 4em;
	line-height: 1em;
	cursor: pointer;
	pointer-events: auto;

	width: 120px;
	height: 120px;

	max-width: 10vmax;
	max-height: 10vmax;

	display: flex;
	justify-content: center;
	align-items: center;
}
.imageGalleryWrapper .arrowLeft > *:hover,
.imageGalleryWrapper .arrowRight > *:hover,
.imageGalleryWrapper .clickToClose > *:hover,
.imageGalleryWrapper .arrowLeft > *:active,
.imageGalleryWrapper .arrowRight > *:active,
.imageGalleryWrapper .clickToClose > *:active {
	color: #000;
}
.imageGalleryWrapper .arrowLeft,
.imageGalleryWrapper .arrowRight,
.imageGalleryWrapper .clickToClose {
	z-index: 1;
}
.imageGalleryWrapper .imageGallery {
}
.imageGalleryWrapper .imageGalleryEntry {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	transition: opacity 0.5s ease-out;

	opacity: 0;

	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.imageGalleryWrapper .imageGalleryEntry.active {
	opacity: 1;
}