/* To be used with Login with Google Apps plugin */
body.login {
  display: flex;
  align-items: center;
  max-height: 100vh;
}
#login {
  padding: 0;
}

#login_message {
  background: none;
  box-shadow: none;
  text-align: center;
  border-left: 0;
  font-size: .8em;
}

#loginform {
  background: none;
  border: none;
  margin-top: 0;
  padding: 0;
  box-shadow: none;

  /* Hide the username/password form */
  >*:not(.galogin) {
    display: none;
  }

  .galogin {
    overflow: visible !important;
    box-sizing: border-box !important;
    padding: 12px !important;

    .inner {
      background-color: #1D1D1D;
      border-radius: 8px;
      display: inline-flex;
      transform: scale(1.2);
      transition: all .15s linear;
    }

    .icon {
      background-color: transparent;
    }
    .icon + span {
      margin-left: 0 !important;
    }

    &:hover, :focus-within, :focus {
      .inner {
        box-shadow: 0 2px 6px #1D1D1D;
      }
    }
  }
}

#backtoblog {
  text-align: center;
}

#lostpasswordform, {
  /* display: none; */
  /* Optionally, hide "Lost your password?" and "← Back to site" links */
}