.breadcrumb {
	list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0px 16px;
  background-color: $bread-background;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  margin: 0;
}
.breadcrumb ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 8px 16px;
  background-color: $bread-background;
  margin: 0;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  color: #FFFFFF;
  margin: 0 8px;
}

.breadcrumb a.breadcrumb-link {
  text-decoration: none;
  color: #FFFFFF;
  transition: color 0.3s ease;
  font-weight: 400;
}

.breadcrumb a.breadcrumb-link:hover {
  color: $bread-text-hover;
}

.breadcrumb span.current-page {
  color: $bread-text-color;
  font-weight: 800;
}

.breadcrumb i.fas.fa-home {
  margin-right: 5px;
}