body.login {
  background: #f1f1f1; /* gris */
}

body.login #login {
  width: 360px;
  padding: 2.5rem 2.5rem 2rem;
  margin-top: 5vh;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 25px 60px rgba(15, 23, 42, 0.45);
}

body.login #login h1 a {
  background-image: var(--solopro-login-logo);
  width: 220px;
  height: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.login form {
  box-shadow: none;
  border: none;
  padding: 0;
}

.login label {
  font-weight: 600;
  color: #020617;
}

.login #login_error,
.login .message {
  border-left: 4px solid #4A9FD9;
}

.wp-core-ui .button-primary {
  background: #1E2D4D;
  border-color: #172340;
  text-shadow: none;
  box-shadow: none;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
  background: #4A9FD9;
  border-color: #3A8BC5;
}

.login #nav,
.login #backtoblog {
  text-align: center;
}

.login #nav a,
.login #backtoblog a {
  color: #5a6577;
}

.login #nav a:hover,
.login #backtoblog a:hover {
  color: #4A9FD9;
}