/* -------------------------------------------------------------

  CSS Variables

------------------------------------------------------------- */

/* General Settings
   ================ */

.hs-form {
  font-size: 1.7em;
	line-height: 1.7em;

  h3 { font-size: 1.2em; }

  hr { margin: 1em 0; }

  fieldset {
    max-width: 100% !important;
    /*margin-bottom: 1.6em !important;*/

    > div {
      margin-bottom: 1.6em !important;
      }
    }

  input { width: 100%; }

  input[type="submit"] { width: auto; }

  input[type="file"] { font-size: 1em; }

  select {
    width: auto !important;
    margin-bottom: 5px !important;
    }

  textarea { width: 100% !important; }

  p {
    margin-bottom: 1.6em !important;
    font-size: 1em;
    }

  ul {
    padding: 0;
    font-size: 1em !important;

    li {
      list-style: none;
      padding-left: 0;

      &.hs-form-checkbox { float: none; }

      input {
        display: inline-block !important;
        margin-right: 10px;
        }

      span {
        display: inline-block !important;
        margin-right: 20px;
        }
      }
    }

  label { display: block; }

  .legal-consent-container {
    font-size: .8em;

    p { margin: 0 !important; }
    }

  .hs-field-desc {
    color: #999;
    font-size: .9em;
    font-style: italic;
    }

  }

fieldset.form-columns-0 {
  margin-bottom: 0 !important;
  padding-bottom: 0;
  }

fieldset.form-columns-2 {}

  fieldset.form-columns-2 > div { width: calc(50% - 1rem) !important; }

  fieldset.form-columns-2 > div:first-child { margin-right: 1rem; }

  fieldset.form-columns-2 > div:last-child { margin-left: 1rem; }

fieldset.form-columns-3 {}

  fieldset.form-columns-3 > div { width: calc(33.33% - 2rem) !important; }

  fieldset.form-columns-3 > div:first-child { margin-right: 1rem; }

  fieldset.form-columns-3 > div:nth-child(2) {
    margin-left: 1rem;
    margin-right: 1rem;
    }

  fieldset.form-columns-3 > div:last-child { margin-left: 1rem; }

.hs_recaptcha { margin-bottom: 1.6em; }

.hs_submit {
  clear: left !important;
  margin-bottom: 1.6em;
  font-size: 1.3em;
  }

.hs-form-required { color: var(--warning-red); }

.hs_agree_to_terms .inputs-list { margin-bottom: 0; }

.hs-source { margin-top: 1.6em; }

.hs-form-radio {
  label {
    display: flex;
    align-items: baseline;
  }
}

.hs-form-checkbox {
  label {
    display: flex;
    align-items: baseline;
  }
}

/* Error Messages */

.hs-error-msgs {
  margin: 0;
  padding: 0;

  li {
    display: inline-block;
    width: auto;
    margin: 0 2rem .5rem 0;
    padding: 0 1em;
    color: var(--warning-red);
    font-size: .8em;
    font-weight: bold;
    line-height: 1.4em;
    }

  label {
    display: inline-block;

    &::before {
      content: '\e3d6 ';
      margin-right: 1rem;
      font-family: 'Font Awesome 6 Sharp';
      font-weight: 300;
      }
    }
  }

.hs_error_rollup {
  display: block !important;
  clear: both !important;
  }

/* -------------------------------------------------------------
  media-query-320-639
------------------------------------------------------------- */

@media only screen and (min-width: 319px) and (max-width: 639px) {

fieldset.form-columns-2 { flex-direction: column; }

  fieldset.form-columns-2 > div {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    }

    fieldset.form-columns-2 > div:first-of-type { margin-bottom: 1.6em; }

.hs_mba_application_date_month { margin-bottom: 0 !important; }

.hs_mba_application_date_year .hs-form-required { display: none; }

.hs_quant_score,
.hs_quant_percentile,
.hs_verbal_score,
.hs_verbal_percentile,
.hs_awa_score,
.hs_awa_percentile {
  width: 100% !important;
  display: block;
  clear: both !important;
  }

fieldset.form-columns-2 > div.hs_mba_application_date_month,
fieldset.form-columns-2 > div.hs_mba_application_date_year {
  width: 100% !important;
  float: none;
  }

	} /* End of 319px-639px Media Query */

/* -------------------------------------------------------------
  media-query-320-959
------------------------------------------------------------- */

@media only screen and (min-width: 319px) and (max-width: 959px) {

fieldset.form-columns-3 { flex-direction: column; }

  fieldset.form-columns-3 > div {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 1.6em;
    }

	} /* End of 319px-959px Media Query */