body.login div#login h1 a {
  background-image: url("/wp-content/uploads/2025/08/SHF-Monogram.svg");
  padding-bottom: 0px;
  background-size: contain;
  width: 100%;
  height: 65px;
}
body.login {
  background-color: #fff;
}
body.login::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50vw;
  height: 100svh;
  background-image: url(https://sterlinghollowfarm.com/wp-content/uploads/2025/08/shf-aerial-2048x1536.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#login {
  background: #fff;
  height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50vw;
  min-width: 500px;
  padding: 0 10%;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
}
.login form {
  border-radius: 12px;
}
body.login #backtoblog a, body.login #backtoblog a:focus, body.login #nav a:focus, body.login h1 a:focus, body.login #nav a {
  color: #000;
}
body.login #login #wp-submit {
  background: #E2AB46;
  border: none;
  transition: 0.3s;
}
body.login #login #wp-submit:hover {
  background-color: #dba032;
}
body.login #backtoblog a:hover, body.login #nav a:hover, body.login h1 a:hover {
  color: var(--secondary);
}
/* Mobile */
@media (max-width: 500px) {
  #login {
    width: 100%;
    min-width: 100%;
    padding: 0 6%;
  }
}