body.login {
  background: #eeebe8;
}

#login h1 a {
  background-image: url("../images/svg/logos.svg");
  background-repeat: no-repeat;
  background-size: 320px;
  width: 320px;
  text-indent: 0;
  padding-top: 60px;
  height: 35px;
}

#login h1 a:focus {
  color: #043959;
  box-shadow: 0 0 0 1px #f0f0f1, 0 0 2px 1px rgb(240 240 240 / 80%);
}

#login input[type="text"],
#login input[type="password"] {
  border: 0.0625rem solid #ddd;
}

#login input[type="text"]:focus,
#login input[type="password"]:focus {
  border-color: #131210;
  box-shadow: none;
}

#login .button-primary,
.login #language-switcher .button {
  background: #000;
  border-color: #000;
  color: #fff;
  transition: all 0.2s ease-in-out;
}

#login .button-primary:hover,
.login #language-switcher .button:hover {
  background: #777;
  border-color: #777;
}

.login #login #login_error {
  border-left-color: #f00;
}

.login #login .message,
.login #login .success {
  border-left-color: #00b9f6;
}

.login #login #backtoblog a:hover,
.login #login #nav a:hover,
.login #login h1 a:hover {
  color: #f00;
}

#login .privacy-policy-link,
.login #footer-custom-text a {
  color: #131210;
  transition: all 0.4s ease-in-out;
}

#login .privacy-policy-link:hover,
.login #footer-custom-text a:hover {
  color: #f00;
  text-decoration: none;
}

.login #footer-custom-text {
  width: 320px;
  padding: 0;
  margin: auto;
}

.login #login .dashicons-visibility::before,
.login #login .dashicons-hidden::before {
  color: #000;
}