/* Centered header navigation */
:root {
  --utr-nav-logo-clearance: 5ch;
}

.header.header--centered-nav {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) auto minmax(160px, 1fr);
  align-items: center;
}
.header.header--centered-nav .header__logo {
  flex-basis: auto;
  grid-column: 1;
  justify-self: start;
}
.header.header--centered-nav .header-right {
  grid-column: 2;
  flex-grow: 0;
  justify-content: center;
  width: auto;
}
.header.header--centered-nav .header__navigation {
  position: static;
  left: auto;
  transform: translateX(var(--utr-nav-logo-clearance));
  width: max-content;
}
.header.header--centered-nav .navigation-menu {
  width: max-content;
}
.header.header--centered-nav .navigation-menu > ul {
  justify-content: center;
  flex-wrap: nowrap;
  width: max-content;
}
.header.header--centered-nav .navigation-menu > ul > li {
  flex-shrink: 0;
}
.header.header--centered-nav .navigation-menu > ul > li > a,
.header.header--centered-nav .navigation-menu > ul > li > a > span {
  white-space: nowrap;
}
/* Default header pages use a light background — override menu-style-four white text */
.header-area--default .menu-style-four .navigation-menu > ul > li > a {
  color: #333;
}
.header-area--default .menu-style-four .navigation-menu > ul > li > a:before {
  background-color: #086AD8;
}
.header-area--default .menu-style-four .navigation-menu > ul > li:hover > a:after,
.header-area--default .menu-style-four .navigation-menu > ul > li.active > a:after {
  color: #086AD8;
}
.header-area--default .menu-style-four .navigation-menu > ul > li:hover > a > span,
.header-area--default .menu-style-four .navigation-menu > ul > li.active > a > span {
  color: #086AD8;
}

/* Show dark logo on light header pages */
.header-area--default .header__logo .dark-logo {
  display: inherit;
}
.header-area--default .header__logo .light-logo {
  display: none;
}