/**
 * Custom stuff needed for WLD forms.
 */

.wld-forms-five-step-form {
  margin-top: 30px;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0;
  background-color: transparent;
}

.sidebar .wld-forms-five-step-form {
  margin-top: 15px;
}

.wld-forms-terms-conditions,
.wld-form__suffix {
  font-size: 10px;
  text-align: center;
  /* Set max width and left/right padding to the same values as .signup in form-jq-toggle.css */
  max-width: 403px;
  padding: 0 5px;
}

.wld-form__suffix p,
.jumbotron .wld-form__suffix p {
  font-size: 10px;
}

/**
 * Yeah, this is a mess, one class would be easier, but it takes too long to add a class, change a template, etc,
 * when rolling this out everywhere, so let's deal with this mess for a bit.
 */
.node-mobile-carousel-lander .wld-forms-five-step-form .wld-form__fields,
.node-mobile-lander .wld-forms-five-step-form .wld-form__fields,
.node-mobile-geo-lander .wld-forms-five-step-form .wld-form__fields,
.pbl-join-form .wld-forms-five-step-form .wld-form__fields,
.node-lightbox-lander .wld-forms-five-step-form .wld-form__fields,
.node-lightbox-lander-three .wld-forms-five-step-form .wld-form__fields,
.node-lightbox-lander-three-geo .wld-forms-five-step-form .wld-form__fields,
.sidebar .wld-forms-five-step-form .wld-form__fields,
.wld-forms-five-step-form-wrapper--with-border .wld-forms-five-step-form .wld-form__fields {
  background-color: #eee;
  border-radius: 0;
  padding: 5px;
}