<header class="c-header" role="banner" id="header">
  <div class="c-header--inner">
    <div class="c-header__nav-secondary">
      {% include 'common/secondary_nav' %}
    </div>

    <div class="c-header__logo c-logo">
      <a href="/" class="c-logo__link u-theme--path-fill--base" style="flex-flow: column nowrap;">
        {% assign locale    = site.locale %}
        {% assign lightness = site.theme_background_variant | remove: "u-theme--" %}
        {% if lightness == "dark" %}
          {% assign color = "white" %}
        {% else %}
          {% assign color = site.theme_primary_variant | remove: "u-theme--" | remove: "theme--" %}
        {% endif %}
        <img src="https://cdn.adventist.org/adventist-logo/2/{{ locale }}/adventist-{{ locale }}-text--{{ color }}.svg" alt="{{ 'seventh_day_adventist_church' | t }}">
        <span class="c-header__site-identity u-font--primary--m u-theme--color--darker u-space--half--top">{{ site.name }}</span>
      </a>
    </div>

    <div class="c-header__nav-primary">
      {% include 'common/primary_nav' %}
    </div>
  </div>
</header>

{% include 'common/menu_drawer' %}
