//
// Breadcrumbs
// --------------------------------------------------


.breadcrumb {
  font-size: 0.9em;
  color: #777;
  padding: 8px 15px;
  margin-bottom: 30px; //$line-height-computed
  margin-top: 10px;
  list-style: none;
  background-color: transparent;
  border-bottom: 1px solid lighten(#777, 35%);
  opacity: 0.75;
  font-weight: bold;

  &:hover { opacity: 1; }

  > li {
    display: inline-block;
    + li:before {
      content: "/\00a0"; // Unicode space added since inline-block means non-collapsing white-space
      padding: 0 5px;
      color: #8a8a8a;
    }
    a {
      color: #8a8a8a;
    }
  }

  .breadcrumb-icon {
    margin: 3px 6px 0 0;
  }
  > .active {
    color: #4493cc;
  }
}