/* 
Quick fix styles for Gravity Forms. 
Ideally should be integrated into the main styles at a later date.
*/

::-webkit-input-placeholder {
    color: #231f20;
}

:-ms-input-placeholder {
    color: #231f20;
}

::-ms-input-placeholder {
    color: #231f20;
}

::placeholder {
    color: #231f20;
}

input {
    font-family: inherit
}

label {
    display: inline-block;
    margin-bottom: 0.375rem
}

.gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.gfield select,
.gfield textarea {
    -webkit-transition: border-color 0.3s ease-in-out 0s;
    -o-transition: border-color 0.3s ease-in-out 0s;
    -moz-transition: border-color 0.3s ease-in-out 0s;
    transition: border-color 0.3s ease-in-out 0s;
    font-family: inherit;
    display: block;
    width: 100%;
    border: none;
    padding: 0.75rem;
    background-color: #e8e8e8 !important;
    border: 1px solid #e8e8e8 !important;
    color: #231f20 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):focus,
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):active {
    outline: none
}

select:focus,
select:active {
    outline: none
}

textarea:focus,
textarea:active {
    outline: none
}

input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
    box-shadow: 0 0 0 1000px #ffffff inset
}

select::-ms-expand {
    display: none
}

textarea {
    resize: vertical;
    height: 99px
}

.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    margin-bottom: 0;
    margin-top: 0;
    padding: 8px;
    font-size: 18px !important;
    font-weight: normal !important;
}

.gform_wrapper.gravity-theme .gform-body .gform_fields {
    grid-row-gap: 16px !important
}

.gform_fields {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0.5rem
}

.gfield:not(:last-child) {
    margin-bottom: 0.5rem
}

.gfield_error .ginput_container>* {
    border-color: #e72c2e !important
}

.gfield_error .validation_message {
    display: none
}

.ginput_container_select {
    position: relative
}

.ginput_container_select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.ginput_container_select:after {
    pointer-events: none;
    content: "";
    display: block;
    width: 0.5em;
    height: 0.5em;
    border-left: 1px solid currentColor;
    border-top: 1px solid currentColor;
    position: absolute;
    top: 50%;
    right: 1em;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -ms-transform: translateY(-50%) rotate(-135deg);
    -moz-transform: translateY(-50%) rotate(-135deg);
    -o-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
}


.ginput_container_text input::-webkit-input-placeholder,
.ginput_container_text input:-moz-placeholder,
.ginput_container_text input::-moz-placeholder,
.ginput_container_text input:-ms-input-placeholder,
.ginput_container_text input::-ms-input-placeholder,
.ginput_container_text input::placeholder {
    color: #7b8082 !important;
    font-weight: 500
}

.form_sublabel_below {
    margin: 16px 0
}

.form_sublabel_below input {
    padding: 16px 24px !important;
    font-size: 1em;
    font-weight: bold
}

.form-inner {
    background-color: transparent;
}

#field_submit .gform-button {
    transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;
}

.form--title,
.form--t-and-c * {
    color: #fff;
}