@import "settings/mixins";

.civi-light-gallery {
	.civi-box {
		&:hover {
			.civi-overlay {
				visibility: visible;
				opacity: 0.9;
			}
		}
	}

	.civi-overlay {
		@extend %NormalTransition;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		visibility: hidden;

		> div {
			position: absolute;
			top: 50%;
			left: 50%;
			@include transform(translate(-50%, -50%));
			font-size: 36px;
			color: #fff;
		}
	}
}
