<header class="header">
  <div class="grid-x">
    <div class="cell large-4">
      <nav class="nav-left">
        @if (has_nav_menu('header_left'))
          {!! wp_nav_menu(['theme_location' => 'header_left', 'menu_class' => 'nav', 'echo' => false]) !!}
        @endif
      </nav>
    </div>

    <div class="cell large-4">
      <a class="header-logo" href="{{ home_url('/') }}">
        @include('svg.logo-small')
      </a>
    </div>

    <div class="cell large-4">
      <nav class="nav-right">
        @if (has_nav_menu('header_right'))
          {!! wp_nav_menu(['theme_location' => 'header_right', 'menu_class' => 'nav', 'echo' => false]) !!}
        @endif
      </nav>
    </div>
  </div>

  <div class="nav-mobile">
    <nav>
      @if (has_nav_menu('header_mobile'))
        {!! wp_nav_menu(['theme_location' => 'header_mobile', 'menu_class' => 'nav', 'echo' => false]) !!}
      @endif
    </nav>

    <a class="header-social" href="https://www.linkedin.com/authwall?trk=gf&trkInfo=AQFComrpvdpoTwAAAXJcRqw4EqlE1HYbQV3CFmsTqjjzeEEje2UOVELZ0CAqoHNS3aOAPBnzvXqn80oE0vhmWwUHzKjY6FABOt5sDGFvrfFqis1mcw-GHl0hTjA_rgBfKqUg_xU=&originalReferer=https://www.google.com/&sessionRedirect=https%3A%2F%2Fwww.linkedin.com%2Fcompany%2Ff%25C3%25A1brica-de-cervejas-portuense" target="_blank">Segue-nos no @include('svg.linkedin')</a>
  </div>

  <div class="nav-burger js-menu-toggle">
    <span class="nav-burger__line"></span>
    <span class="nav-burger__line"></span>
  </div>
</header>
