/*
 * The breadcrumb bar under the site header (templates/page-header.php), in place of
 * Antek's page header. Measured off moerverhuur.nl's .breadcrumbs-header, which the old
 * AMS Connect plugin drew: light grey, a 59px row, 15px grey links, the current page in
 * navy.
 *
 * Plain values, not the plugin's --color-breadcrumb tokens (theme.css): those only exist
 * inside the plugin's bundle, which isn't loaded on these pages. They are the same two
 * colours. The chevron is Antek's own submenu icon (theme-icons), not Font Awesome as on
 * live, which this site doesn't load.
 */
.mv-page-header {
  background-color: #fafafa;
  border-bottom: 1px solid #f5f5f5;
}

.mv-page-header__trail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  min-height: 59px;
  font-size: 15px;
  line-height: 1.44;
  color: #7c7c7c;
}

.mv-page-header__link {
  color: inherit;
  text-decoration: none;
}

.mv-page-header__link:hover {
  color: #1f376c;
}

.mv-page-header__sep::before {
  content: var(--icon-submenu);
  font-family: "theme-icons";
  font-size: 9px;
  line-height: 1;
  color: #d6d6d6;
}

.mv-page-header__current {
  color: #1f376c;
}

/* The page's h1, for search engines and screen readers only. */
.mv-page-header__title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}