@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;800&display=swap');


body{background:white;overflow-x: hidden}

#login, #login *:not(i){font-family:Raleway;}
#login > h1:first-of-type > a{background-image:url('../images/Integra-Edu_Dark-Logo.svg')!important;background-size:110px;height:110px;width:110px;}
#login > h1:after{content:"Please Login Below";font-weight:700;color:#2B2F3E;}
#login > h1{padding-bottom:30px;padding-top:30px}
form#loginform, form#lostpasswordform{border:none;padding:0;overflow: visible;}
#login{width:415px;max-width: 100vw;padding:20px;box-sizing: border-box;}
form#loginform label[for=user_login], form#loginform label[for=user_pass], label[for=user_login]{display:none;}

form#loginform input::placeholder{font-weight: 400;}

#backtoblog, .button.button-secondary.wp-hide-pw{display: none!important}
#user_login, #user_pass, #wfls-token{border-color:rgb(143, 139, 136)!important;border-top:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;padding-left:0!important;padding-right:0!important;background:white;}

#user_login:focus, #user_pass:focus, #user_login:active, #user_pass:active{outline: none;box-shadow:none;}
.forgetmenot{float:left;width: 50%;position: relative;}
label, input{font-size:20px!important}
#nav{width:50%;float:right;padding:0!important;margin-top:0!important;text-align: right;font-size:20px!important;overflow: visible;    }
#nav > a{white-space: nowrap;width:100%;display: inline-block!important;margin-left:-8px;}

p.submit{float:right;width:70%;height:auto;}
#wp-submit, #wfls-token-submit{background:white;color:rgb(43,47,60);border:0;margin-top:20px;font-weight:600!important;font-family:Raleway; border-bottom: 3px solid rgb(43,47,60);padding-bottom: 3px!important;line-height: 30px!important;-webkit-transition: -webkit-all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;padding-left: 0;padding-right: 0;border-radius: 0;}


#wp-submit:hover, #wfls-token-submit:hover{color: #f77908;border-bottom-color: #f77908;}
@media (max-width: 900px){
    #wp-submit, #wfls-token-submit{ background-position-y: 13px!important; background-size:10px!important; }
}
#wp-submit:active, #wp-submit:focus, #wfls-token-submit:active, #wfls-token-submit:focus, #nav > a:focus, #nav > a:active{outline: none;box-shadow: none}

#login_error{border-left:0!important;border:1px solid rgb(204,0,0)!important; border-radius:3px;background:#ffebe8!important;font-size:20px;}
p.message{border-left:0!important;border:1px solid rgb(43,47,60)!important; border-radius:3px;background:white!important;font-size:20px;}

#login_error a{color:rgb(43,47,60);}

#nav a{color:rgb(43,47,60)!important;font-style: italic;margin-right:2px;}
p.message, #login_error a, #nav a{-webkit-transition: -webkit-all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;}
p.message:hover, #login_error a:hover, #nav a:hover{color:#f77908!important}


input[name=rememberme]:checked + label::before{
        background:#2B2F3C;
            box-shadow: inset 0px 0px 0px 2px white;

}
input[name=rememberme]{opacity:0;}
label[for=rememberme]:before{content:"";   background-image:none;
    border: 1px solid #2B2F3C!important;
    width: 18px!important;
    height: 18px!important;
    max-width:18px!important;
    position: absolute;
    height:18px!important;
    top:6px;
    left:0px;
    border-radius:100%;min-width: unset!important;min-height: unset!important;
}


#login #nav.LeftAligned{text-align: left!important;float:left!important;display:inline!important;font-style: none;margin-top:-38px!important}
#login #nav.LeftAligned a{font-style:normal;box-shadow: none;margin-left: 0px;font-stretch: 100%;
font-style: normal; font-variant-caps: normal;} 

#wp-input{font-weight: 600!important;}
#login{position: relative;}

input[name=rememberme]{margin-right:7px;}

#wfls-prompt-overlay{background:white;min-height:100%;padding-bottom:50%;padding-left:15px;padding-right:15px;}



#wfls-prompt-overlay:after{content:"";background:white;position:absolute;width:100px;height:100%;left:100%;top:0%;}





p.message:hover{color: rgb(43, 47, 60)!important}












@media (max-width:900px){

    #wp-submit, #wfls-token-submit{padding-bottom: 0px!important;min-height: unset!important;}
label, input{font-size:18px!important}
#nav{font-size:18px!important;}
#login_error, p.message{font-size:18px;}
label[for=rememberme]:before{content:"";   background-image:none;
    border: 1px solid #2B2F3C!important;
    width: 14px!important;
    height: 14px!important;
    max-width:14px!important;
    position: absolute;
    height:14px!important;
    top:3px;
    left:0px;
    border-radius:100%;min-width: unset!important;min-height: unset!important;
}
input[name=rememberme]{margin-right:-3px;}
}



#resetpassform{border:0;padding:0;box-shadow: none;}

#resetpassform ~ #nav.LeftAligned{margin-top:-65px!important;}
.button.wp-generate-pw, .button.wp-generate-pw:hover, .button.wp-generate-pw:active, .button.wp-generate-pw:focus{
    background:white;border:none;color:#f77908;font-size:20px;padding-left:0;padding-right:0;height:46px;outline:none!important;border:none!important;border-image-width:0;box-shadow: none;width:100%;float:right;text-align:right;}
    #resetpassform  .submit.reset-pass-submit{align-items: flex-end;display:block;}

    #resetpassform input#pass1.input.password-input.strong{border-radius:3px!important;}
    #resetpassform #wp-submit{float:right;background-position: calc(100% + 9px) 50%!important}
    @media (max-width:900px){
        .button.wp-generate-pw, .button.wp-generate-pw:hover, .button.wp-generate-pw:active, .button.wp-generate-pw:focus{font-size:18px;height:43px;}
        #resetpassform ~ #nav.LeftAligned{margin-top:-62px!important;}
/*        #login #nav.LeftAligned{margin-top: -35px!important}
*/        html{padding-bottom: 140px!important;}
    }

    .language-switcher{display: none}

    #login-message a , .message.reset-pass a{ color:rgb(43, 47, 60); border-bottom: 3px solid rgb(43, 47, 60);  text-decoration: none;font-weight: 600;padding-bottom: 6px;-webkit-transition: -webkit-all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;}
    #login-message a:hover, .message.reset-pass a:hover{color:#f77908; border-bottom-color: #f77908}


    .message.reset-pass{font-size:20px;border:1px solid #2B2F3E;border-radius:3px}



.notice.notice-info.message:not(#login-message):not(.reset-pass.message){display:none}

body.login-action-lostpassword #login > h1:after, body.login-action-checkemail #login > h1:after{content:"Password reset"}


#getMagicLink{order:3;color:#2b2f3c !important;font-size:20px;font-weight:600;border-bottom:3px solid #2b2f3c!important;line-height:32px;text-decoration:none;white-space:nowrap;position:absolute;bottom:40px;right:20px;}
#login{padding-bottom:150px;}
@media (max-width: 900px){
  #getMagicLink{font-size:18px;}
}

#getMagicLink:hover{color:#f77908!important;border-color:#f77908!important}

#wp-submit{border-bottom:none!important;background-color:#2B2F3C;color:white;font-weight: 500!important; padding: 0 15px!important; height:48px;display:flex;}

#wp-submit:hover{background-color:#f77908;color:white}