/* ****************************** */
/*       define variables         */
/* ****************************** */
:root {
    --primary: #676758;
    --secondary: #273116;
    --black: black;
    --white: white;
    --login-background-image: url('../dist/img/background.jpeg');
    --login-logo: url('../dist/img/heimatklang-logo.png');
}
/*login background image*/
body.login {
    background-image: var(--login-background-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /* Resize the background image to cover the entire container */
}
/*login logo*/
.login h1 a {
    background-image: var(--login-logo);
    height: 80px;
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0;
    background-size:contain;
}
/*form border color*/
body.login div#login form#loginform input {
    border-color: var(--primary);
}
/*submit button styling*/
body.login div#login form#loginform p.submit input#wp-submit {
    background-color:var(--primary);
}
body.login div#login form#loginform p.submit input#wp-submit:hover {
    background-color:var(--secondary);
}

.wp-core-ui .button-primary:hover {
    color:var(--primary);
}
/*link styling*/
body.login div#login p#backtoblog a:hover, body.login div#login p#nav a:hover, a.privacy-policy-link:hover {
    color: var(--black);
}
body.login div#login p#backtoblog a, body.login div#login p#nav a, a.privacy-policy-link {
    color: var(--primary);
}
/* error/success border color*/
.login #login_error, .login .message, .login .success {
    border-left: 4px solid var(--primary);
}
/*eye icon*/
span.dashicons.dashicons-visibility {
    color: var(--primary);
}