.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
  color: var(--color-blue-dark)
}

.block-system-breadcrumb-block nav>.breadcrumb {
  background-color: var(--color-blue-dark);
  display: -webkit-box;
  display: flex;
  font-style: normal
}

.block-system-breadcrumb-block nav>.breadcrumb>.breadcrumb-item {
  color: var(--white);
  display: -webkit-inline-box;
  display: inline-flex;
  margin: auto 0
}

.block-system-breadcrumb-block nav>.breadcrumb>.breadcrumb-item:first-child::before {
  display: none
}

.block-system-breadcrumb-block nav>.breadcrumb>.breadcrumb-item.active {
  color: var(--white);
  display: -webkit-inline-box;
  display: inline-flex
}

.block-system-breadcrumb-block nav>.breadcrumb>.breadcrumb-item::before {
  display: -webkit-inline-box;
  display: inline-flex;
  content: '|';
  color: var(--white)
}

.block-system-breadcrumb-block nav>.breadcrumb>.breadcrumb-item>a {
  color: var(--white);
  display: block;
  margin: auto 0;
  text-decoration: underline
}

.block-system-breadcrumb-block nav>.breadcrumb>.breadcrumb-item>a:hover {
  text-decoration: none !important
}