/* CRC Custom — WP login screen (optional via settings). */

:root {
	--crc-login-orange: #f15b26;
	--crc-login-orange-dark: #d94a1a;
}

form#loginform label {
	display: block !important;
	margin-top: -5px;
}

input#remember_device,
#rememberme {
	float: left;
}

a.button.button-secondary.dismiss-user-configure-nag {
	background-color: #fff;
	border: 1px solid var(--crc-login-orange);
	margin-top: 20px;
	width: 100%;
	text-align: center;
	padding: 8px 15px;
	color: var(--crc-login-orange);
	transition: all 0.3s ease;
}

a.button.button-secondary.dismiss-user-configure-nag:hover {
	background-color: #000;
	color: #fff;
	border-color: #000;
}

form#loginform .crc-custom-login-heading {
	order: -1 !important;
	margin-bottom: 0.5rem;
}

form#loginform .crc-custom-login-heading h2 {
	margin: 0 0 0.75rem;
	font-size: 1.35rem;
	font-weight: 600;
}

/* Stack + center footer links: Lost password, Go to site, Privacy, Log in. */
.login #nav,
.login #backtoblog,
.login .privacy-policy-page-link,
.login #privacy-policy {
	position: relative !important;
	float: none !important;
	clear: both !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0.35rem 0 !important;
	text-align: center !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	top: auto !important;
}

.login #nav {
	margin-top: 1rem !important;
}

.login #backtoblog {
	margin-bottom: 0 !important;
}

.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a,
.login #privacy-policy a {
	display: inline-block !important;
	float: none !important;
	text-align: center !important;
	margin: 0 auto !important;
}

/* Password-reset / lost-password screens: "Log in" in #nav also centered. */
.login-action-lostpassword #nav,
.login-action-retrievepassword #nav,
.login-action-resetpass #nav,
.login-action-rp #nav,
body.login-action-lostpassword #nav,
body.login-action-retrievepassword #nav {
	text-align: center !important;
}

/* Link default: grey/black. Hover/focus: CRC orange. */
.login #nav a,
.login #backtoblog a,
.login #privacy-policy a,
.login .privacy-policy-page-link a,
.login form a,
.login #login_error a {
	color: #1d2327 !important;
	text-decoration: none;
	transition: color 0.2s ease;
}

/* Reset “check your email” notice: “login page” link is brand orange. */
.login .message a {
	color: var(--crc-login-orange) !important;
	text-decoration: underline;
	transition: color 0.2s ease;
}

.login #nav a:hover,
.login #nav a:focus,
.login #backtoblog a:hover,
.login #backtoblog a:focus,
.login #privacy-policy a:hover,
.login #privacy-policy a:focus,
.login .privacy-policy-page-link a:hover,
.login .privacy-policy-page-link a:focus,
.login form a:hover,
.login form a:focus,
.login #login_error a:hover,
.login #login_error a:focus {
	color: var(--crc-login-orange) !important;
	text-decoration: underline;
}

.login .message a:hover,
.login .message a:focus {
	color: var(--crc-login-orange-dark) !important;
	text-decoration: underline;
}