/*
File: forms.css (converted from _forms.scss)
This contains overrides for forms
*/

/* Recaptcha Notice Styling */
.recaptcha {
  font-size: .8rem !important;
  opacity: .7;
}

.recaptcha * {
  font-size: .8rem !important;
}

/* GENERAL FORM OVERRIDES */
.gform_validation_errors {
  text-transform: none;
}

/* GRAVITY FORMS */
#et-main-area .gform_wrapper .gform_submission_error {
  /* font-body() mixin expanded */
  font-family: var(--font-body);
  line-height: var(--line-height);
  font-weight: 400;
  font-size: 1rem;
}

/* Keeps the borders on all inputs the same */
#et-main-area .gform_wrapper input[type="number"],
#et-main-area .gform_wrapper input[type="text"],
#et-main-area .gform_wrapper input[type="tel"],
#et-main-area .gform_wrapper input[type="email"],
#et-main-area .gform_wrapper input[type="date"],
#et-main-area .gform_wrapper textarea {
  border: 1px solid #bbb !important;
}

/* Removes the required fields message above the forms */
.gform_heading {
  display: none;
}

/* MAILCHIMP NEWSLETTER SIGNUP */
/* HIDING THE GRAVITY FORMS TEXT ABOVE FORMS */
.gform_heading {
  display: none;
}

/* HORIZONTAL NEWSLETTER CODE */
#et-main-area .gform_wrapper .gf_simple_horizontal {
  position: relative;
  display: flex;
  justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
  #et-main-area .gform_wrapper .gf_simple_horizontal {
    flex-direction: column;
    row-gap: 1rem;
  }
}

#et-main-area .gform_wrapper .gf_simple_horizontal,
#et-main-area .gform_wrapper .gf_simple_horizontal * {
  margin: 0 auto;
  max-width: 838px;
  border-radius: 10px;
  height: var(--size-large);
}

#et-main-area .gform_wrapper .gf_simple_horizontal .gfield {
  padding: 0;
  margin-right: 1rem;
}

#et-main-area .gform_wrapper .gf_simple_horizontal input {
  padding: var(--size-small) var(--size-medium);
  background-color: white;
  border: 1px solid black;
  color: black;
}

#et-main-area .gform_wrapper .gf_simple_horizontal input::placeholder {
  color: rgba(47, 47, 47, 0.7);
}

#et-main-area .gform_wrapper .gf_simple_horizontal #gform_submit_button_2 {
  /* Extends .rf-button--primary - styles duplicated */
  color: var(--color-font-1);
  background-color: var(--color-1);
  box-shadow: none;
  border: none;
  color: white !important;
}

#et-main-area .gform_wrapper .gf_simple_horizontal #gform_submit_button_2:hover {
  background-color: transparent !important;
  color: var(--color-1) !important;
  box-shadow: 0 0 0 0.125rem inset var(--color-1);
}

/* Override hover background */
#et-main-area .gform_wrapper .gf_simple_horizontal #gform_submit_button_2:hover {
  background: black !important;
}