//
// Login
// --------------------------------------------------

.login-pf {
  background-color:  $login-bg-color;
  @media (min-width: $screen-sm-min) {
    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}#{$img-bg-login-2}"), "#{$img-path}#{$img-bg-login-2}"));
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 30%;
  }
  @media (min-width: $screen-md-min) {
    background-size: auto;
  }
  #badge {
    margin-right: 65px;
    margin-bottom: 50px;
    text-align: right;
    img {
      width: 29%;
    }
  }
  body {
    background: transparent;
    @media (min-width: $screen-sm-min) {
      background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}#{$img-bg-login}"), "#{$img-path}#{$img-bg-login}"));
      background-repeat: no-repeat;
      background-size: 30%;
      height: 100%;
    }
    @media (min-width: $screen-md-min) {
      background-size: auto;
    }
  }
  #brand {
    top: -30px;
    img {
      height: auto;
      width: 50%;
    }
    @media (min-width: $screen-sm-min) {
      top: -40px;
      + .alert {
        margin-top: -20px;
      }
    }
  }
  .container {
    padding-top: 0;
    @media (min-width: $screen-md-min) {
      bottom: 20%;
      padding-right: 120px;
    }
  }
  &-page {
    &-logo {
      display: flex;
      justify-content: center;
      img {
        margin-top: 15px;
        height: 50px;
      }
    }
  }
  .login-pf-page-footer {
    position: fixed;
    right: 0;
    bottom: 50px;
    left: 0;
  }
  .login-pf-page-footer-link {
    color: $color-pf-black-500;
  }
}
