/* Stonebridge Associated Colleges theme for the shared code sign-in page (views/ld-login/signin.html).
   Loaded after /scripts/css/client/learndirect/ld-login.css and only re-colours it: same layout, same components.
   The learndirect file is the base; this file is the brand. */

html, body { background: #F2F7F5 !important; }

.ldl.ldl-brand-sac {
  --navy: #0B3B33; --royal: #0D7D68; --mint: #43AC80; --bg: #F2F7F5; --surface-2: #E9F2EE; --border: #DCE8E3; --border-strong: #BFD5CC; --info-soft: #E6F4EF; --focus: 0 0 0 3px #ffffff, 0 0 0 6px #0D7D68;
  --pulse: rgba(67, 172, 128, .5);
  --pulse-0: rgba(67, 172, 128, 0);
  --hero: radial-gradient(60% 90% at 0% 0%, rgba(13, 125, 104, .95) 0%, rgba(13, 125, 104, 0) 60%), radial-gradient(50% 80% at 100% 10%, rgba(67, 172, 128, .75) 0%, rgba(67, 172, 128, 0) 60%), radial-gradient(45% 60% at 85% 100%, rgba(170, 230, 200, .45) 0%, rgba(170, 230, 200, 0) 65%), #0B3B33;
}
.ldl.ldl-brand-sac .ldl-headline em { background: linear-gradient(90deg, #9FE8C7, #43AC80 55%, #DDF5EA); -webkit-background-clip: text; background-clip: text; }
.ldl.ldl-brand-sac .ldl-brand::after { background: radial-gradient(closest-side, rgba(67, 172, 128, .30), rgba(0, 0, 0, 0)); }
.ldl.ldl-brand-sac .ldl-stepper i.on { background: linear-gradient(120deg, #43AC80 0%, #0D7D68 100%); }
.ldl.ldl-brand-sac .ldl-account-ini { background: linear-gradient(140deg, #0D7D68 0%, #0B3B33 60%, #062622 100%); }
.ldl.ldl-brand-sac .ldl-hp { background: linear-gradient(140deg, #0D7D68 0%, #0B3B33 60%, #062622 100%) padding-box, conic-gradient(from var(--ldl-hpa), #43AC80, #9FE8C7, #0D7D68, #43AC80) border-box; box-shadow: 0 18px 44px -14px rgba(13, 125, 104, .6); }
.ldl.ldl-brand-sac .ldl-orb { background: linear-gradient(120deg, #43AC80 0%, #0D7D68 100%); }
.ldl.ldl-brand-sac .ldl-newtag { background: linear-gradient(120deg, #43AC80, #0D7D68); color: #ffffff; }
.ldl.ldl-brand-sac .ldl-hpanel-top { background: linear-gradient(140deg, #0D7D68 0%, #0B3B33 60%, #062622 100%); }
@media (max-width: 860px) {
  .ldl.ldl-brand-sac .ldl-hp { background: linear-gradient(140deg, #0D7D68 0%, #0B3B33 60%, #062622 100%) padding-box, linear-gradient(120deg, #43AC80 0%, #0D7D68 100%) border-box; }
}