.edgtf-image-with-text {

	.edgtf-image-with-text-holder-inner{
		position: relative;
		overflow: hidden;
	}

	.edgtf-image-with-text-link{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 200;
	}

	.edgtf-image-with-text-image {
		img{
			vertical-align: middle;
		}
	}

	.edgtf-image-with-text-overlay{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		opacity: 0;
		background-color: rgba(255,255,255,.95);
		@include edgtfTransition(opacity .4s cubic-bezier(0.29, 0.51, 0, 0.88));
		will-change: opacity;
	}

	.edgtf-image-with-text-overlay-inner {
		position: relative;
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.edgtf-image-with-text-text-holder {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		height: 100%;
		width: 100%;
		text-align: center;
	}

	.edgtf-image-with-text-text-holder-inner {
		position: relative;
		margin: auto;
		max-width: 70%;
		text-align: center;
	}

	.edgtf-image-with-text-subtitle-holder{
		text-align: left;
		margin-top: 5px;
		color: $first-main-color;

		.edgtf-image-with-text-subtitle {
			display: inline;
			font-size: 17px;
			line-height: 20px;
		}
	}

	.edgtf-image-with-text-title-holder {
		position: relative;
		display: inline-block;

		.edgtf-image-with-text-title {
			position: relative;
			color: $first-main-color;
			font-size: 6vw;
			z-index: 10;

			.edgtf-sub-line {
				content: '';
			    position: absolute;
			    top: 50%;
			    left: 0;
				height: 8%;			    
			    width: 100%;
			    background-color: currentColor;
			    @include edgtfTransform(scaleX(0));
			    -webkit-transform-origin: 100% 50%;
			    transform-origin: 100% 50%;
			    -webkit-transition: -webkit-transform .25s ease-in-out;
			    transition: transform .25s ease-in-out;
			    will-change: transform;
			}
			
			span:not(.edgtf-sub-line) {
				font-size: inherit;
				line-height: 1em;
			}
		}
	}

	&:hover{
		.edgtf-image-with-text-overlay{
			opacity: 1;
		}

		.edgtf-image-with-text-title {
			.edgtf-sub-line {
				-webkit-transform-origin: 0% 50%;
				transform-origin: 0% 50%;
			    @include edgtfTransform(scaleX(1));
			}
		}

		&.edgtf-imt-shadow{
			@include edgtfBoxShadow(0 8px 29px rgba(0,0,0,.11));
		}
	}

	&.edgtf-imt-shadow{
		@include edgtfBoxShadow(0 6px 24px rgba(0,0,0,.09));
		@include edgtfTransition(box-shadow .3s);
	}
}
