/* ==========================================================================
   Section Title shortcode styles - begin
   ========================================================================== */

.eltdf-section-title-holder {
    @include eltdfRelativeHolderLayout();
	text-align: center;
	box-sizing: border-box;

	&.eltdf-st-with-dots {
		.eltdf-st-title-word:not(:last-child) {

			margin-right: 15px;

			&:after {
				content: '';
				position: relative;
				display: inline-block;
				vertical-align: middle;
				top: -2px;
                left: 13px;
				width: 4px;
				height: 4px;
				background-color: currentColor;
				border-radius: 50%;
			}
		}
	}

	.eltdf-st-image {
        position: relative;
		margin-bottom: -22px;
        opacity: 0;
        @include eltdfTransform(translateY(20px));
        @include eltdfTransition(all .6s);
	}
	
    .eltdf-st-title {
	    display: block;
        margin: 0;
    }
    
    .eltdf-st-text {
	    display: block;
        margin: 8px 0 0;
    }

    span.eltdf-st-text {
        font-family: $addition-text-font;
        color: $first-main-color;
        font-weight: 400;
        font-style: italic;
        font-size: 21px;
    }

    &.eltdf-section-title-appeared {
        .eltdf-st-image {
            opacity: 1;
            @include eltdfTransform(translateY(0));
        }
    }
}
/* ==========================================================================
   Section Title shortcode styles - end
   ========================================================================== */


