{% if menu.nav_items %}
  <nav id="{{hash(self)}}" class="site-nav site-nav--right clearfix">
    {% macro navigation_links(items, menu_level) %}

      {% if items %}
        {% if menu_level == 0 %}
          <ul class="main-nav {{ items.class }}">
        {% else %}
          <ul id="" class="nav-drop {{ items.class }}">
        {% endif %}

          {% for item in items %}

	      {% if menu_level == 0 %}
	        <li id="{{- item.id -}}" class="nav-main-item menu-item {{item.custom_class}} {{item.class}}{% if item.is_expanded %}menu-item--expanded{% else %}menu-item--collapsed{% endif %} {% if item.selected %}menu-item--active-trail active{% endif %}">
	      {% else %}
		<li id="{{- item.id -}}" class="nav-drop-item  menu-item {{item.custom_class}} {{item.class}}{% if item.is_expanded %}menu-item--expanded{% else %}menu-item--collapsed{% endif %} {% if item.selected %}menu-item--active-trail active{% endif %}">
	      {% endif %}
		<a href="{% include item.href|template %}" {% if item.description %} title="{{ item.description }} {% endif %}">
                  {%- if item.icon %}<i class="fa {{ item.icon }}"></i>{%- endif %}
                {{- item.label -}}
                </a>
                   {% if item.children %}
	             {{ navigation_links(item.children, menu_level + 1) }}
	           {% endif %}
	        </li>
          {% endfor %}

          </ul>
        {% endif %}
    {% endmacro %}

  {{ navigation_links(menu.nav_items, 0) }}
  </nav>

{% endif %}