body.login div#login h1 a {
    background-image: url(../assets/login-logo.png);
    background-size: contain;
    width: 100%;
    margin-bottom: 0;
}

body.login {
    background-image: url(../assets/login-bg-img.jpg);
    background-size: cover;
    background-position: center;
}

body.login div#login h1 {
    padding: 26px 24px 0;
    background-color: #fff;
    border: 1px solid #ccd0d4;
    border-bottom: 0;
}

body.login form {
    margin-top: 0;
    border-top: 0;
}

body.login form .button {
    background: #99c120;
    border-color: #99c120;
}

body.login form .button:hover {
    background: #99c120;
    border-color: #99c120;
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.125);
}

body.login input:focus,
body.login form .button:focus {
    border-color: #99c120;
    box-shadow: 0 0 0 1px #99c120;
}

body.login form .button:focus {
    background: #99c120;
}

body.login form .dashicons-visibility:before,
body.login form input[type='checkbox']:checked::before {
    filter: invert(60%) sepia(100%) saturate(312%) hue-rotate(34deg) brightness(92%) contrast(105%);
}