{%- 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 -%}