/* SV Echo branded WordPress login. */
body.login {
  background: radial-gradient(circle at 80% 10%, rgba(196, 224, 204, .85), transparent 22rem), linear-gradient(135deg, #eff7f1 0%, #f9faf7 55%, #e9f4ec 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.login #login {
  width: min(400px, calc(100% - 2rem));
  padding-top: 6vh;
}

.login #loginform,
.login .message,
.login .notice,
.login .success {
  border: 1px solid #d9e3dc;
  border-radius: 12px;
  box-shadow: 0 18px 48px rgba(21, 35, 28, .12);
}

.login #loginform {
  padding: 1.75rem;
  background: #fff;
}

.login label {
  color: #15231c;
  font-weight: 700;
}

.login input[type="text"],
.login input[type="password"] {
  border-color: #d9e3dc;
  border-radius: 6px;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus {
  border-color: #08783f;
  box-shadow: 0 0 0 1px #08783f;
}

.wp-core-ui .button-primary {
  border-color: #045a2e;
  background: #08783f;
  box-shadow: none;
  text-shadow: none;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
  border-color: #045a2e;
  background: #045a2e;
  box-shadow: none;
}

.login #nav a,
.login #backtoblog a {
  color: #045a2e;
}

.login #nav a:hover,
.login #backtoblog a:hover {
  color: #08783f;
}