/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumb {
  font-size: 0.75em;
  line-height: normal;
  color: var(--color-primary-300);
  padding: 0;
  margin: 0;
  --breadcrumb-gap: 0.25em;
  display: flex;
  flex-wrap: wrap;
  gap: var(--breadcrumb-gap);
  row-gap: calc(var(--breadcrumb-gap) * 2);
}
.breadcrumb li {
  list-style: none;
  display: flex;
  gap: var(--breadcrumb-gap);
}
.breadcrumb li:not(:last-child)::after{
  content: '\e9bc';
  font-family: 'feather-icons';
  vertical-align: middle;
}

.breadcrumb a:not(:hover) {
  text-decoration: none;
  color: var(--color-fg);
}

.breadcrumb strong,
.breadcrumb a.active {
  font-weight: normal;
  color: var(--color-primary-300);
}