@use "../../../010-settings" as s;
@use "../../../050-layout/basics" as l;

.c-form .c-input[data-il-ui-component="section-field-input"].c-input {
  margin-bottom: l.$il-margin-xxxlarge-vertical * 2;
  display: flex;
  flex-direction: column;

  > label {
    order: 1;
    width: 100%;
    h3, h4, h5, h6 {
      display: inline-block;
    }
    h2 {
      display: inline-block;
      font-size: s.$il-font-size-xlarge;
      font-weight: s.$il-font-weight-bold;
    }
  }

  > .c-input__help-byline {
    width: 100%;
    order: 2;
  }

  > .c-input__error-msg {
    //margin-top: l.$il-margin-base-horizontal;
    order: 3;
  }

  > .c-input__field {
    margin-top: l.$il-margin-large-horizontal;
    width: 100%;
    order: 4;
  }


}