/* ============================================================
   BREADCRUMB  (mobile-first)
============================================================ */
.breadcrumb-section {
  background-color: #efece9;
  padding: 0 0 40px;
}

.breadcrumb {
  font-size: 15px;
  line-height: 24px;
  white-space: normal;
  word-break: break-word;
}

.breadcrumb__light {
  font-family: 'Lexend', sans-serif;
  font-weight: 300;
  color: #0f1b24;
}

.breadcrumb__bold {
  font-family: 'Lexend', sans-serif;
  font-weight: 400;
  color: #0f1b24;
}

/* ============================================================
   BREADCRUMB  – Desktop
============================================================ */
@media (min-width: 769px) {
  .breadcrumb-section {
    padding: 20px 0 60px;
  }

  .breadcrumb {
    white-space: nowrap;
    word-break: normal;
  }
}