#mepr_signup_form {
  .mepr_price {
    display: none;
  }

  .full-name-wrapper,
  .password-wrapper {
    display: flex;
    gap: 10px;
    align-items: start;
  }

  .mp-form-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 14px;

    label {
      font-size: 14px;
      display: block !important;
      margin-bottom: 0;
      line-height: 1;
      color: white;
    }

    .mp-form-label {
      order: 3;
    }

    .cc-error {
      font-size: 12px;
      padding-left: 0;
    }
  }

  .mp-checkbox-container {
    max-height: 100%;
    overflow: visible;
    margin-top: 9px;
    color: white;
  }

  .mepr_email_stripe {
    margin-bottom: 0;
  }

  .button.mp-hide-pw,
  .button.mp-hide-pw:hover,
  .button.mp-hide-pw:active {
    margin-top: 4px !important;
    padding: 9px !important;
  }

  .mepr-form-has-errors {
    font-size: 12px;
    padding-left: 0;
  }
}

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;
  }

  .post-body .row-container > .row-parent {
    padding: 0 !important;
  }
}

/* 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);
}

.check-email-verification {
  background: rgba(11, 11, 11, 0.85);
  /* overflow: visible; */

  .inner {
    padding-top: 40px;

    @media (min-width: 480px) {
      width: 400px;
    }

    .status-title {
      font-size: 30px;
    }

    &:before {
      content: "";
      display: block;
      background-image: var(--trends-logo-image);
      background-repeat: no-repeat;
      background-position: center;
      width: 228px;
      height: 80px;
      margin: auto;
    }

    .close {
      background: #061530;
      padding: 6px 12px;
    }
  }
}

.mepr-unauthorized-page,
.mepr-auth {
  .main-container .row-container {
    .double-top-padding,
    .double-bottom-padding {
      padding: 0 !important;
    }
  }
}

.mepr-unauthorized-page .mp_wrapper {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mepr-share-button,
.mepr-submit {
  background-color: #303133 !important;
  color: white !important;
  border-color: #303133 !important;
  width: 100% !important;
}

.mp_login_form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  form {
    flex-basis: 100%;
    margin-bottom: 16px;
  }

  .mp-spacer {
    display: none;
  }
}