Na}{

File Content: `_countdown.scss`

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

.mkdf-countdown {
    @include mkdfRelativeHolderLayout();

    .countdown-rtl {
        direction: rtl;
    }

    .countdown-row {
        @include mkdfRelativeHolderLayout();

        clear: both;
        text-align: center;

        $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 mkdfRelativeHolderLayout();

            box-sizing: border-box;
            padding: 0 5px;

            .countdown-amount {
                color: $default-text-color;
                display: block;
                font-size: 45px;
                font-weight: 700;
                letter-spacing: 0.025em;
                line-height: 1em;
                position: relative;
            }

            .countdown-period {
                display: block;
                margin-top: 20px;

                @include mkdfH5();
            }
        }
    }

    &.mkdf-light {
        .countdown-row {
            .countdown-section {
                .countdown-amount {
                    color: #ffffff;
                }

                .countdown-period {
                    color: #ffffff;
                }
            }
        }
    }
}

/* ==========================================================================
   Countdown shortcode style - end
   ========================================================================== */
File Content: _countdown.scss

File Content: `_countdown.scss`
