/* ==========================================================================
   Item Showcase shortcode style - begin
   ========================================================================== */

.eltdf-item-showcase-holder {
	@include eltdfRelativeHolderLayout();
	text-align: center;
	opacity: 0;
	
	.eltdf-is-image {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		float: left;
		width: 40%;
		margin-top: -100px;
		opacity: 0;
		@include eltdfTransform(translateY(70px));
		
		&.eltdf-appeared {
			-webkit-transition: opacity .55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .55s cubic-bezier(0.23, 1, 0.32, 1);
			-moz-transition: opacity .55s cubic-bezier(0.23, 1, 0.32, 1), -moz-transform .55s cubic-bezier(0.23, 1, 0.32, 1);
			transition: opacity .55s cubic-bezier(0.23, 1, 0.32, 1), transform .55s cubic-bezier(0.23, 1, 0.32, 1);
			opacity: 1;
			@include eltdfTransform(translateY(0));
		}
	}
	
	.eltdf-is-item-holder {
		display: inline-block;
		vertical-align: middle;
		width: 30%;
		
		&.eltdf-is-left-holder {
			float: left;
		}
		
		&.eltdf-is-right-holder {
			float: right;
		}
		
		.eltdf-is-item:first-child {
			margin: 0;
		}
	}

	.eltdf-is-item {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		margin: 56px 0 0;
		opacity: 0;

		&.eltdf-is-left {
			text-align: right;
			@include eltdfTransform(translateX(-70px));
			
			.eltdf-is-content {
				padding: 0 20px 0 0;
			}
		}
		
		&.eltdf-is-right {
			text-align: left;
			@include eltdfTransform(translateX(70px));
			
			.eltdf-is-content {
				padding: 0 0 0 20px;
			}
		}
		
		&.eltdf-appeared {
		    -webkit-transition: opacity .55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .55s cubic-bezier(0.23, 1, 0.32, 1);
			-moz-transition: opacity .55s cubic-bezier(0.23, 1, 0.32, 1), -moz-transform .55s cubic-bezier(0.23, 1, 0.32, 1);
		    transition: opacity .55s cubic-bezier(0.23, 1, 0.32, 1), transform .55s cubic-bezier(0.23, 1, 0.32, 1);
		    opacity: 1;
		    @include eltdfTransform(translateX(0));
		}
		
		.eltdf-is-content {
			@include eltdfRelativeHolderLayout();
			box-sizing: border-box;
		}
		
		.eltdf-is-title {
			margin: 0;
		}
		
		.eltdf-is-text {
			margin: 14px 0 0;
		}
	}
}
/* ==========================================================================
   Item Showcase shortcode style - end
   ========================================================================== */