/**
 * Unified breadcrumbs.
 * Yoast controls the hierarchy; the theme controls only presentation.
 */
.ehs-breadcrumbs {
  margin-bottom: 20px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.4;
  color: #6f7783;
}

.ehs-breadcrumbs__scroll {
  overflow-x: auto;
  margin-bottom: -30px;
  padding-bottom: 30px;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.ehs-breadcrumbs a,
.ehs-breadcrumbs .breadcrumb_last {
  color: inherit;
}

.ehs-breadcrumbs a {
  text-decoration: none;
  transition: color 200ms ease;
}

.ehs-breadcrumbs a:hover,
.ehs-breadcrumbs a:focus-visible {
  color: #1f355f;
}

.ehs-breadcrumbs .breadcrumb_last {
  font-weight: 600;
}

.ehs-breadcrumbs__separator {
  display: inline-block;
  margin: 0 7px;
  color: inherit;
}

.ehs-breadcrumbs--inverse {
  color: #d7d9dd;
}

.ehs-breadcrumbs--inverse a:hover,
.ehs-breadcrumbs--inverse a:focus-visible {
  color: #fff;
}

@media (max-width: 767px) {
  .ehs-breadcrumbs {
    font-size: 13px;
  }
}