<div class="uk-width-1-1 uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
  <h2>{% t .title %}</h2>
  <div class="uk-margin-bottom sk-text-link">
    {% t .subtitle %}
  </div>
  <a href="/training_events" class="uk-button uk-button-primary discover-event-button">
    {% t .button %}
  </a>
</div>

{% for group in current_person.groups %}
  {% if group.enrollment_code == "176629fa82da1d03f3d58c81e751e61b9836a46d" %}
    {% include "styles_hh" %}
  {% elsif group.enrollment_code == "1817d8c96780f13abbf0f2023e3b26b3bd43d248" %}
    {% include "styles_at" %}
    <style>
    .uk-button-primary:not(.uk-button-outline) {
      background: #8b0e04 !important;
      color: white !important;
    }
    .uk-button-primary:not(.uk-button-outline):hover {
      background: #8b0e04 !important;
    }
    .discover-event-button {
      background: #8b0e04 !important;
      color: white !important;
    }
    </style>
  {% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or 
            group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
      {% include "styles_hh" %}
  {% endif %}
{% endfor %}