<div class="px-2"> {% if county %} <div class="EventListItem__overline"> <span class="EventListItem__county">{{ county }} County {{- ': ' + projectName | safe if projectName }}</span> </div> {% elseif city %} <div class="EventListItem__overline"> <span class="EventListItem__county">{{ city }}, {{ state }}</span> </div> {% endif %} <div class="EventListItem__title"> {% if amount %}<span>{{ amount }} </span>{% endif %}{{ recipient | safe if recipient }} </div> </div> <div class="EventModalContent p-3"> <div class="EventModalContent__title"> No events found for these filter options. </div> </div> <div class="Investment Investment--type--{{ eventType }} {{- ' Investment--withImage' if thumbnail }} row no-gutters"> <div data-share-image="title" class="col-12 col-md-6 aspect-ratio-1x1"> <div class="Investment__titleCol h-100 d-flex align-items-stretch"> {% if thumbnail -%} <div class="Investment__titleBackground Investment__titleBackground--withImage" style="background-image: url({{ thumbnail }})"></div> {%- else -%} <div class="Investment__titleBackground Investment__titleBackground--noImage"></div> {%- endif %} <div class="Investment__titleContent"> {% if county %} <div class="Investment__county"> <span>{{ county + ' County' if county }}</span> </div> {% elseif city %} <div class="Investment__county"> <span>{{ city }}, {{ state }}</span> </div> {% endif %} {% if amount %} <div class="Investment__amount"> <span>{{ amount }}</span> </div> {% endif %} <h2 class="Investment__title"> {{ projectName | safe }} </h2> {% if recipient %} <div class="Investment__recipient"> <span>Recipient:</span>{{ recipient }} </div> {% endif %} {% if fundingStream %} <div class="Investment__fundingStream"> <span>Funding Source:</span>{{ fundingStream }} </div> {% endif %} {% if fiscalYear %} <div class="Investment__fiscalYear"> <span>Fiscal Year:</span>{{ fiscalYear }} </div> {% endif %} {% if category %} <div class="Investment__fiscalYear"> <span>Issue:</span>{{ category }} </div> {% endif %} </div> </div> </div> <div data-share-image="content" class="col-12 col-md-6 aspect-ratio-1x1 d-flex h-100 align-items-center"> <div class="Investment__contentCol d-flex h-100"> <div class="Investment__content pt-3 d-flex flex-column h-100"> <div class="Investment__contentOverflow"> <div class="RawHTML"> {{ summary | safe }} </div> {% if links | length %} <div class="Investment__linkSection"> {% for link in links %} {% if link.label | lower == 'twitter' %} <div data-twitter-embed="{{ link.url }}"></div> {% else %} <a class="Button Button--readMore" href="{{ link.url }}" target="_blank"> {{ link.label }} </a> {% endif %} {% endfor %} </div> {% endif %} </div> </div> </div> </div> </div>