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

.eltdf-iwt {
	@include eltdfRelativeHolderLayout();
	
	.eltdf-iwt-icon {
		
		a {
			position: relative;
			display: inline-block;
			vertical-align: middle;
		}
		
		.eltdf-icon-shortcode {
			line-height: 1;
			
			&.eltdf-circle,
			&.eltdf-square {
				line-height: 2;
			}
		}
	}
	
	.eltdf-iwt-title {
		margin: 0;
		line-height: 1.2em;
		
		a {
			position: relative;
			display: inline-block;
			vertical-align: top;
		}
	}
	
	.eltdf-iwt-title-text {
		display: block;
	}

	.eltdf-iwt-subtitle {
		font-size: 21px;
		font-weight: 400;
		line-height: 1.23em;
		letter-spacing: 0;
		font-style: italic;
		font-family: $addition-text-font;
		color: $first-main-color;
		display: block;
		margin-top: 6px;
	}
	
	.eltdf-iwt-text {
		margin: 13px 0 0;
	}
	
	&.eltdf-iwt-icon-left {
		width: auto;
		
		.eltdf-iwt-icon,
		.eltdf-iwt-content {
			display: table-cell;
			vertical-align: top;
		}
		
		.eltdf-iwt-icon {
			position: relative;
			top: 1px;
			
			img {
				max-width: none;
			}
		}
		
		.eltdf-iwt-content {
			padding: 13px 0 0 16px;
		}
	}
	
	&.eltdf-iwt-icon-left-from-title {
		
		.eltdf-iwt-icon,
		.eltdf-iwt-title-text {
			position: relative;
			display: table-cell;
			vertical-align: middle;
		}
		
		.eltdf-iwt-icon {
			
			.eltdf-icon-element {
				@include eltdfTransition(none);
			}
			
			img {
				max-width: none;
			}
		}
		
		.eltdf-iwt-title-text {
			padding: 0 0 0 17px;
		}
	}
	
	&.eltdf-iwt-icon-top {
		text-align: center;

		.eltdf-iwt-icon {
			position: relative;
			opacity: 0;
			@include eltdfTransform(translateY(20px));
			@include eltdfTransition(all .6s);
		}

		.eltdf-iwt-content {
			padding: 0;
		}

        &.eltdf-iwt-icon-top-appeared {

            .eltdf-iwt-icon {
                opacity: 1;
                @include eltdfTransform(translateY(0));
            }
        }
	}
}
/* ==========================================================================
   Icon With Text shortcode style - end
   ========================================================================== */