@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../fonts/google/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/google/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

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-image: var(--login_logo); background-size: contain; width: 100%; height: 75px; }

#login form{ box-shadow: none; padding: 20px; border: none; background: var(--form_bgcolor); }
#login form .input, #login input[type=text]{ outline: none; box-shadow: none; background: var(--form_inputbg); color: var(--form_inputcolor); border: var(--form_inputborder); }

#login form label{ font-size: 14px; color: var(--form_labelcolor); }
#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; color: var(--login_linkcolor); }
#login a:hover, #login #backtoblog a:hover, #login #nav a:hover{ color: var(--login_linkhover); }

#login #nav{ margin-top: 0; }
#login .privacy-policy-page-link{ margin: 12px 0; padding: 0 24px; text-align: left; width: fit-content; }

#login .button-primary{ background: var(--form_buttonbg); color: var(--form_buttoncolor); 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 .button-primary:hover{ background: var(--form_buttonbghover); color: var(--form_buttoncolorhover); }

#login form .forgetmenot label{ display: inline-block; cursor: pointer; position: relative; padding-left: 32px; margin-right: 15px; font-size: 14px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height: 22px; }
#login form .forgetmenot input[type=checkbox]{ display: none; }
#login form .forgetmenot input[type=checkbox] + label:before{ content: " "; transition: all .1s ease; display: inline-block; width: 12px; height: 12px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; border-radius: 3px; outline: solid 2px var(--form_forgetlabel); border: solid 3px #FFF; background-color: #FFF; }
#login form .forgetmenot input[type=checkbox]:checked + label:before{ content: " "; outline: solid 2px var(--form_forgetchecked); background-color: var(--form_forgetchecked); }