{%- trans_default_domain 'MDLContentBundle' -%}
{%- set fragment = fragment is defined ? fragment : false -%}
<!-- .news -->
{%- set blogPost = post.translate() -%}
<div class="blog-post row news background-grey border-radius-23 h-100">
{% set featuredMedia = post.featured %}
{% if featuredMedia and featuredMedia.url -%}
<div class="col-md-12">
<a href="{{ path('mdl_public_blog_view', { 'slug': blogPost.slug }) }}">
<img src="{{ asset(featuredMedia.url) | imagine_filter('blog_thumbnail') }}" class="img-fluid" alt="{{ featuredMedia.title }}" />
</a>
</div>
{%- endif %}
<div class="col-md-12">
<h3 class="font-24 font-weight-bold line-height-113 mb-0">
<a class="color-black" href="{{ path('mdl_public_blog_view', { 'slug': blogPost.slug }) }}">
{{ blogPost.title|striptags|slice(0, 20)|raw }}{% if blogPost.title|length > 20 %}...{% endif %}
</a>
</h3>
</div>
<div class="col-md-{{ featuredMedia ? '8' : '12' }}">
<div class="font-21 text-color-grey line-height-113">
{{ blogPost.excerpt|striptags|slice(0, 100)|raw }}{% if blogPost.excerpt|length > 100 %}...{% endif %}
</div>
<a class="readmore" href="{{ path('mdl_public_blog_view', {slug: blogPost.slug}) }}">{{ 'blog.readmore'|trans }}</a>
</div>
</div>
<!-- /.news -->