/* Visual states for client-side CF7 validation in the static clone.
   Mirrors Contact Form 7's default colour language: red field tips,
   amber border for the validation summary, green for success. */

.wpcf7-form-control.wpcf7-not-valid,
input.wpcf7-not-valid,
select.wpcf7-not-valid,
textarea.wpcf7-not-valid {
  border: 1px solid #dc3232 !important;
}

.wpcf7-not-valid-tip {
  display: block;
  color: #dc3232;
  font-size: 13px;
  line-height: 1.4;
  margin-top: 6px;
}

.wpcf7-response-output {
  display: none;
  margin: 1.2em 0 0;
  padding: .6em 1em;
  border: 2px solid #00a0d2;
  font-size: 14px;
  line-height: 1.5;
}

form.wpcf7-form.invalid .wpcf7-response-output {
  display: block;
  border-color: #ffb900;
}

form.wpcf7-form.sent .wpcf7-response-output {
  display: block;
  border-color: #46b450;
}