/*
Login Styles and Overrides

*/

body.login {
	background-color: var(--global-palette3);
    background-image: url('/wp-content/themes/wplc-kadence/assets/images/library-login.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding: 0;
	box-sizing: border-box;
    height: auto;
    background-blend-mode: normal;
    
}

body.login.ezproxy-login {
    min-height: 100vh;
}

body.login #login-container > .row {
    width: auto;
    background-color: var(--global-palette9);
    align-self: center;
    margin: 0 auto;
    padding: 1rem;
    box-shadow: 0 5px 15px 0 rgba(0,0,0, 0.25);
    height: auto;
    justify-content: center;
    display: flex;
    margin-top: 5vh;
    max-width: 600px;
}

body.login #login {
	width: auto;
	background-color: transparent;
	margin: 0 auto;
	padding: 15px;
	z-index: 100;
    display: none;
}

body.login #login form {
	border: none;
}

body.login #login.ready {
    display: block;
}

body.login #login h1 a {
	background-image: url('/wp-content/themes/wplc-kadence/assets/images/winnefox-logo.png');
	background-size: contain;
    background-position: center;
	max-width: 100%;
    height: 200px;
	width: 100%;
    background-repeat: no-repeat;
    color: var(--global-palette1);
    font-weight: 400;
    line-height: 1.3;
    margin: 0 auto 25px;
    padding: 0;
    text-decoration: none;
    text-indent: -9999px;
    outline: 0;
    overflow: hidden;
    display: block;
}

body.login #login_error, .login .message {
    border-left: none;
    padding: 0;
    margin-left: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
	color: darkred;
	text-align: center;
}

body.login form {
    margin-top: 10px;
    margin-left: 0;
    padding: 10px;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body.login.wp-core-ui .button-group.button-large .button, 
body.login.wp-core-ui .button.button-large {
	height: auto;
	line-height: auto;
	padding: auto;
}

body.login.wp-core-ui .button, 
body.login.wp-core-ui .button-primary, 
body.login.wp-core-ui .button-secondary {
	height: auto;
	text-shadow: none;
	box-shadow: none;
    -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

body.login.wp-core-ui .button-primary {
	background-color: var(--global-palette2);
    border-color: var(--global-palette2);
}

body.login.wp-core-ui .button-secondary {
	color: var(--global-palette1);
    border-color: var(--global-palette1);
}

body.login.wp-core-ui .button-primary.focus, 
body.login.wp-core-ui .button-primary.hover, 
body.login.wp-core-ui .button-primary:focus, 
body.login.wp-core-ui .button-primary:hover {
    background-color: var(--global-palette1);
    border-color: var(--global-palette1);
    box-shadow: none;
}

body.login.wp-core-ui .button-primary.focus, 
body.login.wp-core-ui .button-primary:focus {
    box-shadow: none;
}

body.login.wp-core-ui .button-secondary.focus, 
body.login.wp-core-ui .button-secondary.hover, 
body.login.wp-core-ui .button-secondary:focus, 
body.login.wp-core-ui .button-secondary:hover {
    background-color: var(--global-palette9);
    border-color: var(--global-palette2);
    color: var(--global-palette2);
    box-shadow: none;
}

body.login.wp-core-ui .button-secondary.focus, 
body.login.wp-core-ui .button-secondary:focus {
    box-shadow: none;
}

body.login.wp-core-ui .button-secondary.wp-hide-pw .dashicons, 
body.login.wp-core-ui .button-secondary.wp-hide-pw .dashicons-before:before {
    transition: unset;
}

body.login.wp-core-ui input.password-input[type="text"] + .button-secondary.wp-hide-pw {
    background: transparent;
    border-coler: var(--global-palette7);
}

body.login #backtoblog, 
body.login #nav {
    font-size: 0.85rem;
    padding: 0 1rem;
    display: none;
}

body.ezproxy-login .alt-lang {
    opacity: 0.9;
}