/* Module Custom Styles */

/* timer clock fonts */
@font-face {
    font-family: "digital";
    src: url("fonts/4b6bc67d-5a81-4ce4-bd54-2878bdbc7a0b.woff2") format("woff2");
}

@font-face {
    font-family: "modern";
    src: url("fonts/6bdec94e-3a6a-43f6-b7da-b9c261f733e4.woff2") format("woff2");
}

@font-face {
    font-family: "typewriter";
    src: url("fonts/e92b6a97-e2f3-48c7-aefe-fb050189e8e2.woff2") format("woff2");
}

@font-face {
    font-family: "dotmatix";
    src: url("fonts/c2474c93-fc46-40a6-ad6e-e2fc21f84e64.woff2") format("woff2");
}

#countdown {
    margin: 2.5vw auto;
    z-index: 2;
    text-align: center;
    padding: 0;
}

    #countdown.analog span, ul#countdown.analog .colon {
        font-family: Arial, monospace;
    }

    #countdown.digital span, ul#countdown.digital .colon {
        font-family: 'digital', monospace;
        white-space: pre;
    }

    #countdown.dotmatix span, ul#countdown.dotmatix .colon {
        font-family: 'dotmatix', monospace;
    }

    #countdown.modern span, ul#countdown.modern .colon {
        font-family: 'modern', monospace;
    }

    #countdown.typewriter span, ul#countdown.typewriter .colon {
        font-family: 'typewriter', monospace;
    }

ul#countdown li {
    display: inline-block;
    min-width: 10vw;
    text-align: center;
    position: relative;
    margin: .25vw .75vw;
    vertical-align: middle;
}

ul#countdown span {
    font-size: 8vw;
    display: block;
    line-height: 8.3vw;
    font-variant-numeric: tabular-nums lining-nums;
    vertical-align: middle;
}

ul#countdown div {
    font-size: 1.5vw;
    margin: .1vw 0;
    text-transform: uppercase;
}

ul#countdown .colon {
    display: inline-block;
    font-size: 8vw;
    line-height: 8.3vw;
    vertical-align: middle;
    margin: 0;
    padding-bottom: 3.5vw;
    min-width: 0;
}

* + html ul#countdown li {
    display: inline;
}

.dropdown-item {
    cursor: pointer;
}

.color-selector {
    height: 2.5rem;
    width: 2.5rem;
}