<header class="c-site-header c-site-header--home c-site-header--home--expanded">
  <div class="c-site-header__top">
    <div class="c-site-header__top-content">
      <div class="c-site-header__hamburger c-site-header__hamburger--top">
        {{> button primaryButtons.hamburger}}
      </div>
      <div class="c-site-header__logo c-site-header__logo--square">
        <a href="#" class="c-site-header__logo-link">
          <svg class="c-site-header__logo-art" pointer-events="none" focusable="false" aria-hidden="true">
            <use xlink:href="{{basePath}}/assets/patterns/images/sprite.svg#tgam-logo-boxed"></use>
          </svg>
          <h1 class="c-site-header__logo-text u-visually-hidden">The Globe and Mail</h1>
        </a>
      </div>
      <div class="c-site-header__logo c-site-header__logo--wide">
        <a href="#" class="c-site-header__logo-link">
          <svg class="c-site-header__logo-art" pointer-events="none" focusable="false" aria-hidden="true">
            <use xlink:href="{{basePath}}/assets/patterns/images/sprite.svg#tgam-logo-white"></use>
          </svg>
          <h1 class="c-site-header__logo-text u-visually-hidden">The Globe and Mail</h1>
        </a>
      </div>
      <div class="c-site-header__buttons">
        <div class="c-site-header__button-group">
          {{> button primaryButtons.subscribe}}
          {{> button primaryButtons.register}}
          {{> button primaryButtons.login}}
          {{> button primaryButtons.search}}
          {{> button primaryButtons.adChoices}}
        </div>
      </div>
    </div>
  </div>
  <div class="c-site-header__bottom">
    <div class="c-site-header__bottom-content">
      <div class="c-site-header__hamburger c-site-header__hamburger--bottom">
        {{> button secondaryButtons.hamburger}}
      </div>
      {{> scroll-menu scrollMenu}}
      {{> button secondaryButtons.search}}
    </div>
  </div>
</header>

<div class="c-site-header__placeholder"></div>

<div class="c-site-header__menu-panel"{{#if menuPanelId}} id="{{menuPanelId}}"{{/if}} hidden>
  {{> menu-panel menuPanel}}
</div>
