/* ==========================================================================
   Pie Chart shortcode style - begin
   ========================================================================== */

.eltdf-pie-chart-holder {
    @include eltdfRelativeHolderLayout();
	opacity: 0;
	@include eltdfTransition(opacity .2s ease-in);
	
    .eltdf-pc-percentage {
        position: relative;
        display: block;
        height: 176px;
        width: 176px;
        line-height: 176px;
	    text-align: center;
	    margin: 0 auto;
    
        canvas {
            position: absolute;
            top: 0;
            left: 0;
        }
        
        .eltdf-pc-percent {
            position: relative;
            display: inline-block;
            vertical-align: middle;
	        font-size: 36px;
	        line-height: inherit;
            font-weight: 400;
            font-family: $addition-text-font;
            font-style: italic;
            color: $default-heading-color;
    
            &:after {
                position: relative;
	            top: -10px;
                content: '%';
	            font-size: 20px;
            }
        }
    }

    .eltdf-pc-text-holder {
        @include eltdfRelativeHolderLayout();
        text-align: center;
        margin: 30px 0 0;
	    
	    .eltdf-pc-title {
		    margin: 0;
	    }

	    .eltdf-pc-text {
		    margin: 4px 0 0;
            font-family: $addition-text-font;
            font-size: 21px;
            font-weight: 400;
            font-style: italic;
            color: $first-main-color;
        }
    }
}
/* ==========================================================================
   Pie Chart shortcode style - end
   ========================================================================== */