/* TMC & RCH - light menu hover + light "Get Report" button.
   Uses the colours of the theme picked in Admin > Theme (--brand / --brand-d / --brand-rgb),
   so every theme gets its own very light hover colour. Loaded after site.min.css and site-themes.css. */
:root{--brand-rgb:38,90,129}
html{
  --nav-hover-1:color-mix(in srgb,var(--brand) 5%,#fff);
  --nav-hover-2:color-mix(in srgb,var(--brand) 13%,#fff);
  --nav-hover-ink:var(--brand);
  --nav-report-1:color-mix(in srgb,var(--brand) 55%,#fff);
  --nav-report-2:color-mix(in srgb,var(--brand) 80%,#fff);
}

/* top menu items: very light theme colour on hover / open / active */
.sx-menu>li>a:not(.sx-btn):hover,.sx-menu>li.open>a:not(.sx-btn),.sx-menu>li>a.active:not(.sx-btn),
html[data-accent] .sx-menu>li>a:not(.sx-btn):hover,html[data-accent] .sx-menu>li.open>a:not(.sx-btn),html[data-accent] .sx-menu>li>a.active:not(.sx-btn){
  background-color:var(--nav-hover-1);
  background-image:linear-gradient(180deg,var(--nav-hover-1) 0%,var(--nav-hover-2) 100%);
  color:var(--nav-hover-ink);
  box-shadow:inset 0 -2px 0 rgba(var(--brand-rgb),.35);
}
.sx-menu>li>a:not(.sx-btn):hover i,.sx-menu>li.open>a:not(.sx-btn) i,.sx-menu>li>a.active:not(.sx-btn) i{color:var(--nav-hover-ink)}

/* dropdown / sub-menu / departments items */
.sx-drop a:hover,.sx-sub a:hover,.sx-drop a.active,.sx-sub a.active,
html[data-accent] .sx-drop a:hover,html[data-accent] .sx-sub a:hover,html[data-accent] .sx-drop a.active,html[data-accent] .sx-sub a.active{
  background-color:var(--nav-hover-2);
  background-image:linear-gradient(180deg,var(--nav-hover-1),var(--nav-hover-2));
  color:var(--nav-hover-ink);
}
.sx-drop a:hover i,.sx-sub a:hover i,.sx-drop a.active i,.sx-sub a.active i{color:var(--nav-hover-ink)}

/* "Get Report" button: white text on a light version of the theme colour */
.sx-menu .sx-btn-brand,html[data-accent] .sx-menu .sx-btn-brand{
  background:linear-gradient(180deg,var(--nav-report-1) 0%,var(--nav-report-2) 100%);
  border-color:var(--nav-report-2);
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 20px -12px rgba(var(--brand-rgb),.8);
}
.sx-menu .sx-btn-brand i{color:#fff!important}
.sx-menu .sx-btn-brand:hover,html[data-accent] .sx-menu .sx-btn-brand:hover{
  background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 65%,#fff) 0%,color-mix(in srgb,var(--brand) 90%,#fff) 100%);
  color:#fff!important;
}
/* mobile menu "Get Report" row */
.sx-mob.sx-mob-blue,html[data-accent] .sx-mob.sx-mob-blue{background:linear-gradient(180deg,var(--nav-report-1),var(--nav-report-2))!important;border-color:var(--nav-report-2)!important}
.sx-mob.sx-mob-blue>a{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.28)}