.breadcrumb {
  background-color: inherit;
}

.breadcrumb > li {
  font-size: 12px;
  color: black;
}

.breadcrumb > .active {
  color: black;
}

.breadcrumb > li a {
  color: black;
}

.breadcrumb > li a:hover {
  color: black;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: black;
  /* content: "/\00a0"; */
  content: "▶";
  font-size: 8px;
}

.view-breadcrumbs-inplace {
  color: black;
  font-size: 12px;  
  padding: 8px 15px;
  margin-bottom: 20px;
}

.view-breadcrumbs-inplace a {
  color: black;
  margin-right: 25px;
  position: relative;
}

.view-breadcrumbs-inplace a:hover {
  border-bottom: 1px solid #000;
  text-decoration: none;
}

.view-breadcrumbs-inplace a:after {
  padding: 0 5px;
  color: black;
  content: "/\00a0";
  content: "▶";
  font-size: 8px;
  position: absolute;
  right: -25px;
  top: 0;
}