@import 'theme_colors_and_fonts.css';

body{
    background:var(--red);
    color:#fff;
    font-family: "Figtree", "Avenir", sans-serif;
}

.login form{
    color:#000;
    border-color:var(--dark-red);
}

h1,h2{
    font-family: "Tropiline";
    text-align:center;
    font-size:clamp(1.5rem, 4vw, 2.5rem);
}

.login ul{
    padding-left: 1rem;
    margin: 0.5rem auto 1rem;
}

.login ul li{
    margin-bottom:0.5rem;
}

#login form ul + p{
    margin-bottom:1rem;
}

.login-action-rp #login,
.login-action-resetpass #login{
    max-width: 500px;
    width: 100%;
}

#login h1 a, .login h1 a {
    background-image: url('assets/images/smr-logo.png');
    aspect-ratio:208/232;
    height: auto;
}

.login #backtoblog a, .login #nav a{
    color:#fff;
    font-weight:bold;
}

.login #nav{
    margin-left:0!important;
    padding-left:0!important;
}

.wp-core-ui .button-secondary{
    color:#000;
    border-color:var(--red);
}

.wp-core-ui .button-primary{
    background-color:var(--red);
    border-color:var(--red);
    color:#fff;
    font-weight:bold;
}

.wp-core-ui .button-primary:hover{
    background-color:var(--dark-red);
    border-color:var(--dark-red);
}

input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus,.login .button.wp-hide-pw:focus {
    border-color: #000;
    box-shadow: 0 0 0 1px #000;
}

input[type=checkbox]:checked::before{
    filter:hue-rotate(150deg);
}

.login .message, .login .notice, .login .success{
    border-left-color:var(--green);
    color:#000;
    margin-top:1rem;
}

.wfls-2fa-code-help, .wfls-2fa-code-help i{
    color:var(--red);
}
.wfls-2fa-code-help:hover,
.wfls-2fa-code-help:active,
.wfls-2fa-code-help:hover i,
.wfls-2fa-code-help:active i{
    color:var(--dark-red);
}