@import '../helpers/helpers';

.upd-pass {

  @include media-breakpoint-down(sm) {
    padding-left: 0;
    padding-right: 0;
  }

  h1 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .page-header {
    margin-bottom: 40px;

    @include media-breakpoint-down(sm) {
      margin-bottom: 30px;
    }
  }
}

.update-pass-wrapper {
  @include make-container;
  @include make-container-max-widths;
  background-color: $gray-bg;
}

.update-pass {
  @include make-row;
  justify-content: center;

  &__info + .form-row__action {
    padding-left: 15px;
    margin-bottom: 0;
  }
}

.update-pass__content {
  @include make-col-ready;

  @include media-breakpoint-up(md) {
    @include make-col(10);
  }

  @include media-breakpoint-up(lg) {
    @include make-col(6);
  }
}
