/* ---- add exceptions for the field and button in the header (newsletter) _---- */
#newsletter-form{
    display: inline;
}

/* ----- */


label{
    display: block;
    font-size: var(--fontsize0);
    text-transform: uppercase;
    margin: 24px 24px 8px 0;
    /* pointer-events: none; */
}

input,
textarea,
#contact-form input,
#contact-form textarea{
    display: block;
    padding: 8px;


    font-family: Urbanist, sans-serif;
    font-size: var(--fontsize0);

    background-color: var(--black2);
    border: 1px solid var(--white1);
    color: var(--white2);

    pointer-events:auto;
}


textarea{
    width: 90%;
    min-width: 200px;
    max-width: 800px;
    min-height: 300px;
    resize: none;
}

input:focus,
textarea:focus{
    border: 1px solid var(--emergency-black);
    outline: none;
    box-shadow: 0 0 10px var(--emergency-black);
    -moz-box-shadow: 0 0 10px var(--emergency-black);
    -webkit-box-shadow: 0 0 10px var(--emergency-black);
}

.inputh{
    display: none !important;
}

.labelh{
    display: none !important;
}

.form-button{
    background-color: var(--white2);
    color: var(--black2);
    padding: 8px;
    margin-top: 16px;
    font-family: Urbanist, sans-serif;
    text-transform: uppercase;
    font-size: var(--fontsize0);
}

#message {
    margin-bottom: 20px;
}


form ul,
form ul li {
    list-style: none;
}