@charset "UTF-8";
/* 
* =============================================
* Breadcrumb  
* =============================================
*/
.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  padding: 0 0;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.breadcrumb * {
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.breadcrumb *:hover {
  color: #485fc7;
}
.breadcrumb.slash {
  color: red;
}
.breadcrumb.slash .item + .item::before {
  content: "/";
}
.breadcrumb.backslash {
  color: red;
}
.breadcrumb.backslash .item + .item::before {
  content: "\\";
}
.breadcrumb.hyphen {
  color: red;
}
.breadcrumb.hyphen .item + .item::before {
  content: "-";
}
.breadcrumb.greater {
  color: red;
}
.breadcrumb.greater .item + .item::before {
  content: ">";
}
.breadcrumb.parallel {
  color: red;
}
.breadcrumb.parallel .item + .item::before {
  content: "‖";
}
.breadcrumb.arrow {
  color: red;
}
.breadcrumb.arrow .item + .item::before {
  content: "→";
}
.breadcrumb.pipe {
  color: red;
}
.breadcrumb.pipe .item + .item::before {
  content: "|";
}
.breadcrumb .item + .item {
  padding-left: 0.5rem;
}
.breadcrumb .item + .item::before {
  float: left;
  padding-right: 0.5rem;
  content: "/";
  color: rgba(0, 0, 0, 0.45);
}
.breadcrumb .item.active {
  color: #666;
}

/*# sourceMappingURL=breadcrumb.css.map */