@import '../helpers/helpers';
@import '../partials/footer_checkout';
@import '../components/new-checkout-form';

.checkout-forgotten-password {
  .forgotten-password {
    padding-left: 0;
    padding-right: 0;

    &-header {
      margin: 0 15px 30px;
    }
  }

  .notification {
    margin: 0 15px 20px;
  }

  .form-row {
    padding: 0;
  }
}

@include media-breakpoint-up(md) {
  .checkout-forgotten-password {
    .forgotten-password {
      padding-left: 15px;
      padding-right: 15px;

      &-header {
        margin: 0 0 50px;
      }
    }

    .notification {
      margin: 0 0 20px;
    }

    .form-wrapper {
      &__block {
        .new-checkout-form {
          .warning-required {
            padding-top: 50px;
          }
        }
      }
    }
  }
}
