/**
 * NOTE:
 * To prevent the honey pot from working
 * the o-form can't have a position property.
 *
 *
 * Min-width for elements
 * Used for automatic wrapping of rows
 */
$o-form-element-min-width: 225px;


.o-form {
}

.o-form__title {
  margin: 20px 0;
}

.o-form__row {

  @include owl(15px);

  @include mq(600) {
    @include owl(23px);
  }

  @include mq(m) {
    @include owl(30px);
  }
}

.o-form__row--split {
  @include flex(wrap flex-start);
  margin-top: 0 !important;
  margin-right: -15px;

  @include mq(600) {
    margin-right: -23px;
  }

  @include mq(m) {
    margin-right: -30px;
  }


  // Direct children
  & > * {
    flex-grow: 1;
    flex-basis: $o-form-element-min-width;
    margin-top: 15px;
    margin-right: 15px;

    @include mq(600) {
      margin-top: 23px;
      margin-right: 23px;
    }

    @include mq(m) {
      margin-top: 30px;
      margin-right: 30px;
    }

  }
}

.o-form__submit {
  margin-top: 30px;

  @include mq(600) {
    margin-top: 60px;
  }
}