/**
 * BUTTONS
 */

.form-control {
    margin: 0em !important;
}

.btn, .btn:link, .btn:visited {
    height: auto;
    font-family: inherit;
    font-size: 100%;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;
    padding: 0.5em 1em;
    margin: 0.5em;
    cursor: pointer;
    border-radius: .25rem;
}

.btn[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.btn[disabled]:hover {
    opacity: 0.5;
    pointer-events: none;
}

.btn[disabled]:focus {
    opacity: 0.5;
    pointer-events: none;
}

.btn.btn-primary {
    background-color: #CCD1FF;
    color: black;
    border-color: #CCD1FF;
}

.btn.btn-primary:active, .btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: #A4ADFF;
    color: black;
    border-color: #A4ADFF;
}

.btn.btn-secondary {
    background-color: #F1BF5C;
    color: black;
    border-color: #F1BF5C;
}

.btn.btn-secondary:active, .btn.btn-secondary:hover, .btn.btn-secondary:focus {
    background-color: #D8A84B;
    color: black;
    border-color: #D8A84B;
}

/*a hyperlink which is not a button at all BUT we want it to have the same font height and padding */

/* is this still used anywhere? */

.notabutton {
    line-height: 1.5;
    padding: .25em;
}

/* login page button */

.user-registration-Button {
    background-color: #CCD1FF;
    color: black;
}

.user-registration-Button:hover {
    color: #A4ADFF;
}

/* Contact us button */

#evf-submit-23798 {
    color: black;
    border: 1px solid #CCD1FF;
    background-color: #CCD1FF;
}

/*
well this didn't work

#evf-submit-23798:active,
#evf-submit-23798:hover {
    background-color: #A4ADFF;
    border-color: #A4ADFF;
}

#evf-submit-23798:focus {
    background-color: #A4ADFF;
    border-color: #A4ADFF;
    border: 4px solid black;
} */