/*------------------------------------------------------------------

  Countdown

-------------------------------------------------------------------*/
.full .countdown,
.countdown.style-1 {
    text-align: center;
    max-width: 600px;
    margin: 2rem auto;

    .row > div > span {
        display: block;
        font-size: 1.2rem;
        font-weight: bold;
        line-height: 1;

        + span {
            display: inline-block;
            position: relative;
            font-weight: normal;
            font-size: 5rem;
            margin-top: 1rem;
            padding: 25px;
            margin-left: -30px;
            padding-left: 40px;
            padding-right: 30px;
            
            span {
                position: relative;
                z-index: 2;
            }

            &:after {
                content: '';
                position: absolute;
                top: 0; left: 0; right: 0; bottom: 0;
                background: rgba($back_darken_color, 0.4);
                -webkit-transform: skew(-$skew_size);
                transform: skew(-$skew_size);
                -webkit-transform-origin: 50% 100%;
                transform-origin: 50% 100%;
            }
        }
    }
}