/* Branded WordPress sign-in, registration, and password recovery screens. */
body.login{min-height:100vh;background:linear-gradient(0deg,rgba(5,22,40,.78),transparent 53%),linear-gradient(90deg,rgba(8,30,54,.08),rgba(8,30,54,.52)),url('../images/john-eagleton-v3.png') 20% center/cover no-repeat #0b2541;color:#112b4c;font-family:'DM Sans',Arial,sans-serif}
.login .eagleton-login-side{position:fixed;left:5vw;bottom:7vh;z-index:0;width:min(50vw,650px);color:#fff;pointer-events:none}
.login .eagleton-login-side span{display:block;color:#ffb0b7;font-family:'Barlow Condensed',Impact,sans-serif;font-size:19px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px}
.login .eagleton-login-side strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(42px,4.3vw,62px);font-weight:800;line-height:.94;text-transform:uppercase}
.login #login{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:min(100%,520px);min-height:100vh;margin:0 0 0 auto;padding:48px clamp(30px,4vw,62px);background:#fff;box-shadow:-16px 0 50px #07192d2e}
.login #login h1.wp-login-logo{display:none}
.login .eagleton-login-brand{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;margin-bottom:27px;color:#112b4c;text-decoration:none}
.login .eagleton-login-brand:focus-visible{outline:3px solid #a5bed3;outline-offset:5px}
.login .eagleton-login-brand .brand-star{width:52px;height:52px;flex:none}
.login .eagleton-login-brand .brand-star img{display:block;width:100%;height:100%}
.login .eagleton-login-brand .brand-words{display:flex;flex-direction:column;align-items:flex-start}
.login .eagleton-login-brand .brand-name{font-family:'Barlow Condensed',Impact,sans-serif;font-size:33px;font-weight:800;line-height:1;letter-spacing:.015em;white-space:nowrap}
.login .eagleton-login-brand .brand-office{display:flex;align-items:center;gap:8px;margin-top:5px;color:#b72c39;font-family:'Barlow Condensed',Impact,sans-serif;font-size:14px;font-weight:800;letter-spacing:.23em}
.login .eagleton-login-brand .brand-office::before{content:'';display:block;width:37px;height:3px;background:#b72c39}
.login #login form{box-sizing:border-box;margin:0;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}
.login #login form>p:first-child label,.login #login form .user-pass-wrap>label{font-size:14px;font-weight:700;color:#112b4c}
.login #login form .input,.login #login form input[type=text],.login #login form input[type=email],.login #login form input[type=password]{box-sizing:border-box;min-height:49px;margin:8px 0 17px;padding:10px 13px;border:1px solid #a9b9c7;border-radius:3px;background:#fff;color:#112b4c;font-family:'DM Sans',Arial,sans-serif;font-size:16px;box-shadow:none}
.login #login form .input:focus,.login #login form input:focus{border-color:#426888;box-shadow:0 0 0 2px #d4e2ec;outline:0}
.login #login .wp-pwd{position:relative}
.login #login .wp-pwd input{padding-right:50px}
.login #login .wp-pwd .wp-hide-pw{top:9px;right:3px;color:#536174}
.login #login .forgetmenot{float:none;margin:3px 0 21px;font-size:14px}
.login #login .forgetmenot label{font-size:14px}
.login #login .forgetmenot input{accent-color:#b72c39}
.login #login form p.submit{float:none;clear:both;margin:17px 0 0}
.login #login .button-primary,.login #login .form-submit .button{display:block;width:100%;min-height:51px;background:#b72c39;border:1px solid #b72c39;border-radius:3px;color:#fff;font-family:'Barlow Condensed',Impact,sans-serif;font-size:20px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;text-shadow:none;box-shadow:none;cursor:pointer}
.login #login .button-primary:hover,.login #login .form-submit .button:hover{background:#92212e;border-color:#92212e}
.login #login .button-primary:focus-visible{outline:3px solid #a5bed3;outline-offset:2px}
.login #login #nav,.login #login #backtoblog{padding:0;margin:22px 0 0;font-size:14px}
.login #login #backtoblog{margin-top:11px}
.login #login #nav a,.login #login #backtoblog a,.login #login .privacy-policy-page-link a{color:#405b75}
.login #login #nav a:hover,.login #login #backtoblog a:hover,.login #login .privacy-policy-page-link a:hover{color:#b72c39}
.login #login .message,.login #login .success,.login #login #login_error{margin:0 0 22px;padding:14px 16px;border-left:4px solid #b72c39;background:#f6f8fa;box-shadow:none;color:#112b4c}
.login #login #login_error{border-left-color:#b72c39}
.login #login .privacy-policy-page-link{margin-top:20px}
.login .language-switcher{position:fixed;z-index:2;left:4vw;top:3vh;margin:0;padding:0;background:#fff;border-radius:3px}
.login .language-switcher form{padding:5px}
@media(max-width:850px){.login .eagleton-login-side{display:none}.login #login{margin:0 auto;width:min(100%,520px)}}
@media(max-width:560px){body.login{background-position:0 0,0 0,20% top;background-size:auto,auto,auto 450px;background-repeat:no-repeat;background-color:#0b2541}.login #login{width:100%;min-height:calc(100vh - 190px);margin:190px 0 0;padding:36px 25px 48px;justify-content:flex-start;border-radius:16px 16px 0 0;box-shadow:0 -12px 34px #07192d30}.login .eagleton-login-brand{margin-bottom:24px}.login .eagleton-login-brand .brand-star{width:42px;height:42px}.login .eagleton-login-brand .brand-name{font-size:27px}.login .eagleton-login-brand .brand-office{font-size:11px;gap:6px}.login .eagleton-login-brand .brand-office::before{width:27px;height:2px}.login .language-switcher{position:static;margin:0 auto;padding:15px 0;background:#fff;text-align:center}}

body.login{background-position:0 0,0 0,41% center}
@media(max-width:560px){body.login{background-position:0 0,0 0,37% top}}
@media(max-width:560px){body.login{background-size:auto,auto,auto 550px}.login #login{margin-top:330px;min-height:calc(100vh - 330px)}}
