{% if faqs is not empty %}
    <ul class="faqs {{ class }} {% if closed is not empty %}faqClosed{% endif %}">
        {% for faq in faqs %}
            <li>
                <h4 class="{% if open_first is not empty and loop.index == 1 %}open{% endif %}">

                    {% if faq['Title']['value'] is not empty %}
                        {{ faq['Title']['value']|raw }}
                    {% elseif faq['Question']['value'] is not empty %}
                        {{ faq['Question']['value']|raw }}
                    {% elseif faq['Drop Title']['value'] is not empty %}
                        {{ faq['Drop Title']['value']|raw }}
                    {% else %}
                        {{ faq['question']|raw }}
                    {% endif %}

                    <div class="faqIcon">
                        <span class="iconClosed">
                            {{ file_get_contents(settings.SITE_PATH ~ "/sites/"~ settings.SITE ~"/images/icons/plus.svg")|raw }}
                        </span>
                        
                        <span class="iconOpen">
                            {{ file_get_contents(settings.SITE_PATH ~ "/sites/"~ settings.SITE ~"/images/icons/minus.svg")|raw }}
                        </span>
                        
                    </div> <!-- .faqIcon -->
                </h4>
                <div class="answer wysiwyg">
                    {% if faq['Content']['value'] is not empty %}
                        {{ faq['Content']['value']|raw }}
                    {% elseif faq['Answer']['value'] is not empty %}
                        {{ faq['Answer']['value']|raw }}
                    {% elseif faq['Drop Content']['value'] is not empty %}
                        {{ faq['Drop Content']['value']|raw }}
                    {% else %}
                        {{ faq['answer']|raw }}
                    {% endif %}
                </div><!-- .answer -->
            </li>
        {% endfor %}
    </ul>
{% endif %}
