{% if FEATURE_NEW_SITETREE %}
<nav class="breadcrumbs f5" aria-label="Breadcrumb">
  {% for breadcrumb in breadcrumbs %}
    {% if breadcrumb.href == '' %}
     <span title="{{ breadcrumb.documentType }}: {{ breadcrumb.title }}">{{ breadcrumb.title }}</span>
    {% else %}
      <a title="{{ breadcrumb.documentType }}: {{ breadcrumb.title }}" href="{{ breadcrumb.href }}" class="d-inline-block {% if breadcrumb.href == currentPath %}text-gray-light{% endif %}">
        {{ breadcrumb.title }}
      </a>
    {% endif %}
  {% endfor %}
</nav>
{% else %}
<nav class="breadcrumbs f5" aria-label="Breadcrumb">
  {% for breadcrumb in breadcrumbs %}
    {% if breadcrumb[1].href == '' %}
      <span>{{ breadcrumb[1].title }}</span>
    {% else %}
      <a title="{{ breadcrumb[0] }}: {{ breadcrumb[1].title }}" href="{{ breadcrumb[1].href }}" class="d-inline-block {% if breadcrumb[1].href == currentPath %}color-text-tertiary{% endif %}">
        {{ breadcrumb[1].title }}
      </a>
    {% endif %}
  {% endfor %}
</nav>
{% endif %}