@charset "utf-8";
body.login { display: flex; align-items: center; justify-content: center; padding-bottom: 1rem; background: linear-gradient(135deg, #4f88bf 0%, #1b3f6b 65%); box-sizing: border-box; } 
body.login * { box-sizing: border-box; } 
body.login div#login h1 a { margin:25px 0 15px 0; width: 100%; height: max-content; word-break: keep-all; background-image: none; background-size: contain; font-size: 24px; font-weight: 500; color: #333; text-indent: inherit; } 
body.login div#login h1 a:hover { color: #147fc6; } 
body.login a:focus, body.login a:active { border: 0 !important; outline: none !important; box-shadow: none !important; } 
#login { margin: auto;padding: 20px 40px 20px 400px; box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.5);
    position: relative; width: 740px; height: max-content; background-color: #ffffff;border-radius: 16px;} 
.login form { margin: 0; padding: 0 0 15px 0px; border: 0 !important; box-shadow: none !important;width: 100%; } 
.login form:after { position: absolute; top: 15px; left: 15px; width: 340px; height: calc(100% - 30px); background-color: #0073aa; background-image: url(../images/login_img.jpg); background-position: center;; background-size: cover; content: ''; border-radius: 12px; } 
.wp-core-ui .button-primary { border-color: #0073aa; background-color: #0073aa; } 
.language-switcher, .privacy-policy-page-link { display: none !important; } 
.login label { margin-bottom: 5px; color: #888; } 
.wp-core-ui .button-primary, .wp-core-ui .button-primary, .wp-core-ui .button-primary, .wp-core-ui .button-primary { display: flex; align-items: center; justify-content: center; margin: 10px 0; padding: 0 12px; width: 100%; height: 50px; min-height: 32px; background: linear-gradient(to right, #248acd, #426dbb); font-size: 17px; color: #fff; border-radius: 4px; } 
.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: linear-gradient(to right, #147fc6, #232ca8); } 
.login #nav { margin: 0; } 
.login .message, .login .notice, .login .success { margin-bottom: 0; margin-left: 0; padding: 0; border-left: 0; box-shadow: none; word-wrap: break-word; } 
.login #backtoblog, .login #nav {padding: 0; margin: 5px 0 0 0; } 
.interim-login #login form:after { display: none; } 
.interim-login #login { margin: 5px auto 20px; padding: 0; padding: 20px; width: 100%; } 
.login form.shake{animation: none !important; animation-iteration-count: inherit !important; transform:inherit !important;}
@media screen and (max-width:820px){
 #login { padding: 25px 40px 25px 360px; width: 90%; } 
 .login form:after{width: 310px;}
 .login-action-confirm_admin_email #login {width: inherit;max-width: inherit;margin-top: inherit;}

 }
 @media screen and (max-width:700px){
 #login { padding: 25px 30px; width: 90%; } 
 .login form:after { display: none; } 
 }