<div class="o-card{{#if cardStyle}} o-card--{{cardStyle}}{{#if cardStyleColour}} o-card--{{cardStyle}}--{{cardStyleColour}}{{/if}}{{/if}}{{#if cardModifier}} o-card--{{cardModifier}}{{/if}}{{#if advContent}} o-card--adv{{/if}}">
  <a href="#" class="o-card__link">
    <div class="o-card__content">
      <div class="o-card__col">

        {{#if labels}}
          <span class="o-card__label{{#if labels.display}} o-card__label--{{labels.display}}{{/if}}">
            <span class="o-card__label-text">{{ labels.labelText }}</span>
          </span>
        {{/if}}

        <div class="o-card__hed-dek">
          <h3 class="o-card__hed{{#if hedStyle}} o-card__hed--{{hedStyle}}{{/if}}">
            <span class="o-card__hed-text">{{ hed }}</span>
            {{#if indicatorIcon}}{{> indicator-icon icon=indicatorIcon }}{{/if}}{{#if videoIcon}}<span class="o-video-time" >{{> indicator-icon icon=videoIcon }}<span class="o-card__hed__duration">{{ videoIcon.duration }}</span></span>{{/if}}
          </h3>
          {{#if dek}}<p class="o-card__dek">{{ dek }}</p>{{/if}}
        </div>

        {{#if meta}}
          {{> homepage/cards-meta meta }}
        {{/if}}

      </div>
      {{#if image}}
        <div class="o-card__col">
          {{#if imgSrc}}
            <img class="c-image" src="{{ basePath }}/assets/patterns/images/{{imgSrc}}" alt="{{ hed }}">
            {{else}}
            <img class="c-image" src="http://placehold.it/300x200" alt="{{ hed }}">
          {{/if}}
          {{#if video}}
            <div class="c-article-media__info">
              <div class="c-article-media__label c-article-media__label--interactive c-article-media__label--interactive-indented">
                {{> interactive-label interactiveLabel }}
              </div>
            </div>
          {{/if}}
        </div>
      {{/if}}
    </div>
  </a>
</div>
