/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 18, 2025 */

@font-face {
    font-family: 'gotham';
    src: url('../font/gotham-book-webfont.woff2') format('woff2'), url('../font/gotham-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham';
    src: url('../font/gotham-bookitalic-webfont.woff2') format('woff2'), url('../font/gotham-bookitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'gotham';
    src: url('../font/gotham-bold-webfont.woff2') format('woff2'), url('../font/gotham-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'gotham';
    src: url('../font/gotham-bolditalic-webfont.woff2') format('woff2'), url('../font/gotham-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'gravity';
    src: url('../font/abcgravity-compressed-webfont.woff2') format('woff2'), url('../font/abcgravity-compressed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gravity';
    src: url('../font/abcgravity-compresseditalic-webfont.woff2') format('woff2'), url('../font/abcgravity-compresseditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

:root {
    --granata: rgb(116, 23, 43);
    --oro: rgb(142, 114, 32);
    --umana: rgb(227, 6, 19);
    --grigio: rgb(173, 173, 173);
}

.text-captain {
    font-family: 'gravity';
    font-weight: normal;
}

.text-oro { color: var(--oro); }
.text-granata { color: var(--granata); }
.text-grigio { color: var(--grigio); }
.text-umana { color: var(--umana); }

html, body {
    height: 100%;
}

body {
    border: 0;
    margin: 0;
    font-family: 'gotham', sans-serif;
    font-size: 1rem;
    font-weight: normal;
}

main a, footer a {
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid;
}

    main a:hover, footer a:hover, main a:active, footer a:active {
        color: inherit;
    }

.comingsoon {
    height: 100%;
    overflow-x: hidden;
}

    .comingsoon::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-image: url('../img/bkg_header_2025.jpg');
        background-position: bottom center;
        background-size: cover;
        background-repeat: no-repeat;
        filter: grayscale(90%);
    }

    .comingsoon::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        background-image: url(../img/texture.png);
        background-repeat: repeat;
    }

    .comingsoon img {
        max-width: 200px;
        margin-bottom: 2rem;
    }

    .comingsoon h1 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 1;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    }

.comingsoon h2 {
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    color: var(--white);
}

    .comingsoon .row {
        margin: 0;
        position: relative;
        width: 100vw;
        height: 100%;
        z-index: 1;
    }

    .comingsoon #countdown {
        font-size: 5rem;
        line-height: 1;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
        margin-bottom: 3rem;
    }

        .comingsoon #countdown .less-than-a-day { font-size: 6vw; }
        .comingsoon #countdown .less-than-an-hour { font-size: 8vw; }
        .comingsoon #countdown .less-than-a-minute { font-size: 10vw; }

    .comingsoon #countdown span {
        margin-right: 2rem;
    }

@media (max-width:767px) {

    .comingsoon img { max-width: 40vw; }

    .comingsoon h1 { font-size: 10vw; }
    .comingsoon h2 { font-size: 10vw; }
    .comingsoon #countdown .more-than-a-day { font-size: 15vw; margin: 0; }
    .comingsoon #countdown .less-than-a-day { font-size: 20vw; margin: 0; }
    .comingsoon #countdown .less-than-an-hour { font-size: 24vw; margin: 0; }
    .comingsoon #countdown .less-than-a-minute { font-size: 30vw; margin: 0; }

    .comingsoon #countdown span {
        display: block;
        margin-right: 0;
    }
}