#cfw-breadcrumb {
  list-style-type: none;
  margin: 0 0 1.5em 0;
  padding: 0;
  display: flex;

  li {
    display: flex;
    flex-direction: row;
    align-items: center;

    & > a {
      font-size: 0.75em;
      text-decoration: none;
      color: #333;
      font-weight: 500;
    }

    &:not(.active) > a {
      color: rgba(0,0,0,0.5);
    }

    &:not(:last-child):after {
      content: " ";
      width: 12px;
      height: 12px;
      background: url(../../images/arrow-right.svg) no-repeat 50% 50%;
      background-size: 12px 12px;
      padding-left: 25px;
    }
  }

  @include media-breakpoint-down(md) {
    justify-content: center;
  }
}