body.login {
    background: url(https://resellers.synami.com/wp-content/uploads/2024/07/login-bg.jpg) no-repeat left top, linear-gradient(to bottom, #035273 0%, #21788d 100%);
    background-size: contain;
}

.login h1 a {
    background-image: url(https://resellers.synami.com/wp-content/uploads/2024/07/login-logo.png) !important;
    background-image: none, url(https://resellers.synami.com/wp-content/uploads/2024/07/login-logo.svg) !important;
    background-size: cover;
    height: 50px;
    width: 182px;
    display: block;
    pointer-events: none;
    cursor: default;
}

.login #backtoblog,
.login #nav {
    display: none;
}

.login form {
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

#login {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(50%, -50%);
}

.login label[for=user_login]::before {
    content: "";
    width: 72%;
    height: 20px;
    position: absolute;
    right: 0;
    background-color: #ffffff;
}

.wp-core-ui .button-primary {
    background: #336780;
    border-color: #336780;
}


.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover {
    background: #21788D;
    border-color: #21788D;
}

@media (max-width: 1199.98px) {
    #login {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    body.login {
        background-size: cover;
    }
}