body.mepr-auth {
  background-size: cover;
  background-position: center;
  display: flex;

  article.page-body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
  }

  .post-wrapper {
    max-width: 500px;
  }

  .post-body {
    background: #fff;
    padding: 2rem;
    position: relative;
  }

  .wp-login-logo {
    display: flex;
    justify-content: center;

    a {
      background-size: contain;
      background-position: center;
      width: 228px;
      height: 80px;
      background-repeat: no-repeat;
      margin: 0 auto 25px;
      text-indent: -9999px;
      display: block;
    }
  }

  .post-body .row-container .row-container > .row-parent {
    flex-direction: column;
  }
}

/* WordPress Login Page Styles */
body.login {
  background-image: var(--trends-background-image);
  background-size: cover;
  background-position: center;
  display: flex;
}

body.login #login {
  padding: 0;
}

.login #nav {
  padding: 0 !important;
  display: flex;
  justify-content: space-between;
  font-size: 0 !important;
}

.login #nav a {
  font-size: 13px;
}

.login #backtoblog {
  text-align: center;
}

.login h1.wp-login-logo a {
  background-image: var(--trends-logo-image);
  background-size: contain;
  background-position: center;
  width: 228px;
  height: 80px;
}

/* MemberPress Auth Page Styles */
body.mepr-auth {
  background-image: var(--trends-background-image);
}

.wp-login-logo a {
  background-image: var(--trends-logo-image);
}