<div class="px-2"> {% if city %} <div class="EventListItem__overline"> <span class="EventListItem__city">{{ city }}</span> <span class="EventListItem__county">{{ county }} County</span> </div> {% endif %} <div class="EventListItem__title"> {% set title = title | replace("[", "") | replace("]", "") %} {{ 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"> {# 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"> <div class="Investment__city Heading Heading--overline"> <span>{{ city + ', MA' if city else 'Massachusetts'}}</span> </div> <h2 class="Investment__title Heading Heading--h2"> {% set title = title | replace("[", "<div><span>") | replace("]", "</span></div>") %} {{ 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-3 d-flex flex-column h-100"> <img class="Investment__logo mx-4 my-3" src="{{ '/assets/images/theme/map-logo.svg' }}" alt="Ed Markey's Delivering for Massachusetts Map logo"> <div class="Investment__contentOverflow px-4 h-100 mb-3"> <div class="RawHTML">{{ description | safe }}</div> </div> </div> </div> </div> </div>