.login h1 a {
    background-image: url('logo-SIETOM.jpg');
    background-size: contain;
    width: 15rem;
    height: 10rem;
    background-position: center;
  }
  
  body.login {
    background-image: url('sietom-login-bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
  }
  
  body.login form#loginform {
    border: 0 !important;
    background: #f4f4f4 !important;
  }
  
  .login form#loginform .input,
  .login form#loginform input[type=checkbox],
  .login form#loginform input[type=text] {
    background: #fff !important;
    color: #00a667;
    border: 0 !important;
    border-radius: 0 !important;
  }  
    
  .login form#loginform .input:focus,
  .login form#loginform input[type=checkbox]:focus,
  .login form#loginform input[type=text]:focus {
    box-shadow: 0 0 0 1px #00a667;
    outline: 2px solid transparent;
  }
  
  .login form#loginform input[type=checkbox] {
    box-shadow: none;
  }
  
  .login form#loginform input[type=checkbox]:checked::before {
    content: "";
    background: #00a667;
    width: 8px;
    height: 8px;
    margin: 4px;
  }
  
  .wp-core-ui .button, .wp-core-ui .button-secondary {
    color: #00a667 !important;
    border: 0;
    outline: 0;
  }
  
  .wp-core-ui .button, .wp-core-ui .button-secondary:focus {
    outline: 0;
  }
  
  .wp-core-ui .button-primary {
    background: #00a667 !important;
    color: #f4f4f4 !important;
    border: 0  !important;
    transition: all .3s ease;
  }
  
  .wp-core-ui .button-primary:hover {
    background: #00a667 !important;
    color: #fff !important;
  }
    
  #login #nav a, #login #backtoblog a {
    color: #fff;
  }
  
  #login #nav a:hover, #login #backtoblog a:hover {
    color: #fff;
  }
  
  #login .privacy-policy-page-link a {
    color: #fff;
  }
  
  #login .privacy-policy-page-link a:hover {
    color: #fff;
  }