<nav class="c-primary-nav c-priority-nav priority-nav" role="navigation">
  <ul class="c-primary-nav__list c-priority-nav__list">
    {% for item in site.navigation_items %}
      <li class="c-primary-nav__list-item{% if item.children? %} has-subnav{% endif %}{% if item.self_or_child_active? %} this-is-active{% endif %}">
        <a href="{{ item.url }}" target="{{ item.target }}" class="c-primary-nav__link u-font--primary-nav u-color--gray--dark u--theme--link-hover--base u-theme--border-color--base">
          {{ item.title }}
        </a>
        {% if item.children? %}
          <span class="c-subnav__arrow o-arrow--down u-path-fill--gray">
          </span>
          <ul class="c-primary-nav__subnav c-subnav">
            {% for child in item.children %}
              <li class="c-primary-nav__subnav__list-item c-subnav__list-item u-background-color--gray--light">
                <a href="{{ child.url }}" target="{{ child.target }}" class="c-primary-nav__subnav__link c-subnav__link u-color--gray--dark u-theme--link-hover--base">
                  {{ child.title }}
                </a>
              </li>
            {% endfor %}
          </ul>
        {% endif %}
      </li>
    {% endfor %}
  </ul>

  <span class="c-priority-nav__dropdown-wrapper priority-nav__wrapper">
    <ul class="c-priority-nav__dropdown priority-nav__dropdown"></ul>
    <button class="c-priority-nav__toggle priority-nav__dropdown-toggle priority-nav-is-hidden"></button>
  </span>
</nav>
