.breadcrumbs {
  display: flex !important;
  align-items: center;
  list-style-type: none;
  margin: 3.2rem auto;
  max-width: 120rem;
  width: calc(100% - 4rem);
}

.breadcrumbs li {
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 2px;
}

.breadcrumbs li:before {
  content: "chevron_right";
  font-family: "Material Icons";
  font-size: .6em;
  margin-right: 8px;
}

.breadcrumbs li:first-of-type:before {
  content: "";
}

.breadcrumbs li * {
  text-decoration: none;
  font-family: var(--font-alegreya-sans-sc);
  font-size: 1.7rem;
  line-height: 1.411764rem;
  font-weight: 500;
  color: var(--color-featured);
  letter-spacing: 0.01em;
  text-transform: lowercase;
  margin-right: 8px;
  display: ruby;
}

.breadcrumbs li:last-child * {
  color: var(--color-primary);
  margin-bottom: 0;
}

.breadcrumbs li:first-of-type a:before {
  content: 'home';
  font-family: "Material Icons";
  margin-right: 0;
}

.breadcrumbs li a:hover {
  text-decoration: underline !important;
}

.breadcrumbs li a:focus {
  text-decoration: none !important;
}

@media screen and (max-width: 700px) {
  .breadcrumbs {
    margin-bottom: 2.4rem;
  }

  .breadcrumbs li {
    display: none;
  }

  .breadcrumbs li:nth-last-of-type(2) {
    display: flex;
    color: var(--color-featured);
  }

  .breadcrumbs li:nth-last-of-type(2):before {
    content: 'chevron_left';
  }
}

body.template-cover ul.breadcrumbs {
  display: none !important;
}