/* FRAMEWORK FAMILY LAW - CLIO FORM */

/* FORM / WRAPPER BACKGROUND */
form,
form > div,
.clio-form,
.clio-form-container {
    background-color: transparent !important;
    background: transparent !important;
}

/* FONT */
input,
textarea,
select,
label,
button {
    font-family: "Montserrat", sans-serif !important;
}

/* INPUT FIELDS */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select {
    background-color: #ffffff !important;
    border-radius: 0 !important;
}

/* SUBMIT BUTTON */
button,
input[type="submit"] {
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;

    padding: 20px 30px !important;

    font-family: "Montserrat", sans-serif !important;
    cursor: pointer !important;

    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.2s ease !important;
}

/* BUTTON HOVER - SHRINK */
button:hover,
input[type="submit"]:hover {
    transform: scale(0.94) !important;
}

/* REMOVE FOCUS / ACTIVE OUTLINE */
button:focus,
button:active,
input[type="submit"]:focus,
input[type="submit"]:active {
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}
form p,
form .error,
form .success,
form [role="alert"] {
    color: #ffffff !important;
}
/* FORM SUBMISSION MESSAGES */
.success,
.error,
.alert,
.message,
.form-message,
.confirmation,
.thank-you,
[class*="success"],
[class*="error"],
[class*="message"],
[class*="confirmation"] {
    color: #ffffff !important;
    font-family: "Montserrat", sans-serif !important;
}

/* Make any text inside submission messages white */
.success *,
.error *,
.alert *,
.message *,
.form-message *,
.confirmation *,
.thank-you *,
[class*="success"] *,
[class*="error"] *,
[class*="message"] *,
[class*="confirmation"] * {
    color: #ffffff !important;
}