{% import '_helpers/_image_webp' as media %}
{% set members = craft.categories.group('members').all() %}

<div class="c-post-list m-has-icon">
    <div class="c-content-box">
        <div class="post-list-inner">
            <div class="notice-core">
                <div class="notice-inner c-content-box m-no-padding"></div>
                {{ entry.richText }}
            </div>
        </div>
    </div>
</div>
{% if members|length %}
<div id="page-content">
    <div class="page-content-inner">
        <div class="members-row row">
            {% for member in members %}
            <div class="col-xs-12 col-sm-6 col-md-6 ">
                <div class="c-team-member m-has-portrait">
                    <div class="c-content-box">
                        <div class="team-member-inner">
                            <div class="member-portrait">
                                {{ media.getImage(member.image.one(), 'members-image') }}
                            </div>
                            <h3 class="member-name">{{ member.title }}</h3>
                            <h4 class="member-role">{{ member.metaTitle }}</h4>
                            <div class="member-description">
                                <p>
                                    {% if member.email|length %}
                                        <a href="mailto:{{ member.email }}">{{ member.email }}</a>
                                    {% endif %}
                                    {% if member.email|length and member.phone|length %}
                                        <br>
                                    {% endif %}
                                    {% if member.phone|length %}
                                        <a href="tel:{{ member.phone }}">{{ member.phone }}</a>
                                    {% endif %}
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</div>
{% endif %}
<hr class="c-separator m-margin-top-small m-margin-bottom-small m-transparent hidden-lg hidden-md">