<header>

<nav id="nav" class="uk-navbar-container" uk-navbar>
  <div class="uk-navbar-left">
    <a href="{{"/" | relative_url}}" class="uk-navbar-item uk-logo">{{site.title}}</a>
  </div>
  <div class="uk-navbar-right uk-visible@s">
    <ul class="uk-navbar-nav">
      {% include search_box.html %}
      {% for link in site.data.navigation.main %}
      {% if link.url contains "https" %}
        {% assign url = link.url %}
      {% else %}
        {% assign url = link.url | relative_url %}
      {% endif %}
      <li class="{% if page.url contains link.url %}uk-active{% endif %}"><a href="{{ url }}">{{ link.title }}</a></li>
      {% endfor %}
      {% for link in site.data.navigation.toggle %}
      {% if link.url contains "https" %}
        {% assign url = link.url %}
      {% else %}
        {% assign url = link.url | relative_url %}
      {% endif %}
      <li class="{% if page.url contains link.url %}uk-active{% endif %}">
        <a href="{{ url }}">{{ link.title }}</a>
        <div class="uk-navbar-dropdown uk-border-rounded uk-background-muted">
          <ul class="uk-nav uk-navbar-dropdown-nav">
            {% for link in site.data.navigation.subnav %}
              {% if link.url contains "https" %}
                {% assign url = link.url %}
                {% else %}
                {% assign url = link.url | relative_url %}
                {% endif %}
                <li class="{% if page.url contains link.url %}uk-active{% endif %} uk-nav-header"><a href="{{ url }}">{{ link.title }}</a></li>
            {% endfor %}
          </ul>
        </div>
      </li>
      {% endfor %}
    </ul>
  </div>
  <div class="uk-navbar-right uk-hidden@s">
    <ul class="uk-navbar-nav">
      <li>{% include search_box.html %}</li>
      <li>
        <a href="#" uk-icon="icon: menu"></a>
        <div class="uk-navbar-dropdown uk-border-rounded uk-background-muted">
          <ul class="uk-nav uk-navbar-dropdown-nav uk-text-right" uk-scrollspy="target: > li; cls:uk-animation-slide-right; delay: 300; repeat: true">
            {% for link in site.data.navigation.mobile %}
              {% if link.url contains "https" %}
                {% assign url = link.url %}
                {% else %}
                {% assign url = link.url | relative_url %}
              {% endif %}
                <li class="{% if page.url contains link.url %}uk-active{% endif %} uk-nav-header"><a href="{{ url }}">{{ link.title }}</a></li>{% unless forloop.last %} <hr> {% endunless %}
            {% endfor %}
          </ul>
        </div>
      </li>
    </ul>
  </div>
</nav>

</header>