/*
Import typefaces
*/

@font-face {
    font-family: Maison Neue;
    src: url('../fonts/MaisonNeueExtended-Book.otf');
    font-weight: 400
}

@font-face {
    font-family: Maison Neue;
    src: url('../fonts/MaisonNeueExtended-Demi.otf');
    font-weight: 800;
}


/*
Typography
*/

.type--display {
    font-family: Maison Neue, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-size: 4rem;
    line-height: 105%;
}

.type--body,
.blocks--text p,
form > input[type=email] {
    font-family: Maison Neue, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 140%;
}

.type--caption {
    font-family: Maison Neue, serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 130%;
}

.type--bold {
    font-weight: 800;
}

.type--display,
.type--body,
.type--caption {
    color: var(--color-black);
}

/* 
Text style
*/

.text--uppercase {
    text-transform: uppercase;
}

.text--lowercase {
    text-transform: lowercase;
}

.text--underline {
    text-decoration: underline;
}

.text--green {
    color: var(--color-accent);
}

.text--white {
    color: var(--color-white);
}


/* MOBILE */
@media only screen and (max-width: 425px) {
    .type--display {
        font-size: 2.7rem;
    }

}