.user-type {
    color: rgba(255,255,255,0.8);
    border: 3px solid #ccc;
    background: 3px solid #ccc;
    border-radius: 4px;
    font-size: 2em;
}

.register-form form .row div {
    display: flex;
    flex-direction: column;
}

.register-form form .row input {
    order: 2;
}

.register-form form .row label,
.register-form form .row textarea,
.register-form form .row select {
    order: 1;
}

.register-form form .row label {
    margin-bottom: 0;
}

.register-form input:focus + label {
    color: #000;
    font-weight: 800;
    position: relative;
}

.register-form label.form-check-label {
    margin: 0;
}

textarea#comments {
    background: transparent;
    color: #3e7bd4 !important;
    font-weight: bold;
    border: 3px solid #e1dbc7;
}

    textarea#comments:active {
        box-shadow: none;
        border-color: #222;
    }


.register .join {
    position: relative;
}

    .register .join::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(/img/site-lg.jpg) no-repeat #666;
        background-position: center;
        background-blend-mode: multiply;
        background-size: 800px;
        background-size: cover;
        filter: grayscale(100%);
    }

.register label, h6 {
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
    color: #a8a184;
    letter-spacing: 0.2px;
    margin: 15px 0 3px 1px;
}

.check-mark {
    display: block;
    margin: 0 auto;
    width: 25px;
    height: 25px;
    border: 3px solid #cbc5b4;
    border-radius: 4px;
    margin-bottom: 7px;
}

.form-check-input:checked {
    background-color: #333;
    border-color: #333;
    appearance: auto !important;
    accent-color: #333;
}

.form-check-input {
    width: 30px !important;
    height: 30px !important;
    appearance: auto !important;
    accent-color: #333;
}

.toggle {
    background: #ede8d7;
    cursor: pointer;
}

    .toggle:hover {
        background: #e5dfcc;
        color: #222;
    }


input[type="file"].upload,
input[type="file"].upload {
    color: #a8a184 !important;
    border: 2px solid #e1dbc7;
    border-radius: 4px;
    font-weight: normal;
    font-size: 0.9em;
    letter-spacing: 0.5px;
    padding-left: 8px;
    padding-top: 2px;
}

    input[type="file"].upload::file-selector-button {
        background: #eeebe0;
        font-weight: bold;
        color: #a8a184 !important;
    }

        input[type="file"].upload::file-selector-button:hover {
            background: #e1dbc7;
        }

    input[type="file"].upload:hover,
    input[type="file"].upload:active {
        border: 2px solid #222;
    }

.multi-select {
    background: transparent;
    border: none;
    text-align: left;
    padding: 2px;
    color: #a8a184 !important;
    border-bottom: 2px solid #d6d2c5;
    border-radius: 0;
}

.multi-select.show {
    background: transparent;
}

.bulleted-list {
    list-style: square !important;
}