/* Base Form Styles
----------------------------------------------- */

.form {

  &__gform {

    @include form-inputs() {
      resize: vertical;
      font-size: 1rem;
    }

    .gform_fields {
      display: flex;
      flex-flow: row wrap;
      align-items: flex-start;
    }

    .gform_button {
      display: inline-block;
    }

    &.form-labels--hidden {
      .gfield_label {
        display: none;
      }
    }

    &.form-button--left {
      .gform_footer {
        text-align: left;
      }
    }

    &.form-button--center {
      .gform_footer {
        text-align: center;
      }
    }

    &.form-button--right {
      .gform_footer {
        text-align: right;
      }
    }

    &.form-input--center {
      @include form-inputs() {
        text-align: center;
      }
    }

    &.form-input--right {
      @include form-inputs() {
        text-align: right;
      }
    }
  }
}

.gfield {
  width: 100%;

  &_visibility_hidden {
    display: none;
  }
}

.gf_left_half,
.gf_right_half {
  display: inline-block;

  @include form-inputs() {
    width: 100%;
  }

  @include tablet {
    max-width: 50%;
  }
}

@include tablet {
  .gf_left_half {
    padding: 0.5rem 0.75rem 0.5rem 0;
  }

  .gf_right_half {
    padding: 0.5rem 0 0.5rem 0.75rem;
  }
}

.gform_button {
  cursor: pointer;
}