/* 
Author:        William Gorden
Date:		   01.01.2021
Description:   style sheet for main website
*/

/* contact page */
.ge_contact_nameinput {
    width: 100%;
    max-width: 100%;
    height: 2.5rem;
    border-radius: 0.3125rem;
    padding-left: 10px;
    padding-right: 10px;
    outline-style: none;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    border-bottom: 2px solid black;
    background-color: var(--bg-input);
}

.ge_contact_nameinput:hover,
.ge_contact_nameinput:focus,
.ge_contact_nameinput:active {
    border-left: 2px solid var(--fg-link);
    border-right: 2px solid var(--fg-link);
    border-top: 2px solid var(--fg-link);
    border-bottom: 3px solid black;
    background-color: var(--bg-input-active);
}

.ge_contact_emailinput {
    width: 100%;
    max-width: 100%;
    height: 2.5rem;
    border-radius: 0.3125rem;
    padding-left: 10px;
    padding-right: 10px;
    outline-style: none;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    border-bottom: 2px solid black;
    background-color: var(--bg-input);
}

.ge_contact_emailinput:hover,
.ge_contact_emailinput:focus,
.ge_contact_emailinput:active {
    border-left: 2px solid var(--fg-link);
    border-right: 2px solid var(--fg-link);
    border-top: 2px solid var(--fg-link);
    border-bottom: 3px solid black;
    background-color: var(--bg-input-active);
}

.ge_contact_emailinput2 {
    width: 100%;
    max-width: 100%;
    height: 2.5rem;
    border-radius: 0.3125rem;
    display: none;
    /* outline: none; */
    border: none;
    box-shadow: none;
    border-bottom: 2px solid black;
    background-color: var(--bg-input);
}

.ge_contact_checkboxstl {
    width: 1.25rem;
    height: 1.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid var(--fg-link);
    border-bottom: 1px solid black;
    background-color: var(--bg-input);
}

.ge_contact_checkboxstl:hover,
.ge_contact_checkboxstl:focus,
.ge_contact_checkboxstl:active {
    border: 2px solid black;
    background-color: var(--bg-input-active);
}

.ge_contact_checkboxstl::before {
    content: "";
}

.ge_contact_checkboxstl:checked::before {
    content: "✓";
    font-weight: bold;
    text-align: center;
    color: black;
}

.ge_contact_privacylink {
    outline-style: none;
    color: var(--fg-link);
}

.ge_contact_privacylink:hover,
.ge_contact_privacylink:focus,
.ge_contact_privacylink:active {
    font-weight: bold;
    padding: 0.25em;
    border-radius: 0.25em;
    background-color: var(--bg-menulevel3);
    border: 1px solid var(--fg-menu);
}

.ge_contact_submitbtn {
    outline-style: none;
    max-width: 100%;
    padding: 0.625rem 3rem;
    border-radius: 0.3125rem;
    cursor: pointer;
    text-align: center;
    text-overflow: ellipsis;
    color: var(--fg-menu);
    background-color: var(--bg-submit);
    border: 2px solid var(--bg-submitborder);
}

.ge_contact_submitbtn:hover,
.ge_contact_submitbtn:focus,
.ge_contact_submitbtn:active {
    font-weight: bold;
    background-color: var(--bg-menulevel1);
    border: 2px solid var(--fg-menu);
}

.ge_contact_inputlabel {
    display: none;
}

.ge_contact_textfield {
    display: none;
}

.ge_contact_timeinput {
    display: none;
}

.ge_contact_urlinput {
    display: none;
}

.ge_contact_msginput {
    width: 100%;
    max-width: 100%;
    border-radius: 0.3125rem;
    resize: both;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    border: none;
    box-shadow: none;
    border-bottom: 2px solid black;
    background-color: var(--bg-input);
}

.ge_contact_msginput:hover,
.ge_contact_msginput:focus,
.ge_contact_msginput:active {
    border-left: 2px solid var(--fg-link);
    border-right: 2px solid var(--fg-link);
    border-top: 2px solid var(--fg-link);
    border-bottom: 3px solid black;
    background-color: var(--bg-input-active);
}

.ge_contact_error {
    color: red;
}