/*Rudtek Custom Login Page CSS file. 
HANDLING METHOD: 1. Confirm file placement in //theme/css directory
                 2. Modify Primary and Secondary colors VARs below.
		   3. Make any additional changes as needed.
                 4. Place appropriate logo in same directory. 
				a. SIZE: 250px width
                            b. FORMAT: webp or png
*/


:root {
    --primary-color: #1b365d;
    --secondary-color: #0092bc;
}

body.login {
    background-color: var(--primary-color);
    color: var(--primary-color);
}

/*logo*/
.login h1 a {
    height: auto;    
    width: 250px;
    background-size: contain;
    background-repeat: no-repeat; 
    padding-bottom: 60px;
}

body.login form {
    background-color: #fff;
    border: 1px solid var(--secondary-color);
    box-shadow: 2px 3px 5px var(--secondary-color);
}

body.login input {
    border-radius: 0;
    border-color: var(--primary-color);
}

body.login input:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 1px var(--primary-color);
}

body.login p.submit input#wp-submit {
    background-color: var(--primary-color);
    border: none;
    border-radius: 0;
}

body.login p.submit input#wp-submit:hover {
    background-color: var(--secondary-color);
}

body.login p#nav a,
body.login p#backtoblog a,
body.login .privacy-policy-link {
    color: var(--secondary-color);
    font-size: 14px;
}

body.login p#nav a:hover,
body.login p#backtoblog a:hover,
body.login .privacy-policy-link:hover {
    color: #fff;
}


body.login #login_error,
body.login .message,
body.login .success {
    border-left: 4px solid var(--primary-color);
}