//@import "../../../abstracts/abstracts";

.image-hover-container {
	position: relative;
	&:hover {
		.image-hover-overlay {
			opacity: 0.9;
		}
	}
}
.image-hover-image {
	display: block;
	width: 100%;
	height: auto;
}
.image-zoom-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	.image-zoom-image {
		max-width: 100%;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	&:hover {
		.image-zoom-image {
			-moz-transform: scale(1.1);
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
		}
	}
}
.image-hover-zoom-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	&:hover {
        -moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		max-width: 100%;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		.image-hover-zoom-overlay {
			opacity: 0.6;
		}
		.image-hover-zoom-background {
			opacity: 0;
		}
	}
    .image-hover-zoom-overlay,
    .image-hover-overlay {
        opacity: 0;
    }
    .image-hover-zoom-background {
        opacity: 0.6;
    }
	.image-hover-zoom-overlay,
    .image-hover-zoom-background {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		transition: 0.5s ease;
		background-color: $modal-input-background;
	}
	.image-hover-zoom-elements,
    .image-hover-zoom-inverted-elements {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
	}
}