body{ height: 100%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; position: relative; }
@media only screen and (min-width:1025px){
    #login{ width: 400px; position: absolute; }
    body.loginForm_left #login{ left: 0; top: 0; bottom: 0; width: 450px; padding: 50px 30px; }
    body.loginForm_left_float #login{ left: 50px; top: 50%; transform: translateY(-50%); }
    body.loginForm_center #login{ left: 50%; top: 0; bottom: 0; width: 450px; padding: 50px 30px; transform: translateX(-50%); }
    body.loginForm_center_float #login{ left: 50%; top: 50%; transform: translate(-50%, -50%); }
    body.loginForm_right #login{ right: 0; top: 0; bottom: 0; width: 450px; padding: 50px 30px; }
    body.loginForm_right_float #login{ right: 50px; top: 50%; transform: translateY(-50%); }
}
@media only screen and (max-width: 1024px){
    #login{ margin: 35px auto; }
}

body.loginBlur #login{ backdrop-filter: blur(10px) saturate(200%); background-color: rgba(255, 255, 255, 0.25); }

#login{ padding: 40px 20px; box-sizing: border-box; }
#login h1 a{ background-size: contain; width: 100%; height: 75px; }

#login form{ box-shadow: none; padding: 20px; border: none; }
#login form .input, #login input[type=text]{ outline: none; box-shadow: none; }

#login form label{ font-size: 14px; }
#login form .forgetmenot{ float:none; }
#login form p.submit{ margin-top:15px; }

#login a, #login #backtoblog a, #login #nav a{ transition: color .2s ease-in-out; }

#login .button-primary{ border: none; text-shadow: none; float: none; clear: both; display: block; width: 100%; padding: 7px; height: auto; font-size: 15px; font-weight: 700; transition: all .2s ease-in-out; } 

#login form .forgetmenot label{ display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 14px; font-family: 'Barlow', Arial, Helvetica, sans-serif; line-height: 22px; }
#login form .forgetmenot input[type=checkbox]{ display: none; }
#login form .forgetmenot label:before{ font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 20px; text-align-last: center; display: inline-block; width: 20px; line-height: 20px; height: 20px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; border-radius: 3px; }
#login form .forgetmenot input[type=checkbox] + label:before{ content: "\f0c8"; }
#login form .forgetmenot input[type=checkbox]:checked + label:before{ content: "\f14a"; font-family: 'Font Awesome 5 Pro'; font-weight: 700; }