:root{
    --cda-blue:#3040b0;
    --cda-blue-dark:#20349d;
    --cda-text:#20294a;
    --cda-muted:#667085;
    --cda-border:#dfe3ef;
    --cda-bg:#f6f8fb;
}

/* Native WordPress login. */
body.login{
    background:var(--cda-bg);
    color:var(--cda-text);
    font-family:Arial,Helvetica,sans-serif;
}
body.login #login{
    width:min(420px,calc(100% - 32px));
    padding:7vh 0 40px;
}
body.login #login h1 a{
    width:auto;
    height:auto;
    margin:0 auto 18px;
    padding:0;
    background:none!important;
    color:var(--cda-blue)!important;
    font-size:0;
    line-height:1;
    text-indent:0;
    text-decoration:none;
}
body.login #login h1 a:after{
    content:"claritydojo";
    display:block;
    font-size:28px;
    font-weight:800;
    letter-spacing:-.035em;
}
body.login #loginform,
body.login #lostpasswordform,
body.login #registerform{
    margin-top:0;
    padding:26px;
    border:1px solid var(--cda-border);
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 30px rgba(23,32,59,.08);
}
body.login label{
    color:#34405d;
    font-size:14px;
    font-weight:700;
}
body.login input[type=text],
body.login input[type=password],
body.login input[type=email]{
    min-height:46px;
    border:1px solid #cfd5e4;
    border-radius:9px;
    background:#fff;
    box-shadow:none;
    color:var(--cda-text);
    font-size:16px;
}
body.login input:focus{
    border-color:var(--cda-blue);
    box-shadow:0 0 0 3px rgba(48,64,176,.12);
}
body.login .button-primary{
    min-height:44px;
    padding:0 18px;
    border-color:var(--cda-blue)!important;
    border-radius:8px;
    background:var(--cda-blue)!important;
    box-shadow:none!important;
    font-weight:700;
}
body.login .button-primary:hover,
body.login .button-primary:focus{
    border-color:var(--cda-blue-dark)!important;
    background:var(--cda-blue-dark)!important;
}
body.login #nav,
body.login #backtoblog,
body.login .privacy-policy-page-link{
    text-align:center;
}
body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a{
    color:var(--cda-blue)!important;
    font-weight:650;
}
body.login .message,
body.login .notice{
    border-left-color:var(--cda-blue);
    border-radius:8px;
}
body.login .language-switcher{display:none}

/* LifterLMS/front-end lost password surface. */
body.cdse-auth-page #content-wrap,
body.cdse-auth-page #primary,
body.cdse-auth-page .content-area,
body.cdse-auth-page .site-main{
    box-sizing:border-box;
}
body.cdse-auth-page .site-main,
body.cdse-auth-page #content{
    min-height:60vh;
}
body.cdse-auth-page .llms-form-heading,
body.cdse-auth-page h1.entry-title{
    color:var(--cda-text);
}
body.cdse-auth-page form.llms-form,
body.cdse-auth-page .llms-form{
    width:min(100%,560px);
    margin:24px auto 50px;
    padding:26px;
    border:1px solid var(--cda-border);
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 30px rgba(23,32,59,.07);
}
body.cdse-auth-page .llms-form-field label{
    color:#34405d;
    font-weight:700;
}
body.cdse-auth-page .llms-form-field input{
    min-height:46px;
    border:1px solid #cfd5e4;
    border-radius:9px;
    background:#fff;
    box-shadow:none;
    color:var(--cda-text);
    font-size:16px;
}
body.cdse-auth-page .llms-form-field input:focus{
    border-color:var(--cda-blue);
    box-shadow:0 0 0 3px rgba(48,64,176,.12);
    outline:none;
}
body.cdse-auth-page button,
body.cdse-auth-page input[type=submit]{
    min-height:44px;
    border-radius:8px;
}
@media(max-width:600px){
    body.login #login{padding-top:32px}
    body.login #loginform,
    body.login #lostpasswordform,
    body.login #registerform{padding:20px}
    body.cdse-auth-page form.llms-form,
    body.cdse-auth-page .llms-form{padding:20px}
}