/* white page, flat */
body.am-logged-out,
body.am-logged-out .am-layout,
body.am-logged-out .am-body,
body.am-logged-out .am-body-content-wrapper.am-main,
body.am-logged-out .am-body-content {
background:#ffffff !important;
}

/* dark teal top bar, logo on the left */
body.am-logged-out .am-header {
background:#14515d !important;
border-bottom:none !important;
box-shadow:none !important;
}
body.am-logged-out .am-header a,
body.am-logged-out .am-header * { color:#ffffff !important; }

/* form column */
body.am-logged-out .am-login-form-wrapper {
max-width:560px !important;
margin:40px auto 0 !important;
padding:0 !important;
}

/* remove the grey card */
body.am-logged-out .am-form-wrapper.am-auth-form.am-login-form {
background:transparent !important;
border:none !important;
box-shadow:none !important;
border-radius:0 !important;
padding:0 !important;
max-width:none !important;
}
body.am-logged-out .am-login-form fieldset {
border:none !important;
margin:0 !important;
padding:0 !important;
}

/* heading: blue "Login" + grey note, with a divider under it */
body.am-logged-out .am-login-form fieldset legend {
font-size:0 !important;
background:transparent !important;
display:block !important;
width:100% !important;
box-sizing:border-box !important;
padding:0 0 14px !important;
margin:0 0 24px !important;
border-bottom:1px solid #e6e8ec !important;
}
body.am-logged-out .am-login-form fieldset legend::before {
content:"Login";
font-size:26px !important;
font-weight:600 !important;
color:#2f7ac4 !important;
}
/* --- OPTIONAL: delete the next block if you don't want this small grey note --- */
body.am-logged-out .am-login-form fieldset legend::after {
content:"This page is restricted";
font-size:15px !important;
font-weight:400 !important;
color:#8a9099 !important;
margin-left:14px;
}
/* ---------------------------------------------------------------------------- */

/* labels stacked ABOVE the fields, bold and dark */
body.am-logged-out .am-login-form .am-row {
display:block !important;
width:auto !important;
float:none !important;
}
body.am-logged-out .am-login-form .am-row > .am-element-title {
display:block !important;
width:auto !important;
float:none !important;
text-align:left !important;
padding:0 !important;
margin:0 0 7px !important;
}
body.am-logged-out .am-login-form .am-row > .am-element-title label {
color:#2b2f36 !important;
font-weight:700 !important;
font-size:14px !important;
}
body.am-logged-out .am-login-form .am-row > .am-element {
display:block !important;
width:auto !important;
float:none !important;
position:relative !important;
padding:0 !important;
margin:0 0 18px !important;
}

/* full-width white inputs, thin grey border */
body.am-logged-out .am-login-form input[type=text],
body.am-logged-out .am-login-form input[type=email],
body.am-logged-out .am-login-form input[type=password] {
display:block !important;
width:100% !important;
box-sizing:border-box !important;
height:auto !important;
background:#ffffff !important;
border:1px solid #d3d7dd !important;
border-radius:6px !important;
color:#2b2f36 !important;
font-size:15px !important;
padding:13px 44px 13px 14px !important;
box-shadow:none !important;
}
body.am-logged-out .am-login-form input[type=text]:focus,
body.am-logged-out .am-login-form input[type=password]:focus {
border-color:#2f7ac4 !important;
box-shadow:0 0 0 3px rgba(47,122,196,.15) !important;
outline:none !important;
}

/* the remember line */
body.am-logged-out .am-login-form #am-form-login-remember {
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
width:auto !important;
font-size:0 !important;
margin:2px 0 20px !important;
}
body.am-logged-out .am-login-form #am-form-login-remember::after {
content:"Remember Me";
font-size:14px !important;
font-weight:500 !important;
color:#2b2f36 !important;
}
body.am-logged-out .am-login-form #am-form-login-remember input[type=checkbox] {
width:16px !important;
height:16px !important;
accent-color:#2f7ac4 !important;
margin:0 !important;
}

/* the two buttons, side by side */
body.am-logged-out .am-login-form .am-row-buttons .am-element {
display:flex !important;
align-items:center !important;
gap:12px !important;
margin:0 !important;
}
body.am-logged-out .am-form-wrapper.am-login-form input[type=submit] {
display:inline-block !important;
width:auto !important;
flex:0 0 auto !important;
background:#2f7ac4 !important;
color:#ffffff !important;
border:1px solid #2f7ac4 !important;
border-radius:6px !important;
padding:13px 30px !important;
font-size:15px !important;
font-weight:700 !important;
cursor:pointer !important;
}
body.am-logged-out .am-form-wrapper.am-login-form input[type=submit]:hover {
background:#2769a8 !important;
border-color:#2769a8 !important;
}
body.am-logged-out .am-login-form .am-form-login-switch-wrapper { display:inline-block !important; }
body.am-logged-out .am-login-form button.am-form-login-switch {
display:inline-block !important;
background:#ffffff !important;
color:#2b2f36 !important;
border:1px solid #d3d7dd !important;
border-radius:6px !important;
padding:13px 22px !important;
font-size:15px !important;
font-weight:600 !important;
cursor:pointer !important;
}
body.am-logged-out .am-login-form button.am-form-login-switch:hover {
border-color:#2f7ac4 !important;
color:#2f7ac4 !important;
}

/* hide the "Invite A Friend / Signup here" block */
body.am-logged-out .am-signup-link { display:block !important; }