<div class="px-2"> {# <div class="EventListItem__county Heading Heading--overline">{{ city }}, {{ state }}</div> #} <div class="EventListItem__title"> {% set title = title | replace("[", "<span>") | replace("]", "</span>") %} {{ title | safe }} </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 }} row no-gutters align-items-center"> {# To add an image specific class for enabling background images {{- ' Investment--withImage' if image }} #} <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 p-4"> {# {% if image %} <div class="Investment__titleBackground" style="background-image: url('{{ image }}')"></div> {% endif %} #} <div class="Investment__titleContent w-100"> <h2 class="Investment__title Heading Heading--h2"> {% set title = title | replace("[", "<div><span>") | replace("]", "</span></div>") %} {% if not county %} <div><span>Hawai‘i</span></div> {% endif %} {{ title | safe }} </h2> {% if summary %} <div class="Investment__summary"> In Partnership With Representative <span>{{ summary | safe }}</span> </div> {% endif %} </div> </div> </div> <div data-share-image="content" class="col-12 col-md aspect-ratio-1x1 d-flex h-100 align-items-center"> <div class="Investment__contentCol d-flex h-100"> <div class="Investment__content pt-4 d-flex flex-column h-100"> <div class="Investment__contentOverflow px-4 h-100 mb-3"> <div class="RawHTML"> {{ description | safe }} {% if relatedPressUrl %} <p> <a href="/{{ relatedPressUrl }}" target="_blank">Press Release</a> </p> {% endif %} </div> </div> </div> </div> </div> </div>