{% document do %}

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

{% body class:'default 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">
              {{ article.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 l-grid-item--l--4-col l-grid-item--xl--3-col">
            <div class="c-article__body">
              <div class="u-spacing--triple">
                {{ 'content_from_widget_above' | widget_container | replace_first:'&nbsp;','' }}
                {{ content_for_layout | replace_first:'<div>','<div class="text u-spacing c-block__body">' }}
                {{ 'content_from_widget_below' | widget_container | replace_first:'&nbsp;','' }}
              </div>
            </div> <!-- .c-article__body -->
          </article> <!-- .c-article -->

          <div class="c-sidebar l-grid-item l-grid-item--l--2-col l-grid-item--xl--2-col u-spacing--double u-padding--zero--sides">
            {{ 'sidebar_breakout' | widget_container | replace_first:'&nbsp;','' | replace_first:'WidgetContainer','WidgetContainer c-block__breakout u-padding u-padding--double--bottom u-padding--double--top u-spacing--triple u-theme--background-color--darker can-be--dark-dark' }}
            {{ 'rightsidebar' | widget_container | replace_first:'&nbsp;','' | replace_first:'WidgetContainer','WidgetContainer u-padding--right u-spacing--double' }}
          </div> <!-- .c-sidebar -->
        </section> <!-- .l-grid -->

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

      {% include 'common/footer' %}

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

    {% include 'common/sabbath_column' %}

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

  {% include 'common/javascripts' %}

{% endbody %}

{% enddocument %}
