body.login.login-action-rp,
body.login.login-action-resetpass {
background-color: rgba(35, 35, 35, 0.1);
}
.login-action-rp h1,
.login-action-resetpass h1 {
padding-top: 48px;
}
.login-action-rp #login,
.login-action-resetpass #login {
width: 420px;
position: fixed;
top: 50%;
left: 50%;
margin: auto;
padding: 0;
transform: translate(-50%, -50%) scale(0.8);
background-color: #fff;
border-radius: 8px;
will-change: opacity;
}
.login-action-rp form#resetpassform,
.login-action-resetpass form#resetpassform {
border: none;
margin: 0;
padding: 12px 48px 32px;
box-shadow: none;
border-radius: 0 0 8px 8px;
}
.login-action-rp input#pass1,
.login-action-resetpass input#pass1 {
width: 100%;
border: none;
box-sizing: border-box;
padding: 12px;
letter-spacing: 0.1em;
background: #F1F1F1;
border-radius: 5px;
background-color: #F1F1F1;
margin-bottom: 12px;
}
.login-action-rp label,
.login-action-resetpass label {
display: inline-block;
font-size: 0.9rem;
letter-spacing: 0.04em;
margin-bottom: 4px;
}
.login-action-rp .description.indicator-hint,
.login-action-resetpass .description.indicator-hint {
font-size: 0.9rem;
letter-spacing: 0.04em;
margin-bottom: 20px;
}
.login-action-rp div#login_error,
.login-action-resetpass div#login_error {
border: none;
box-shadow: none;
color: #d63638;
padding: 0 40px;
margin: 12px 0;
font-size: 0.9rem;
}
.login-action-rp div#pass-strength-result,
.login-action-rp button.button.button-secondary,
.login-action-rp .wp-generate-pw.hide-if-no-js.skip-aria-expanded,
.login-action-resetpass div#pass-strength-result,
.login-action-resetpass button.button.button-secondary,
.login-action-resetpass .wp-generate-pw.hide-if-no-js.skip-aria-expanded {
display: none !important;
}
.login-action-rp #backtoblog,
.login-action-rp .message.reset-pass,
.login-action-rp #pass-strength-result,
.login-action-rp p#nav,
.login-action-rp #login_error,
.login-action-resetpass #backtoblog,
.login-action-resetpass #pass-strength-result,
.login-action-resetpass p#nav {
display: none;
}
.login-action-rp #login h1 a,
.login-action-resetpass #login h1 a {
background-size: contain;
width: 200px;
margin: 0 auto;
}
.login-action-resetpass .reset-pass {
text-align: center;
border: none;
box-shadow: none;
padding: 10px 40px 40px;
font-size: 1rem;
margin: 0;
}
.login-action-resetpass .reset-pass a {
display: block;
text-align: center;
width: 100%;
background-color: #507EE5;
color: #fff;
margin: 20px 0 0 0;
padding: 16px 0;
border-radius: 5px;
font-size: 1rem;
letter-spacing: 0.1em;
transition: background-color 0.3s;
cursor: pointer;
text-decoration: none;
}