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

.eltdf-simple-timeline-holder  {
	-webkit-box-shadow: 0 1px 10px 0 rgba(211, 222, 227, 0.7);
	-moz-box-shadow: 0 1px 10px 0 rgba(211, 222, 227, 0.7);
	box-shadow: 0 1px 10px 0 rgba(211, 222, 227, 0.7);
	box-sizing: border-box;
	padding: 94px 11% 91px;
	text-align: center;
	position: relative;
	background-color: #fff;
	@include eltdfTransform(translateY(100px));
	opacity: 0;
	-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);

	.eltdf-st-text-holder {
		position: relative;
		margin-bottom: 114px;
		opacity: 0;
		@include eltdfTransition(opacity .5s cubic-bezier(0.22, 0.61, 0.36, 1));

		&:after {
			content: '';
			position: absolute;
			height: 70px;
			width: 1px;
			background-color: #deebf5;
			left: 50%;
			bottom: -94px;
			@include eltdfTransform(translateX(-50%));
		}
	}

	.eltdf-st-title,
	.eltdf-st-date {
		display: block;
		width: 100%;
		font-weight: 400;
	}

	.eltdf-st-title,
	.eltdf-st-bottom-title{
		font-family: $custom-text-font;
		color: $default-heading-color;
		font-size: 42px;
	}

	.eltdf-st-date {
		font-family: $addition-text-font;
        color: $first-main-color;
		font-style: italic;
		font-size: 21px;
		margin-top: 10px;
	}

	.eltdf-st-text {
		margin-top: 14px;
	}

	&.eltdf-simple-timeline-appeared {
		@include eltdfTransform(translateY(0));
		opacity: 1;

		.eltdf-st-text-holder {
			&.eltdf-st-item-appeared {
				opacity: 1;
			}
		}
	}
}
/* ==========================================================================
   Image With Text shortcode style - end
   ========================================================================== */