/* ==========================================================================
   Countdown shortcode style - begin
   ========================================================================== */

.eltdf-countdown {
	@include eltdfRelativeHolderLayout();
	
	&.eltdf-light-skin {
		
		.countdown-row {
			
			.countdown-section {
				
				.countdown-amount,
				.countdown-period {
					color: #fff;
				}
			}
		}
	}

    &.eltdf-countdown-with-boxes {

        .countdown-row {
            .countdown-section {

                padding: 8px 10px;

                &:after {
                    content: '';
                    position: absolute;
                    width: calc(100% - 20px);
                    height: calc(100% - 20px);
                    left: 10px;
                    top: 10px;
                    box-shadow: 0px 1px 10px 0px rgba(211, 222, 227, 0.7);
                }

                .countdown-period {
                    margin-bottom: 50px;
                }
            }
        }
    }
	
	.countdown-rtl {
		direction: rtl;
	}
	
	.countdown-row {
		@include eltdfRelativeHolderLayout();
		text-align: center;
		clear: both;
		
		$columns_label: ('countdown-show1', 'countdown-show2', 'countdown-show3', 'countdown-show4', 'countdown-show5', 'countdown-show6');
		@for $i from 0 to length($columns_label) {
			&.#{nth($columns_label, $i+1)} {
				$column_width: 100% / ($i+1);
				
				.countdown-section {
					width: $column_width;
				}
			}
		}
		
		.countdown-section {
			@include eltdfRelativeHolderLayout();
			padding: 0 10px;
			box-sizing: border-box;
			
			.countdown-amount {
				position: relative;
				display: block;
				font-family: $addition-text-font;
				font-style: italic;
				color: #dedee1;
				font-size: 110px;
				line-height: 1em;
				font-weight: 400;
			}
			
			.countdown-period {
				display: block;
                font-family: $default-text-font;
				font-size: 11px;
				font-weight: 400;
				letter-spacing: .12em;
                line-height: 1.82em;
                text-transform: uppercase;
                color: $default-heading-color;
                margin-top: 22px;
			}
		}
	}
}
/* ==========================================================================
   Countdown shortcode style - end
   ========================================================================== */