body {
font-family: "Poppins", sans-serif;
}
.login h1 a {
width: 150px;
height: 150px;
background-image: url(/wp-content/uploads/2024/07/turbak-logo-gold.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
body, html {
background-position: top center;
background-image: url(/wp-content/uploads/2024/07/Lisa-Ronke.jpg);
background-repeat: no-repeat;
background-size: 100%;
background-blend-mode:overlay;
background-color:rgba(68,68,68,1);
}
#login {
width: 400px;
max-width: 96vw;
}
#login p#nav a, #login p#backtoblog a {
color: #fff;
}
#login p#nav a:hover,
#login p#backtoblog a:hover {
color: #c9b373;
}
#login label {
font-size: 0.9rem;
font-weight: 700;
text-transform: uppercase;
}
#login input[type=text],
#login input[type=password],
#login .button.wp-hide-pw {
min-height: 50px;
padding: 0.2rem 0.6rem;
border-radius: 0;
}
#login input[type=checkbox] {
border-radius: 0;
}
#login input[type=checkbox]:checked::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M14.83 4.89l1.34.94-5.81 8.38H9.02L5.78 9.67l1.34-1.25 2.57 2.4z' fill='%23c6a87b'/%3E%3C/svg%3E");
}
#login input[type=text]:focus,
#login input[type=password]:focus,
#login input[type=checkbox]:focus,
#login .button.wp-hide-pw:focus {
border: 1px solid #c9b373;
box-shadow: none;
outline: none;
}
#login .button.wp-hide-pw:active .dashicons,
#login .button.wp-hide-pw:focus .dashicons {
color: #c9b373;
}
#login .forgetmenot {
margin-top: 1rem;
}
/* Login Button */
#login input[type=submit] {
min-height: 50px;
padding: 0 1.2rem;
background-color: #c9b373;
border-color: #c9b373;
border-radius: 0;
font-size: 1rem;
font-weight: 700;
letter-spacing: 4px;
text-transform: uppercase;
}
#login input[type=submit]:hover,
#login input[type=submit]:focus,
#login input[type=submit]:active {
background-color: #91804f;
border-color: #91804f;
outline-color: #91804f;
}