/* ==========================================================================
   Item Showcase start styles
   ========================================================================== */

.edgtf-item-showcase {
	text-align: center;
	opacity: 0;

	.edgtf-item-image {
		display: inline-block;
	 	margin-top: -180px;
	 	opacity:0;
		width:36%;
	 	@include edgtfTransform(translateY(70px));
	 	&.edgtf-appeared {
	 	    -webkit-transition: opacity .55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-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 edgtfTransform(translateY(0));
	 	}
	}

	.edgtf-item {
		display: block;
		opacity: 0;

		.edgtf-item-table-holder{
			display: inline-table;
		}

		&.edgtf-item-left {
			@include edgtfTransform(translateX(-70px));
			text-align: right;
			.edgtf-item-icon{
				padding-left:30px;
			}
		}
		&.edgtf-item-right {
			text-align: left;
			@include edgtfTransform(translateX(70px));
			.edgtf-item-icon{
				padding-right:30px;
			}
		}
		&.edgtf-appeared {
		    -webkit-transition: opacity .55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-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 edgtfTransform(translateX(0));
		}
		.edgtf-item-icon{
			display:table-cell;
			font-size:30px;
			i{
				@include edgtfTransition(color .15s ease-out);
			}
			&:hover i{
				color:$first-main-color!important; //has to override shortcode option - inline style (icon color)
			}
		}
		.edgtf-item-content {
			display: table-cell;
			vertical-align: top;
			.edgtf-showcase-title-holder {
				.edgtf-showcase-title {
					position: relative;
					display: inline-block;
					margin:0;
                    letter-spacing: 0.8px;
				}
			}

			.edgtf-showcase-text-holder {
				.edgtf-showcase-text {
                    margin: 7px 0 44px;
				}
			}
		}
	}

	.edgtf-item-showcase-holder {
		display: inline-block;
		width:32%;
		box-sizing: border-box;

		&.edgtf-holder-left {
			float: left;
			text-align: right;
			padding-right: 80px;
		}
		&.edgtf-holder-right {
			float: right;
			text-align: left;
			padding-left: 80px;
		}
	}
	
}

/* ==========================================================================
   Item Showcase end styles
  ========================================================================== */