/*
 * Feast Gallery thumbnails. Matches Easy Image Gallery's markup and look.
 * Override completely by adding css/easy-image-gallery.css to the child theme.
 */
.easy-image-gallery {
	margin: 0 auto;
	padding: 0;
}

.easy-image-gallery li {
	display: inline-block;
	padding: 0 20px 20px 0;
	margin: 0;
}

.easy-image-gallery a {
	position: relative;
	display: block;
}

.easy-image-gallery a img {
	display: block;
	border-top-right-radius: 20px;
	transition: 0.3s all;
}

.eig-popup {
	display: block;
}

/* Eye icon (was an icon font) */
.eig-popup .icon-view {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 30px;
	height: 30px;
	transform: translate(-50%, -50%);
	background-color: #fff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
	opacity: 0;
	transition: opacity 0.3s linear;
	pointer-events: none;
}

.eig-popup .overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	transform: translate(-50%, -50%);
	opacity: 0.4;
	visibility: hidden;
	transition: all 0.3s linear;
	pointer-events: none;
}

.eig-popup:hover .overlay,
.eig-popup:focus-visible .overlay {
	visibility: visible;
	width: 100%;
	height: 100%;
	background: #000;
}

.eig-popup:hover .icon-view,
.eig-popup:focus-visible .icon-view {
	opacity: 0.8;
}

@media (prefers-reduced-motion: reduce) {
	.easy-image-gallery a img,
	.eig-popup .icon-view,
	.eig-popup .overlay {
		transition: none;
	}
}