/* F Street Login Brand. Loaded after WordPress core login.css. */
body.login{
	--fs-signal:#c7f53d;
	--fs-card:#101010;
	--fs-input:#0a0a0a;
	--fs-line:#1f1f1f;
	--fs-line-2:#2a2a2a;
	--fs-text:#ffffff;
	--fs-label:#e6e6e6;
	--fs-soft:#c9c9c9;
	background:
		radial-gradient(ellipse 55% 42% at 50% 42%, rgba(199,245,61,.10) 0%, rgba(199,245,61,.035) 40%, transparent 70%),
		linear-gradient(180deg,#121212 0%,#070707 55%,#000 100%) !important;
	background-attachment:fixed !important;
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--fs-text);
	font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}
body.login div#login{width:340px;padding:0;margin:0 auto;}

/* Logo */
body.login h1{margin-bottom:28px;}
body.login h1 a{
	background-image:var(--fs-logo) !important;
	background-size:contain !important;
	background-position:center !important;
	background-repeat:no-repeat !important;
	width:100% !important;
	height:44px !important;
	margin:0 auto !important;
}
body.login.fs-no-logo h1{display:none;}

/* Card */
body.login div#login form{
	background:var(--fs-card) !important;
	border:1px solid var(--fs-line) !important;
	border-top:2px solid var(--fs-signal) !important;
	border-radius:12px !important;
	box-shadow:none !important;
	padding:28px !important;
	margin-top:0 !important;
	overflow:hidden;
}

/* Labels and text */
body.login form label,
body.login form .forgetmenot label{
	color:var(--fs-label) !important;
	font-size:12px !important;
	font-weight:500;
	letter-spacing:.04em;
	line-height:1.5;
}
body.login form p,body.login form .description{color:var(--fs-soft) !important;}

/* Inputs */
body.login form input[type=text],
body.login form input[type=password],
body.login form input[type=email]{
	background:var(--fs-input) !important;
	border:1px solid var(--fs-line-2) !important;
	border-radius:8px !important;
	box-shadow:none !important;
	color:var(--fs-text) !important;
	font-size:15px !important;
	min-height:44px !important;
	padding:0 13px !important;
	margin:7px 0 18px !important;
}
body.login form input[type=text]:focus,
body.login form input[type=password]:focus,
body.login form input[type=email]:focus{
	border-color:var(--fs-signal) !important;
	box-shadow:0 0 0 3px rgba(199,245,61,.16) !important;
	outline:none !important;
}
body.login form input:-webkit-autofill{
	-webkit-box-shadow:0 0 0 1000px var(--fs-input) inset !important;
	-webkit-text-fill-color:var(--fs-text) !important;
	caret-color:var(--fs-text);
}
body.login .wp-pwd{margin-bottom:0;}
body.login .wp-pwd input[type=password],body.login .wp-pwd input[type=text]{padding-right:44px !important;}
body.login .button.wp-hide-pw{height:44px !important;min-height:44px !important;top:7px !important;color:var(--fs-soft) !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
body.login .button.wp-hide-pw .dashicons{color:var(--fs-soft) !important;top:.6rem;}
body.login .button.wp-hide-pw:hover .dashicons,body.login .button.wp-hide-pw:focus .dashicons{color:var(--fs-signal) !important;}

/* Remember me */
body.login form .forgetmenot{float:none !important;margin:0 0 18px !important;display:flex;align-items:center;}
body.login form input[type=checkbox]{
	appearance:none;-webkit-appearance:none;
	width:16px !important;height:16px !important;min-width:16px;
	border:1px solid var(--fs-line-2) !important;border-radius:4px !important;
	background:var(--fs-input) !important;box-shadow:none !important;
	margin:0 9px 0 0 !important;position:relative;cursor:pointer;
}
body.login form input[type=checkbox]:checked{background:var(--fs-signal) !important;border-color:var(--fs-signal) !important;}
body.login form input[type=checkbox]:checked::before{
	content:"" !important;position:absolute;left:5px;top:1.5px;width:4px;height:8px;margin:0 !important;
	border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg);background:none !important;
}
body.login form input[type=checkbox]:focus{border-color:var(--fs-signal) !important;box-shadow:0 0 0 2px rgba(199,245,61,.25) !important;}

/* Button */
body.login form p.submit{float:none !important;clear:both;padding:0 !important;margin:0 !important;}
body.login.wp-core-ui .button-primary,
body.login #wp-submit{
	float:none !important;
	width:100% !important;
	height:46px !important;
	min-height:46px !important;
	background:var(--fs-signal) !important;
	border:0 !important;
	border-radius:8px !important;
	box-shadow:none !important;
	text-shadow:none !important;
	color:#000 !important;
	font-family:"Inter Tight",Inter,sans-serif !important;
	font-size:14px !important;
	font-weight:600 !important;
	letter-spacing:.02em;
	line-height:46px !important;
	padding:0 !important;
}
body.login.wp-core-ui .button-primary:hover,
body.login.wp-core-ui .button-primary:focus,
body.login #wp-submit:hover,
body.login #wp-submit:focus{
	background:#d4ff52 !important;
	color:#000 !important;
	box-shadow:0 0 0 3px rgba(199,245,61,.18) !important;
	outline:none !important;
}
body.login .button:not(.button-primary):not(.wp-hide-pw){
	background:transparent !important;color:var(--fs-label) !important;border:1px solid var(--fs-line-2) !important;border-radius:8px !important;box-shadow:none !important;
}

/* Links under the form */
body.login #nav,body.login #backtoblog{text-align:center;margin:0;padding:0;}
body.login #nav{margin-top:22px;}
body.login #backtoblog{margin-top:10px;}
body.login #nav a,body.login #backtoblog a,body.login .privacy-policy-page-link a{color:var(--fs-soft) !important;font-size:13px;text-decoration:none;}
body.login #nav a:hover,body.login #backtoblog a:hover{color:var(--fs-signal) !important;}

/* Notices */
body.login .message,body.login .notice,body.login .success,body.login #login_error{
	background:var(--fs-card) !important;color:var(--fs-label) !important;
	border:1px solid var(--fs-line) !important;border-left:3px solid var(--fs-signal) !important;
	border-radius:8px !important;box-shadow:none !important;margin-bottom:16px;
}
body.login #login_error,body.login .notice-error{border-left-color:#ff5c5c !important;}
body.login .message a,body.login #login_error a,body.login .notice a{color:var(--fs-signal) !important;}

/* Clutter */
body.login .language-switcher,body.login .privacy-policy-page-link{display:none !important;}
body.login #login form .indicator-hint,body.login .pw-weak{color:var(--fs-soft) !important;}