/* Gravity Forms styling for the contact block. Gravity Forms' own Orbital
   theme CSS loads after this file and uses CSS custom properties with high
   specificity, so these rules use !important to win the cascade. */
.gform_wrapper .gform_fields {
  row-gap: 10px !important;
}

.gform_wrapper .gfield {
  margin-bottom: 10px !important;
}

.gform_wrapper .gform_fileupload_rules,
.gform_wrapper .gfield_description {
  display: none !important;
}

.gform_wrapper .gfield_label {
  display: none !important;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper textarea,
.gform_wrapper select {
  width: 100% !important;
  background-color: #f7f7f7 !important;
  border: 3px solid #f7f7f7 !important;
  font-size: 16px !important;
  padding: 14px !important;
  font-family: "Ubuntu", sans-serif !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
  outline: none !important;
  border: 3px solid #ebebeb !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1);
}

.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
  border-color: #d1373f !important;
}

.gform_wrapper .gform_footer {
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

.gform_wrapper .gform_button.button {
  background: transparent !important;
  border: 2px solid #8ac646 !important;
  border-radius: 30px !important;
  color: #2a2a2a !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 12px 30px !important;
  cursor: pointer;
  transition: 0.1s ease-in-out;
  box-shadow: none !important;
}

.gform_wrapper .gform_button.button:hover {
  background: #8ac646 !important;
  color: #fff !important;
}

.gform_wrapper .validation_error,
.gform_wrapper .gfield_validation_message {
  color: #d1373f !important;
  font-size: 14px !important;
}
