Secondary Navigation Complete

  <nav class="c-secondary-nav" role="navigation">
    <ul class="c-secondary-nav__list">
              <li class="c-secondary-nav__list-item has-subnav">
          <a href="" class="c-secondary-nav__link u-font--secondary-nav u-color--gray u-theme--link-hover--base">
                          <span class="u-icon u-icon--xs u-path-fill--gray"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><title>o-icon__language</title><path d="M10,4V2H6V0H4V2H0V4H5.9A9.16,9.16,0,0,1,4.51,5.56a8.84,8.84,0,0,1-1-1.08L1.9,5.74a12,12,0,0,0,1,1A26.55,26.55,0,0,1,.55,8.11l.9,1.78a22.2,22.2,0,0,0,3-1.8,23.58,23.58,0,0,0,3.06,1.8l.9-1.78A22.43,22.43,0,0,1,6.11,6.78,10.49,10.49,0,0,0,8.22,4Z" fill="#777"/></svg>
</span>            Languages
          </a>
                      <span class="c-subnav__arrow o-arrow--down"></span>
            <ul class="c-secondary-nav__subnav c-subnav">
                              <li class="c-secondary-nav__subnav__list-item c-subnav__list-item u-background-color--gray--light">
                  <a class="c-secondary-nav__subnav__link c-subnav__link u-color--gray u-theme--link-hover--base " href="">English</a>
                </li>
                              <li class="c-secondary-nav__subnav__list-item c-subnav__list-item u-background-color--gray--light">
                  <a class="c-secondary-nav__subnav__link c-subnav__link u-color--gray u-theme--link-hover--base " href="">Spanish</a>
                </li>
                              <li class="c-secondary-nav__subnav__list-item c-subnav__list-item u-background-color--gray--light">
                  <a class="c-secondary-nav__subnav__link c-subnav__link u-color--gray u-theme--link-hover--base " href="">French</a>
                </li>
                              <li class="c-secondary-nav__subnav__list-item c-subnav__list-item u-background-color--gray--light">
                  <a class="c-secondary-nav__subnav__link c-subnav__link u-color--gray u-theme--link-hover--base " href="">Dutch</a>
                </li>
                          </ul>
            <!-- /.c-subnav -->
                  </li>
              <li class="c-secondary-nav__list-item ">
          <a href="" class="c-secondary-nav__link u-font--secondary-nav u-color--gray u-theme--link-hover--base">
                          <span class="u-icon u-icon--xs u-path-fill--gray"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><title>o-icon__subscribe</title><path d="M9,7V5A4,4,0,0,0,6,1.14V0H4V1.14A4,4,0,0,0,1,5V7A1,1,0,0,1,0,8v2H10V8A1,1,0,0,1,9,7ZM3,7V5A2,2,0,0,1,7,5V7a3,3,0,0,0,.18,1H2.82A3,3,0,0,0,3,7Z" fill="#9b9b9b"/></svg>
</span>            Sitemap
          </a>
                  </li>
              <li class="c-secondary-nav__list-item ">
          <a href="" class="c-secondary-nav__link u-font--secondary-nav u-color--gray u-theme--link-hover--base">
                          <span class="u-icon u-icon--xs u-path-fill--gray"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><title>o-icon__find</title><path d="M0,4,2,8l4,2L10,0ZM5,7.24,3.49,6.51,2.76,5.05,6.41,3.59Z" fill="#777"/></svg>
</span>            Find a Church
          </a>
                  </li>
              <li class="c-secondary-nav__list-item ">
          <a href="" class="c-secondary-nav__link u-font--secondary-nav u-color--gray u-theme--link-hover--base">
                          <span class="u-icon u-icon--xs u-path-fill--gray"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><title>o-icon__contact</title><path d="M0,0V8H6l4,2V0ZM8,6.76,6.47,6H2V2H8Z" fill="#777"/></svg>
</span>            Contact
          </a>
                  </li>
              <li class="c-secondary-nav__list-item ">
          <a href="" class="c-secondary-nav__link u-font--secondary-nav u-color--gray u-theme--link-hover--base">
                          <span class="u-icon u-icon--xs u-path-fill--gray"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><title>o-icon__heart</title><path d="M9,1.27A3.4,3.4,0,0,0,5,.73a3.4,3.4,0,0,0-4,.54A3.34,3.34,0,0,0,1,6l4,4L9,6A3.34,3.34,0,0,0,9,1.27ZM7.6,4.57,5,7.17,2.4,4.57a1.34,1.34,0,0,1,0-1.89,1.36,1.36,0,0,1,1.89,0L5,3.39l.71-.71a1.37,1.37,0,0,1,1.89,0A1.34,1.34,0,0,1,7.6,4.57Z" fill="#777"/></svg>
</span>            Press
          </a>
                  </li>
            <li class="c-secondary-nav__list-item c-secondary-nav__list-item__search c-secondary-nav__list-item__toggle js-toggle-menu js-toggle-search is-priority">
        <a href="#" class="c-secondary-nav__link u-font--secondary-nav u-color--gray u-theme--link-hover--base">
          <span class="u-icon u-icon--xs u-path-fill--gray"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><title>o-icon__search</title><path d="M9.91,8.5,7.43,6A4,4,0,1,0,4,8a4,4,0,0,0,2-.57L8.5,9.91ZM2,4A2,2,0,1,1,4,6,2,2,0,0,1,2,4Z" fill="#777"/></svg>
</span>Search
        </a>
      </li>
      <li class="c-secondary-nav__list-item c-secondary-nav__list-item__menu c-secondary-nav__list-item__toggle js-toggle-menu is-priority">
        <a href="#" class="c-secondary-nav__link u-font--secondary-nav u-color--gray u-theme--link-hover--base">
          <span class="u-icon u-icon--xs u-path-fill--gray"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><title>o-icon__menu</title><path d="M0,0H10V2H0ZM0,10H10V8H0ZM0,6H10V4H0Z" fill="#9b9b9b"/></svg>
</span>Menu
        </a>
      </li>
    </ul>
    <!-- /.c-secondary-nav__list -->
  </nav>
  <!-- /.c-secondary-nav -->

{% if secondary_nav %}
  <nav class="c-secondary-nav" role="navigation">
    <ul class="c-secondary-nav__list">
      {% for item in secondary_nav.items %}
        <li class="c-secondary-nav__list-item {% if item.priority == true %}{{ 'is-priority' }}{% endif %}{% if item.subnav %}{{ 'has-subnav' }}{% endif %}">
          <a href="{{ item.url }}" class="c-secondary-nav__link u-font--secondary-nav u-color--gray u-theme--link-hover--base">
            {% if item.icon %}
              <span class="u-icon u-icon--xs u-path-fill--gray">{% include '@atoms/icons/' ~ item.icon ~ '.twig' %}</span>{% endif %}
            {{ item.text }}
          </a>
          {% if item.subnav %}
            <span class="c-subnav__arrow o-arrow--down"></span>
            <ul class="c-secondary-nav__subnav c-subnav">
              {% for sub_item in item.subnav.items %}
                <li class="c-secondary-nav__subnav__list-item c-subnav__list-item u-background-color--gray--light">
                  <a class="c-secondary-nav__subnav__link c-subnav__link u-color--gray u-theme--link-hover--base {% if sub_item.active_link %} active {% endif %}" href="{{ sub_item.url }}">{{ sub_item.text }}</a>
                </li>
              {% endfor %}
            </ul>
            <!-- /.c-subnav -->
          {% endif %}
        </li>
      {% endfor %}
      <li class="c-secondary-nav__list-item c-secondary-nav__list-item__search c-secondary-nav__list-item__toggle js-toggle-menu js-toggle-search is-priority">
        <a href="#" class="c-secondary-nav__link u-font--secondary-nav u-color--gray u-theme--link-hover--base">
          <span class="u-icon u-icon--xs u-path-fill--gray">{% include '@atoms/icons/icon-search.twig' %}</span>Search
        </a>
      </li>
      <li class="c-secondary-nav__list-item c-secondary-nav__list-item__menu c-secondary-nav__list-item__toggle js-toggle-menu is-priority">
        <a href="#" class="c-secondary-nav__link u-font--secondary-nav u-color--gray u-theme--link-hover--base">
          <span class="u-icon u-icon--xs u-path-fill--gray">{% include '@atoms/icons/icon-menu.twig' %}</span>Menu
        </a>
      </li>
    </ul>
    <!-- /.c-secondary-nav__list -->
  </nav>
  <!-- /.c-secondary-nav -->
{% endif %}