/* ==========================================================================
   Image With Text shortcode style - begin
   ========================================================================== */

.eltdf-image-with-text-holder {
    @include eltdfRelativeHolderLayout();
	z-index: 5;

	&.eltdf-has-two-links {

		.eltdf-iwt-title {
			transform: translateY(0);
			transition: all .35s ease-out;
			transition-delay: .4s;
		}


		.eltdf-itw-on-hover {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;

			p {
				font-family: $addition-text-font;
				font-style: italic;
				font-weight: 300;
				font-size: 19px;
				color: #4a5266;
				margin: 22px 28px 0;
				position: relative;
				transition: all .35s ease-out;
				opacity: 0;
				transform: translateY(10px);

				&:after {
					content: '';
					width: 20px;
					height: 1px;
					background-color: $default-heading-color;
					bottom: -3px;
					left: 50%;
					@include eltdfTransform(translateX(-50%));
					@include eltdfTransition(width .2s ease);
					position: absolute;
				}

				&:hover {

                      &:after {
                          width: 100%;
                      }
				}
			}

			a {
				&:nth-child(2) {

					p {
						transition-delay: .25s;
					}
				}
			}
		}

		&:hover {

			.eltdf-iwt-title {
				opacity: 0;
				transition-delay: 0s;
				transform: translateY(10px);
			}

			.eltdf-itw-on-hover {

				p {
					opacity: 1;
					transform: translateY(0);
				}
			}
		}
	}

	&.eltdf-has-shadow {

		.eltdf-iwt-image {
			box-shadow: 0px 1px 7px 0px rgba(21, 52, 71, 0.07);
		}
	}

	.eltdf-iwt-image {
		@include eltdfRelativeHolderLayout();

		a, img {
			position: relative;
			display: block;
		}
	}

	.eltdf-iwt-text-holder {
		@include eltdfRelativeHolderLayout();
	}

	.eltdf-iwt-title {
		transition: opacity .35s ease-out;
		margin: 32px 0 0;
	}

	.eltdf-iwt-text {
		margin: 14px 0 0;
	}

	/***** Custom Link Behavior Style - begin *****/

	&.eltdf-image-behavior-custom-link {

		&:not(.eltdf-has-two-links) {

			.eltdf-iwt-image {

				a {
					@include eltdfImageOverlayHoverStyle();
				}

				&:hover + .eltdf-iwt-text-holder {
					.eltdf-iwt-title {
						&:after {
							width: 20px;
						}
					}
				}
			}

			.eltdf-iwt-title {
				position: relative;

				&:after {
					content: '';
					width: 0;
					height: 1px;
					background-color: $default-heading-color;
					bottom: 1px;
					left: 50%;
					@include eltdfTransform(translateX(-50%));
					@include eltdfTransition(width .2s ease);
					position: absolute;
				}
			}
		}
	}

	/***** Custom Link Behavior Style - end *****/

	/***** Lightbox Behavior Style - begin *****/

	&.eltdf-image-behavior-lightbox {

		.eltdf-iwt-image {

			a {
				@include eltdfImageOverlayHoverStyle();
			}
		}
	}

	/***** Lightbox Behavior Style - end *****/

	/***** Zoom Behavior Style - begin *****/

	&.eltdf-image-behavior-zoom {

		.eltdf-iwt-image {
			overflow: hidden;

			.touchevents & {
				cursor: pointer;
			}

			&:hover {

				img {
					@include eltdfTransform(scale(1.04));
				}
			}

			img {
				@include eltdfTransform(scale(1));
				@include eltdfTransitionTransform(.3s ease-in-out);
			}
		}
	}

	/***** Zoom Behavior Style - end *****/

	/***** Grayscale Behavior Style - begin *****/

	&.eltdf-image-behavior-grayscale {

		.eltdf-iwt-image {
			overflow: hidden;

			.touchevents & {
				cursor: pointer;
			}

			&:hover {

				img {
					-webkit-filter: grayscale(0);
					filter: none;
				}
			}

			img {
				filter: url('img/desaturate.svg#grayscale');
				-webkit-filter: grayscale(100%);
				-moz-filter: grayscale(100%);
				filter: gray;
				filter: grayscale(100%);
				@include eltdfTransition(all .3s ease-in-out);
			}
		}
	}

	/***** Grayscale Behavior Style - end *****/
}
/* ==========================================================================
   Image With Text shortcode style - end
   ========================================================================== */