/**
 * Custom styles for wp-login.php (login, lost password, reset password, etc.)
 * Matches 3500 Club theme branding.
 */

:root {
	--club-header-green: #2b5544;
	--club-light-green: #c5d0cb;
	--club-off-white: #ebf0ef;
}

body.login {
	background: var(--club-light-green);
}

body.login #login {
	padding: 8% 0 0;
}

body.login h1 a {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 320px;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

body.login .message,
body.login .success {
	border-left-color: var(--club-header-green);
	background: var(--club-off-white);
}

body.login form {
	background: #fff;
	border: 1px solid rgba(43, 85, 68, 0.2);
	box-shadow: 0 2px 8px rgba(43, 85, 68, 0.1);
}

body.login form .input,
body.login input[type="text"],
body.login input[type="password"] {
	border-color: rgba(43, 85, 68, 0.3);
}

body.login form .input:focus,
body.login input[type="text"]:focus,
body.login input[type="password"]:focus {
	border-color: var(--club-header-green);
	box-shadow: 0 0 0 1px var(--club-header-green);
}

body.login .button-primary,
body.login .button-primary:hover,
body.login .button-primary:focus {
	background: var(--club-header-green);
	border-color: var(--club-header-green);
	box-shadow: none;
	text-shadow: none;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	background: #234a3a;
	border-color: #234a3a;
}

body.login #nav a,
body.login #backtoblog a {
	color: var(--club-header-green);
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #234a3a;
}

body.login #login_error,
body.login .message a,
body.login .success a {
	color: var(--club-header-green);
}

body.login #login_error a:hover,
body.login .message a:hover,
body.login .success a:hover {
	color: #234a3a;
}