#login h1 a, .login h1 a {
    background-image: url(/wp-content/themes/codelux/svg/codelux_logo_black.svg);
    width: 75%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  body, #error-page {
    background: #e6e6e6 !important;
    color: black !important;
    border-color: white !important;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh !important;
    background-image: url(/wp-content/themes/codelux/svg/codelux_icon_white-no-circle.svg) !important;
  background-repeat: repeat !important;
  background-size: 10vw !important;
  background-blend-mode: soft-light;
  }
  #login {
    width: 320px !important;
    padding: 15px !important;
    margin: auto !important;
    height: auto;
    position: relative;
  }
  #login::before {
    content: '';
    width: calc(50vw + 320px);
    height: 450px;
    position: absolute;
    background: white;
    left: calc((-1 * 50vw + (320px)/2));
    z-index: -1;
    border-radius: 0 25px 25px 0;
    transform: translateY(-50px);
    box-shadow: 0 3px 6px #00000016;
    overflow: hidden;
    height: calc(100% + 50px);
  }
  @media (max-width: 450px){
    #login::before {
    width: 200vw;
    left: -100vw;
  }}
  .wp-core-ui .button, .wp-core-ui .button-secondary {
    color: #666;
  }
  #loginform, #login .message, .login form {
    background: transparent !important;
    border: 0px solid #fff !important;
    box-shadow: none;
    margin: 35px 0 25px 0 !important;
    padding: 0 !important;
  }
  #nav, #backtoblog, .language-switcher{
    display: none;
  }
  .wp-core-ui .button-primary {
    border-color: black !important;
    color: black !important;
    border-radius: 25px !important;
    background: white !important;
  }
  .login #login_error, .login .message, .login .success {
    background-color: transparent !important;
    box-shadow: none !important;
    border: 1px solid white !important;
    border-left: 4px solid #fff !important;
  }
  .login h1 {
    height: 50px;
  }
  .login .privacy-policy-page-link {
    margin: 0 !important;
  }
  .login label{
    font-weight: 500 !important;
  }
  .forgetmenot label {
    font-weight: 300 !important;
  }
  a{
    color: #666 !important;
  }
  a:focus {
    box-shadow: none !important;
  }
  .wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus {
    box-shadow: none !important;
  } 
  #user_login, #user_pass {
    border-radius: 25px !important;
    padding: 0em .7em !important;
    font-weight: 300 !important;
    font-size: 21px !important;
  }
  #user_login:focus,  #user_pass:focus {
    border-color: black !important;
    box-shadow: none !important;
    border-width: 1px !important;
  }
  .login #login_error, .login .message, .login .success {
    padding: 0 !important;
    margin: 25px 0 !important;
    font-size: 15px !important;
  }
  .admin-email-confirm-form *{
    color: #333 !important;
  }
  .login .button.wp-hide-pw:focus {
    border-radius: 0 25px 25px 0 !important;
  }
  .login form {
    box-shadow: none !important;
  }
  #wp-submit {
    padding: .3em 1.3em !important;
    font-size: 16px !important;
    margin-top: 35px !important;
    line-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .wp-core-ui .button-secondary {
    color: #666 !important;
  }
  .login .button.wp-hide-pw:focus {
    background: 0 0 !important;
    border-color: #666 !important;
    box-shadow: none !important;
    outline: 1px solid transparent !important;
  }
  .wp-core-ui .button, .wp-core-ui .button-secondary {
  color: #000 !important;
  border-color: #000 !important;
  background: #fff !important;
  border-radius: 15px !important;
}
#pass-strength-result.strong, #pass-strength-result.good , #pass-strength-result.bad, #pass-strength-result.short {
  border-radius: 0 0 15px 15px !important;
}
#pass1-text.strong, #pass1.strong, #pass1-text, #pass1{
  border-color: #68de7c;
  border-radius: 15px 15px 0 0 !important;
}
.submit.reset-pass-submit button:first-of-type {
  margin-left: auto !important;
}
#resetpassform .button.button-secondary.wp-hide-pw.hide-if-no-js {
  border-radius: 0 15px 0 0 !important;
}
.message.reset-pass a {
  padding: .3em 1.3em;
  border: 1px solid black;
  border-radius: 25px;
  text-decoration: none;
  color: #000 !important;
  line-height: 5em;
}
.message.reset-pass {
  text-align: center;
}
#lostpasswordform .submit {
  display: flex;
}
#lostpasswordform .login .button-primary {
  float: none;
}