<div class="np-card np-search-result">
  <div class="np-card-container">
    <div class="np-card-content">
      <img
        class="np-search-result-image"
        alt="{{ result.name }}"
        src="{{ result.image_url }}"
      />
      <div class="np-search-result-content">
        <div>
          <a class="np-search-result-title" href="{{ result.path }}">
            {{ result.name }}
	    <span class="link"></span>
          </a>
	</div>
        <div class="np-search-result-snippet">{{ result.sanitized_description }}</div>
      </div>
    </div>
  </div>
</div>
{% comment %}
The styling below and the additional span is to make the entire div clickable as requested by the client.
{% endcomment %}

<style>
.link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
</style>
