<nav class="np-sub-navigation">
  <div class="np-sub-navigation-content">
    {% for link in navigations.sub_navigation %}
			{% unless link.label == "Dashboard" %}
			{% if link.label == "Catalog" %}
        <div class="np-sub-navigation-content-item {{ link.active_class }}">
          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
            Course Catalog
          </a>
          <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
				</div>
	  {% elsif link.label == 'Learning Paths' %}
        <div class="np-sub-navigation-content-item {{ link.active_class }}" style="display: none">
          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
          </a>
        </div>
			{% else %}
        <div class="np-sub-navigation-content-item {{ link.active_class }}">
          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
            {{ link.label }}
          </a>
          <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
        </div>
			{% endif %}
		{% endunless %}
    {% endfor %}
  </div>
</nav>

<style>
  .np-sub-navigation {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 12px;
  }

  .np-sub-navigation-content-item-link {
    height: auto;
  }

  .np-sub-navigation-content-item-link.active {
    font-weight: 500;
  }
</style>
