:root {
  --iphc-primary: rgba(109, 208, 246, 100);
  --iphc-secondary: rgba(17, 24, 39, 100);
}

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

body {
  background-image: linear-gradient(0deg, #ffffff 30%, #efefef 100%);
}

body.login div#login {
}
body.login div#login h1 {
}
body.login div#login h1 a {
  /* background-image: url(/wp-content/themes/change-church/img/change-church-logo-white.svg); */
  /* height: 105px;
  width: 137px; */
  /* background-size: auto 265px;
  background-position: -90px -65px;
  background-repeat: no-repeat;
  padding-bottom: 30px; */
}
body.login div#login form#loginform,
body.login div#login form#lostpasswordform {
  background-color: #ffffff;
  border-color: #ffffff;
  /* -webkit-box-shadow: none;
  box-shadow: none; */
  color: #000000;
  border-radius: 5px 5px 0 0;
}
body.login div#login form#loginform p.submit input#wp-submit,
body.login form .button-primary {
  /* padding: 0 7px; */
  border: 1px solid #000000;
  background-color: #000000;
}
body.login div#login form#loginform p.submit input#wp-submit:hover {
  background-color: white;
  color: black;
}

body.login div#login p#nav {
  display: block;
  margin: 0;
  padding: 8px 20px;
  background: var(--iphc-primary);
  text-align: center;
  border-radius: 0 0 5px 5px;
}

.login #nav a {
  color: #000;
}

.login #backtoblog a {
  color: #000;
}

body.login div#login p#nav a:hover {
  text-decoration: underline;
  color: #fff;
  // opacity: 0.7;
}

body.login div#login p#backtoblog a:hover {
  text-decoration: underline;
  color: #000;
}

.login .notice {
  color: #000;
}

.login .notice.message {
  border-color: #000;
}