body {
  background: #f0fafc;
}

.login #login #loginform,
.login #login #lostpasswordform,
.login #login #registerform,
.login #login #resetpassform,
.login #login .admin-email-confirm-form {
  background-color: #008dd0;
  box-shadow:
    0 10px 15px -3px rgb(0 0 0 10%),
    0 4px 6px -2px rgb(0 0 0 5%);
  border-style: none;
  border-radius: 0.25rem;
  padding: 2rem;
}

.login #login #loginform label,
.login #login #lostpasswordform label,
.login #login #registerform label,
.login #login #resetpassform label,
.login #login .admin-email-confirm-form label {
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
}

.login #login #loginform input[type='email'],
.login #login #loginform input[type='password'],
.login #login #loginform input[type='text'],
.login #login #lostpasswordform input[type='email'],
.login #login #lostpasswordform input[type='password'],
.login #login #lostpasswordform input[type='text'],
.login #login #registerform input[type='email'],
.login #login #registerform input[type='password'],
.login #login #registerform input[type='text'],
.login #login #resetpassform input[type='email'],
.login #login #resetpassform input[type='password'],
.login #login #resetpassform input[type='text'],
.login #login .admin-email-confirm-form input[type='email'],
.login #login .admin-email-confirm-form input[type='password'],
.login #login .admin-email-confirm-form input[type='text'] {
  background-color: #eae2df;
  color: #191919;
  border-width: 1px;
  border-color: #191919;
  padding: 0.25rem 0.5rem;
  margin-top: 0.25rem;
}

.login #login #loginform input:focus,
.login #login #loginform input:hover,
.login #login #lostpasswordform input:focus,
.login #login #lostpasswordform input:hover,
.login #login #registerform input:focus,
.login #login #registerform input:hover,
.login #login #resetpassform input:focus,
.login #login #resetpassform input:hover,
.login #login .admin-email-confirm-form input:focus,
.login #login .admin-email-confirm-form input:hover {
  box-shadow:
    0 10px 15px -3px rgb(0 0 0 10%),
    0 4px 6px -2px rgb(0 0 0 10%);
  border-color: #0073aa;
}

.login .button.wp-hide-pw {
  outline: none;
  top: 5px;
}

.login .button.wp-hide-pw:focus {
  outline: none;
  top: 5px;
  border: 0;
  box-shadow: none;
}

.login #login #loginform .forgetmenot label,
.login #login #lostpasswordform .forgetmenot label,
.login #login #registerform .forgetmenot label,
.login #login #resetpassform .forgetmenot label,
.login #login .admin-email-confirm-form .forgetmenot label {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.5rem;
  opacity: 0.5;
  font-weight: 400;
  text-transform: capitalize;
}

#login {
  padding: 10% 0 0;
}

.login h1 a {
  background-image: url('../images/logo-test.svg') !important;
  box-shadow: none !important;
  background-size: 220px !important;
  width: 220px !important;
  height: 65px !important;
  margin-bottom: 1px !important;
  background-color: #faf9f3;
}

.login form {
  margin-top: 5px !important;
  padding-bottom: 26px;
}

div#g-recaptcha-0 {
  height: 78px;
  margin-bottom: 15px;
}

.login #login #nav {
  margin: 0.75rem 0 0;
  padding: 0;
  text-align: center;
}

.login #login #nav a {
  color: #555d66;
  opacity: 0.75;
}

.login #login #nav a:focus,
.login #login #nav a:hover {
  color: #222;
  opacity: 1;
  text-decoration: underline;
}

.login #login #backtoblog {
  display: none;
}