{{> siteheader}}
<style>
.stack-template-media-slider .stack-template-media-slider-item {
  background-position: top;
}
</style>
<div class="stack-template">
<!-- Section 1 -->
  <div class="grid-x article-page-grid" data-sticky_parent>
      <div class="cell large-6 sticky-spacer">
        <div class="article-page-media " data-sticky_column>
          {{#ifequal pagemediatype 'imgcarousel'}}
            <span id="paging-info-1" class="stack-template-media-slider-pagination"></span>
            <div class="stack-template-media-slider" data-page="paging-info-1">
              {{#each pagemedia-1}}
                <div class="stack-template-media-slider-item" style="background-image: url({{pagemedia-1-item}})"></div>
              {{/each}}
            </div>  
          {{/ifequal}}
        </div><!-- /article-page-media -->
      </div><!-- /stick-spacer -->

      <div class="cell large-6 large-cell-block-y article-page-content">
        <div class="grid-x align-center-middle">
          <div class="cell medium-8 large-12 xlarge-9 article-page-content-inner">

            <p class="article-type">{{{articletype}}}</p>
            <h1 class="article-title">{{{articletitle}}}</h1>
            <p class="article-standfirst">{{{articlestandfirst}}}</p>

          </div><!-- /article-page-content-inner -->

          {{> stack-les-girls-les-boys-1}}
        </div>
      </div><!-- /article-page-content -->

  </div><!-- /article-page-grid -->

<!-- Section 2 -->
  <div class="grid-x article-page-grid swap-columns">

      <div class="cell large-6 large-cell-block-y article-page-content">
        <div class="grid-x align-center-middle">
          {{> stack-les-girls-les-boys-2}}
        </div>
      </div><!-- /article-page-content -->
    
      <div class="cell large-6 sticky-spacer">
        <div class="article-page-media " data-sticky_column>
          {{#ifequal pagemediatype 'imgcarousel'}}
            <span id="paging-info-2" class="stack-template-media-slider-pagination"></span>
            <div class="stack-template-media-slider" data-page="paging-info-2">
              {{#each pagemedia-2}}
                <div class="stack-template-media-slider-item" style="background-image: url({{pagemedia-2-item}})"></div>
              {{/each}}
            </div>  
          {{/ifequal}}
        </div><!-- /article-page-media -->
      </div><!-- /stick-spacer -->

  </div><!-- /article-page-grid -->

</div><!-- /article page -->
{{> sitefooter}}