{% document do %}

{% head do %}
  {% include 'common/head' %}
{% endhead %}

{% body class:'no_containers body' do %}
  <div class="l-wrap">
    <div class="l-wrap__content l-content" role="document">

      {% include 'common/header' %}

      <main class="l-main u-spacing--double u-padding--double--bottom" role="main">

        <header class="c-page-header c-page-header__simple u-theme--background-color--dark">
          <div class="c-page-header__simple--inner u-padding">
            <h1 class="u-font--primary--xxl u-color--white">
              {{ page.title }}
            </h1>
          </div>
        </header>

        <section class="l-grid l-grid--7-col u-shift--left--1-col--at-xxlarge l-grid-wrap--6-of-7 u-spacing--double--until-xxlarge u-padding--zero--sides">
          <article class="c-article l-grid-item">
            <div class="c-article__body">
              <div class="u-spacing--triple">
                {{ content_for_layout | replace_first:'<div>','<div class="text u-spacing c-block__body">' }}
              </div>
            </div> <!-- .c-article__body -->
          </article> <!-- .c-article -->
        </section> <!-- .l-grid -->

      </main> <!-- .main -->

      {% include 'common/footer' %}

    </div> <!-- .l-content -->

    {% include 'common/sabbath_column' %}

  </div> <!-- .l-wrap -->

  {% include 'common/javascripts' %}

{% endbody %}

{% enddocument %}
