body.login {
  background-color: #080808;
}

.login h1 a {
  background-image: url("../images/site-logo-white.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 80px;
}

.login form {
  background: #ffffff;
  border: 1px solid #9a9a9a;
  border-radius: 5px;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="checkbox"] {
  border-radius: 5px;
}

.login input:focus {
  border-color: #2975f6 !important;
  border: 2px solid #2975f6;
  box-shadow: none !important;
}

.wp-core-ui .button-primary {
  background-color: #2975f6;
  border-color: #2975f6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  border-radius: 10px;
  box-shadow: none;
}

.wp-core-ui .button-primary:hover {
  background-color: #1a5dc1;
  border-color: #1a5dc1;
}

.login .message,
.login .error,
.login .success {
  background: #2975f6;
  color: #ffffff;
  border-left: 0;
  border-radius: 5px;
}

.login #nav a,
.login #backtoblog a {
  color: #ffffff !important;
}

.login .wp-hide-pw .dashicons {
  color: #2975f6 !important;
}

@media (max-width: 480px) {
  .login form {
    width: 90% !important;
    margin: 0 auto !important;
  }
}

#wp-auth-check-wrap,
#wp-auth-check-bg {
  background-color: #080808 !important;
}