{{> siteheader}}
<div class="article-page">

  <div class="grid-x article-page-grid">
    
      <div class="cell large-6 article-page-media {{#ifequal pagemediatype 'video'}}article-page-video{{/ifequal}} {{#if mirrored}} large-order-2 mirrored{{/if}}"  style="background-position: {{pagemediabgpos}}; {{#ifequal pagemediatype 'img'}}background-image: url({{pagemedia}})"{{/ifequal}} {{#ifequal pagemediatype 'video'}}background-image: url({{videobg}}){{/ifequal}}">

          {{#if show-standalone-image-caption}}
          <div class="image-caption" data-toggle="image-caption-dropdown">i</div>
          <div class="dropdown-pane top image-caption-text" id="image-caption-dropdown" data-dropdown>
            {{{imagecaption}}}
          </div>
          {{/if}}

          {{#ifequal pagemediatype 'imgcarousel'}}
          <span class="article-page-media-slider-pagination"></span>

          <div class="article-page-media-slider">
            {{#each pagemedia}}
            <div class="article-page-media-slider-item" style="background-position: {{pagemediabgpos}}; background-image: url({{pagemedia-item}})">
              {{#if show-pagemedia-item-caption}}
              <div class="image-caption" data-toggle="image-caption-dropdown-{{@index}}">i</div>
              <div class="dropdown-pane top image-caption-text" id="image-caption-dropdown-{{@index}}" data-dropdown>
                {{{pagemedia-item-caption}}}
              </div>
              {{/if}}
            </div>
            {{/each}}
          </div>  
          {{/ifequal}}

          {{#ifequal pagemediatype 'video'}}
          <video playsinline autoplay muted poster="{{videobg}}" class="bgvid article-page-media-video">
              <source src="{{pagemedia}}" type="video/mp4">
          </video>
          {{/ifequal}}

     </div>

      <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 -->

          {{> body}}

        </div>
        

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

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


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