:root{
	--white: #FFF;
	--black: #000;
	--red: #f9252d;
	--gray: #d1d1d1;
	--lightgray: #f7f7f7;
	--crimson: #a4181e;
}

#login { 
width: 400px; 
padding-top: 4%;
}
.login.login-action-login {
background: var(--black); background: linear-gradient(to bottom right,rgb(35,35,35)1%,rgb(0,0,0)40%,rgb(0, 0, 0) 45%, rgb(35, 35, 35) 100%);
}
.login.login-action-login div#login h1 a {
background: url('/wp-content/uploads/2025/08/logo-first-response.png') no-repeat;
width: 320px;
height: 200px;
background-size: cover;
padding-bottom: 0;
margin: 0 auto 1.4rem;
}
.login #login_error, .login .message, .login .success {
border-left-color: var(--red);
}
.login.login-action-login form#loginform {
background: var(--lightgray);
color: var(--black);
width: 400px;
border: 2px solid var(--crimson);
box-sizing: border-box;
}
.login form#loginform input.input {
border: 1px solid var(--black) !important;
}
.login.login-action-login form#loginform p.submit input#wp-submit {
background: var(--red);
border-color: var(--red);
color: var(--white);
transition: all .2s;
}
.login.login-action-login form#loginform p.submit input#wp-submit:hover {
background: var(--crimson);
border-color: var(--crimson);
color: var(--white);
}
.login.login-action-login p#nav > a, .login div.privacy-policy-page-link > a {
color: var(--white);
transition: all .2s;
text-decoration: none !important;
}
.login.login-action-login p#nav > a:hover {
color: var(--crimson);
}
.login.login-action-login p#backtoblog, #login .privacy-policy-page-link {
display: none;
}