{# Repeatable articles for newsletters. Image left, text right; stacks on phones via .stack in the template. #}
{% for item in module.articles %}
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:0 0 24px;">
  <tr>
    {% if item.image.src %}
    <td class="stack stack-pad" width="200" valign="top" style="width:200px;padding-right:20px;">
      <img src="{{ item.image.src }}" alt="{{ item.image.alt }}" width="200" class="fluid" style="display:block;width:200px;max-width:100%;height:auto;border:0;border-radius:6px;">
    </td>
    {% endif %}
    <td class="stack" valign="top" style="font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:23px;color:#3a4558;">
      <h2 class="text" style="margin:0 0 8px;font-size:19px;line-height:25px;font-weight:bold;color:{{ module.heading_color.color }};">{{ item.title }}</h2>
      <p class="text" style="margin:0 0 10px;">{{ item.summary }}</p>
      {% if item.link.href %}<p style="margin:0;"><a href="{{ item.link.href }}" style="color:{{ module.link_color.color }};font-weight:bold;text-decoration:none;">{{ item.link_text }} &rarr;</a></p>{% endif %}
    </td>
  </tr>
</table>
{% endfor %}