<div class="posts row ">
{% for key, post in posts %}
<div class="post {{ (col is defined) ? "col-sm-6 col-12 col-md-12 " : "col-md-4 col-sm-6" }} mab-50" data-link>
<div class="bgp-center bgs-cover animate-background w-100 he-220 d-flex align-items-end justify-content-end mab-16"
style="background-image:url({{ asset(vich_uploader_asset(post, 'postFile')) | imagine_filter('medium') }})">
{% if post.postCategory %}
<div class="pay-6 pax-10 yjknur"
style="background-color: {{ post.postCategory.color|default("#3992B0") }}">
{{ post.postCategory.title }}
</div>
{% endif %}
</div>
<div class="sbbeqb">
<i class="fa fa-calendar mar-5"></i>
{{ "posts_list.date"|trans({"%date%":getFormattedDate(post.date, false)})|raw }}
</div>
<h3 class="hdveuv title1 mat-12">
<a href="{{ path('front_post', {'slug':post.slug}) }}">
{{ post.title }}
</a>
</h3>
<div class="overflow-hidden he-60 position-relative mat-15">
<div>
{{ post.introRaw }}
</div>
<div class="position-absolute hep-100 b-0 w-100"
style="background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);"></div>
</div>
</div>
{% endfor %}
</div>
{% if landing is not defined %}
<div class="text-center mat-0 mab-30 {% if not ( posts.getTotalItemCount > 12) %} d-none {% endif %}">
<div class='triggerPost btn btn2'>
{{ "posts_list.see_more.btn"|trans|raw }}
</div>
</div>
{{ knp_pagination_render(posts) }}
{% endif %}