.breadcrumbs {
  margin-bottom: 10px;
}

.breadcrumb ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-family: sans-serif;
}

.breadcrumb li {
  background: #4f7c75;
    color: white;
    padding: 5px 20px;
    position: relative;
    margin-right: -10px;
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%, 15px 50%);
}

.breadcrumb li a {
  color: white;
  text-decoration: none;
}

.breadcrumb li.active {
  background: #2e9b88;
  font-weight: bold;
}

.breadcrumb li:last-child {
  margin-right: 0;
}


@media (min-width: 992px) {
  .post-preview > a > .post-title {
    font-size: 1.75rem;
  }

  h3, .h3 {
    font-size: 1.2rem;
  }
}