{{#results}}
<div class="result">
  <a
    href="{{targetUrl}}"
    class="target-link"
    style="cursor: pointer"
    onclick="javascript:targetLinkFunction(this, event, '{{targetUrl}}', '{{target}}')"
  >
    <div class="product-background-image">
      <div class="event-date-box">
        {{{dateBoxHtml}}} {{#recurrence}}
        <div class="recurrence-box total-length-{{totalLength}}">
          <p class="event-date-text">{{recurrence}}</p>
        </div>
        {{/recurrence}}
      </div>
      <picture>
        <source media="(min-width: 1024px)" srcset="{{imageUrl}}" />
        <source media="(min-width: 480px)" srcset="{{tabletImageUrl}}" />
        <img
          src="{{mobileImageUrl}}"
          alt="{{imageAlt}}"
          loading="lazy"
          class="product-image"
        />
      </picture>
    </div>
    <div class="image-overlay"></div>
    <div class="result-bottom">
      <div class="target-link-copy">
        <!--<span class="date">{{{formattedDate}}}</span>-->
        <div class="target-link-title-wrapper">
          <span class="target-link-title">{{name}}</span>
        </div>
        <span class="target-link-text"><p>{{subtitle}}</p></span>
      </div>
      {{#hasButtonCtaText}}
      <span
        class="target-link-button-cta linkbtnlight"
        onclick="javascript:targetLinkFunction(this, event, '{{targetUrl}}', '{{target}}')"
        >{{buttonCtaText}}</span
      >
      {{/hasButtonCtaText}}
    </div>
  </a>
</div>
{{/results}} {{^results}}
<h3 class="no-results">{{noresults}}</h3>
{{/results}}
<script type="text/javascript">
  function targetLinkFunction(el, event, targetUrl, target) {
    event.preventDefault();

    var cssClass = event.target.class || event.target.className || '';
    if (cssClass !== 'text-wrap') {
      var openTarget = target || '_self';
      if (event.metaKey || event.ctrlKey) {
        openTarget = '_blank';
      }
      window.open(targetUrl, openTarget);
    }
  }

  //# sourceURL=eventresults.results.html.js
</script>