{{#each this}}
<div class="col-lg-{{ColumnSize}} col-md-{{ColumnSize}} col-sm-12 col-xs-12 nospace filled-box section-box text-white hoverable cropped responsive-bg imageboxfiltering {{FocusDesktop}}  {{FocusMobile}}" data-bg-mobile="{{MobBgImage}}" data-bg-desktop="{{BgImage}}">
    <div class="overlay bg-secondary opacity-{{Opacity}} transparent pos-abs full-dim trans-opacity stack-10" style="background:{{OpacityColor}}">&nbsp;</div>
    <a href="{{Url}}" class="box-link" {{#if PdfFileLink}}data-mobileHref={{PdfFileLink}}{{/if}}>{{Title}}</a>
    <figure>
        <noscript>
            <img src="{{BgImage}}" alt="sample image" />
        </noscript>

        {{#unless BgImage}}
        <div style="background-color:{{BgColor}};" class="hidden-xs"></div>
        {{/unless}}

        {{#unless MobBgImage}}
        <div style="background-color:{{BgColor}};" class="visible-xs"></div>
        {{/unless}}

        <figcaption class="caption offset-col-1 stack-10 pos-rel stretched-horizontal " style="color:{{TextColor}}">
            <div class="line leftHidden scroll-ltr-1  fe_text_bar">&nbsp;</div>

            <p class="tag boldcond fsize-s leftHidden scroll-ltr-2">{{Category}}</p>
            <h2 class="text-uppercase leftHidden scroll-ltr-3 fsize-l arrowed">{{Title}}</h2>
        </figcaption>
    </figure>
</div>
{{/each}}