/**
 * @file
 * Styles for breadcrumbs.
 */

[dir="rtl"] .breadcrumb ol {
  /* This is required to win over specificity of [dir="rtl"] ol */
  margin-right: 0;
}
.breadcrumb li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: white;
  font-weight: 500;
  font-size: var(--font-size-m);
}

.breadcrumb li a {
  text-decoration: none;
  color: white;
}

.breadcrumb li a:hover {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.1em;
  text-decoration-skip-ink: none;
  text-decoration-color: white;
}

.breadcrumb li:after {
  content: "/";
  font-weight: 500;
  color: white;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.n3t-page-layout--no-hero-container .breadcrumb li {
  color: var(--dark-grey);
}

.n3t-page-layout--no-hero-container .breadcrumb li a {
  color: var(--dark-grey);
}

.n3t-page-layout--no-hero-container .breadcrumb li a:hover {
  text-decoration-color: var(--primary-color-o-05);
}

.n3t-page-layout--no-hero-container .breadcrumb li:after {
  color: var(--primary-color);
}