/*
 * wp-login.php in TFH colours: sign in, join, password reset.
 * The theme stylesheet does not load on this screen, so this stands alone.
 */

body.login {
	background: radial-gradient(ellipse at top, #24313a 0%, #161f22 55%, #0d1214 100%) fixed;
	color: #e8ecee;
	font-family: Georgia, "Times New Roman", serif;
}

.login h1 a {
	width: 120px;
	height: 120px;
	background-size: contain;
	background-position: center;
	margin-bottom: 18px;
}

#login { width: 360px; padding-top: 6vh; }

.login form {
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 10px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
	padding: 24px 24px 28px;
}

.login label { color: #c9d1d5; font-family: "Oswald", helvetica, arial, sans-serif; text-transform: uppercase; letter-spacing: .05em; font-size: 12px; }

.login input[type="text"],
.login input[type="email"],
.login input[type="password"] {
	background: rgba(0, 0, 0, .35);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	box-shadow: none;
}
.login input[type="text"]:focus,
.login input[type="email"]:focus,
.login input[type="password"]:focus {
	border-color: #ba2e29;
	box-shadow: 0 0 0 2px rgba(186, 46, 41, .35);
}

.login .button.wp-hide-pw .dashicons { color: #98a3a9; }

.wp-core-ui .button-primary {
	background: #ba2e29;
	border-color: #ba2e29;
	border-radius: 4px;
	font-family: "Oswald", helvetica, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .04em;
	text-shadow: none;
	box-shadow: none;
	padding: 0 18px;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: #661917;
	border-color: #661917;
	box-shadow: none;
}

.login #nav,
.login #backtoblog { text-align: center; }
.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a { color: #98a3a9; }
.login #nav a:hover,
.login #backtoblog a:hover { color: #ffd800; }

/* wp-login's own "Back to site" link is replaced by ours in the footer. */
.login #backtoblog { display: none; }
.tfh-login-back { text-align: center; margin: 14px 0 0; }
.tfh-login-back a { color: #98a3a9; text-decoration: none; }
.tfh-login-back a:hover { color: #ffd800; }

.login .message,
.login .notice,
.login .success,
.login #login_error {
	background: rgba(255, 255, 255, .06);
	border-left-color: #ba2e29;
	color: #e8ecee;
	box-shadow: none;
	border-radius: 4px;
}
.login .message a, .login #login_error a { color: #ffd800; }

.tfh-login-pitch {
	margin: 0 0 16px;
	padding: 0 4px;
	text-align: center;
	line-height: 1.5;
	color: #c9d1d5;
}
.tfh-login-pitch strong { color: #fff; font-family: "Oswald", helvetica, arial, sans-serif; text-transform: uppercase; letter-spacing: .03em; }

/* Honeypot: off-screen, not display:none, which some bots detect. */
.tfh-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

.login .language-switcher { display: none; }