/*
 * Styling for the states the static form runtime introduces. Gravity Forms'
 * own CSS (still bundled with the crawled pages) covers everything else, so
 * this only fills the gaps its JavaScript used to handle.
 */

form[data-mm-form] {
  position: relative;
}

form[data-mm-form] .mm-form-error-summary,
form[data-mm-form] .mm-form-failure {
  margin: 0 0 1em;
  padding: 0.75em 1em;
  border: 1px solid #c02b0a;
  border-left-width: 4px;
  border-radius: 4px;
  background: #fff4f2;
  color: #8f2109;
  font-size: 0.95em;
  line-height: 1.4;
}

form[data-mm-form] .mm-validation-message {
  margin-top: 0.35em;
  color: #c02b0a;
  font-size: 0.85em;
  line-height: 1.4;
}

form[data-mm-form] .gfield_error input,
form[data-mm-form] .gfield_error select,
form[data-mm-form] .gfield_error textarea {
  border-color: #c02b0a;
}

form[data-mm-form] [id^="gform_submit_button_"][disabled] {
  opacity: 0.65;
  cursor: progress;
}

.mm-form-confirmation {
  padding: 1.25em 1.5em;
  border: 1px solid #2536f4;
  border-radius: 6px;
  background: #f4f5ff;
  color: #1b1b2f;
  line-height: 1.5;
}

.mm-form-confirmation .gform_confirmation_message > *:first-child {
  margin-top: 0;
}

.mm-form-confirmation .gform_confirmation_message > *:last-child {
  margin-bottom: 0;
}