/* Larger brand lockup and readable desktop navigation. */
.site-header { border-bottom: 1px solid #e6ebf0; background: #ffffff; }
.site-header .navbar { min-height: 98px; padding-top: 12px; padding-bottom: 12px; }
.site-header .navbar-brand { width: auto; flex-shrink: 0; display: flex; align-items: center; gap: 13px; margin-right: 28px; }
.site-header .navbar-brand img { width: 70px; height: 70px; max-height: none; object-fit: contain; }
.site-header .navbar-brand strong { display: block; font-size: 26px; font-weight: 700; letter-spacing: -.5px; line-height: 1.1; }
.site-header .navbar-brand small { font-family: var(--brand-font); font-size: 9px; font-weight: 650; letter-spacing: .5px; margin-top: 7px; color: #526477; }
.site-header .navbar-nav { gap: 2px; }
.site-header .nav-link { position: relative; font-family: var(--brand-font); font-size: 15px; font-weight: 700; line-height: 1.4; white-space: nowrap; padding: 15px 11px!important; transition: color .2s; }
.site-header .navbar-nav .btn { font-size: 14px; padding: 15px 22px; white-space: nowrap; }
@media (min-width: 1200px) {
  .site-header .navbar { max-width: var(--page-container-width); padding-left: var(--page-container-gutter); padding-right: var(--page-container-gutter); }
  .site-header .nav-link::after { content: ''; position: absolute; left: 11px; right: 11px; bottom: 5px; height: 2px; border-radius: 2px; background: var(--red); transform: scaleX(0); transform-origin: left; transition: transform .2s; }
  .site-header .nav-link:hover::after,.site-header .nav-link.active::after { transform: scaleX(1); }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .site-header .navbar-brand { gap: 10px; margin-right: 16px; }
  .site-header .navbar-brand img { width: 60px; height: 60px; }
  .site-header .navbar-brand strong { font-size: 23px; }
  .site-header .navbar-brand small { font-size: 8px; }
  .site-header .nav-link { font-size: 13px; padding: 15px 8px!important; }
  .site-header .navbar-nav .btn { padding: 14px 17px; font-size: 13px; }
}
@media (max-width: 1199.98px) {
  .site-header #mainNav .nav-link { font-size: 15px; }
  .site-header .navbar-brand { margin-right: 15px; }
}
@media (max-width: 767px) {
  .site-header .navbar { min-height: 80px; padding-top: 10px; padding-bottom: 10px; }
  .site-header .navbar-brand { gap: 9px; margin-right: 10px; }
  .site-header .navbar-brand img { width: 54px; height: 54px; }
  .site-header .navbar-brand strong { font-size: 21px; }
  .site-header .navbar-brand small { font-size: 7px; letter-spacing: .2px; margin-top: 5px; }
}
@media (max-width: 399px) {
  .site-header .navbar-brand { gap: 7px; }
  .site-header .navbar-brand img { width: 45px; height: 45px; }
  .site-header .navbar-brand strong { font-size: 18px; }
  .site-header .navbar-brand small { font-size: 6px; }
}