@import "base.css";
@import "_header.css";
@import "_header-banner.css";
@import "_footer.css";
@import "_whatsapp.css";

/* https://stackoverflow.com/questions/71640408/trouble-with-input-styling-and-autofill
 * https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete
*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: background-color 600000s 0s, color 600000s 0s;
    -o-transition: background-color 600000s 0s, color 600000s 0s;
    transition: background-color 600000s 0s, color 600000s 0s;
}

input[data-autocompleted]{
    background-color: transparent !important;
}

/*input::-webkit-input-placeholder,
input::placeholder,
textarea::-webkit-input-placeholder,
textarea::placeholder {
    color: lightgray !important;
}*/


/* https://stackoverflow.com/questions/14820952/change-bootstrap-input-focus-blue-glow */
/*input:focus,
textarea:focus {
    border-color: var(--bs-secondary) !important;
}*/


/*
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: var(--bs-border-color);
    background-image: none;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: var(--bs-border-color);
    background-image: none;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: var(--bs-border-color);
    background-image: none;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: var(--bs-border-color);
    background-image: none;
}*/