/* CE Platform 0.10.35 — unified CE login experience for main site and workspaces. */
:root{
  --ce-login-navy:#0b3154;
  --ce-login-teal:#00998f;
  --ce-login-teal-dark:#007f78;
  --ce-login-muted:#60758a;
  --ce-login-border:#d8e5e7;
  --ce-login-soft:#f4f9f8;
  --ce-login-danger:#b42318;
}
html,body.login{min-height:100%;}
body.login{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 18px;
  background:
    radial-gradient(circle at 15% 10%,rgba(0,153,143,.08),transparent 30%),
    linear-gradient(180deg,#f8fbfb 0%,#eef5f4 100%);
  color:var(--ce-login-navy);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
body.login:before{
  content:var(--ce-platform-secure-access,"SECURE CE ACCESS");
  position:fixed;
  top:22px;
  left:28px;
  color:var(--ce-login-teal);
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
}
body.login #login{
  width:min(430px,100%);
  padding:0;
  margin:auto;
}
body.login #login h1,
body.login #login .wp-login-logo{margin:0 0 22px;}
body.login #login h1 a,
body.login #login .wp-login-logo a{
  width:min(100%,320px);
  height:92px;
  margin:0 auto;
  background-image:url('./ce-login-logo.png');
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
  outline:0;
  box-shadow:none;
}
body.login #loginform,
body.login #lostpasswordform,
body.login #resetpassform,
body.login #registerform{
  margin-top:0;
  padding:30px;
  border:1px solid var(--ce-login-border);
  border-radius:16px;
  background:#fff;
  box-shadow:0 16px 42px rgba(11,49,84,.08);
}
body.login label{
  color:var(--ce-login-navy);
  font-size:14px;
  font-weight:650;
}
body.login .input,
body.login input[type="text"],
body.login input[type="email"],
body.login input[type="password"]{
  min-height:48px;
  margin-top:7px;
  padding:9px 12px;
  border:1px solid #b8c9ce;
  border-radius:8px;
  background:#fff;
  color:var(--ce-login-navy);
  font-size:16px;
  box-shadow:none;
}
body.login .input:focus,
body.login input[type="text"]:focus,
body.login input[type="email"]:focus,
body.login input[type="password"]:focus{
  border-color:var(--ce-login-teal);
  outline:3px solid rgba(0,153,143,.14);
  box-shadow:none;
}
body.login .wp-pwd button.button{
  color:var(--ce-login-teal-dark);
  border:0;
  background:transparent;
}
body.login .forgetmenot{margin-top:8px;}
body.login .forgetmenot label{font-weight:500;color:#425d70;}
body.login input[type="checkbox"]{border-color:#9eb3b9;border-radius:4px;}
body.login input[type="checkbox"]:checked:before{filter:hue-rotate(120deg);}
body.login .button-primary{
  min-height:44px;
  padding:0 22px!important;
  border:1px solid var(--ce-login-teal)!important;
  border-radius:8px!important;
  background:var(--ce-login-teal)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:750!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
body.login .button-primary:hover,
body.login .button-primary:focus{
  border-color:var(--ce-login-teal-dark)!important;
  background:var(--ce-login-teal-dark)!important;
  box-shadow:0 0 0 3px rgba(0,153,143,.14)!important;
}
body.login .login .button.wp-hide-pw{color:var(--ce-login-teal-dark);}
body.login #login_error,
body.login .message,
body.login .success{
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid var(--ce-login-border);
  border-left:4px solid var(--ce-login-teal);
  border-radius:10px;
  background:#fff;
  color:#334f62;
  box-shadow:0 8px 24px rgba(11,49,84,.04);
}
body.login #login_error{
  border-left-color:#c94747;
  background:#fff8f7;
  color:#7f2525;
}
body.login #nav,
body.login #backtoblog{
  margin:16px 4px 0;
  padding:0;
  text-align:center;
}
body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a{
  color:#46657a!important;
  font-size:13px;
  text-decoration:none;
}
body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a:hover{color:var(--ce-login-teal-dark)!important;}
body.login .privacy-policy-page-link{margin:18px 0 0;}
body.login .language-switcher{margin-top:18px;}
body.login .language-switcher select{
  min-height:38px;
  border-color:var(--ce-login-border);
  border-radius:7px;
}
body.login .language-switcher .button{
  min-height:38px;
  border-color:var(--ce-login-teal);
  border-radius:7px;
  color:var(--ce-login-teal-dark);
  background:#fff;
}
body.login .dashicons{color:inherit;}
@media(max-width:520px){
  body.login{align-items:flex-start;padding:28px 14px 34px;}
  body.login:before{display:none;}
  body.login #login h1 a,body.login #login .wp-login-logo a{height:78px;width:270px;}
  body.login #loginform,body.login #lostpasswordform,body.login #resetpassform,body.login #registerform{padding:24px 20px;border-radius:14px;}
  body.login .forgetmenot{float:none;margin-bottom:14px;}
  body.login .submit{float:none;}
  body.login .button-primary{width:100%;}
}
