#page-content {
  .af-form {
    width: rem(815px);
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .acf-fields {
    & > .acf-field {
      border-top: 0;

      @include media(">=lg") {
        &.af-field-prenom {
          float: left;
          width: 50%;
          padding-right: rem(15px);
          clear: inherit;
        }

        &.af-field-nom {
          float: right;
          width: 50%;
          padding-left: rem(15px);
          clear: inherit;
        }
      }
    }
  }

  .acf-field input[type="text"],
  .acf-field input[type="password"],
  .acf-field input[type="number"],
  .acf-field input[type="search"],
  .acf-field input[type="email"],
  .acf-field input[type="url"],
  .acf-field textarea,
  .acf-field select {
    padding: rem(19px 10px);
    font-size: rem(16px);
    font-weight: $font-medium;
    color: $color-font;
    border: 1px solid $color-font;
    border-radius: rem(5px);

    &:not(select):focus {
      color: $color-primary;
      background: #f7faff;
    }

    &:focus {
      box-shadow: inset rem(0 0 0 1px) $color-primary;
    }
  }

  .acf-field .acf-label label {
    font-weight: $font-medium;
    text-transform: uppercase;
  }

  // Messages d'erreur
  .acf-field {
    .acf-notice {
      position: relative;
      padding: 0 !important;
      margin: 0 !important;

      &.-error {
        color: $color-error !important;
        background: transparent !important;

        &::before {
          position: absolute;
          top: rem(10px);
          display: block;
          width: rem(14px);
          height: rem(14px);
          content: "";
          background:
            url("#{$path-assets}svg/optimized/warning--red.svg")
            no-repeat center;
          background-size: cover;
        }

        p {
          padding-left: rem(20px);
          text-align: left;
        }
      }
    }
  }

  .af-input {
    display: flex;
    flex-direction: column;

    .acf-input-wrap {
      order: 1;
    }

    .acf-notice {
      order: 2;
    }
  }
}

.body-browser-ie {
  .acf-input-wrap {
    input {
      height: auto;
      min-height: rem(28px);
    }
  }
}

// Hide label reCaptcha
.acf-field-recaptcha {
  .acf-label {
    display: none;
  }
}