<div class="i-annc index-announcement-18">
  <style>
    @media (min-width: 992px){
      li.i-annc__item.col-md-4:nth-child(3n) {
        clear: left;
      }
    }
  </style>
  <h3 class="i-annc__page-title">{{widget-title}}</h3>
  <ul class="i-annc__list  row" data-level="0" data-list="announcements">
    <li class="i-annc__item col-md-4">
    <div class="i-annc__content-wrap">  
      <div class="i-annc__meta">
        <span class="i-annc__postdate-wrap" date-format="%Y-%m-%d">
          <span class="i-annc__postdate">{{postdate}}</span>
        </span>
        <span class="i-annc__category-wrap">
          <i class="fa fa-clone"></i>
          <span class="i-annc__category">{{category}}</span>
        </span>
        <span class="i-annc__status-wrap" data-list="statuses" data-level="1">
          <span class="i-annc__status label status {{status-class}}">{{status}}</span>
        </span>
      </div>
      <h4 class="i-annc__entry-title">
        <a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
      </h4>
      <p class="i-annc__subtitle">{{subtitle}}</p>
    </div>
    </li>
  </ul>
</div>