{% assign network_links = site.data.network_links %}

<header class="primary-bg">
  <div class="Header-banner primary-bg-a7 position-relative">
    <div class="Header-owner Headroom-hideme u-flex u-flexJustifyBetween u-flexAlignItemsCenter">
      <div class="Header-owner__institutions container d-flex flex-row px-4 px-md-0">

        <div class="d-flex align-items-center">
          <a href="{{ site.owner_link }}" class="py-2 d-inline-block">
            <span class="d-inline-block d-md-none d-lg-none white-color">
              {{ site.owner_short }}
            </span>
            <span class="d-none d-md-inline-block white-color">
              {{ site.owner_full }}
            </span>
          </a>
          <span class="white-color py-2 d-inline-block">&nbsp;+&nbsp;</span>
          <a href="{{ site.partner_link }}" class="py-2 d-inline-block">
            <span class="d-inline-block white-color">
              {{ site.partner_short }}
            </span>
          </a>
          <a href="#" class="d-inline-block d-lg-none py-2 text-white" aria-label="External links" data-activeid="slimDropdown" role="button"
            data-activate-element>
            <svg class="icon icon-white icon-sm">
              <use xlink:href="/assets/svg/sprite.svg#it-expand"></use>
            </svg>
          </a>
        </div>

        {% include network-links-menu.html class='list-inline mt-0 mb-0 ml-auto Header-external d-none d-lg-flex'
           liclass='list-inline-item m-0 py-2 px-3 d-flex align-items-center' %}

        {% include lang_switch.html %}
      </div>
    </div>
    <div
      class="deactive Header-external-wrapper d-block d-lg-none primary-bg-a7  position-absolute primary-bg-a7 w-100 h-100vh z-10"
      data-activatedby="slimDropdown">
      {% include network-links-menu.html class='Header-external--mobile container' %}
    </div>
  </div>

  <div class="Header-navbar ">
    <div class="container d-flex align-items-center">
      <div class="Header-hamb ml-3 mr-3 d-block d-lg-none">
        <a href="#" data-activate-element data-activate-noscroll="true" data-activeid="offcanvasMenu"><img
            class="Header-hamb__icon" alt="Menu" src="{{'/assets/icons/hamburger-icon.svg' | relative_url}}"></a>
      </div>
      <div class="Header-logo mr-2 mr-md-3" aria-hidden="true">
        <a href="{{ '/' | relative_url }}" tabindex="-1">
          <img src="{{ site.logo | default: '//designer.italia.it/images/loghi/logo-it.svg' }}" alt="">
        </a>
      </div>

      <div class="Header-title mr-auto">
        <h1 class="Header-titleLink">
          <a href="{{ '/' | relative_url }}">{{ t.site_title | default: site.title | escape }}
            {% if site.pill != "" and site.pill != nil %}
            <span class="badge badge-pill badge-primary primary-bg-a7 d-none d-sm-inline-block">{{ site.pill }}</span>{%
                endif %}
          </a>
          <span
              class="d-none d-lg-block Header-subtitle">{{ t.site_subtitle | default: site.subtitle | escape }}</span>
        </h1>
      </div>

      <div class="Header-utils mr-2 mr-md-4 d-none d-lg-block">
        <div class="Header-social ">
          {% include social-icons.html social_items=site.data.social follow_us_text=t.follow_us %}
        </div>
      </div>
      {% if include.hasSearch %}
      <div class="Header-search ml-4 mb-0" id="header-search">
        <custom-search></custom-search>
      </div>
      {% endif %}

    </div>
  </div>
  <!-- Header-navbar -->

</header>