/* Match the banner palette across desktop, sticky and mobile header states. */
.professional-header,
.professional-header.is-scrolled {
  --gold: #e8a33d;
  background: #1f3a5f;
  color: #fff;
  border-bottom: 1px solid #ffffff1f;
}
.professional-header.is-scrolled { box-shadow: 0 8px 28px #10244026; }
.professional-header #professional-nav a,
.professional-header .header-cta { color: #fff; }
.professional-header #professional-nav a:hover,
.professional-header #professional-nav a[aria-current],
.professional-header .header-cta:hover { color: #e8a33d; }
.professional-header .header-cta,
.professional-header .menu-toggle { border-color: #ffffff66; }
.professional-header .header-cta span { color: #e8a33d; }
.professional-header .menu-toggle { background: #1f3a5f; color: #fff; }
.professional-header .menu-toggle > span:not(.sr-only) { background: #fff; }
.professional-header a:focus-visible,
.professional-header button:focus-visible { outline: 2px solid #e8a33d; outline-offset: 5px; }
@media (max-width: 1000px) {
  .professional-header #professional-nav { background: #1f3a5f; border-left-color: #ffffff26; }
  .professional-header #professional-nav a { border-bottom-color: #ffffff26; }
}

/* Text wordmark replaces the TRCM logo on the professional page. */
.professional-header .professional-brand.professional-wordmark { display:inline-block; width:auto; white-space:nowrap; font:700 24px/1 Arial, Helvetica, sans-serif; letter-spacing:-.6px; color:#fff; transition:opacity .25s; }
.professional-header .professional-wordmark > span { display:inline; margin:0; font:inherit; letter-spacing:inherit; color:#e8a33d; }
.professional-header .professional-wordmark:hover { opacity:.82; }
@media(max-width:600px) { .professional-header .professional-brand.professional-wordmark { width:auto; font-size:20px; } }
.professional-preloader-name { font:700 clamp(28px, 5vw, 42px)/1 Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#1f3a5f; white-space:nowrap; }
.professional-preloader-name > span { color:#e8a33d; }
/* Footer is a single copyright row; the footer's own border separates it from the page. */
.professional-footer { padding-block: 28px; }
.professional-footer-bottom { padding-top: 0; border-top: 0; }