{% set featured = false %}
    
    {% set loop = 0 %}
    {% for post in posts %}
        {% set _loop = loop.index %}
        {% if loop.index == 1 %}
        <div class="category-trio">
            <h2>{% if post.categories.0 is defined %}<a href="{{ path('category', {'categorySlug':post.categories.0.slug}) }}" style="color:#b6192b;font-weight:bold">{{ post.categories.0.title }}</a>{% endif %}</h2>
            <article class="">
                {% for media in post.medias %}{% if loop.index < 4 %}
                    <div class="portfolio-item {% if loop.index is odd %}odd{%else %}even{% endif %}">
                        <div class="portfolio-title post-title"><a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}"><span>{{ media.title }}</span></a><br>{{ media.description|autolink }}</div>
                        <div class="portfolio-image">{{ media(media, {'thumbnail':true, 'height': 150})|raw }}</div>
                    </div>
                    <div class="clear"></div>
                {% endif %}
                {% endfor %}
            </article>
        </div>
        <p style="text-align:center;margin-top:0px;font-size:150%;text-transform:uppercase;">{% for category in post.categories %}<a href="{{ path('category', {'categorySlug':category.slug}) }}" style="color:#b6192b;">Voir tous les posts</a>{% endfor %}</p>
        {% endif %}
    {% endfor %}