/* Media */
html {
  scroll-behavior: smooth;
}

.module-application-form {
  {#
  .ancor {
    transform: translateY(-200px);
  }
  #}


  .module-job-application-inner {
    border-radius: var(--rounded-large);
    background-color: var(--primary-50);

    .item-copy {
      padding: var(--baseline-6) var(--baseline-2);
      background-color: var(--primary-50);
    }

    .item-form {
      padding: var(--baseline-6) var(--baseline-2);
    }

    fieldset[class*="form-columns"]:has(.hs-form-field) {

      input[type=email],
      input[type=tel],
      input[type=text],
      textarea.hs-input,
      select {
        background-color: var(--white)
      }
    }
  }


  .hs-fieldtype-file {
    position: relative;

    &.field {
      display: flex;
      flex-direction: row;
      align-items: center;
      width: 100%;
    }

    .hs-field-desc {
      cursor: pointer;
      display: flex;
      max-width: -moz-fit-content;
      max-width: fit-content;
      padding: 0.9em 1.2em;
      border-radius: 10rem;
      text-decoration: none;
      border: 1px solid var(--color-white);
      color: var(--color-white);
      background-color: var(--color-transparent);
      transition: border-color .4s, color .4s, background-color .4s;

      &:hover {
        @media screen and (min-width: 1180px) {
          border-color: var(--color-white);
          color: var(--color-orange-600);
          background-color: var(--color-white);
        }
      }
    }

    label {
      display: flex;
    }

    .input {
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 0;
      clip-path: polygon(0 0,
          0 0,
          0 0,
          0 0);
    }

    .hs-error-msgs {
      padding-top: 0;
      padding-left: 2em;

      label {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-size: var(--font-size-small);
        line-height: var(--line-height-small);
        font-weight: var(--weight-medium);
      }
    }

    .uploaded-filenames {
      padding-left: 2em;
      font-size: var(--font-size-small);
      line-height: var(--line-height-small);
    }
  }
}