/* ==========================================================================
Crossfade Images shortcode styles - start
========================================================================== */
.edgtf-crossfade-images {
	display: inline-block;
	position: relative;
	max-width: 100%;

	.edgtf-cfi-link {
		position: absolute;
		top:0;
		left:0;
		height: 100%;
		width: 100%;
		z-index: 100;
	}

	.edgtf-cfi-img-holder {
		@include edgtfTransition(all .3s);

		.edgtf-cfi-img-holder-inner {
			position: relative;
			overflow: hidden;

			img {
				vertical-align: middle;
				@include edgtfTransition(all .3s ease);
			}

			.edgtf-cfi-image-hover{
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				z-index: 10;
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				opacity: 0;
				@include edgtfTransform(scale(1.3));
				@include edgtfTransition(all .3s ease);
			}
		}
	}

	.edgtf-cfi-title-holder {
		text-align: center;
		margin: 30px 0;

		.edgtf-cfi-title {
			text-transform: none;
			font-weight: 400;
			font-size: 19px;
		}
	}

	&:hover {
		.edgtf-cfi-img-holder {

			.edgtf-cfi-img-holder-inner {
				img {
					@include edgtfTransform(scale(.8));
					opacity: 0;
				}
				.edgtf-cfi-image-hover{
					opacity: 1;
					@include edgtfTransform(scale(1));
					-webkit-transition: -webkit-transform .3s .05s, opacity .3s .05s;
					transition: transform .3s .05s, opacity .3s .05s;
				}
			}
		}
	}
}
/* ==========================================================================
Crossfade Images shortcode styles - end
========================================================================== */