/*-------------------------------------------------------------------
FORMS  -  Driving Safety Sites

Plain CSS - no build step. Tokens live in variables.css.
-------------------------------------------------------------------*/

textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="tel"],
input[type="email"],
input[type="password"] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: var(--form-radius);
    box-shadow: none;
    outline: none;
}
input,
select,
textarea {
    border: .0625rem solid var(--color-border);
    border-radius: var(--form-radius);
    padding: .3125rem .5rem;
}
input,
select {
    height: 2.5rem;
}
select {
    border-radius: var(--form-radius);
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/arrow-down.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 2.1875rem;
}
textarea {
    min-height: 120px;
}
input[type=checkbox],
input[type=radio],
input[type="file"] {
    height: auto;
    width: auto;
    border: none;
    border-radius: 0;
    padding: 0;
}
input.popup {
    width: 100%;
}
input[type=submit] {
    border-radius: var(--button-radius);
}

/*-------------------------------------------------------------------
GRAVITY FORMS
-------------------------------------------------------------------*/

.gform_wrapper {
    margin: 0 0 !important;
}
.gform_wrapper .gform_heading .gform_description {
    display: block;
}
.gform_wrapper .gform_required_legend {
    font-style: italic;
}
.gform_wrapper .gfield_required {
    color: var(--color-secondary) !important;
}
.gform_wrapper.gravity-theme .gfield_label {
    color: var(--color-secondary);
}