PageSourceSearch

https://portsmouthnhtickets.com/

html portsmouthnhtickets.com collected 2026-09-29 03:43:31 UTC 427,281 bytes, 9,957 lines download raw bytes

1<!doctype html>
2<html lang="en">
3
4<head>
5	<meta charset="utf-8">
6	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7	
7<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
7
8	
8<script>
9		if (typeof(tailwind) === 'undefined') {
10			document.write('
10<script src="/js/tailwind-browser-4.min.js"><\/script>');
11		}
12	</script>
12
13
14	<title>PortsmouthNH Tickets</title>
15	<meta name="description" content="Discover events and more from PortsmouthNH Tickets" />
16	<meta property="og:description" content="Discover events and more from PortsmouthNH Tickets" />
17	
18	
18<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
18
19	
19<script>
20		window.jQuery || document.write('
20<script src="/js/jquery-3.5.1.min.js"><\/script>');
21	</script>
21
22
23	
23<script>
24		if (typeof(Popper) === 'undefined') {
25			document.write('
25<script src="/js/popper-1.16.1.min.js"><\/script>')
26		}
27	</script>
27
28
29	<!-- date range picker -->
30	
30<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
30
31	
31<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
31
32	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
33
34	
35	<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap"/>
36	<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons"/>
37	<link rel="stylesheet" type="text/css" href="/fancybox/source/jquery.fancybox.css?v=2.1.5"/>
38
39	
39<script type="text/javascript" src="/js/calendar-selector.1788259773.js"></script>
39
40	
40<script type="text/javascript" src="/js/jquery.detect_swipe.v2-1-3.1788259773.js"></script>
40
41	
41<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
41
42	
42<script type="text/javascript" src="/js/fade_header_background.1788259773.js"></script>
42
43<link href="/favicon.ico" type="image/x-icon" rel="icon"/><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon"/>
43<script type="text/javascript" src="/js/lazy_load_events.1788259773.js"></script>
43	<style>
44		a:hover,
45		a:active,
46		#featured-event-details .btn:hover,
47		#event-list .event .details .event-info a.toggle-summary-btn,
48		#featured-events-buttons a:hover,
49		#featured-events-buttons a:active,
50		#filter-nav-mobile #toggle-filters:link,
51		#event-list .event .btn,
52		#footer a:hover,
53		#event-list .event .event-info .toggle-summary-btn {
54			color: #999999;
55		}
56
57		#event-list .event .btn {
58			border-color: #999999;
59		}
60
61		#event-list .event .date-box .month,
62		#event-list .event .btn:hover,
63		.dark-theme #event-list .event .btn:hover,
64		#featured-event-details,
65		#featured-event-details .btn,
66		#nav-search button,
67		#mobile-nav-search button,
68		.dark-theme #featured-event-details .btn:hover {
69			background-color: #999999;
70		}
71
72		#featured-event-image {
73			background-image: linear-gradient(to bottom, #999999, rgba(0, 0, 0, 0.78));
74		}
75
76		@media (min-width: 576px) {
77			.partner-homepage__main,
78			.header__main-container,
79			.footer__container {
80				max-width: 540px;
81			}
82		}
83
84		@media (min-width: 768px) {
85			.partner-homepage__main,
86			.header__main-container,
87			.footer__container {
88				max-width: 720px;
89			}
90		}
91
92		@media (min-width: 992px) {
93			.partner-homepage__main,
94			.header__main-container,
95			.footer__container {
96				max-width: 960px;
97			}
98		}
99
100		@media (min-width: 1200px) {
101			.partner-homepage__main,
102			.header__main-container,
103			.footer__container {
104				max-width: 1140px;
105			}
106		}
107
108			</style>
109
110		
110<script>
111		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
112		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
113		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
114		})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
115						// first tracker
116				ga('create', '', 'auto', { allowLinker: true });
117			ga('set', 'dimension2', '678e9baa-9d88-4fbd-8c12-42bfac1a09da');
118ga('set', 'dimension4', 'PortsmouthNH Tickets');
119		ga('require', 'displayfeatures');
120		ga('require', 'linker');
121		ga('send', 'pageview');
122	</script>
122
123	
124	<!-- Google Tag Manager -->
125	
125<script>
vendor: 419 bytes, lines 125-139
125
126		(function(w, d, s, l, i) {
127			w[l] = w[l] || [];
128			w[l].push({
129				'gtm.start': new Date().getTime(),
130				event: 'gtm.js'
131			});
132			var f = d.getElementsByTagName(s)[0],
133				j = d.createElement(s),
134				dl = l != 'dataLayer' ? '&l=' + l : '';
135			j.async = true;
136			j.src =
137				'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
138			f.parentNode.insertBefore(j, f);
139		})(window, document, 'script', 'dataLayer', '
139GTM-PK8RCH
vendor: 5 bytes, lines 139-140
139');
140	
140</script>
140
141	<!-- End Google Tag Manager -->
142</head>
143
144<body class="partner-homepage__body light-theme min-h-[100vh] bg-white overflow-x-hidden flex flex-col">
145	<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 145-146
145
146	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
146GTM-PK8RCH
vendor: 87 bytes, lines 146-148
146"
147			height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
148	
148<!-- End Google Tag Manager (noscript) -->
149
150		<!-- End Google Tag Manager -->
151
152	
152<script>
153		window.fbAsyncInit = function() {
154			FB.init({
155				appId: '560814224053411',
156				xfbml: true,
157				version: 'v2.8'
158			});
159		};
160
161		(function(d, s, id) {
162			var js, fjs = d.getElementsByTagName(s)[0];
163			if (d.getElementById(id)) {
164				return;
165			}
166			js = d.createElement(s);
167			js.id = id;
168			js.src = "//connect.facebook.net/en_US/sdk.js";
169			fjs.parentNode.insertBefore(js, fjs);
170		}(document, 'script', 'facebook-jssdk'));
171	</script>
171
172
173	<header class="partner-homepage__header">
174			<nav id="header-fade" class="header fixed top-0 h-16 w-full z-10 bg-transparent transition-colors duration-300 [will-change:background-color] data-[scrolled=true]:bg-white partner-nav-light">
175		<div class="header__main-container mx-auto w-full max-w-[95%] sm:max-w-7xl flex items-center justify-between h-full px-4">
176			<a href="/" class="navbar-brand max-h-8 flex items-center"><img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1737399317/saas/partner-logos/portsmouthnh88275.webp" alt="PortsmouthNH Tickets" class="max-w-42 max-h-8"/></a>			<div class="header__help-container mr-0 sm:mr-4 shrink-0">
177				<a href="#help_content" class="header__help-link btn_help faq flex items-center gap-2 text-black hover:text-[#222] font-semibold whitespace-nowrap">
178					Need Help?
179				</a>
180			</div>
181		</div>
182	</nav>
183	</header>
184
185	<main role="main" class="partner-homepage__main flex-grow pb-32 pt-16 w-full mx-auto">
186		<div class="event-listing__logo text-center mx-auto w-full flex justify-center items-center pt-16 pb-16"><img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1737399317/saas/partner-logos/portsmouthnh88275.webp" class="logo h-auto max-h-[200px] w-auto max-w-[40%]" alt="PortsmouthNH Tickets"/></div><div class="filters filters--mobile fixed bottom-5 left-1/2 -translate-x-1/2 z-20 w-[min(95vw,680px)] flex flex-row items-center justify-center md:hidden">
187	
187<script>
188		let isFilterExpanded = false;
189
190		function toggleFilterState() {
191			isFilterExpanded = !isFilterExpanded;
192
193			const filterSmall = document.getElementById('mobile-filter-small');
194			const filterExpanded = document.getElementById('mobile-filter-expanded');
195
196			filterExpanded.classList.toggle('hidden', !isFilterExpanded);
197			filterSmall.classList.toggle('hidden', isFilterExpanded);
198		}
199	</script>
199
200
201	<!-- Compact Filter -->
202	<div id="mobile-filter-small" class="filters__group filters__group--search filters__group--mobile-compact h-11 w-6/10 gap-2 flex flex-row items-center justify-center">
203		<div class="filters__container filters__container--search filters__container--mobile-compact w-75/100 h-11 relative border bg-[#FFFFFF] text-[#010102] border-[#E6E9EA] rounded shadow-lg">
204			<form id="filter-search-mobile-small" class="filters__form filters__form--search filters__form--mobile-compact w-full h-full">
205								<input id="search-input-mobile-small" name="q" class="filters__input filters__input--search filters__input--mobile-compact w-full h-full px-3 pr-9 focus:outline-none focus:ring-0 text-sm bg-[#F7F8F8] text-black border-gray-200" type="text" placeholder="Search" aria-label="Search Event Name or Zip" value="">
206			</form>
207			<button class="filters__button filters__button--search filters__button--mobile-compact absolute top-3.5 right-2.5 cursor-pointer" onclick="document.getElementById('filter-search-mobile-small').submit();">
208				<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
209    <path fill="#4A4F59" d="M11.1291 9.87956H10.4707L10.2374 9.65456C11.0541 8.70456 11.5457 7.47122 11.5457 6.12956C11.5457 3.13789 9.12074 0.712891 6.12907 0.712891C3.1374 0.712891 0.712402 3.13789 0.712402 6.12956C0.712402 9.12122 3.1374 11.5462 6.12907 11.5462C7.47074 11.5462 8.70407 11.0546 9.65407 10.2379L9.87907 10.4712V11.1296L14.0457 15.2879L15.2874 14.0462L11.1291 9.87956ZM6.12907 9.87956C4.05407 9.87956 2.37907 8.20456 2.37907 6.12956C2.37907 4.05456 4.05407 2.37956 6.12907 2.37956C8.20407 2.37956 9.87907 4.05456 9.87907 6.12956C9.87907 8.20456 8.20407 9.87956 6.12907 9.87956Z" />
210</svg>			</button>
211		</div>
212		<button onclick="toggleFilterState()" class="filters__button filters__button--toggle filters__button--mobile-compact w-11 h-11 bg-[#2563EA] rounded flex items-center justify-center cursor-pointer hover:bg-[#1d4ed8] shadow-lg">
213			<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
214    <path d="M0.545721 1.67467C2.22905 3.83301 5.33739 7.83301 5.33739 7.83301V12.833C5.33739 13.2913 5.71239 13.6663 6.17072 13.6663H7.83739C8.29572 13.6663 8.67072 13.2913 8.67072 12.833V7.83301C8.67072 7.83301 11.7707 3.83301 13.4541 1.67467C13.8791 1.12467 13.4874 0.333008 12.7957 0.333008H1.20405C0.512388 0.333008 0.120721 1.12467 0.545721 1.67467Z" fill="white"/>
215</svg>		</button>
216	</div>
217	<!-- Expanded Filter -->
218	<div id="mobile-filter-expanded" class="filters__group filters__group--expanded filters__group--mobile-expanded w-95/100 gap-2 flex flex-col items-center justify-center hidden">
219		<div class="filters__group filters__group--search filters__group--mobile-expanded h-11 w-full gap-2 flex flex-row items-center justify-center">
220			<div class="filters__container filters__container--search filters__container--mobile-expanded w-75/100 h-11 relative border bg-[#FFFFFF] text-[#010102] border-[#E6E9EA] rounded shadow-lg">
221				<form id="filter-search-mobile-expanded" class="filters__form filters__form--search filters__form--mobile-expanded w-full h-full">
222										<input id="search-input-mobile-expanded" name="q" class="filters__input filters__input--search filters__input--mobile-expanded w-full h-full px-3 pr-9 focus:outline-none focus:ring-0 text-sm bg-[#F7F8F8] text-black border-gray-200" type="text" placeholder="Search Event Name or Zip" aria-label="Search" value="">
223				</form>
224				<button class="filters__button filters__button--search filters__button--mobile-expanded absolute top-3.5 right-2.5 cursor-pointer" onclick="document.getElementById('filter-search-mobile-expanded').submit();">
225					<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
226    <path fill="#4A4F59" d="M11.1291 9.87956H10.4707L10.2374 9.65456C11.0541 8.70456 11.5457 7.47122 11.5457 6.12956C11.5457 3.13789 9.12074 0.712891 6.12907 0.712891C3.1374 0.712891 0.712402 3.13789 0.712402 6.12956C0.712402 9.12122 3.1374 11.5462 6.12907 11.5462C7.47074 11.5462 8.70407 11.0546 9.65407 10.2379L9.87907 10.4712V11.1296L14.0457 15.2879L15.2874 14.0462L11.1291 9.87956ZM6.12907 9.87956C4.05407 9.87956 2.37907 8.20456 2.37907 6.12956C2.37907 4.05456 4.05407 2.37956 6.12907 2.37956C8.20407 2.37956 9.87907 4.05456 9.87907 6.12956C9.87907 8.20456 8.20407 9.87956 6.12907 9.87956Z" />
227</svg>				</button>
228			</div>
229			<button onclick="toggleFilterState()" class="filters__button filters__button--toggle filters__button--mobile-expanded w-11 h-11 bg-[#2563EA] rounded flex items-center justify-center cursor-pointer hover:bg-[#1d4ed8] shadow-lg">
230				<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
231	<path d="M17.3333 1.84199L12.925 6.25033L15.6666 9.00033H8.99996V2.33366L11.7416 5.07533L16.1583 0.666992L17.3333 1.84199ZM1.84163 17.3337L6.24996 12.9253L8.99996 15.667V9.00033H2.33329L5.07496 11.742L0.666626 16.1587L1.84163 17.3337Z" fill="white"/>
232</svg>			</button>
233		</div>
234
235		<div class="filters__group filters__group--category-organization filters__group--mobile-expanded flex flex-row items-center justify-between w-full gap-2 px-5">
236			<div id="categories-container" class="filters__container filters__container--category filters__container--mobile-expanded relative w-48/100">
237				<div class="input select"><select name="data[type]" id="typeTopicSelectNavMobile" class="filters__input filters__input--category filters__input--mobile-expanded w-full h-11 shadow-lg rounded-md flex-1 text-xs border-transparent border outline py-2 text-center [text-align-last:center] [-webkit-text-align-last:center] [-webkit-appearance:none] appearance-none cursor-pointer bg-[#F7F8F8] text-black outline-gray-200" onchange="filterByTopic(this);" aria-label="Select Category">
238<option value="">Categories</option>
239<option value="topic:business">Business</option>
240<option value="topic:charity">Charity &amp; Causes</option>
241<option value="topic:comedy">Comedy</option>
242<option value="topic:concert">Concert</option>
243<option value="topic:convention">Convention</option>
244<option value="topic:fair">Fair</option>
245<option value="topic:festival">Festival</option>
246<option value="topic:film">Film</option>
247<option value="topic:fine-arts">Fine Arts</option>
248<option value="topic:food-drink">Food &amp; Drink</option>
249<option value="topic:holiday">Holiday</option>
250<option value="topic:music">Live Music</option>
251<option value="topic:nightlife">Nightlife</option>
252<option value="topic:nonprofit">Non Profit</option>
253<option value="topic:other">Other</option>
254<option value="topic:private">Private Event</option>
255<option value="topic:rodeo">Rodeo</option>
256<option value="topic:sport">Sports</option>
257<option value="topic:theater">Theater</option>
258<option value="topic:virtual-events">Virtual Events</option>
259<option value="topic:wellness">Wellness</option>
260</select></div>			</div>
261							<div id="organization-container" class="filters__container filters__container--organization filters__container--mobile-expanded">
262					<div class="input select"><select name="data[org]" id="organizationListMobile" class="filters__input filters__input--organization filters__input--mobile-expanded h-11 shadow-lg text-center w-full rounded-md text-xs border-r-8 border-transparent border outline py-2 px-3 bg-[#F7F8F8] text-[#010102] outline-gray-200" onchange="event.preventDefault(); filterByOrganization(this);" aria-label="Select Organization">
263<option value="">Organization</option>
264<option value="67a275f6-744c-41b2-ac28-00130a1e600f">Bright &amp; Lyon Productions</option>
265<option value="67b24ef5-174c-4572-80c1-00340a1e60d5">Kittery Art Association</option>
266<option value="67a27ddd-057c-4fe9-87f0-00140a1e60fc">Kittery Community Center</option>
267<option value="67a519e7-1368-4cc8-89f8-18b10a1e6088">Millspace</option>
268<option value="67a27f92-6e98-47a1-8542-25b60a1e63a6">New Hampshire Theatre Project</option>
269<option value="67a27ff8-2cfc-409a-b837-49a90a1e6324">Portsmouth Gas Light Co.</option>
270<option value="67a2858a-7814-414e-be43-00150a1e6392">Rockingham Ballroom</option>
271<option value="67a28650-71d4-461f-8412-00430a1e63ee">St. John’s Episcopal Church</option>
272<option value="686691c2-93c4-440e-8a33-39410a1e6173">The Press Room</option>
273<option value="67b3a79e-b9b0-45eb-a083-00130a1e63bf">The Well Cultivated Life</option>
274<option value="67a2a8f3-a740-442a-9a71-286a0a1e63f4">WSCA Portsmouth Community Radio</option>
275</select></div>
275				</div>
276					</div>
277
278		<div id="date-range-container" class="filters__container filters__container--date filters__container--mobile-expanded relative w-9/10 bg-[#F7F8F8] text-[#010102] rounded-md">
279			<div class="filters__icon filters__icon--date filters__icon--mobile-expanded absolute pl-3 left-[30%] top-1/2 -translate-y-1/2 -translate-x-1/2">
280				<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
281	<path d="M16 4H14.5V3.25C14.5 3.05109 14.421 2.86032 14.2803 2.71967C14.1397 2.57902 13.9489 2.5 13.75 2.5C13.5511 2.5 13.3603 2.57902 13.2197 2.71967C13.079 2.86032 13 3.05109 13 3.25V4H10.75V3.25C10.75 3.05109 10.671 2.86032 10.5303 2.71967C10.3897 2.57902 10.1989 2.5 10 2.5C9.80109 2.5 9.61032 2.57902 9.46967 2.71967C9.32902 2.86032 9.25 3.05109 9.25 3.25V4H7V3.25C7 3.05109 6.92098 2.86032 6.78033 2.71967C6.63968 2.57902 6.44891 2.5 6.25 2.5C6.05109 2.5 5.86032 2.57902 5.71967 2.71967C5.57902 2.86032 5.5 3.05109 5.5 3.25V4H4C3.60218 4 3.22064 4.15804 2.93934 4.43934C2.65804 4.72064 2.5 5.10218 2.5 5.5V16C2.5 16.3978 2.65804 16.7794 2.93934 17.0607C3.22064 17.342 3.60218 17.5 4 17.5H16C16.3978 17.5 16.7794 17.342 17.0607 17.0607C17.342 16.7794 17.5 16.3978 17.5 16V5.5C17.5 5.10218 17.342 4.72064 17.0607 4.43934C16.7794 4.15804 16.3978 4 16 4ZM5.5 5.5C5.5 5.69891 5.57902 5.88968 5.71967 6.03033C5.86032 6.17098 6.05109 6.25 6.25 6.25C6.44891 6.25 6.63968 6.17098 6.78033 6.03033C6.92098 5.88968 7 5.69891 7 5.5H9.25C9.25 5.69891 9.32902 5.88968 9.46967 6.03033C9.61032 6.17098 9.80109 6.25 10 6.25C10.1989 6.25 10.3897 6.17098 10.5303 6.03033C10.671 5.88968 10.75 5.69891 10.75 5.5H13C13 5.69891 13.079 5.88968 13.2197 6.03033C13.3603 6.17098 13.5511 6.25 13.75 6.25C13.9489 6.25 14.1397 6.17098 14.2803 6.03033C14.421 5.88968 14.5 5.69891 14.5 5.5H16V7H4V5.5H5.5ZM4 16V8.5H16V16H4Z" fill="currentColor" />
282	<path d="M13.75 10H6.25C6.05109 10 5.86032 10.079 5.71967 10.2197C5.57902 10.3603 5.5 10.5511 5.5 10.75C5.5 10.9489 5.57902 11.1397 5.71967 11.2803C5.86032 11.421 6.05109 11.5 6.25 11.5H13.75C13.9489 11.5 14.1397 11.421 14.2803 11.2803C14.421 11.1397 14.5 10.9489 14.5 10.75C14.5 10.5511 14.421 10.3603 14.2803 10.2197C14.1397 10.079 13.9489 10 13.75 10Z" fill="currentColor" />
283</svg>			</div>
284			<input type="text" id="daterangeMobile" name="daterange" class="filters__input filters__input--date filters__input--mobile-expanded text-center shadow-lg h-11 w-full rounded-md text-xs border py-2 px-3 bg-[#F7F8F8] text-[#010102] border-gray-200" value="View all dates" aria-label="Date Range">
285		</div>
286	</div>
287</div><div class="filters filters--desktop md:flex flex-col items-center justify-between w-full md:max-w-95/100 xl:max-w-7xl mx-auto pt-8 hidden">
288	<div id="filter-nav" class="filters__container filters__container--desktop md:flex-wrap flex flex-row pb-3 items-center justify-between gap-2 w-full">
289		<!-- Category and Search  -->
290		<div class="filters__group filters__group--category-search filters__group--desktop flex flex-row items-center justify-start gap-1.5 flex-1 min-w-0">
291			<div class="filters__category-search-container filters__category-search-container--desktop flex items-center w-auto">
292				<div class="filters__category filters__category--desktop group relative inline-block w-auto shrink-0">
293					<select name="data[type]" id="typeTopicSelectNav" class="filters__input filters__input--category filters__input--desktop appearance-none w-auto max-[992px]:max-w-[120px] rounded-l-md text-xs border-transparent border py-2 px-3 pr-8 outline truncate bg-white text-black outline-gray-200" onchange="filterByTopic(this);" aria-label="Select Category">
294<option value="">Categories</option>
295<option value="topic:business">Business</option>
296<option value="topic:charity">Charity &amp; Causes</option>
297<option value="topic:comedy">Comedy</option>
298<option value="topic:concert">Concert</option>
299<option value="topic:convention">Convention</option>
300<option value="topic:fair">Fair</option>
301<option value="topic:festival">Festival</option>
302<option value="topic:film">Film</option>
303<option value="topic:fine-arts">Fine Arts</option>
304<option value="topic:food-drink">Food &amp; Drink</option>
305<option value="topic:holiday">Holiday</option>
306<option value="topic:music">Live Music</option>
307<option value="topic:nightlife">Nightlife</option>
308<option value="topic:nonprofit">Non Profit</option>
309<option value="topic:other">Other</option>
310<option value="topic:private">Private Event</option>
311<option value="topic:rodeo">Rodeo</option>
312<option value="topic:sport">Sports</option>
313<option value="topic:theater">Theater</option>
314<option value="topic:virtual-events">Virtual Events</option>
315<option value="topic:wellness">Wellness</option>
316</select>					<svg class="pointer-events-none absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2
317						text-black"
318						viewBox="0 0 20 20" aria-hidden="true" focusable="false">
319						<path d="M6 8l4 4 4-4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
320					</svg>
321				</div>
322				<form id="filter-search" class="filters__search filters__search--desktop flex-none min-w-[165px] min-[1200px]:min-w-[230px]">
323										<input
324						id="search-input"
325						name="q"
326						class="filters__input filters__input--search filters__input--desktop border border-transparent w-full rounded-r-md text-xs outline py-2 px-3 bg-[#F7F8F8] text-black outline-gray-200"
327						type="text"
328						placeholder="Search Event Name or Zip"
329						aria-label="Search Event Name or Zip"
330						value="">
331				</form>
332			</div>
333			<button class="filters__search-btn filters__search-btn--desktop flex items-center justify-center bg-[#999999] hover:bg-[#999999]/70 cursor-pointer rounded-md px-2 size-9" onclick="document.getElementById('filter-search').submit();">
334				<div class="filters__icon filters__icon--search filters__icon--desktop text-xs text-white">
335					<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
336    <path fill="white" d="M11.1291 9.87956H10.4707L10.2374 9.65456C11.0541 8.70456 11.5457 7.47122 11.5457 6.12956C11.5457 3.13789 9.12074 0.712891 6.12907 0.712891C3.1374 0.712891 0.712402 3.13789 0.712402 6.12956C0.712402 9.12122 3.1374 11.5462 6.12907 11.5462C7.47074 11.5462 8.70407 11.0546 9.65407 10.2379L9.87907 10.4712V11.1296L14.0457 15.2879L15.2874 14.0462L11.1291 9.87956ZM6.12907 9.87956C4.05407 9.87956 2.37907 8.20456 2.37907 6.12956C2.37907 4.05456 4.05407 2.37956 6.12907 2.37956C8.20407 2.37956 9.87907 4.05456 9.87907 6.12956C9.87907 8.20456 8.20407 9.87956 6.12907 9.87956Z" />
337</svg>				</div>
338			</button>
339			<!-- View Toggle Button -->
340			<button id="view-toggle-btn" class="filters__view-toggle filters__view-toggle--desktop flex items-center justify-start rounded-md px-1 py-2 cursor-pointer text-xs bg-white text-black" onclick="toggleView()">
341				<span id="grid-icon" class="filters__icon filters__icon--grid filters__icon--desktop mr-1">
342					<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
343	<path d="M3 3H10V10H3V3Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
344	<path d="M14 3H21V10H14V3Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
345	<path d="M3 14H10V21H3V14Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
346	<path d="M14 14H21V21H14V14Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
347</svg>				</span>
348				<span id="grid-text" class="filters__view-toggle-text filters__view-toggle-text--desktop">Grid View</span>
349				<span id="list-icon" class="filters__icon filters__icon--list filters__icon--desktop mr-1 hidden">
350					<svg width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
351	<path d="M0.5 5.83301H2.16667V4.16634H0.5V5.83301ZM0.5 9.16634H2.16667V7.49967H0.5V9.16634ZM0.5 2.49967H2.16667V0.833008H0.5V2.49967ZM3.83333 5.83301H15.5V4.16634H3.83333V5.83301ZM3.83333 9.16634H15.5V7.49967H3.83333V9.16634ZM3.83333 0.833008V2.49967H15.5V0.833008H3.83333ZM0.5 5.83301H2.16667V4.16634H0.5V5.83301ZM0.5 9.16634H2.16667V7.49967H0.5V9.16634ZM0.5 2.49967H2.16667V0.833008H0.5V2.49967ZM3.83333 5.83301H15.5V4.16634H3.83333V5.83301ZM3.83333 9.16634H15.5V7.49967H3.83333V9.16634ZM3.83333 0.833008V2.49967H15.5V0.833008H3.83333Z" fill="#4A4F59"/>
352</svg>				</span>
353				<span id="list-text" class="filters__view-toggle-text filters__view-toggle-text--desktop hidden">List View</span>
354			</button>
355		</div>
356
357		<!-- Date and Organization -->
358		<div class="filters__group filters__group--date-org filters__group--desktop flex flex-row gap-2">
359			<div id="date-range-container" class="filters__date-container filters__date-container--desktop relative bg-[#F7F8F8] text-[#010102] flex-none items-center rounded-md">
360				<div class="filters__icon filters__icon--date absolute pl-3 left-3 top-1/2 -translate-y-1/2 -translate-x-1/2">
361					<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
362	<path d="M16 4H14.5V3.25C14.5 3.05109 14.421 2.86032 14.2803 2.71967C14.1397 2.57902 13.9489 2.5 13.75 2.5C13.5511 2.5 13.3603 2.57902 13.2197 2.71967C13.079 2.86032 13 3.05109 13 3.25V4H10.75V3.25C10.75 3.05109 10.671 2.86032 10.5303 2.71967C10.3897 2.57902 10.1989 2.5 10 2.5C9.80109 2.5 9.61032 2.57902 9.46967 2.71967C9.32902 2.86032 9.25 3.05109 9.25 3.25V4H7V3.25C7 3.05109 6.92098 2.86032 
3626.78033 2.71967C6.63968 2.57902 6.44891 2.5 6.25 2.5C6.05109 2.5 5.86032 2.57902 5.71967 2.71967C5.57902 2.86032 5.5 3.05109 5.5 3.25V4H4C3.60218 4 3.22064 4.15804 2.93934 4.43934C2.65804 4.72064 2.5 5.10218 2.5 5.5V16C2.5 16.3978 2.65804 16.7794 2.93934 17.0607C3.22064 17.342 3.60218 17.5 4 17.5H16C16.3978 17.5 16.7794 17.342 17.0607 17.0607C17.342 16.7794 17.5 16.3978 17.5 16V5.5C17.5 5.10218 17.342 4.72064 17.0607 4.43934C16.7794 4.15804 16.3978 4 16 4ZM5.5 5.5C5.5 5.69891 5.57902 5.88968 5.71967 6.03033C5.86032 6.17098 6.05109 6.25 6.25 6.25C6.44891 6.25 6.63968 6.17098 6.78033 6.03033C6.92098 5.88968 7 5.69891 7 5.5H9.25C9.25 5.69891 9.32902 5.88968 9.46967 6.03033C9.61032 6.17098 9.80109 6.25 10 6.25C10.1989 6.25 10.3897 6.17098 10.5303 6.03033C10.671 5.88968 10.75 5.69891 10.75 5.5H13C13 5.69891 13.079 5.88968 13.2197 6.03033C13.3603 6.17098 13.5511 6.25 13.75 6.25C13.9489 6.25 14.1397 6.17098 14.2803 6.03033C14.421 5.88968 14.5 5.69891 14.5 5.5H16V7H4V5.5H5.5ZM4 16V8.5H16V16H4Z" fill="currentColor" />
363	<path d="M13.75 10H6.25C6.05109 10 5.86032 10.079 5.71967 10.2197C5.57902 10.3603 5.5 10.5511 5.5 10.75C5.5 10.9489 5.57902 11.1397 5.71967 11.2803C5.86032 11.421 6.05109 11.5 6.25 11.5H13.75C13.9489 11.5 14.1397 11.421 14.2803 11.2803C14.421 11.1397 14.5 10.9489 14.5 10.75C14.5 10.5511 14.421 10.3603 14.2803 10.2197C14.1397 10.079 13.9489 10 13.75 10Z" fill="currentColor" />
364</svg>				</div>
365				<input type="text" id="daterange" name="daterange" class="filters__input filters__input--date filters__input--desktop w-auto rounded-md text-xs border-transparent border outline py-2 px-3 max-[992px]:max-w-[120px] bg-[#F7F8F8] text-[#010102] outline-gray-200 cursor-pointer pl-8" value="Date Range" aria-label="Date Range">
366			</div>
367
368							<div class="filters__organization-container filters__organization-container--desktop group relative inline-block">
369					<select name="data[org]" id="organizationList" class="filters__input filters__input--organization filters__input--desktop appearance-none w-auto rounded-md text-xs border-transparent border outline py-2 px-3 pr-8 truncate max-[992px]:max-w-[120px] bg-[#F7F8F8] text-[#010102] outline-gray-200" onchange="event.preventDefault(); filterByOrganization(this);" aria-label="Select Organization">
370<option value="">Organization</option>
371<option value="67a275f6-744c-41b2-ac28-00130a1e600f">Bright &amp; Lyon Productions</option>
372<option value="67b24ef5-174c-4572-80c1-00340a1e60d5">Kittery Art Association</option>
373<option value="67a27ddd-057c-4fe9-87f0-00140a1e60fc">Kittery Community Center</option>
374<option value="67a519e7-1368-4cc8-89f8-18b10a1e6088">Millspace</option>
375<option value="67a27f92-6e98-47a1-8542-25b60a1e63a6">New Hampshire Theatre Project</option>
376<option value="67a27ff8-2cfc-409a-b837-49a90a1e6324">Portsmouth Gas Light Co.</option>
377<option value="67a2858a-7814-414e-be43-00150a1e6392">Rockingham Ballroom</option>
378<option value="67a28650-71d4-461f-8412-00430a1e63ee">St. John’s Episcopal Church</option>
379<option value="686691c2-93c4-440e-8a33-39410a1e6173">The Press Room</option>
380<option value="67b3a79e-b9b0-45eb-a083-00130a1e63bf">The Well Cultivated Life</option>
381<option value="67a2a8f3-a740-442a-9a71-286a0a1e63f4">WSCA Portsmouth Community Radio</option>
382</select>					<svg class="pointer-events-none absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2
383						text-black"
384						viewBox="0 0 20 20" aria-hidden="true" focusable="false">
385						<path d="M6 8l4 4 4-4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
386					</svg>
387				</div>
388					</div>
389	</div>
390</div>
391<div id="event-list-container" class="group view-list event-listing__container flex flex-col items-start justify-start mt-4 md:mt-0 w-full md:max-w-[95%] xl:max-w-7xl mx-auto border rounded-lg bg-[#F7F8F8]  text-[#010102] border-[#E6E9EA]">
392    <div class="event-listing__header font-semibold text-xl w-full rounded-t-lg py-4 px-6 shadow-sm bg-[#FFFFFF]  text-[#010102] border-[#E6E9EA]">
393        Upcoming Events
394    </div>
395
396    <div id="events-container" aria-live="polite" class="event-listing__events-container w-full justify-evenly items-start
397        grid grid-cols-1 gap-y-6 p-4
398        md:group-[.view-grid]:grid-cols-[repeat(auto-fill,minmax(360px,0fr))]
399        md:group-[.view-grid]:gap-4
400        md:group-[.view-grid]:px-0 md:group-[.view-grid]:py-6
401        md:group-[.view-list]:flex
402        md:group-[.view-list]:flex-col
403        md:group-[.view-list]:divide-y">
404        
405<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
406			md:group-[.view-list]:flex-row
407			md:group-[.view-list]:items-center
408			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
409			md:group-[.view-list]:mb-0
410			md:group-[.view-list]:pb-6
411			md:group-[.view-grid]:w-75
412			md:group-[.view-grid]:min-h-90.5
413			md:group-[.view-grid]:mb-5">
414
415	<!-- Image -->
416	<a href="/e/oliver-wood-solo-tour" class="appearance-none">
417		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1785870442/saas/logos/image_1785870437061_xpmdds71t.webp"
418			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
419					md:group-[.view-list]:aspect-auto
420					md:group-[.view-list]:min-h-[125px]
421					md:group-[.view-list]:w-[125px]
422					md:group-[.view-list]:h-auto
423					md:group-[.view-list]:max-h-[167px]
424					md:group-[.view-list]:mr-6
425					md:group-[.view-list]:mb-0">
426	</a>
427
428	<!-- Text area -->
429	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
430				md:group-[.view-list]:px-0
431				md:group-[.view-list]:justify-center">
432
433		<a href="/e/oliver-wood-solo-tour" class="text-base font-bold
434					md:group-[.view-grid]:text-clip
435					md:group-[.view-grid]:max-w-120">
436			Oliver Wood		</a>
437
438		<div class="text-sm md:group-[.view-grid]:text-base">
439			Tuesday, Sep 29, 2026 from 5:00 PM to 7:00 PM		</div>
440
441		<div class="text-xs">
442			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
443
444		<!-- More details link shows only in list -->
445		<a href="/e/oliver-wood-solo-tour" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
446			More details
447		</a>
448	</div>
449
450	<!-- Action block -->
451	<div class="event-card__actions flex justify-between items-center px-5
452				md:group-[.view-grid]:mt-2
453				md:group-[.view-grid]:flex-row
454				md:group-[.view-list]:flex-col
455				md:group-[.view-list]:gap-2
456				md:group-[.view-list]:items-end
457				md:group-[.view-list]:justify-center">
458
459		<!-- More details link shows only in grid -->
460		<a href="/e/oliver-wood-solo-tour"
461			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
462			More details
463		</a>
464
465		<a href="https://tickets.thewordbarn.com/e/oliver-wood" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Oliver Wood">Tickets</a>	</div>
466</div>
467
468<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
469			md:group-[.view-list]:flex-row
470			md:group-[.view-list]:items-center
471			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
472			md:group-[.view-list]:mb-0
473			md:group-[.view-list]:pb-6
474			md:group-[.view-grid]:w-75
475			md:group-[.view-grid]:min-h-90.5
476			md:group-[.view-grid]:mb-5">
477
478	<!-- Image -->
479	<a href="/e/oliver-wood-solo-tour-2" class="appearance-none">
480		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1785870442/saas/logos/image_1785870437061_xpmdds71t.webp"
481			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
482					md:group-[.view-list]:aspect-auto
483					md:group-[.view-list]:min-h-[125px]
484					md:group-[.view-list]:w-[125px]
485					md:group-[.view-list]:h-auto
486					md:group-[.view-list]:max-h-[167px]
487					md:group-[.view-list]:mr-6
488					md:group-[.view-list]:mb-0">
489	</a>
490
491	<!-- Text area -->
492	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
493				md:group-[.view-list]:px-0
494				md:group-[.view-list]:justify-center">
495
496		<a href="/e/oliver-wood-solo-tour-2" class="text-base font-bold
497					md:group-[.view-grid]:text-clip
498					md:group-[.view-grid]:max-w-120">
499			Oliver Wood		</a>
500
501		<div class="text-sm md:group-[.view-grid]:text-base">
502			Tuesday, Sep 29, 2026 from 8:00 PM to 10:00 PM		</div>
503
504		<div class="text-xs">
505			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
506
507		<!-- More details link shows only in list -->
508		<a href="/e/oliver-wood-solo-tour-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
509			More details
510		</a>
511	</div>
512
513	<!-- Action block -->
514	<div class="event-card__actions flex justify-between items-center px-5
515				md:group-[.view-grid]:mt-2
516				md:group-[.view-grid]:flex-row
517				md:group-[.view-list]:flex-col
518				md:group-[.view-list]:gap-2
519				md:group-[.view-list]:items-end
520				md:group-[.view-list]:justify-center">
521
522		<!-- More details link shows only in grid -->
523		<a href="/e/oliver-wood-solo-tour-2"
524			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
525			More details
526		</a>
527
528		<a href="https://tickets.thewordbarn.com/e/oliver-wood-2" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Oliver Wood">Tickets</a>	</div>
529</div>
530
531<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
532			md:group-[.view-list]:flex-row
533			md:group-[.view-list]:items-center
534			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
535			md:group-[.view-list]:mb-0
536			md:group-[.view-list]:pb-6
537			md:group-[.view-grid]:w-75
538			md:group-[.view-grid]:min-h-90.5
539			md:group-[.view-grid]:mb-5">
540
541	<!-- Image -->
542	<a href="/e/congregation-x-earthkit" class="appearance-none">
543		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788396738/saas/logos/image_1788396729812_3psbdtii1.webp"
544			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
545					md:group-[.view-list]:aspect-auto
546					md:group-[.view-list]:min-h-[125px]
547					md:group-[.view-list]:w-[125px]
548					md:group-[.view-list]:h-auto
549					md:group-[.view-list]:max-h-[167px]
550					md:group-[.view-list]:mr-6
551					md:group-[.view-list]:mb-0">
552	</a>
553
554	<!-- Text area -->
555	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
556				md:group-[.view-list]:px-0
557				md:group-[.view-list]:justify-center">
558
559		<a href="/e/congregation-x-earthkit" class="text-base font-bold
560					md:group-[.view-grid]:text-clip
561					md:group-[.view-grid]:max-w-120">
562			Congregation X &amp; Earthkit		</a>
563
564		<div class="text-sm md:group-[.view-grid]:text-base">
565			Wednesday, Sep 30, 2026 at 8:00 PM		</div>
566
567		<div class="text-xs">
568			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
569
570		<!-- More details link shows only in list -->
571		<a href="/e/congregation-x-earthkit" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
572			More details
573		</a>
574	</div>
575
576	<!-- Action block -->
577	<div class="event-card__actions flex justify-between items-center px-5
578				md:group-[.view-grid]:mt-2
579				md:group-[.view-grid]:flex-row
580				md:group-[.view-list]:flex-col
581				md:group-[.view-list]:gap-2
582				md:group-[.view-list]:items-end
583				md:group-[.view-list]:justify-center">
584
585		<!-- More details link shows only in grid -->
586		<a href="/e/congregation-x-earthkit"
587			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
588			More details
589		</a>
590
591		<a href="/e/congregation-x-earthkit/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Congregation X & Earthkit">Tickets</a>	</div>
592</div>
593
594<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
595			md:group-[.view-list]:flex-row
596			md:group-[.view-list]:items-center
597			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
598			md:group-[.view-list]:mb-0
599			md:group-[.view-list]:pb-6
600			md:group-[.view-grid]:w-75
601			md:group-[.view-grid]:min-h-90.5
602			md:group-[.view-grid]:mb-5">
603
604	<!-- Image -->
605	<a href="/e/not-yer-mamas-july-drag-show-3" class="appearance-none">
606		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1774754472/saas/logos/image_1774754462459_mk2polzjq.webp"
607			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
608					md:group-[.view-list]:aspect-auto
609					md:group-[.view-list]:min-h-[125px]
610					md:group-[.view-list]:w-[125px]
611					md:group-[.view-list]:h-auto
612					md:group-[.view-list]:max-h-[167px]
613					md:group-[.view-list]:mr-6
614					md:group-[.view-list]:mb-0">
615	</a>
616
617	<!-- Text area -->
618	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
619				md:group-[.view-list]:px-0
620				md:group-[.view-list]:justify-center">
621
622		<a href="/e/not-yer-mamas-july-drag-show-3" class="text-base font-bold
623					md:group-[.view-grid]:text-clip
624					md:group-[.view-grid]:max-w-120">
625			Not Yer Mama&#039;s October Drag Show		</a>
626
627		<div class="text-sm md:group-[.view-grid]:text-base">
628			Thursday, Oct  1, 2026 from 7:00 PM to 10:00 PM		</div>
629
630		<div class="text-xs">
631			<span class="data-location-address">909 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
632
633		<!-- More details link shows only in list -->
634		<a href="/e/not-yer-mamas-july-drag-show-3" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
635			More details
636		</a>
637	</div>
638
639	<!-- Action block -->
640	<div class="event-card__actions flex justify-between items-center px-5
641				md:group-[.view-grid]:mt-2
642				md:group-[.view-grid]:flex-row
643				md:group-[.view-list]:flex-col
644				md:group-[.view-list]:gap-2
645				md:group-[.view-list]:items-end
646				md:group-[.view-list]:justify-center">
647
648		<!-- More details link shows only in grid -->
649		<a href="/e/not-yer-mamas-july-drag-show-3"
650			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
651			More details
652		</a>
653
654		<a href="/e/not-yer-mamas-july-drag-show-3/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Not Yer Mama's October Drag Show">Tickets</a>	</div>
655</div>
656
657<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
658			md:group-[.view-list]:flex-row
659			md:group-[.view-list]:items-center
660			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
661			md:group-[.view-list]:mb-0
662			md:group-[.view-list]:pb-6
663			md:group-[.view-grid]:w-75
664			md:group-[.view-grid]:min-h-90.5
665			md:group-[.view-grid]:mb-5">
666
667	<!-- Image -->
668	<a href="/e/walk-that-walk-oct" class="appearance-none">
669		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788885061/saas/logos/image_1788885054050_zlfqh4x7y.webp"
670			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
671					md:group-[.view-list]:aspect-auto
672					md:group-[.view-list]:min-h-[125px]
673					md:group-[.view-list]:w-[125px]
674					md:group-[.view-list]:h-auto
675					md:group-[.view-list]:max-h-[167px]
676					md:group-[.view-list]:mr-6
677					md:group-[.view-list]:mb-0">
678	</a>
679
680	<!-- Text area -->
681	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
682				md:group-[.view-list]:px-0
683				md:group-[.view-list]:justify-center">
684
685		<a href="/e/walk-that-walk-oct" class="text-base font-bold
686					md:group-[.view-grid]:text-clip
687					md:group-[.view-grid]:max-w-120">
688			Walk That Walk		</a>
689
690		<div class="text-sm md:group-[.view-grid]:text-base">
691			Friday, Oct  2, 2026 from 7:00 PM to 9:00 PM		</div>
692
693		<div class="text-xs">
694			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
695
696		<!-- More details link shows only in list -->
697		<a href="/e/walk-that-walk-oct" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
698			More details
699		</a>
700	</div>
701
702	<!-- Action block -->
703	<div class="event-card__actions flex justify-between items-center px-5
704				md:group-[.view-grid]:mt-2
705				md:group-[.view-grid]:flex-row
706				md:group-[.view-list]:flex-col
707				md:group-[.view-list]:gap-2
708				md:group-[.view-list]:items-end
709				md:group-[.view-list]:justify-center">
710
711		<!-- More details link shows only in grid -->
712		<a href="/e/walk-that-walk-oct"
713			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
714			More details
715		</a>
716
717		<a href="/e/walk-that-walk-oct/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Walk That Walk">Tickets</a>	</div>
718</div>
719
720<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
721			md:group-[.view-list]:flex-row
722			md:group-[.view-list]:items-center
723			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
724			md:group-[.view-list]:mb-0
725			md:group-[.view-list]:pb-6
726			md:group-[.view-grid]:w-75
727			md:group-[.view-grid]:min-h-90.5
728			md:group-[.view-grid]:mb-5">
729
730	<!-- Image -->
731	<a href="/e/sharon-jones-2" class="appearance-none">
732		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1781552262/saas/logos/image_1781552252054_gl2vsuxlx.webp"
733			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
734					md:group-[.view-list]:aspect-auto
735					md:group-[.view-list]:min-h-[125px]
736					md:group-[.view-list]:w-[125px]
737					md:group-[.view-list]:h-auto
738					md:group-[.view-list]:max-h-[167px]
739					md:group-[.view-list]:mr-6
740					md:group-[.view-list]:mb-0">
741	</a>
742
743	<!-- Text area -->
744	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
745				md:group-[.view-list]:px-0
746				md:group-[.view-list]:justify-center">
747
748		<a href="/e/sharon-jones-2" class="text-base font-bold
749					md:group-[.view-grid]:text-clip
750					md:group-[.view-grid]:max-w-120">
751			Sharon Jones		</a>
752
753		<div class="text-sm md:group-[.view-grid]:text-base">
754			Friday, Oct  2, 2026 at 7:00 PM		</div>
755
756		<div class="text-xs">
757			<span class="data-location-address">The Star Theatre, </span><span class="data-location-city">Kittery, </span><span class="data-location-state">ME</span>		</div>
758
759		<!-- More details link shows only in list -->
760		<a href="/e/sharon-jones-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
761			More details
762		</a>
763	</div>
764
765	<!-- Action block -->
766	<div class="event-card__actions flex justify-between items-center px-5
767				md:group-[.view-grid]:mt-2
768				md:group-[.view-grid]:flex-row
769				md:group-[.view-list]:flex-col
770				md:group-[.view-list]:gap-2
771				md:group-[.view-list]:items-end
772				md:group-[.view-list]:justify-center">
773
774		<!-- More details link shows only in grid -->
775		<a href="/e/sharon-jones-2"
776			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
777			More details
778		</a>
779
780		<a href="/e/sharon-jones-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Sharon Jones">Tickets</a>	</div>
781</div>
782
783<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
784			md:group-[.view-list]:flex-row
785			md:group-[.view-list]:items-center
786			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
787			md:group-[.view-list]:mb-0
788			md:group-[.view-list]:pb-6
789			md:group-[.view-grid]:w-75
790			md:group-[.view-grid]:min-h-90.5
791			md:group-[.view-grid]:mb-5">
792
793	<!-- Image -->
794	<a href="/e/anthony-vito-fiandaca-mac-brooks-greg-pappas" class="appearance-none">
795		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788275775/saas/logos/image_1788275767381_g1jg2m1gh.webp"
796			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
797					md:group-[.view-list]:aspect-auto
798					md:group-[.view-list]:min-h-[125px]
799					md:group-[.view-list]:w-[125px]
800					md:group-[.view-list]:h-auto
801					md:group-[.view-list]:max-h-[167px]
802					md:group-[.view-list]:mr-6
803					md:group-[.view-list]:mb-0">
804	</a>
805
806	<!-- Text area -->
807	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
808				md:group-[.view-list]:px-0
809				md:group-[.view-list]:justify-center">
810
811		<a href="/e/anthony-vito-fiandaca-mac-brooks-greg-pappas" class="text-base font-bold
812					md:group-[.view-grid]:text-clip
813					md:group-[.view-grid]:max-w-120">
814			Anthony Vito Fiandaca, Mac Brooks, &amp; Greg Pappas		</a>
815
816		<div class="text-sm md:group-[.view-grid]:text-base">
817			Friday, Oct  2, 2026 at 7:00 PM		</div>
818
819		<div class="text-xs">
820			<span class="data-location-address">Button Factory Stage, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
821
822		<!-- More details link shows only in list -->
823		<a href="/e/anthony-vito-fiandaca-mac-brooks-greg-pappas" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
824			More details
825		</a>
826	</div>
827
828	<!-- Action block -->
829	<div class="event-card__actions flex justify-between items-center px-5
830				md:group-[.view-grid]:mt-2
831				md:group-[.view-grid]:flex-row
832				md:group-[.view-list]:flex-col
833				md:group-[.view-list]:gap-2
834				md:group-[.view-list]:items-end
835				md:group-[.view-list]:justify-center">
836
837		<!-- More details link shows only in grid -->
838		<a href="/e/anthony-vito-fiandaca-mac-brooks-greg-pappas"
839			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
840			More details
841		</a>
842
843		<a href="/e/anthony-vito-fiandaca-mac-brooks-greg-pappas/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Anthony Vito Fiandaca, Mac Brooks, & Greg Pappas">Tickets</a>	</div>
844</div>
845
846<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
847			md:group-[.view-list]:flex-row
848			md:group-[.view-list]:items-center
849			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
850			md:group-[.view-list]:mb-0
851			md:group-[.view-list]:pb-6
852			md:group-[.view-grid]:w-75
853			md:group-[.view-grid]:min-h-90.5
854			md:group-[.view-grid]:mb-5">
855
856	<!-- Image -->
857	<a href="/e/hedwig-and-the-angry-inch-7" class="appearance-none">
858		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1770821315/saas/logos/image_1770821308786_ujit6l1dy.webp"
859			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
860					md:group-[.view-list]:aspect-auto
861					md:group-[.view-list]:min-h-[125px]
862					md:group-[.view-list]:w-[125px]
863					md:group-[.view-list]:h-auto
864					md:group-[.view-list]:max-h-[167px]
865					md:group-[.view-list]:mr-6
866					md:group-[.view-list]:mb-0">
867	</a>
868
869	<!-- Text area -->
870	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
871				md:group-[.view-list]:px-0
872				md:group-[.view-list]:justify-center">
873
874		<a href="/e/hedwig-and-the-angry-inch-7" class="text-base font-bold
875					md:group-[.view-grid]:text-clip
876					md:group-[.view-grid]:max-w-120">
877			Hedwig and the Angry Inch		</a>
878
879		<div class="text-sm md:group-[.view-grid]:text-base">
880			Friday, Oct  2, 2026 at 7:30 PM		</div>
881
882		<div class="text-xs">
883			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
884
885		<!-- More details link shows only in list -->
886		<a href="/e/hedwig-and-the-angry-inch-7" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
887			More details
888		</a>
889	</div>
890
891	<!-- Action block -->
892	<div class="event-card__actions flex justify-between items-center px-5
893				md:group-[.view-grid]:mt-2
894				md:group-[.view-grid]:flex-row
895				md:group-[.view-list]:flex-col
896				md:group-[.view-list]:gap-2
897				md:group-[.view-list]:items-end
898				md:group-[.view-list]:justify-center">
899
900		<!-- More details link shows only in grid -->
901		<a href="/e/hedwig-and-the-angry-inch-7"
902			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
903			More details
904		</a>
905
906		<a href="/e/hedwig-and-the-angry-inch-7/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Hedwig and the Angry Inch">Tickets</a>	</div>
907</div>
908
909<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
910			md:group-[.view-list]:flex-row
911			md:group-[.view-list]:items-center
912			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
913			md:group-[.view-list]:mb-0
914			md:group-[.view-list]:pb-6
915			md:group-[.view-grid]:w-75
916			md:group-[.view-grid]:min-h-90.5
917			md:group-[.view-grid]:mb-5">
918
919	<!-- Image -->
920	<a href="/e/ramen-rave-w-dj-soup" class="appearance-none">
921		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786737763/saas/logos/image_1786737756231_pdw53s7kh.webp"
922			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
923					md:group-[.view-list]:aspect-auto
924					md:group-[.view-list]:min-h-[125px]
925					md:group-[.view-list]:w-[125px]
926					md:group-[.view-list]:h-auto
927					md:group-[.view-list]:max-h-[167px]
928					md:group-[.view-list]:mr-6
929					md:group-[.view-list]:mb-0">
930	</a>
931
932	<!-- Text area -->
933	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
934				md:group-[.view-list]:px-0
935				md:group-[.view-list]:justify-center">
936
937		<a href="/e/ramen-rave-w-dj-soup" class="text-base font-bold
938					md:group-[.view-grid]:text-clip
939					md:group-[.view-grid]:max-w-120">
940			RAMEN RAVE w/ DJ SOUP		</a>
941
942		<div class="text-sm md:group-[.view-grid]:text-base">
943			Friday, Oct  2, 2026 at 10:00 PM to Saturday, Oct  3, 2026		</div>
944
945		<div class="text-xs">
946			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
947
948		<!-- More details link shows only in list -->
949		<a href="/e/ramen-rave-w-dj-soup" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
950			More details
951		</a>
952	</div>
953
954	<!-- Action block -->
955	<div class="event-card__actions flex justify-between items-center px-5
956				md:group-[.view-grid]:mt-2
957				md:group-[.view-grid]:flex-row
958				md:group-[.view-list]:flex-col
959				md:group-[.view-list]:gap-2
960				md:group-[.view-list]:items-end
961				md:group-[.view-list]:justify-center">
962
963		<!-- More details link shows only in grid -->
964		<a href="/e/ramen-rave-w-dj-soup"
965			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
966			More details
967		</a>
968
969		<a href="/e/ramen-rave-w-dj-soup/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - RAMEN RAVE w/ DJ SOUP">Tickets</a>	</div>
970</div>
971
972<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
973			md:group-[.view-list]:flex-row
974			md:group-[.view-list]:items-center
975			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
976			md:group-[.view-list]:mb-0
977			md:group-[.view-list]:pb-6
978			md:group-[.view-grid]:w-75
979			md:group-[.view-grid]:min-h-90.5
980			md:group-[.view-grid]:mb-5">
981
982	<!-- Image -->
983	<a href="/e/hedwig-and-the-angry-inch-12" class="appearance-none">
984		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771194688/saas/logos/image_1771194651608_s650c3evu.webp"
985			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
986					md:group-[.view-list]:aspect-auto
987					md:group-[.view-list]:min-h-[125px]
988					md:group-[.view-list]:w-[125px]
989					md:group-[.view-list]:h-auto
990					md:group-[.view-list]:max-h-[167px]
991					md:group-[.view-list]:mr-6
992					md:group-[.view-list]:mb-0">
993	</a>
994
995	<!-- Text area -->
996	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
997				md:group-[.view-list]:px-0
998				md:group-[.view-list]:justify-center">
999
1000		<a href="/e/hedwig-and-the-angry-inch-12" class="text-base font-bold
1001					md:group-[.view-grid]:text-clip
1002					md:group-[.view-grid]:max-w-120">
1003			Hedwig and the Angry Inch		</a>
1004
1005		<div class="text-sm md:group-[.view-grid]:text-base">
1006			Saturday, Oct  3, 2026 at 2:00 PM		</div>
1007
1008		<div class="text-xs">
1009			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
1010
1011		<!-- More details link shows only in list -->
1012		<a href="/e/hedwig-and-the-angry-inch-12" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1013			More details
1014		</a>
1015	</div>
1016
1017	<!-- Action block -->
1018	<div class="event-card__actions flex justify-between items-center px-5
1019				md:group-[.view-grid]:mt-2
1020				md:group-[.view-grid]:flex-row
1021				md:group-[.view-list]:flex-col
1022				md:group-[.view-list]:gap-2
1023				md:group-[.view-list]:items-end
1024				md:group-[.view-list]:justify-center">
1025
1026		<!-- More details link shows only in grid -->
1027		<a href="/e/hedwig-and-the-angry-inch-12"
1028			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1029			More details
1030		</a>
1031
1032		<a href="/e/hedwig-and-the-angry-inch-12/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Hedwig and the Angry Inch">Tickets</a>	</div>
1033</div>
1034
1035<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1036			md:group-[.view-list]:flex-row
1037			md:group-[.view-list]:items-center
1038			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1039			md:group-[.view-list]:mb-0
1040			md:group-[.view-list]:pb-6
1041			md:group-[.view-grid]:w-75
1042			md:group-[.view-grid]:min-h-90.5
1043			md:group-[.view-grid]:mb-5">
1044
1045	<!-- Image -->
1046	<a href="/e/play-readings-for-grown-ups-presents-crimes-of-the" class="appearance-none">
1047		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786722958/saas/logos/image_1786722936477_nrcfnw9at.webp"
1048			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1049					md:group-[.view-list]:aspect-auto
1050					md:group-[.view-list]:min-h-[125px]
1051					md:group-[.view-list]:w-[125px]
1052					md:group-[.view-list]:h-auto
1053					md:group-[.view-list]:max-h-[167px]
1054					md:group-[.view-list]:mr-6
1055					md:group-[.view-list]:mb-0">
1056	</a>
1057
1058	<!-- Text area -->
1059	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1060				md:group-[.view-list]:px-0
1061				md:group-[.view-list]:justify-center">
1062
1063		<a href="/e/play-readings-for-grown-ups-presents-crimes-of-the" class="text-base font-bold
1064					md:group-[.view-grid]:text-clip
1065					md:group-[.view-grid]:max-w-120">
1066			Play Readings for Grown-ups Presents: Crimes of the Heart		</a>
1067
1068		<div class="text-sm md:group-[.view-grid]:text-base">
1069			Saturday, Oct  3, 2026 at 4:00 PM		</div>
1070
1071		<div class="text-xs">
1072			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
1073
1074		<!-- More details link shows only in list -->
1075		<a href="/e/play-readings-for-grown-ups-presents-crimes-of-the" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1076			More details
1077		</a>
1078	</div>
1079
1080	<!-- Action block -->
1081	<div class="event-card__actions flex justify-between items-center px-5
1082				md:group-[.view-grid]:mt-2
1083				md:group-[.view-grid]:flex-row
1084				md:group-[.view-list]:flex-col
1085				md:group-[.view-list]:gap-2
1086				md:group-[.view-list]:items-end
1087				md:group-[.view-list]:justify-center">
1088
1089		<!-- More details link shows only in grid -->
1090		<a href="/e/play-readings-for-grown-ups-presents-crimes-of-the"
1091			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1092			More details
1093		</a>
1094
1095		<a href="/e/play-readings-for-grown-ups-presents-crimes-of-the/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Play Readings for Grown-ups Presents: Crimes of the Heart">Tickets</a>	</div>
1096</div>
1097
1098<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1099			md:group-[.view-list]:flex-row
1100			md:group-[.view-list]:items-center
1101			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1102			md:group-[.view-list]:mb-0
1103			md:group-[.view-list]:pb-6
1104			md:group-[.view-grid]:w-75
1105			md:group-[.view-grid]:min-h-90.5
1106			md:group-[.view-grid]:mb-5">
1107
1108	<!-- Image -->
1109	<a href="/e/the-21st-annual-i-gotta-rock-show-feat-kong-moon-r" class="appearance-none">
1110		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790032555/saas/logos/image_1790032543798_n8rzknhsb.webp"
1111			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1112					md:group-[.view-list]:aspect-auto
1113					md:group-[.view-list]:min-h-[125px]
1114					md:group-[.view-list]:w-[125px]
1115					md:group-[.view-list]:h-auto
1116					md:group-[.view-list]:max-h-[167px]
1117					md:group-[.view-list]:mr-6
1118					md:group-[.view-list]:mb-0">
1119	</a>
1120
1121	<!-- Text area -->
1122	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1123				md:group-[.view-list]:px-0
1124				md:group-[.view-list]:justify-center">
1125
1126		<a href="/e/the-21st-annual-i-gotta-rock-show-feat-kong-moon-r" class="text-base font-bold
1127					md:group-[.view-grid]:text-clip
1128					md:group-[.view-grid]:max-w-120">
1129			The 21st Annual (I Gotta) Rock! Show feat. Kong Moon, Replaced By Robots, &amp; Moon Snails		</a>
1130
1131		<div class="text-sm md:group-[.view-grid]:text-base">
1132			Saturday, Oct  3, 2026 at 6:00 PM		</div>
1133
1134		<div class="text-xs">
1135			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
1136
1137		<!-- More details link shows only in list -->
1138		<a href="/e/the-21st-annual-i-gotta-rock-show-feat-kong-moon-r" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1139			More details
1140		</a>
1141	</div>
1142
1143	<!-- Action block -->
1144	<div class="event-card__actions flex justify-between items-center px-5
1145				md:group-[.view-grid]:mt-2
1146				md:group-[.view-grid]:flex-row
1147				md:group-[.view-list]:flex-col
1148				md:group-[.view-list]:gap-2
1149				md:group-[.view-list]:items-end
1150				md:group-[.view-list]:justify-center">
1151
1152		<!-- More details link shows only in grid -->
1153		<a href="/e/the-21st-annual-i-gotta-rock-show-feat-kong-moon-r"
1154			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1155			More details
1156		</a>
1157
1158		<a href="/e/the-21st-annual-i-gotta-rock-show-feat-kong-moon-r/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The 21st Annual (I Gotta) Rock! Show feat. Kong Moon, Replaced By Robots, & Moon Snails">Tickets</a>	</div>
1159</div>
1160
1161<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1162			md:group-[.view-list]:flex-row
1163			md:group-[.view-list]:items-center
1164			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1165			md:group-[.view-list]:mb-0
1166			md:group-[.view-list]:pb-6
1167			md:group-[.view-grid]:w-75
1168			md:group-[.view-grid]:min-h-90.5
1169			md:group-[.view-grid]:mb-5">
1170
1171	<!-- Image -->
1172	<a href="/e/october-comedy-night-at-the-ballroom-2" class="appearance-none">
1173		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789434440/saas/logos/image_1789434429430_xf9um0uuh.webp"
1174			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1175					md:group-[.view-list]:aspect-auto
1176					md:group-[.view-list]:min-h-[125px]
1177					md:group-[.view-list]:w-[125px]
1178					md:group-[.view-list]:h-auto
1179					md:group-[.view-list]:max-h-[167px]
1180					md:group-[.view-list]:mr-6
1181					md:group-[.view-list]:mb-0">
1182	</a>
1183
1184	<!-- Text area -->
1185	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1186				md:group-[.view-list]:px-0
1187				md:group-[.view-list]:justify-center">
1188
1189		<a href="/e/october-comedy-night-at-the-ballroom-2" class="text-base font-bold
1190					md:group-[.view-grid]:text-clip
1191					md:group-[.view-grid]:max-w-120">
1192			October Comedy, Live Music &amp; Open Mic		</a>
1193
1194		<div class="text-sm md:group-[.view-grid]:text-base">
1195			Saturday, Oct  3, 2026 from 7:00 PM to 11:30 PM		</div>
1196
1197		<div class="text-xs">
1198			<span class="data-location-address">Rockingham Ballroom, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
1199
1200		<!-- More details link shows only in list -->
1201		<a href="/e/october-comedy-night-at-the-ballroom-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1202			More details
1203		</a>
1204	</div>
1205
1206	<!-- Action block -->
1207	<div class="event-card__actions flex justify-between items-center px-5
1208				md:group-[.view-grid]:mt-2
1209				md:group-[.view-grid]:flex-row
1210				md:group-[.view-list]:flex-col
1211				md:group-[.view-list]:gap-2
1212				md:group-[.view-list]:items-end
1213				md:group-[.view-list]:justify-center">
1214
1215		<!-- More details link shows only in grid -->
1216		<a href="/e/october-comedy-night-at-the-ballroom-2"
1217			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1218			More details
1219		</a>
1220
1221		<a href="/e/october-comedy-night-at-the-ballroom-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - October Comedy, Live Music & Open Mic">Tickets</a>	</div>
1222</div>
1223
1224<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1225			md:group-[.view-list]:flex-row
1226			md:group-[.view-list]:items-center
1227			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1228			md:group-[.view-list]:mb-0
1229			md:group-[.view-list]:pb-6
1230			md:group-[.view-grid]:w-75
1231			md:group-[.view-grid]:min-h-90.5
1232			md:group-[.view-grid]:mb-5">
1233
1234	<!-- Image -->
1235	<a href="/e/cosy-sheridan-with-kent-allyn-charlie-koch" class="appearance-none">
1236		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786809127/saas/logos/image_1786809111
1236585_ljjtd5akg.webp"
1237			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1238					md:group-[.view-list]:aspect-auto
1239					md:group-[.view-list]:min-h-[125px]
1240					md:group-[.view-list]:w-[125px]
1241					md:group-[.view-list]:h-auto
1242					md:group-[.view-list]:max-h-[167px]
1243					md:group-[.view-list]:mr-6
1244					md:group-[.view-list]:mb-0">
1245	</a>
1246
1247	<!-- Text area -->
1248	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1249				md:group-[.view-list]:px-0
1250				md:group-[.view-list]:justify-center">
1251
1252		<a href="/e/cosy-sheridan-with-kent-allyn-charlie-koch" class="text-base font-bold
1253					md:group-[.view-grid]:text-clip
1254					md:group-[.view-grid]:max-w-120">
1255			Cosy Sheridan with Kent Allyn &amp; Charlie Koch		</a>
1256
1257		<div class="text-sm md:group-[.view-grid]:text-base">
1258			Saturday, Oct  3, 2026 at 7:00 PM		</div>
1259
1260		<div class="text-xs">
1261			<span class="data-location-address">Kittery Art Association, </span><span class="data-location-city">Kittery, </span><span class="data-location-state">ME</span>		</div>
1262
1263		<!-- More details link shows only in list -->
1264		<a href="/e/cosy-sheridan-with-kent-allyn-charlie-koch" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1265			More details
1266		</a>
1267	</div>
1268
1269	<!-- Action block -->
1270	<div class="event-card__actions flex justify-between items-center px-5
1271				md:group-[.view-grid]:mt-2
1272				md:group-[.view-grid]:flex-row
1273				md:group-[.view-list]:flex-col
1274				md:group-[.view-list]:gap-2
1275				md:group-[.view-list]:items-end
1276				md:group-[.view-list]:justify-center">
1277
1278		<!-- More details link shows only in grid -->
1279		<a href="/e/cosy-sheridan-with-kent-allyn-charlie-koch"
1280			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1281			More details
1282		</a>
1283
1284		<a href="/e/cosy-sheridan-with-kent-allyn-charlie-koch/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Cosy Sheridan with Kent Allyn & Charlie Koch">Tickets</a>	</div>
1285</div>
1286
1287<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1288			md:group-[.view-list]:flex-row
1289			md:group-[.view-list]:items-center
1290			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1291			md:group-[.view-list]:mb-0
1292			md:group-[.view-list]:pb-6
1293			md:group-[.view-grid]:w-75
1294			md:group-[.view-grid]:min-h-90.5
1295			md:group-[.view-grid]:mb-5">
1296
1297	<!-- Image -->
1298	<a href="/e/hedwig-and-the-angry-inch-8" class="appearance-none">
1299		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1770821334/saas/logos/image_1770821319551_2e01nblht.webp"
1300			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1301					md:group-[.view-list]:aspect-auto
1302					md:group-[.view-list]:min-h-[125px]
1303					md:group-[.view-list]:w-[125px]
1304					md:group-[.view-list]:h-auto
1305					md:group-[.view-list]:max-h-[167px]
1306					md:group-[.view-list]:mr-6
1307					md:group-[.view-list]:mb-0">
1308	</a>
1309
1310	<!-- Text area -->
1311	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1312				md:group-[.view-list]:px-0
1313				md:group-[.view-list]:justify-center">
1314
1315		<a href="/e/hedwig-and-the-angry-inch-8" class="text-base font-bold
1316					md:group-[.view-grid]:text-clip
1317					md:group-[.view-grid]:max-w-120">
1318			Hedwig and the Angry Inch		</a>
1319
1320		<div class="text-sm md:group-[.view-grid]:text-base">
1321			Saturday, Oct  3, 2026 at 7:30 PM		</div>
1322
1323		<div class="text-xs">
1324			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
1325
1326		<!-- More details link shows only in list -->
1327		<a href="/e/hedwig-and-the-angry-inch-8" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1328			More details
1329		</a>
1330	</div>
1331
1332	<!-- Action block -->
1333	<div class="event-card__actions flex justify-between items-center px-5
1334				md:group-[.view-grid]:mt-2
1335				md:group-[.view-grid]:flex-row
1336				md:group-[.view-list]:flex-col
1337				md:group-[.view-list]:gap-2
1338				md:group-[.view-list]:items-end
1339				md:group-[.view-list]:justify-center">
1340
1341		<!-- More details link shows only in grid -->
1342		<a href="/e/hedwig-and-the-angry-inch-8"
1343			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1344			More details
1345		</a>
1346
1347		<a href="/e/hedwig-and-the-angry-inch-8/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Hedwig and the Angry Inch">Tickets</a>	</div>
1348</div>
1349
1350<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1351			md:group-[.view-list]:flex-row
1352			md:group-[.view-list]:items-center
1353			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1354			md:group-[.view-list]:mb-0
1355			md:group-[.view-list]:pb-6
1356			md:group-[.view-grid]:w-75
1357			md:group-[.view-grid]:min-h-90.5
1358			md:group-[.view-grid]:mb-5">
1359
1360	<!-- Image -->
1361	<a href="/e/dj-jam-n-2" class="appearance-none">
1362		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789861520/saas/logos/image_1789861514710_35t3h6an9.webp"
1363			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1364					md:group-[.view-list]:aspect-auto
1365					md:group-[.view-list]:min-h-[125px]
1366					md:group-[.view-list]:w-[125px]
1367					md:group-[.view-list]:h-auto
1368					md:group-[.view-list]:max-h-[167px]
1369					md:group-[.view-list]:mr-6
1370					md:group-[.view-list]:mb-0">
1371	</a>
1372
1373	<!-- Text area -->
1374	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1375				md:group-[.view-list]:px-0
1376				md:group-[.view-list]:justify-center">
1377
1378		<a href="/e/dj-jam-n-2" class="text-base font-bold
1379					md:group-[.view-grid]:text-clip
1380					md:group-[.view-grid]:max-w-120">
1381			DJ JAM!N		</a>
1382
1383		<div class="text-sm md:group-[.view-grid]:text-base">
1384			Saturday, Oct  3, 2026 at 10:30 PM to Sunday, Oct  4, 2026		</div>
1385
1386		<div class="text-xs">
1387			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
1388
1389		<!-- More details link shows only in list -->
1390		<a href="/e/dj-jam-n-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1391			More details
1392		</a>
1393	</div>
1394
1395	<!-- Action block -->
1396	<div class="event-card__actions flex justify-between items-center px-5
1397				md:group-[.view-grid]:mt-2
1398				md:group-[.view-grid]:flex-row
1399				md:group-[.view-list]:flex-col
1400				md:group-[.view-list]:gap-2
1401				md:group-[.view-list]:items-end
1402				md:group-[.view-list]:justify-center">
1403
1404		<!-- More details link shows only in grid -->
1405		<a href="/e/dj-jam-n-2"
1406			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1407			More details
1408		</a>
1409
1410		<a href="/e/dj-jam-n-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - DJ JAM!N">Tickets</a>	</div>
1411</div>
1412
1413<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1414			md:group-[.view-list]:flex-row
1415			md:group-[.view-list]:items-center
1416			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1417			md:group-[.view-list]:mb-0
1418			md:group-[.view-list]:pb-6
1419			md:group-[.view-grid]:w-75
1420			md:group-[.view-grid]:min-h-90.5
1421			md:group-[.view-grid]:mb-5">
1422
1423	<!-- Image -->
1424	<a href="/e/andrew-emanuels-30th-birthday-party-feat-patrick-b" class="appearance-none">
1425		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790637796/saas/logos/image_1790637780839_m7w751c1c.webp"
1426			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1427					md:group-[.view-list]:aspect-auto
1428					md:group-[.view-list]:min-h-[125px]
1429					md:group-[.view-list]:w-[125px]
1430					md:group-[.view-list]:h-auto
1431					md:group-[.view-list]:max-h-[167px]
1432					md:group-[.view-list]:mr-6
1433					md:group-[.view-list]:mb-0">
1434	</a>
1435
1436	<!-- Text area -->
1437	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1438				md:group-[.view-list]:px-0
1439				md:group-[.view-list]:justify-center">
1440
1441		<a href="/e/andrew-emanuels-30th-birthday-party-feat-patrick-b" class="text-base font-bold
1442					md:group-[.view-grid]:text-clip
1443					md:group-[.view-grid]:max-w-120">
1444			Andrew Emanuel&#039;s 30th Birthday Party Feat. Patrick Bartley Jr.		</a>
1445
1446		<div class="text-sm md:group-[.view-grid]:text-base">
1447			Sunday, Oct  4, 2026 at 1:00 PM		</div>
1448
1449		<div class="text-xs">
1450			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
1451
1452		<!-- More details link shows only in list -->
1453		<a href="/e/andrew-emanuels-30th-birthday-party-feat-patrick-b" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1454			More details
1455		</a>
1456	</div>
1457
1458	<!-- Action block -->
1459	<div class="event-card__actions flex justify-between items-center px-5
1460				md:group-[.view-grid]:mt-2
1461				md:group-[.view-grid]:flex-row
1462				md:group-[.view-list]:flex-col
1463				md:group-[.view-list]:gap-2
1464				md:group-[.view-list]:items-end
1465				md:group-[.view-list]:justify-center">
1466
1467		<!-- More details link shows only in grid -->
1468		<a href="/e/andrew-emanuels-30th-birthday-party-feat-patrick-b"
1469			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1470			More details
1471		</a>
1472
1473		<a href="/e/andrew-emanuels-30th-birthday-party-feat-patrick-b/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Andrew Emanuel's 30th Birthday Party Feat. Patrick Bartley Jr.">Tickets</a>	</div>
1474</div>
1475
1476<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1477			md:group-[.view-list]:flex-row
1478			md:group-[.view-list]:items-center
1479			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1480			md:group-[.view-list]:mb-0
1481			md:group-[.view-list]:pb-6
1482			md:group-[.view-grid]:w-75
1483			md:group-[.view-grid]:min-h-90.5
1484			md:group-[.view-grid]:mb-5">
1485
1486	<!-- Image -->
1487	<a href="/e/hedwig-and-the-angry-inch-9" class="appearance-none">
1488		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1770821334/saas/logos/image_1770821328134_mgqosvo74.webp"
1489			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1490					md:group-[.view-list]:aspect-auto
1491					md:group-[.view-list]:min-h-[125px]
1492					md:group-[.view-list]:w-[125px]
1493					md:group-[.view-list]:h-auto
1494					md:group-[.view-list]:max-h-[167px]
1495					md:group-[.view-list]:mr-6
1496					md:group-[.view-list]:mb-0">
1497	</a>
1498
1499	<!-- Text area -->
1500	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1501				md:group-[.view-list]:px-0
1502				md:group-[.view-list]:justify-center">
1503
1504		<a href="/e/hedwig-and-the-angry-inch-9" class="text-base font-bold
1505					md:group-[.view-grid]:text-clip
1506					md:group-[.view-grid]:max-w-120">
1507			Hedwig and the Angry Inch		</a>
1508
1509		<div class="text-sm md:group-[.view-grid]:text-base">
1510			Sunday, Oct  4, 2026 at 2:00 PM		</div>
1511
1512		<div class="text-xs">
1513			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
1514
1515		<!-- More details link shows only in list -->
1516		<a href="/e/hedwig-and-the-angry-inch-9" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1517			More details
1518		</a>
1519	</div>
1520
1521	<!-- Action block -->
1522	<div class="event-card__actions flex justify-between items-center px-5
1523				md:group-[.view-grid]:mt-2
1524				md:group-[.view-grid]:flex-row
1525				md:group-[.view-list]:flex-col
1526				md:group-[.view-list]:gap-2
1527				md:group-[.view-list]:items-end
1528				md:group-[.view-list]:justify-center">
1529
1530		<!-- More details link shows only in grid -->
1531		<a href="/e/hedwig-and-the-angry-inch-9"
1532			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1533			More details
1534		</a>
1535
1536		<a href="/e/hedwig-and-the-angry-inch-9/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Hedwig and the Angry Inch">Tickets</a>	</div>
1537</div>
1538
1539<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1540			md:group-[.view-list]:flex-row
1541			md:group-[.view-list]:items-center
1542			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1543			md:group-[.view-list]:mb-0
1544			md:group-[.view-list]:pb-6
1545			md:group-[.view-grid]:w-75
1546			md:group-[.view-grid]:min-h-90.5
1547			md:group-[.view-grid]:mb-5">
1548
1549	<!-- Image -->
1550	<a href="/e/play-readings-for-grown-ups-presents-crimes-of-t-2" class="appearance-none">
1551		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786722958/saas/logos/image_1786722936477_nrcfnw9at.webp"
1552			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1553					md:group-[.view-list]:aspect-auto
1554					md:group-[.view-list]:min-h-[125px]
1555					md:group-[.view-list]:w-[125px]
1556					md:group-[.view-list]:h-auto
1557					md:group-[.view-list]:max-h-[167px]
1558					md:group-[.view-list]:mr-6
1559					md:group-[.view-list]:mb-0">
1560	</a>
1561
1562	<!-- Text area -->
1563	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1564				md:group-[.view-list]:px-0
1565				md:group-[.view-list]:justify-center">
1566
1567		<a href="/e/play-readings-for-grown-ups-presents-crimes-of-t-2" class="text-base font-bold
1568					md:group-[.view-grid]:text-clip
1569					md:group-[.view-grid]:max-w-120">
1570			Play Readings for Grown-ups Presents: Crimes of the Heart		</a>
1571
1572		<div class="text-sm md:group-[.view-grid]:text-base">
1573			Sunday, Oct  4, 2026 from 2:30 PM to 4:30 PM		</div>
1574
1575		<div class="text-xs">
1576			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
1577
1578		<!-- More details link shows only in list -->
1579		<a href="/e/play-readings-for-grown-ups-presents-crimes-of-t-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1580			More details
1581		</a>
1582	</div>
1583
1584	<!-- Action block -->
1585	<div class="event-card__actions flex justify-between items-center px-5
1586				md:group-[.view-grid]:mt-2
1587				md:group-[.view-grid]:flex-row
1588				md:group-[.view-list]:flex-col
1589				md:group-[.view-list]:gap-2
1590				md:group-[.view-list]:items-end
1591				md:group-[.view-list]:justify-center">
1592
1593		<!-- More details link shows only in grid -->
1594		<a href="/e/play-readings-for-grown-ups-presents-crimes-of-t-2"
1595			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1596			More details
1597		</a>
1598
1599		<a href="/e/play-readings-for-grown-ups-presents-crimes-of-t-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Play Readings for Grown-ups Presents: Crimes of the Heart">Tickets</a>	</div>
1600</div>
1601
1602<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1603			md:group-[.view-list]:flex-row
1604			md:group-[.view-list]:items-center
1605			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1606			md:group-[.view-list]:mb-0
1607			md:group-[.view-list]:pb-6
1608			md:group-[.view-grid]:w-75
1609			md:group-[.view-grid]:min-h-90.5
1610			md:group-[.view-grid]:mb-5">
1611
1612	<!-- Image -->
1613	<a href="/e/saguaro-ep-release-show" class="appearance-none">
1614		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789670725/saas/logos/image_1789670716992_gkqua2c00.webp"
1615			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1616					md:group-[.view-list]:aspect-auto
1617					md:group-[.view-list]:min-h-[125px]
1618					md:group-[.view-list]:w-[125px]
1619					md:group-[.view-list]:h-auto
1620					md:group-[.view-list]:max-h-[167px]
1621					md:group-[.view-list]:mr-6
1622					md:group-[.view-list]:mb-0">
1623	</a>
1624
1625	<!-- Text area -->
1626	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1627				md:group-[.view-list]:px-0
1628				md:group-[.view-list]:justify-center">
1629
1630		<a href="/e/saguaro-ep-release-show" class="text-base font-bold
1631					md:group-[.view-grid]:text-clip
1632					md:group-[.view-grid]:max-w-120">
1633			Saguaro EP RELEASE SHOW w/ Acid Wash		</a>
1634
1635		<div class="text-sm md:group-[.view-grid]:text-base">
1636			Sunday, Oct  4, 2026 at 7:00 PM		</div>
1637
1638		<div class="text-xs">
1639			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
1640
1641		<!-- More details link shows only in list -->
1642		<a href="/e/saguaro-ep-release-show" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1643			More details
1644		</a>
1645	</div>
1646
1647	<!-- Action block -->
1648	<div class="event-card__actions flex justify-between items-center px-5
1649				md:group-[.view-grid]:mt-2
1650				md:group-[.view-grid]:flex-row
1651				md:group-[.view-list]:flex-col
1652				md:group-[.view-list]:gap-2
1653				md:group-[.view-list]:items-end
1654				md:group-[.view-list]:justify-center">
1655
1656		<!-- More details link shows only in grid -->
1657		<a href="/e/saguaro-ep-release-show"
1658			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1659			More details
1660		</a>
1661
1662		<a href="/e/saguaro-ep-release-show/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Saguaro EP RELEASE SHOW w/ Acid Wash">Tickets</a>	</div>
1663</div>
1664
1665<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1666			md:group-[.view-list]:flex-row
1667			md:group-[.view-list]:items-center
1668			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1669			md:group-[.view-list]:mb-0
1670			md:group-[.view-list]:pb-6
1671			md:group-[.view-grid]:w-75
1672			md:group-[.view-grid]:min-h-90.5
1673			md:group-[.view-grid]:mb-5">
1674
1675	<!-- Image -->
1676	<a href="/e/two-thousands-insomniadicts-behave-endure" class="appearance-none">
1677		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788286572/saas/logos/image_1788286553781_hhnrxzc9i.webp"
1678			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1679					md:group-[.view-list]:aspect-auto
1680					md:group-[.view-list]:min-h-[125px]
1681					md:group-[.view-list]:w-[125px]
1682					md:group-[.view-list]:h-auto
1683					md:group-[.view-list]:max-h-[167px]
1684					md:group-[.view-list]:mr-6
1685					md:group-[.view-list]:mb-0">
1686	</a>
1687
1688	<!-- Text area -->
1689	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1690				md:group-[.view-list]:px-0
1691				md:group-[.view-list]:justify-center">
1692
1693		<a href="/e/two-thousands-insomniadicts-behave-endure" class="text-base font-bold
1694					md:group-[.view-grid]:text-clip
1695					md:group-[.view-grid]:max-w-120">
1696			Two Thousands, Insomniaddicts, Endure, &amp; Behave		</a>
1697
1698		<div class="text-sm md:group-[.view-grid]:text-base">
1699			Monday, Oct  5, 2026 at 8:00 PM		</div>
1700
1701		<div class="text-xs">
1702			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
1703
1704		<!-- More details link shows only in list -->
1705		<a href="/e/two-thousands-insomniadicts-behave-endure" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1706			More details
1707		</a>
1708	</div>
1709
1710	<!-- Action block -->
1711	<div class="event-card__actions flex justify-between items-center px-5
1712				md:group-[.view-grid]:mt-2
1713				md:group-[.view-grid]:flex-row
1714				md:group-[.view-list]:flex-col
1715				md:group-[.view-list]:gap-2
1716				md:group-[.view-list]:items-end
1717				md:group-[.view-list]:justify-center">
1718
1719		<!-- More details link shows only in grid -->
1720		<a href="/e/two-thousands-insomniadicts-behave-endure"
1721			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1722			More details
1723		</a>
1724
1725		<a href="/e/two-thousands-insomniadicts-behave-endure/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Two Thousands, Insomniaddicts, Endure, & Behave">Tickets</a>	</div>
1726</div>
1727
1728<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1729			md:group-[.view-list]:flex-row
1730			md:group-[.view-list]:items-center
1731			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1732			md:group-[.view-list]:mb-0
1733			md:group-[.view-list]:pb-6
1734			md:group-[.view-grid]:w-75
1735			md:group-[.view-grid]:min-h-90.5
1736			md:group-[.view-grid]:mb-5">
1737
1738	<!-- Image -->
1739	<a href="/e/old-time-jam-oct-2028" class="appearance-none">
1740		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788358497/saas/logos/image_1788358488428_2vgn27a0l.webp"
1741			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1742					md:group-[.view-list]:aspect-auto
1743					md:group-[.view-list]:min-h-[125px]
1744					md:group-[.view-list]:w-[125px]
1745					md:group-[.view-list]:h-auto
1746					md:group-[.view-list]:max-h-[167px]
1747					md:group-[.view-list]:mr-6
1748					md:group-[.view-list]:mb-0">
1749	</a>
1750
1751	<!-- Text area -->
1752	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1753				md:group-[.view-list]:px-0
1754				md:group-[.view-list]:justify-center">
1755
1756		<a href="/e/old-time-jam-oct-2028" class="text-base font-bold
1757					md:group-[.view-grid]:text-clip
1758					md:group-[.view-grid]:max-w-120">
1759			Old Time Jam with Betsy Green		</a>
1760
1761		<div class="text-sm md:group-[.view-grid]:text-base">
1762			Tuesday, Oct  6, 2026 from 6:00 PM to 8:30 PM		</div>
1763
1764		<div class="text-xs">
1765			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
1766
1767		<!-- More details link shows only in list -->
1768		<a href="/e/old-time-jam-oct-2028" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1769			More details
1770		</a>
1771	</div>
1772
1773	<!-- Action block -->
1774	<div class="event-card__actions flex justify-between items-center px-5
1775				md:group-[.view-grid]:mt-2
1776				md:group-[.view-grid]:flex-row
1777				md:group-[.view-list]:flex-col
1778				md:group-[.view-list]:gap-2
1779				md:group-[.view-list]:items-end
1780				md:group-[.view-list]:justify-center">
1781
1782		<!-- More details link shows only in grid -->
1783		<a href="/e/old-time-jam-oct-2028"
1784			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1785			More details
1786		</a>
1787
1788		<a href="https://tickets.thewordbarn.com/e/old-time-jam-22" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Old Time Jam with Betsy Green">Tickets</a>	</div>
1789</div>
1790
1791<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1792			md:group-[.view-list]:flex-row
1793			md:group-[.view-list]:items-center
1794			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1795			md:group-[.view-list]:mb-0
1796			md:group-[.view-list]:pb-6
1797			md:group-[.view-grid]:w-75
1798			md:group-[.view-grid]:min-h-90.5
1799			md:group-[.view-grid]:mb-5">
1800
1801	<!-- Image -->
1802	<a href="/e/briscoe" class="appearance-none">
1803		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1780507453/saas/logos/image_1780507438746_gs7y9n5kq.webp"
1804			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1805					md:group-[.view-list]:aspect-auto
1806					md:group-[.view-list]:min-h-[125px]
1807					md:group-[.view-list]:w-[125px]
1808					md:group-[.view-list]:h-auto
1809					md:group-[.view-list]:max-h-[167px]
1810					md:group-[.view-list]:mr-6
1811					md:group-[.view-list]:mb-0">
1812	</a>
1813
1814	<!-- Text area -->
1815	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1816				md:group-[.view-list]:px-0
1817				md:group-[.view-list]:justify-center">
1818
1819		<a href="/e/briscoe" class="text-base font-bold
1820					md:group-[.view-grid]:text-clip
1821					md:group-[.view-grid]:max-w-120">
1822			Briscoe w/ Noah James		</a>
1823
1824		<div class="text-sm md:group-[.view-grid]:text-base">
1825			Tuesday, Oct  6, 2026 at 7:00 PM		</div>
1826
1827		<div class="text-xs">
1828			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
1829
1830		<!-- More details link shows only in list -->
1831		<a href="/e/briscoe" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1832			More details
1833		</a>
1834	</div>
1835
1836	<!-- Action block -->
1837	<div class="event-card__actions flex justify-between items-center px-5
1838				md:group-[.view-grid]:mt-2
1839				md:group-[.view-grid]:flex-row
1840				md:group-[.view-list]:flex-col
1841				md:group-[.view-list]:gap-2
1842				md:group-[.view-list]:items-end
1843				md:group-[.view-list]:justify-center">
1844
1845		<!-- More details link shows only in grid -->
1846		<a href="/e/briscoe"
1847			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1848			More details
1849		</a>
1850
1851		<a href="/e/briscoe/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Briscoe w/ Noah James">Tickets</a>	</div>
1852</div>
1853
1854<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1855			md:group-[.view-list]:flex-row
1856			md:group-[.view-list]:items-center
1857			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1858			md:group-[.view-list]:mb-0
1859			md:group-[.view-list]:pb-6
1860			md:group-[.view-grid]:w-75
1861			md:group-[.view-grid]:min-h-90.5
1862			md:group-[.view-grid]:mb-5">
1863
1864	<!-- Image -->
1865	<a href="/e/stjohns-skye-consort-2026" class="appearance-none">
1866		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1785944929/saas/logos/image_1785944882254_zq74amx0o.webp"
1867			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1868					md:group-[.view-list]:aspect-auto
1869					md:group-[.view-list]:min-h-[125px]
1870					md:group-[.view-list]:w-[125px]
1871					md:group-[.view-list]:h-auto
1872					md:group-[.view-list]:max-h-[167px]
1873					md:group-[.view-list]:mr-6
1874					md:group-[.view-list]:mb-0">
1875	</a>
1876
1877	<!-- Text area -->
1878	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1879				md:group-[.view-list]:px-0
1880				md:group-[.view-list]:justify-center">
1881
1882		<a href="/e/stjohns-skye-consort-2026" class="text-base font-bold
1883					md:group-[.view-grid]:text-clip
1884					md:group-[.view-grid]:max-w-120">
1885			Skye Consort and Emma Björling		</a>
1886
1887		<div class="text-sm md:group-[.view-grid]:text-base">
1888			Tuesday, Oct  6, 2026 from 7:00 PM to 8:30 PM		</div>
1889
1890		<div class="text-xs">
1891			<span class="data-location-address">St. John&#039;s Episcopal Church, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
1892
1893		<!-- More details link shows only in list -->
1894		<a href="/e/stjohns-skye-consort-2026" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1895			More details
1896		</a>
1897	</div>
1898
1899	<!-- Action block -->
1900	<div class="event-card__actions flex justify-between items-center px-5
1901				md:group-[.view-grid]:mt-2
1902				md:group-[.view-grid]:flex-row
1903				md:group-[.view-list]:flex-col
1904				md:group-[.view-list]:gap-2
1905				md:group-[.view-list]:items-end
1906				md:group-[.view-list]:justify-center">
1907
1908		<!-- More details link shows only in grid -->
1909		<a href="/e/stjohns-skye-consort-2026"
1910			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1911			More details
1912		</a>
1913
1914		<a href="/e/stjohns-skye-consort-2026/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Skye Consort and Emma Björling">Tickets</a>	</div>
1915</div>
1916
1917<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1918			md:group-[.view-list]:flex-row
1919			md:group-[.view-list]:items-center
1920			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1921			md:group-[.view-list]:mb-0
1922			md:group-[.view-list]:pb-6
1923			md:group-[.view-grid]:w-75
1924			md:group-[.view-grid]:min-h-90.5
1925			md:group-[.view-grid]:mb-5">
1926
1927	<!-- Image -->
1928	<a href="/e/basic" class="appearance-none">
1929		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1780951358/saas/logos/image_1780951349784_cljfjenb1.webp"
1930			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1931					md:group-[.view-list]:aspect-auto
1932					md:group-[.view-list]:min-h-[125px]
1933					md:group-[.view-list]:w-[125px]
1934					md:group-[.view-list]:h-auto
1935					md:group-[.view-list]:max-h-[167px]
1936					md:group-[.view-list]:mr-6
1937					md:group-[.view-list]:mb-0">
1938	</a>
1939
1940	<!-- Text area -->
1941	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
1942				md:group-[.view-list]:px-0
1943				md:group-[.view-list]:justify-center">
1944
1945		<a href="/e/basic" class="text-base font-bold
1946					md:group-[.view-grid]:text-clip
1947					md:group-[.view-grid]:max-w-120">
1948			BASIC w/ Chris Brokaw		</a>
1949
1950		<div class="text-sm md:group-[.view-grid]:text-base">
1951			Wednesday, Oct  7, 2026 at 7:00 PM		</div>
1952
1953		<div class="text-xs">
1954			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
1955
1956		<!-- More details link shows only in list -->
1957		<a href="/e/basic" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
1958			More details
1959		</a>
1960	</div>
1961
1962	<!-- Action block -->
1963	<div class="event-card__actions flex justify-between items-center px-5
1964				md:group-[.view-grid]:mt-2
1965				md:group-[.view-grid]:flex-row
1966				md:group-[.view-list]:flex-col
1967				md:group-[.view-list]:gap-2
1968				md:group-[.view-list]:items-end
1969				md:group-[.view-list]:justify-center">
1970
1971		<!-- More details link shows only in grid -->
1972		<a href="/e/basic"
1973			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
1974			More details
1975		</a>
1976
1977		<a href="/e/basic/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - BASIC w/ Chris Brokaw">Tickets</a>	</div>
1978</div>
1979
1980<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
1981			md:group-[.view-list]:flex-row
1982			md:group-[.view-list]:items-center
1983			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
1984			md:group-[.view-list]:mb-0
1985			md:group-[.view-list]:pb-6
1986			md:group-[.view-grid]:w-75
1987			md:group-[.view-grid]:min-h-90.5
1988			md:group-[.view-grid]:mb-5">
1989
1990	<!-- Image -->
1991	<a href="/e/soap-opera-soap-opera-5" class="appearance-none">
1992		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1782506585/saas/logos/image_1782506482954_o15g4y9ws.webp"
1993			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
1994					md:group-[.view-list]:aspect-auto
1995					md:group-[.view-list]:min-h-[125px]
1996					md:group-[.view-list]:w-[125px]
1997					md:group-[.view-list]:h-auto
1998					md:group-[.view-list]:max-h-[167px]
1999					md:group-[.view-list]:mr-6
2000					md:group-[.view-list]:mb-0">
2001	</a>
2002
2003	<!-- Text area -->
2004	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2005				md:group-[.view-list]:px-0
2006				md:group-[.view-list]:justify-center">
2007
2008		<a href="/e/soap-opera-soap-opera-5" class="text-base font-bold
2009					md:group-[.view-grid]:text-clip
2010					md:group-[.view-grid]:max-w-120">
2011			Soap Opera/Soap Opera Episode 5		</a>
2012
2013		<div class="text-sm md:group-[.view-grid]:text-base">
2014			Wednesday, Oct  7, 2026 from 7:00 PM to 9:00 PM		</div>
2015
2016		<div class="text-xs">
2017			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
2018
2019		<!-- More details link shows only in list -->
2020		<a href="/e/soap-opera-soap-opera-5" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2021			More details
2022		</a>
2023	</div>
2024
2025	<!-- Action block -->
2026	<div class="event-card__actions flex justify-between items-center px-5
2027				md:group-[.view-grid]:mt-2
2028				md:group-[.view-grid]:flex-row
2029				md:group-[.view-list]:flex-col
2030				md:group-[.view-list]:gap-2
2031				md:group-[.view-list]:items-end
2032				md:group-[.view-list]:justify-center">
2033
2034		<!-- More details link shows only in grid -->
2035		<a href="/e/soap-opera-soap-opera-5"
2036			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2037			More details
2038		</a>
2039
2040		<a href="/e/soap-opera-soap-opera-5/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Soap Opera/Soap Opera Episode 5">Tickets</a>	</div>
2041</div>
2042
2043<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2044			md:group-[.view-list]:flex-row
2045			md:group-[.view-list]:items-center
2046			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2047			md:group-[.view-list]:mb-0
2048			md:group-[.view-list]:pb-6
2049			md:group-[.view-grid]:w-75
2050			md:group-[.view-grid]:min-h-90.5
2051			md:group-[.view-grid]:mb-5">
2052
2053	<!-- Image -->
2054	<a href="/e/medium-lauren-rainbow-2" class="appearance-none">
2055		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1782393815/saas/logos/image_1782393781021_vhg1y04uh.webp"
2056			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2057					md:group-[.view-list]:aspect-auto
2058					md:group-[.view-list]:min-h-[125px]
2059					md:group-[.view-list]:w-[125px]
2060					md:group-[.view-list]:h-auto
2061					md:group-[.view-list]:max-h-[167px]
2062					md:group-[.view-list]:mr-6
2063					md:group-[.view-list]:mb-0">
2064	</a>
2065
2066	<!-- Text area -->
2067	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2068				md:group-[.view-list]:px-0
2069				md:group-[.view-list]:justify-center">
2070
2071		<a href="/e/medium-lauren-rainbow-2" class="text-base font-bold
2072					md:group-[.view-grid]:text-clip
2073					md:group-[.view-grid]:max-w-120">
2074			Medium Lauren Rainbow		</a>
2075
2076		<div class="text-sm md:group-[.view-grid]:text-base">
2077			Thursday, Oct  8, 2026 at 7:00 PM		</div>
2078
2079		<div class="text-xs">
2080			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
2081
2082		<!-- More details link shows only in list -->
2083		<a href="/e/medium-lauren-rainbow-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2084			More details
2085		</a>
2086	</div>
2087
2088	<!-- Action block -->
2089	<div class="event-card__actions flex justify-between items-center px-5
2090				md:group-[.view-grid]:mt-2
2091				md:group-[.view-grid]:flex-row
2092				md:group-[.view-list]:flex-col
2093				md:group-[.view-list]:gap-2
2094				md:group-[.view-list]:items-end
2095				md:group-[.view-list]:justify-center">
2096
2097		<!-- More details link shows only in grid -->
2098		<a href="/e/medium-lauren-rainbow-2"
2099			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2100			More details
2101		</a>
2102
2103		<a href="/e/medium-lauren-rainbow-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Medium Lauren Rainbow">Tickets</a>	</div>
2104</div>
2105
2106<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2107			md:group-[.view-list]:flex-row
2108			md:group-[.view-list]:items-center
2109			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2110			md:group-[.view-list]:mb-0
2111			md:group-[.view-list]:pb-6
2112			md:group-[.view-grid]:w-75
2113			md:group-[.view-grid]:min-h-90.5
2114			md:group-[.view-grid]:mb-5">
2115
2116	<!-- Image -->
2117	<a href="/e/great-lake-swimmers" class="appearance-none">
2118		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1781365797/saas/logos/image_1781365786481_qpg50xcgs.webp"
2119			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2120					md:group-[.view-list]:aspect-auto
2121					md:group-[.view-list]:min-h-[125px]
2122					md:group-[.view-list]:w-[125px]
2123					md:group-[.view-list]:h-auto
2124					md:group-[.view-list]:max-h-[167px]
2125					md:group-[.view-list]:mr-6
2126					md:group-[.view-list]:mb-0">
2127	</a>
2128
2129	<!-- Text area -->
2130	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2131				md:group-[.view-list]:px-0
2132				md:group-[.view-list]:justify-center">
2133
2134		<a href="/e/great-lake-swimmers" class="text-base font-bold
2135					md:group-[.view-grid]:text-clip
2136					md:group-[.view-grid]:max-w-120">
2137			Great Lake Swimmers		</a>
2138
2139		<div class="text-sm md:group-[.view-grid]:text-base">
2140			Thursday, Oct  8, 2026 at 7:00 PM		</div>
2141
2142		<div class="text-xs">
2143			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
2144
2145		<!-- More details link shows only in list -->
2146		<a href="/e/great-lake-swimmers" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2147			More details
2148		</a>
2149	</div>
2150
2151	<!-- Action block -->
2152	<div class="event-card__actions flex justify-between items-center px-5
2153				md:group-[.view-grid]:mt-2
2154				md:group-[.view-grid]:flex-row
2155				md:group-[.view-list]:flex-col
2156				md:group-[.view-list]:gap-2
2157				md:group-[.view-list]:items-end
2158				md:group-[.view-list]:justify-center">
2159
2160		<!-- More details link shows only in grid -->
2161		<a href="/e/great-lake-swimmers"
2162			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2163			More details
2164		</a>
2165
2166		<a href="/e/great-lake-swimmers/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Great Lake Swimmers">Tickets</a>	</div>
2167</div>
2168
2169<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2170			md:group-[.view-list]:flex-row
2171			md:group-[.view-list]:items-center
2172			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2173			md:group-[.view-list]:mb-0
2174			md:group-[.view-list]:pb-6
2175			md:group-[.view-grid]:w-75
2176			md:group-[.view-grid]:min-h-90.5
2177			md:group-[.view-grid]:mb-5">
2178
2179	<!-- Image -->
2180	<a href="/e/sept26-line-dancing-with-603-line-dance-2" class="appearance-none">
2181		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1785616302/saas/logos/image_1785616297104_l0dmiwws8.webp"
2182			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2183					md:group-[.view-list]:aspect-auto
2184					md:group-[.view-list]:min-h-[125px]
2185					md:group-[.view-list]:w-[125px]
2186					md:group-[.view-list]:h-auto
2187					md:group-[.view-list]:max-h-[167px]
2188					md:group-[.view-list]:mr-6
2189					md:group-[.view-list]:mb-0">
2190	</a>
2191
2192	<!-- Text area -->
2193	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2194				md:group-[.view-list]:px-0
2195				md:group-[.view-list]:justify-center">
2196
2197		<a href="/e/sept26-line-dancing-with-603-line-dance-2" class="text-base font-bold
2198					md:group-[.view-grid]:text-clip
2199					md:group-[.view-grid]:max-w-120">
2200			October Line Dancing with 603 Line Dance		</a>
2201
2202		<div class="text-sm md:group-[.view-grid]:text-base">
2203			Friday, Oct  9, 2026 from 6:30 PM to 10:00 PM		</div>
2204
2205		<div class="text-xs">
2206			<span class="data-location-address">Rockingham Ballroom, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
2207
2208		<!-- More details link shows only in list -->
2209		<a href="/e/sept26-line-dancing-with-603-line-dance-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2210			More details
2211		</a>
2212	</div>
2213
2214	<!-- Action block -->
2215	<div class="event-card__actions flex justify-between items-center px-5
2216				md:group-[.view-grid]:mt-2
2217				md:group-[.view-grid]:flex-row
2218				md:group-[.view-list]:flex-col
2219				md:group-[.view-list]:gap-2
2220				md:group-[.view-list]:items-end
2221				md:group-[.view-list]:justify-center">
2222
2223		<!-- More details link shows only in grid -->
2224		<a href="/e/sept26-line-dancing-with-603-line-dance-2"
2225			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2226			More details
2227		</a>
2228
2229		<a href="/e/sept26-line-dancing-with-603-line-dance-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - October Line Dancing with 603 Line Dance">Tickets</a>	</div>
2230</div>
2231
2232<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2233			md:group-[.view-list]:flex-row
2234			md:group-[.view-list]:items-center
2235			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2236			md:group-[.view-list]:mb-0
2237			md:group-[.view-list]:pb-6
2238			md:group-[.view-grid]:w-75
2239			md:group-[.view-grid]:min-h-90.5
2240			md:group-[.view-grid]:mb-5">
2241
2242	<!-- Image -->
2243	<a href="/e/mill-after-dark-a-night-of-drag-6" class="appearance-none">
2244		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788808810/saas/logos/image_1788808803262_0bf3wkt3v.webp"
2245			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2246					md:group-[.view-list]:aspect-auto
2247					md:group-[.view-list]:min-h-[125px]
2248					md:group-[.view-list]:w-[125px]
2249					md:group-[.view-list]:h-auto
2250					md:group-[.view-list]:max-h-[167px]
2251					md:group-[.view-list]:mr-6
2252					md:group-[.view-list]:mb-0">
2253	</a>
2254
2255	<!-- Text area -->
2256	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2257				md:group-[.view-list]:px-0
2258				md:group-[.view-list]:justify-center">
2259
2260		<a href="/e/mill-after-dark-a-night-of-drag-6" class="text-base font-bold
2261					md:group-[.view-grid]:text-clip
2262					md:group-[.view-grid]:max-w-120">
2263			Mill After Dark: A Night of Drag		</a>
2264
2265		<div class="text-sm md:group-[.view-grid]:text-base">
2266			Friday, Oct  9, 2026 at 7:00 PM		</div>
2267
2268		<div class="text-xs">
2269			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
2270
2271		<!-- More details link shows only in list -->
2272		<a href="/e/mill-after-dark-a-night-of-drag-6" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2273			More details
2274		</a>
2275	</div>
2276
2277	<!-- Action block -->
2278	<div class="event-card__actions flex justify-between items-center px-5
2279				md:group-[.view-grid]:mt-2
2280				md:group-[.view-grid]:flex-row
2281				md:group-[.view-list]:flex-col
2282				md:group-[.view-list]:gap-2
2283				md:group-[.view-list]:items-end
2284				md:group-[.view-list]:justify-center">
2285
2286		<!-- More details link shows only in grid -->
2287		<a href="/e/mill-after-dark-a-night-of-drag-6"
2288			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2289			More details
2290		</a>
2291
2292		<a href="/e/mill-after-dark-a-night-of-drag-6/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Mill After Dark: A Night of Drag">Tickets</a>	</div>
2293</div>
2294
2295<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2296			md:group-[.view-list]:flex-row
2297			md:group-[.view-list]:items-center
2298			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2299			md:group-[.view-list]:mb-0
2300			md:group-[.view-list]:pb-6
2301			md:group-[.view-grid]:w-75
2302			md:group-[.view-grid]:min-h-90.5
2303			md:group-[.view-grid]:mb-5">
2304
2305	<!-- Image -->
2306	<a href="/e/the-scraps-drew-and-the-truth" class="appearance-none">
2307		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1775602886/saas/logos/image_1775602857087_wzpm61i9j.webp"
2308			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2309					md:group-[.view-list]:aspect-auto
2310					md:group-[.view-list]:min-h-[125px]
2311					md:group-[.view-list]:w-[125px]
2312					md:group-[.view-list]:h-auto
2313					md:group-[.view-list]:max-h-[167px]
2314					md:group-[.view-list]:mr-6
2315					md:group-[.view-list]:mb-0">
2316	</a>
2317
2318	<!-- Text area -->
2319	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2320				md:group-[.view-list]:px-0
2321				md:group-[.view-list]:justify-center">
2322
2323		<a href="/e/the-scraps-drew-and-the-truth" class="text-base font-bold
2324					md:group-[.view-grid]:text-clip
2325					md:group-[.view-grid]:max-w-120">
2326			The Scraps &amp; Drew and the Truth		</a>
2327
2328		<div class="text-sm md:group-[.view-grid]:text-base">
2329			Friday, Oct  9, 2026 at 7:00 PM		</div>
2330
2331		<div class="text-xs">
2332			<span class="data-location-address">Button Factory Stage, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
2333
2334		<!-- More details link shows only in list -->
2335		<a href="/e/the-scraps-drew-and-the-truth" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2336			More details
2337		</a>
2338	</div>
2339
2340	<!-- Action block -->
2341	<div class="event-card__actions flex justify-between items-center px-5
2342				md:group-[.view-grid]:mt-2
2343				md:group-[.view-grid]:flex-row
2344				md:group-[.view-list]:flex-col
2345				md:group-[.view-list]:gap-2
2346				md:group-[.view-list]:items-end
2347				md:group-[.view-list]:justify-center">
2348
2349		<!-- More details link shows only in grid -->
2350		<a href="/e/the-scraps-drew-and-the-truth"
2351			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2352			More details
2353		</a>
2354
2355		<a href="/e/the-scraps-drew-and-the-truth/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Scraps & Drew and the Truth">Tickets</a>	</div>
2356</div>
2357
2358<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2359			md:group-[.view-list]:flex-row
2360			md:group-[.view-list]:items-center
2361			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2362			md:group-[.view-list]:mb-0
2363			md:group-[.view-list]:pb-6
2364			md:group-[.view-grid]:w-75
2365			md:group-[.view-grid]:min-h-90.5
2366			md:group-[.view-grid]:mb-5">
2367
2368	<!-- Image -->
2369	<a href="/e/joshua-burnside-3" class="appearance-none">
2370		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1783522862/saas/logos/image_1783522856012_7r8y32x1d.webp"
2371			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2372					md:group-[.view-list]:aspect-auto
2373					md:group-[.view-list]:min-h-[125px]
2374					md:group-[.view-list]:w-[125px]
2375					md:group-[.view-list]:h-auto
2376					md:group-[.view-list]:max-h-[167px]
2377					md:group-[.view-list]:mr-6
2378					md:group-[.view-list]:mb-0">
2379	</a>
2380
2381	<!-- Text area -->
2382	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2383				md:group-[.view-list]:px-0
2384				md:group-[.view-list]:justify-center">
2385
2386		<a href="/e/joshua-burnside-3" class="text-base font-bold
2387					md:group-[.view-grid]:text-clip
2388					md:group-[.view-grid]:max-w-120">
2389			Joshua Burnside		</a>
2390
2391		<div class="text-sm md:group-[.view-grid]:text-base">
2392			Friday, Oct  9, 2026 from 7:00 PM to 9:00 PM		</div>
2393
2394		<div class="text-xs">
2395			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
2396
2397		<!-- More details link shows only in list -->
2398		<a href="/e/joshua-burnside-3" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2399			More details
2400		</a>
2401	</div>
2402
2403	<!-- Action block -->
2404	<div class="event-card__actions flex justify-between items-center px-5
2405				md:group-[.view-grid]:mt-2
2406				md:group-[.view-grid]:flex-row
2407				md:group-[.view-list]:flex-col
2408				md:group-[.view-list]:gap-2
2409				md:group-[.view-list]:items-end
2410				md:group-[.view-list]:justify-center">
2411
2412		<!-- More details link shows only in grid -->
2413		<a href="/e/joshua-burnside-3"
2414			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2415			More details
2416		</a>
2417
2418		<a href="https://tickets.thewordbarn.com/e/joshua-burnside-2026" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Joshua Burnside">Tickets</a>	</div>
2419</div>
2420
2421<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2422			md:group-[.view-list]:flex-row
2423			md:group-[.view-list]:items-center
2424			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2425			md:group-[.view-list]:mb-0
2426			md:group-[.view-list]:pb-6
2427			md:group-[.view-grid]:w-75
2428			md:group-[.view-grid]:min-h-90.5
2429			md:group-[.view-grid]:mb-5">
2430
2431	<!-- Image -->
2432	<a href="/e/youth-theatre-workshop-10" class="appearance-none">
2433		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1766382608/saas/logos/image_1766382597982_fgvysmk99.webp"
2434			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2435					md:group-[.view-list]:aspect-auto
2436					md:group-[.view-list]:min-h-[125px]
2437					md:group-[.view-list]:w-[125px]
2438					md:group-[.view-list]:h-auto
2439					md:group-[.view-list]:max-h-[167px]
2440					md:group-[.view-list]:mr-6
2441					md:group-[.view-list]:mb-0">
2442	</a>
2443
2444	<!-- Text area -->
2445	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2446				md:group-[.view-list]:px-0
2447				md:group-[.view-list]:justify-center">
2448
2449		<a href="/e/youth-theatre-workshop-10" class="text-base font-bold
2450					md:group-[.view-grid]:text-clip
2451					md:group-[.view-grid]:max-w-120">
2452			Youth Theatre Workshop		</a>
2453
2454		<div class="text-sm md:group-[.view-grid]:text-base">
2455			Saturday, Oct 10, 2026 from 9:00 AM to 3:00 PM		</div>
2456
2457		<div class="text-xs">
2458			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
2459
2460		<!-- More details link shows only in list -->
2461		<a href="/e/youth-theatre-workshop-10" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2462			More details
2463		</a>
2464	</div>
2465
2466	<!-- Action block -->
2467	<div class="event-card__actions flex justify-between items-center px-5
2468				md:group-[.view-grid]:mt-2
2469				md:group-[.view-grid]:flex-row
2470				md:group-[.view-list]:flex-col
2471				md:group-[.view-list]:gap-2
2472				md:group-[.view-list]:items-end
2473				md:group-[.view-list]:justify-center">
2474
2475		<!-- More details link shows only in grid -->
2476		<a href="/e/youth-theatre-workshop-10"
2477			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2478			More details
2479		</a>
2480
2481		<a href="/e/youth-theatre-workshop-10/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Youth Theatre Workshop">Tickets</a>	</div>
2482</div>
2483
2484<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2485			md:group-[.view-list]:flex-row
2486			md:group-[.view-list]:items-center
2487			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2488			md:group-[.view-list]:mb-0
2489			md:group-[.view-list]:pb-6
2490			md:group-[.view-grid]:w-75
2491			md:group-[.view-grid]:min-h-90.5
2492			md:group-[.view-grid]:mb-5">
2493
2494	<!-- Image -->
2495	<a href="/e/apple-hill" class="appearance-none">
2496		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1785860143/saas/logos/image_1785860137780_gymx0wkdv.webp"
2497			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2498					md:group-[.view-list]:aspect-auto
2499					md:group-[.view-list]:min-h-[125px]
2500					md:group-[.view-list]:w-[125px]
2501					md:group-[.view-list]:h-auto
2502					md:group-[.view-list]:max-h-[167px]
2503					md:group-[.view-list]:mr-6
2504					md:group-[.view-list]:mb-0">
2505	</a>
2506
2507	<!-- Text area -->
2508	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2509				md:group-[.view-list]:px-0
2510				md:group-[.view-list]:justify-center">
2511
2512		<a href="/e/apple-hill" class="text-base font-bold
2513					md:group-[.view-grid]:text-clip
2514					md:group-[.view-grid]:max-w-120">
2515			Apple Hill String Quartet		</a>
2516
2517		<div class="text-sm md:group-[.view-grid]:text-base">
2518			Saturday, Oct 10, 2026 from 6:00 PM to 7:30 PM		</div>
2519
2520		<div class="text-xs">
2521			<span class="data-location-address">The Orchard Chapel, </span><span class="data-location-city">Hampton Falls, </span><span class="data-location-state">NH</span>		</div>
2522
2523		<!-- More details link shows only in list -->
2524		<a href="/e/apple-hill" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2525			More details
2526		</a>
2527	</div>
2528
2529	<!-- Action block -->
2530	<div class="event-card__actions flex justify-between items-center px-5
2531				md:group-[.view-grid]:mt-2
2532				md:group-[.view-grid]:flex-row
2533				md:group-[.view-list]:flex-col
2534				md:group-[.view-list]:gap-2
2535				md:group-[.view-list]:items-end
2536				md:group-[.view-list]:justify-center">
2537
2538		<!-- More details link shows only in grid -->
2539		<a href="/e/apple-hill"
2540			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2541			More details
2542		</a>
2543
2544		<a href="https://tickets.thewordbarn.com/e/apple-hill-string-quartet-3" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Apple Hill String Quartet">Tickets</a>	</div>
2545</div>
2546
2547<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2548			md:group-[.view-list]:flex-row
2549			md:group-[.view-list]:items-center
2550			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2551			md:group-[.view-list]:mb-0
2552			md:group-[.view-list]:pb-6
2553			md:group-[.view-grid]:w-75
2554			md:group-[.view-grid]:min-h-90.5
2555			md:group-[.view-grid]:mb-5">
2556
2557	<!-- Image -->
2558	<a href="/e/nosferatu-a-live-film-scoring" class="appearance-none">
2559		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786302679/saas/logos/image_1786302671529_7ljhmfywr.webp"
2560			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2561					md:group-[.view-list]:aspect-auto
2562					md:group-[.view-list]:min-h-[125px]
2563					md:group-[.view-list]:w-[125px]
2564					md:group-[.view-list]:h-auto
2565					md:group-[.view-list]:max-h-[167px]
2566					md:group-[.view-list]:mr-6
2567					md:group-[.view-list]:mb-0">
2568	</a>
2569
2570	<!-- Text area -->
2571	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2572				md:group-[.view-list]:px-0
2573				md:group-[.view-list]:justify-center">
2574
2575		<a href="/e/nosferatu-a-live-film-scoring" class="text-base font-bold
2576					md:group-[.view-grid]:text-clip
2577					md:group-[.view-grid]:max-w-120">
2578			NOSFERATU A Live Film Scoring		</a>
2579
2580		<div class="text-sm md:group-[.view-grid]:text-base">
2581			Saturday, Oct 10, 2026 at 7:00 PM		</div>
2582
2583		<div class="text-xs">
2584			<span class="data-location-address">Button Factory Stage, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
2585
2586		<!-- More details link shows only in list -->
2587		<a href="/e/nosferatu-a-live-film-scoring" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2588			More details
2589		</a>
2590	</div>
2591
2592	<!-- Action block -->
2593	<div class="event-card__actions flex justify-between items-center px-5
2594				md:group-[.view-grid]:mt-2
2595				md:group-[.view-grid]:flex-row
2596				md:group-[.view-list]:flex-col
2597				md:group-[.view-list]:gap-2
2598				md:group-[.view-list]:items-end
2599				md:group-[.view-list]:justify-center">
2600
2601		<!-- More details link shows only in grid -->
2602		<a href="/e/nosferatu-a-live-film-scoring"
2603			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2604			More details
2605		</a>
2606
2607		<a href="/e/nosferatu-a-live-film-scoring/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - NOSFERATU A Live Film Scoring">Tickets</a>	</div>
2608</div>
2609
2610<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2611			md:group-[.view-list]:flex-row
2612			md:group-[.view-list]:items-center
2613			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2614			md:group-[.view-list]:mb-0
2615			md:group-[.view-list]:pb-6
2616			md:group-[.view-grid]:w-75
2617			md:group-[.view-grid]:min-h-90.5
2618			md:group-[.view-grid]:mb-5">
2619
2620	<!-- Image -->
2621	<a href="/e/caitlin-piper-the-stray-horses-perform-tapestry-by" class="appearance-none">
2622		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1783870745/saas/logos/image_1783870733404_u305s2h8h.webp"
2623			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2624					md:group-[.view-list]:aspect-auto
2625					md:group-[.view-list]:min-h-[125px]
2626					md:group-[.view-list]:w-[125px]
2627					md:group-[.view-list]:h-auto
2628					md:group-[.view-list]:max-h-[167px]
2629					md:group-[.view-list]:mr-6
2630					md:group-[.view-list]:mb-0">
2631	</a>
2632
2633	<!-- Text area -->
2634	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2635				md:group-[.view-list]:px-0
2636				md:group-[.view-list]:justify-center">
2637
2638		<a href="/e/caitlin-piper-the-stray-horses-perform-tapestry-by" class="text-base font-bold
2639					md:group-[.view-grid]:text-clip
2640					md:group-[.view-grid]:max-w-120">
2641			Caitlin Piper + The Stray Horses perform Tapestry by Carole King		</a>
2642
2643		<div class="text-sm md:group-[.view-grid]:text-base">
2644			Saturday, Oct 10, 2026 at 7:00 PM		</div>
2645
2646		<div class="text-xs">
2647			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
2648
2649		<!-- More details link shows only in list -->
2650		<a href="/e/caitlin-piper-the-stray-horses-perform-tapestry-by" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2651			More details
2652		</a>
2653	</div>
2654
2655	<!-- Action block -->
2656	<div class="event-card__actions flex justify-between items-center px-5
2657				md:group-[.view-grid]:mt-2
2658				md:group-[.view-grid]:flex-row
2659				md:group-[.view-list]:flex-col
2660				md:group-[.view-list]:gap-2
2661				md:group-[.view-list]:items-end
2662				md:group-[.view-list]:justify-center">
2663
2664		<!-- More details link shows only in grid -->
2665		<a href="/e/caitlin-piper-the-stray-horses-perform-tapestry-by"
2666			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2667			More details
2668		</a>
2669
2670		<a href="/e/caitlin-piper-the-stray-horses-perform-tapestry-by/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Caitlin Piper + The Stray Horses perform Tapestry by Carole King">Tickets</a>	</div>
2671</div>
2672
2673<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2674			md:group-[.view-list]:flex-row
2675			md:group-[.view-list]:items-center
2676			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2677			md:group-[.view-list]:mb-0
2678			md:group-[.view-list]:pb-6
2679			md:group-[.view-grid]:w-75
2680			md:group-[.view-grid]:min-h-90.5
2681			md:group-[.view-grid]:mb-5">
2682
2683	<!-- Image -->
2684	<a href="/e/easy-like-sunday-morning-jazz-brunch-james-geral-2" class="appearance-none">
2685		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1787245079/saas/logos/image_1787245072489_l608r2v3j.webp"
2686			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2687					md:group-[.view-list]:aspect-auto
2688					md:group-[.view-list]:min-h-[125px]
2689					md:group-[.view-list]:w-[125px]
2690					md:group-[.view-list]:h-auto
2691					md:group-[.view-list]:max-h-[167px]
2692					md:group-[.view-list]:mr-6
2693					md:group-[.view-list]:mb-0">
2694	</a>
2695
2696	<!-- Text area -->
2697	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2698				md:group-[.view-list]:px-0
2699				md:group-[.view-list]:justify-center">
2700
2701		<a href="/e/easy-like-sunday-morning-jazz-brunch-james-geral-2" class="text-base font-bold
2702					md:group-[.view-grid]:text-clip
2703					md:group-[.view-grid]:max-w-120">
2704			Easy Like Sunday Morning Jazz Brunch-James Geralden		</a>
2705
2706		<div class="text-sm md:group-[.view-grid]:text-base">
2707			Sunday, Oct 11, 2026 at 11:30 AM		</div>
2708
2709		<div class="text-xs">
2710			<span class="data-location-address">The Star Theatre, </span><span class="data-location-city">Kittery, </span><span class="data-location-state">ME</span>		</div>
2711
2712		<!-- More details link shows only in list -->
2713		<a href="/e/easy-like-sunday-morning-jazz-brunch-james-geral-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2714			More details
2715		</a>
2716	</div>
2717
2718	<!-- Action block -->
2719	<div class="event-card__actions flex justify-between items-center px-5
2720				md:group-[.view-grid]:mt-2
2721				md:group-[.view-grid]:flex-row
2722				md:group-[.view-list]:flex-col
2723				md:group-[.view-list]:gap-2
2724				md:group-[.view-list]:items-end
2725				md:group-[.view-list]:justify-center">
2726
2727		<!-- More details link shows only in grid -->
2728		<a href="/e/easy-like-sunday-morning-jazz-brunch-james-geral-2"
2729			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2730			More details
2731		</a>
2732
2733		<a href="/e/easy-like-sunday-morning-jazz-brunch-james-geral-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Easy Like Sunday Morning Jazz Brunch-James Geralden">Tickets</a>	</div>
2734</div>
2735
2736<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2737			md:group-[.view-list]:flex-row
2738			md:group-[.view-list]:items-center
2739			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2740			md:group-[.view-list]:mb-0
2741			md:group-[.view-list]:pb-6
2742			md:group-[.view-grid]:w-75
2743			md:group-[.view-grid]:min-h-90.5
2744			md:group-[.view-grid]:mb-5">
2745
2746	<!-- Image -->
2747	<a href="/e/herbal-foraging-workshop-oct-11-2026" class="appearance-none">
2748		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1776818780/saas/logos/image_1776818774847_gx3c6wodr.webp"
2749			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2750					md:group-[.view-list]:aspect-auto
2751					md:group-[.view-list]:min-h-[125px]
2752					md:group-[.view-list]:w-[125px]
2753					md:group-[.view-list]:h-auto
2754					md:group-[.view-list]:max-h-[167px]
2755					md:group-[.view-list]:mr-6
2756					md:group-[.view-list]:mb-0">
2757	</a>
2758
2759	<!-- Text area -->
2760	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2761				md:group-[.view-list]:px-0
2762				md:group-[.view-list]:justify-center">
2763
2764		<a href="/e/herbal-foraging-workshop-oct-11-2026" class="text-base font-bold
2765					md:group-[.view-grid]:text-clip
2766					md:group-[.view-grid]:max-w-120">
2767			Wild and Weedy Wellness: Herbal Foraging Workshop Series		</a>
2768
2769		<div class="text-sm md:group-[.view-grid]:text-base">
2770			Sunday, Oct 11, 2026 from 1:00 PM to 5:00 PM		</div>
2771
2772		<div class="text-xs">
2773			<span class="data-location-address">Tuckaway Commons at Tuckaway Farm, </span><span class="data-location-city">Lee, </span><span class="data-location-state">NH</span>		</div>
2774
2775		<!-- More details link shows only in list -->
2776		<a href="/e/herbal-foraging-workshop-oct-11-2026" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2777			More details
2778		</a>
2779	</div>
2780
2781	<!-- Action block -->
2782	<div class="event-card__actions flex justify-between items-center px-5
2783				md:group-[.view-grid]:mt-2
2784				md:group-[.view-grid]:flex-row
2785				md:group-[.view-list]:flex-col
2786				md:group-[.view-list]:gap-2
2787				md:group-[.view-list]:items-end
2788				md:group-[.view-list]:justify-center">
2789
2790		<!-- More details link shows only in grid -->
2791		<a href="/e/herbal-foraging-workshop-oct-11-2026"
2792			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2793			More details
2794		</a>
2795
2796		<a href="/e/herbal-foraging-workshop-oct-11-2026/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Wild and Weedy Wellness: Herbal Foraging Workshop Series">Tickets</a>	</div>
2797</div>
2798
2799<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2800			md:group-[.view-list]:flex-row
2801			md:group-[.view-list]:items-center
2802			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2803			md:group-[.view-list]:mb-0
2804			md:group-[.view-list]:pb-6
2805			md:group-[.view-grid]:w-75
2806			md:group-[.view-grid]:min-h-90.5
2807			md:group-[.view-grid]:mb-5">
2808
2809	<!-- Image -->
2810	<a href="/e/wallball-older-brother-and-roolet" class="appearance-none">
2811		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790089774/saas/logos/image_1790089764762_dbvb3mbw4.webp"
2812			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2813					md:group-[.view-list]:aspect-auto
2814					md:group-[.view-list]:min-h-[125px]
2815					md:group-[.view-list]:w-[125px]
2816					md:group-[.view-list]:h-auto
2817					md:group-[.view-list]:max-h-[167px]
2818					md:group-[.view-list]:mr-6
2819					md:group-[.view-list]:mb-0">
2820	</a>
2821
2822	<!-- Text area -->
2823	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2824				md:group-[.view-list]:px-0
2825				md:group-[.view-list]:justify-center">
2826
2827		<a href="/e/wallball-older-brother-and-roolet" class="text-base font-bold
2828					md:group-[.view-grid]:text-clip
2829					md:group-[.view-grid]:max-w-120">
2830			Wallball, Older Brother, and Roolet		</a>
2831
2832		<div class="text-sm md:group-[.view-grid]:text-base">
2833			Sunday, Oct 11, 2026 at 7:00 PM		</div>
2834
2835		<div class="text-xs">
2836			<span class="data-location-address">909 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
2837
2838		<!-- More details link shows only in list -->
2839		<a href="/e/wallball-older-brother-and-roolet" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2840			More details
2841		</a>
2842	</div>
2843
2844	<!-- Action block -->
2845	<div class="event-card__actions flex justify-between items-center px-5
2846				md:group-[.view-grid]:mt-2
2847				md:group-[.view-grid]:flex-row
2848				md:group-[.view-list]:flex-col
2849				md:group-[.view-list]:gap-2
2850				md:group-[.view-list]:items-end
2851				md:group-[.view-list]:justify-center">
2852
2853		<!-- More details link shows only in grid -->
2854		<a href="/e/wallball-older-brother-and-roolet"
2855			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2856			More details
2857		</a>
2858
2859		<a href="/e/wallball-older-brother-and-roolet/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Wallball, Older Brother, and Roolet">Tickets</a>	</div>
2860</div>
2861
2862<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2863			md:group-[.view-list]:flex-row
2864			md:group-[.view-list]:items-center
2865			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2866			md:group-[.view-list]:mb-0
2867			md:group-[.view-list]:pb-6
2868			md:group-[.view-grid]:w-75
2869			md:group-[.view-grid]:min-h-90.5
2870			md:group-[.view-grid]:mb-5">
2871
2872	<!-- Image -->
2873	<a href="/e/cory-branan" class="appearance-none">
2874		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1780948905/saas/logos/image_1780948899424_lcv67plw1.webp"
2875			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2876					md:group-[.view-list]:aspect-auto
2877					md:group-[.view-list]:min-h-[125px]
2878					md:group-[.view-list]:w-[125px]
2879					md:group-[.view-list]:h-auto
2880					md:group-[.view-list]:max-h-[167px]
2881					md:group-[.view-list]:mr-6
2882					md:group-[.view-list]:mb-0">
2883	</a>
2884
2885	<!-- Text area -->
2886	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2887				md:group-[.view-list]:px-0
2888				md:group-[.view-list]:justify-center">
2889
2890		<a href="/e/cory-branan" class="text-base font-bold
2891					md:group-[.view-grid]:text-clip
2892					md:group-[.view-grid]:max-w-120">
2893			Cory Branan		</a>
2894
2895		<div class="text-sm md:group-[.view-grid]:text-base">
2896			Sunday, Oct 11, 2026 at 7:00 PM		</div>
2897
2898		<div class="text-xs">
2899			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
2900
2901		<!-- More details link shows only in list -->
2902		<a href="/e/cory-branan" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2903			More details
2904		</a>
2905	</div>
2906
2907	<!-- Action block -->
2908	<div class="event-card__actions flex justify-between items-center px-5
2909				md:group-[.view-grid]:mt-2
2910				md:group-[.view-grid]:flex-row
2911				md:group-[.view-list]:flex-col
2912				md:group-[.view-list]:gap-2
2913				md:group-[.view-list]:items-end
2914				md:group-[.view-list]:justify-center">
2915
2916		<!-- More details link shows only in grid -->
2917		<a href="/e/cory-branan"
2918			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2919			More details
2920		</a>
2921
2922		<a href="/e/cory-branan/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Cory Branan">Tickets</a>	</div>
2923</div>
2924
2925<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2926			md:group-[.view-list]:flex-row
2927			md:group-[.view-list]:items-center
2928			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2929			md:group-[.view-list]:mb-0
2930			md:group-[.view-list]:pb-6
2931			md:group-[.view-grid]:w-75
2932			md:group-[.view-grid]:min-h-90.5
2933			md:group-[.view-grid]:mb-5">
2934
2935	<!-- Image -->
2936	<a href="/e/jeffrey-lewis-solo" class="appearance-none">
2937		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788966829/saas/logos/image_1788966819191_9e6kys94c.webp"
2938			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
2939					md:group-[.view-list]:aspect-auto
2940					md:group-[.view-list]:min-h-[125px]
2941					md:group-[.view-list]:w-[125px]
2942					md:group-[.view-list]:h-auto
2943					md:group-[.view-list]:max-h-[167px]
2944					md:group-[.view-list]:mr-6
2945					md:group-[.view-list]:mb-0">
2946	</a>
2947
2948	<!-- Text area -->
2949	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
2950				md:group-[.view-list]:px-0
2951				md:group-[.view-list]:justify-center">
2952
2953		<a href="/e/jeffrey-lewis-solo" class="text-base font-bold
2954					md:group-[.view-grid]:text-clip
2955					md:group-[.view-grid]:max-w-120">
2956			Jeffrey Lewis (solo) w/ Bird Friend		</a>
2957
2958		<div class="text-sm md:group-[.view-grid]:text-base">
2959			Monday, Oct 12, 2026 at 7:00 PM		</div>
2960
2961		<div class="text-xs">
2962			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
2963
2964		<!-- More details link shows only in list -->
2965		<a href="/e/jeffrey-lewis-solo" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
2966			More details
2967		</a>
2968	</div>
2969
2970	<!-- Action block -->
2971	<div class="event-card__actions flex justify-between items-center px-5
2972				md:group-[.view-grid]:mt-2
2973				md:group-[.view-grid]:flex-row
2974				md:group-[.view-list]:flex-col
2975				md:group-[.view-list]:gap-2
2976				md:group-[.view-list]:items-end
2977				md:group-[.view-list]:justify-center">
2978
2979		<!-- More details link shows only in grid -->
2980		<a href="/e/jeffrey-lewis-solo"
2981			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
2982			More details
2983		</a>
2984
2985		<a href="/e/jeffrey-lewis-solo/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Jeffrey Lewis (solo) w/ Bird Friend">
2985Tickets</a>	</div>
2986</div>
2987
2988<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
2989			md:group-[.view-list]:flex-row
2990			md:group-[.view-list]:items-center
2991			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
2992			md:group-[.view-list]:mb-0
2993			md:group-[.view-list]:pb-6
2994			md:group-[.view-grid]:w-75
2995			md:group-[.view-grid]:min-h-90.5
2996			md:group-[.view-grid]:mb-5">
2997
2998	<!-- Image -->
2999	<a href="/e/seacoast-stories-podcast-live-w-victoria-arlen" class="appearance-none">
3000		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788374430/saas/logos/image_1788374414913_kz909tpt8.webp"
3001			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3002					md:group-[.view-list]:aspect-auto
3003					md:group-[.view-list]:min-h-[125px]
3004					md:group-[.view-list]:w-[125px]
3005					md:group-[.view-list]:h-auto
3006					md:group-[.view-list]:max-h-[167px]
3007					md:group-[.view-list]:mr-6
3008					md:group-[.view-list]:mb-0">
3009	</a>
3010
3011	<!-- Text area -->
3012	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3013				md:group-[.view-list]:px-0
3014				md:group-[.view-list]:justify-center">
3015
3016		<a href="/e/seacoast-stories-podcast-live-w-victoria-arlen" class="text-base font-bold
3017					md:group-[.view-grid]:text-clip
3018					md:group-[.view-grid]:max-w-120">
3019			Seacoast Stories Podcast LIVE w/ Victoria Arlen!		</a>
3020
3021		<div class="text-sm md:group-[.view-grid]:text-base">
3022			Tuesday, Oct 13, 2026 at 7:00 PM		</div>
3023
3024		<div class="text-xs">
3025			<span class="data-location-address">77 Daniel St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
3026
3027		<!-- More details link shows only in list -->
3028		<a href="/e/seacoast-stories-podcast-live-w-victoria-arlen" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3029			More details
3030		</a>
3031	</div>
3032
3033	<!-- Action block -->
3034	<div class="event-card__actions flex justify-between items-center px-5
3035				md:group-[.view-grid]:mt-2
3036				md:group-[.view-grid]:flex-row
3037				md:group-[.view-list]:flex-col
3038				md:group-[.view-list]:gap-2
3039				md:group-[.view-list]:items-end
3040				md:group-[.view-list]:justify-center">
3041
3042		<!-- More details link shows only in grid -->
3043		<a href="/e/seacoast-stories-podcast-live-w-victoria-arlen"
3044			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3045			More details
3046		</a>
3047
3048		<a href="/e/seacoast-stories-podcast-live-w-victoria-arlen/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Seacoast Stories Podcast LIVE w/ Victoria Arlen!">Tickets</a>	</div>
3049</div>
3050
3051<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3052			md:group-[.view-list]:flex-row
3053			md:group-[.view-list]:items-center
3054			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3055			md:group-[.view-list]:mb-0
3056			md:group-[.view-list]:pb-6
3057			md:group-[.view-grid]:w-75
3058			md:group-[.view-grid]:min-h-90.5
3059			md:group-[.view-grid]:mb-5">
3060
3061	<!-- Image -->
3062	<a href="/e/dogwood-tales" class="appearance-none">
3063		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786373075/saas/logos/image_1786373060212_mrjo2nyes.webp"
3064			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3065					md:group-[.view-list]:aspect-auto
3066					md:group-[.view-list]:min-h-[125px]
3067					md:group-[.view-list]:w-[125px]
3068					md:group-[.view-list]:h-auto
3069					md:group-[.view-list]:max-h-[167px]
3070					md:group-[.view-list]:mr-6
3071					md:group-[.view-list]:mb-0">
3072	</a>
3073
3074	<!-- Text area -->
3075	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3076				md:group-[.view-list]:px-0
3077				md:group-[.view-list]:justify-center">
3078
3079		<a href="/e/dogwood-tales" class="text-base font-bold
3080					md:group-[.view-grid]:text-clip
3081					md:group-[.view-grid]:max-w-120">
3082			Dogwood Tales w/ Ezra Cohen &amp; The Big City Band		</a>
3083
3084		<div class="text-sm md:group-[.view-grid]:text-base">
3085			Wednesday, Oct 14, 2026 at 7:00 PM		</div>
3086
3087		<div class="text-xs">
3088			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
3089
3090		<!-- More details link shows only in list -->
3091		<a href="/e/dogwood-tales" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3092			More details
3093		</a>
3094	</div>
3095
3096	<!-- Action block -->
3097	<div class="event-card__actions flex justify-between items-center px-5
3098				md:group-[.view-grid]:mt-2
3099				md:group-[.view-grid]:flex-row
3100				md:group-[.view-list]:flex-col
3101				md:group-[.view-list]:gap-2
3102				md:group-[.view-list]:items-end
3103				md:group-[.view-list]:justify-center">
3104
3105		<!-- More details link shows only in grid -->
3106		<a href="/e/dogwood-tales"
3107			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3108			More details
3109		</a>
3110
3111		<a href="/e/dogwood-tales/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Dogwood Tales w/ Ezra Cohen & The Big City Band">Tickets</a>	</div>
3112</div>
3113
3114<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3115			md:group-[.view-list]:flex-row
3116			md:group-[.view-list]:items-center
3117			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3118			md:group-[.view-list]:mb-0
3119			md:group-[.view-list]:pb-6
3120			md:group-[.view-grid]:w-75
3121			md:group-[.view-grid]:min-h-90.5
3122			md:group-[.view-grid]:mb-5">
3123
3124	<!-- Image -->
3125	<a href="/e/tall-heights" class="appearance-none">
3126		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1784658463/saas/logos/image_1784658456585_q6f1tsc1f.webp"
3127			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3128					md:group-[.view-list]:aspect-auto
3129					md:group-[.view-list]:min-h-[125px]
3130					md:group-[.view-list]:w-[125px]
3131					md:group-[.view-list]:h-auto
3132					md:group-[.view-list]:max-h-[167px]
3133					md:group-[.view-list]:mr-6
3134					md:group-[.view-list]:mb-0">
3135	</a>
3136
3137	<!-- Text area -->
3138	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3139				md:group-[.view-list]:px-0
3140				md:group-[.view-list]:justify-center">
3141
3142		<a href="/e/tall-heights" class="text-base font-bold
3143					md:group-[.view-grid]:text-clip
3144					md:group-[.view-grid]:max-w-120">
3145			Tall Heights		</a>
3146
3147		<div class="text-sm md:group-[.view-grid]:text-base">
3148			Thursday, Oct 15, 2026 from 7:00 PM to 9:00 PM		</div>
3149
3150		<div class="text-xs">
3151			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
3152
3153		<!-- More details link shows only in list -->
3154		<a href="/e/tall-heights" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3155			More details
3156		</a>
3157	</div>
3158
3159	<!-- Action block -->
3160	<div class="event-card__actions flex justify-between items-center px-5
3161				md:group-[.view-grid]:mt-2
3162				md:group-[.view-grid]:flex-row
3163				md:group-[.view-list]:flex-col
3164				md:group-[.view-list]:gap-2
3165				md:group-[.view-list]:items-end
3166				md:group-[.view-list]:justify-center">
3167
3168		<!-- More details link shows only in grid -->
3169		<a href="/e/tall-heights"
3170			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3171			More details
3172		</a>
3173
3174		<a href="https://tickets.thewordbarn.com/e/tall-heights-2026" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Tall Heights">Tickets</a>	</div>
3175</div>
3176
3177<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3178			md:group-[.view-list]:flex-row
3179			md:group-[.view-list]:items-center
3180			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3181			md:group-[.view-list]:mb-0
3182			md:group-[.view-list]:pb-6
3183			md:group-[.view-grid]:w-75
3184			md:group-[.view-grid]:min-h-90.5
3185			md:group-[.view-grid]:mb-5">
3186
3187	<!-- Image -->
3188	<a href="/e/ian-sweet" class="appearance-none">
3189		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1782327668/saas/logos/image_1782327660610_7zgll20um.webp"
3190			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3191					md:group-[.view-list]:aspect-auto
3192					md:group-[.view-list]:min-h-[125px]
3193					md:group-[.view-list]:w-[125px]
3194					md:group-[.view-list]:h-auto
3195					md:group-[.view-list]:max-h-[167px]
3196					md:group-[.view-list]:mr-6
3197					md:group-[.view-list]:mb-0">
3198	</a>
3199
3200	<!-- Text area -->
3201	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3202				md:group-[.view-list]:px-0
3203				md:group-[.view-list]:justify-center">
3204
3205		<a href="/e/ian-sweet" class="text-base font-bold
3206					md:group-[.view-grid]:text-clip
3207					md:group-[.view-grid]:max-w-120">
3208			IAN SWEET w/ Meg Elsier		</a>
3209
3210		<div class="text-sm md:group-[.view-grid]:text-base">
3211			Thursday, Oct 15, 2026 at 8:00 PM		</div>
3212
3213		<div class="text-xs">
3214			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
3215
3216		<!-- More details link shows only in list -->
3217		<a href="/e/ian-sweet" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3218			More details
3219		</a>
3220	</div>
3221
3222	<!-- Action block -->
3223	<div class="event-card__actions flex justify-between items-center px-5
3224				md:group-[.view-grid]:mt-2
3225				md:group-[.view-grid]:flex-row
3226				md:group-[.view-list]:flex-col
3227				md:group-[.view-list]:gap-2
3228				md:group-[.view-list]:items-end
3229				md:group-[.view-list]:justify-center">
3230
3231		<!-- More details link shows only in grid -->
3232		<a href="/e/ian-sweet"
3233			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3234			More details
3235		</a>
3236
3237		<a href="/e/ian-sweet/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - IAN SWEET w/ Meg Elsier">Tickets</a>	</div>
3238</div>
3239
3240<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3241			md:group-[.view-list]:flex-row
3242			md:group-[.view-list]:items-center
3243			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3244			md:group-[.view-list]:mb-0
3245			md:group-[.view-list]:pb-6
3246			md:group-[.view-grid]:w-75
3247			md:group-[.view-grid]:min-h-90.5
3248			md:group-[.view-grid]:mb-5">
3249
3250	<!-- Image -->
3251	<a href="/e/bellwire" class="appearance-none">
3252		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1782063368/saas/logos/image_1782063362848_7y4607z69.webp"
3253			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3254					md:group-[.view-list]:aspect-auto
3255					md:group-[.view-list]:min-h-[125px]
3256					md:group-[.view-list]:w-[125px]
3257					md:group-[.view-list]:h-auto
3258					md:group-[.view-list]:max-h-[167px]
3259					md:group-[.view-list]:mr-6
3260					md:group-[.view-list]:mb-0">
3261	</a>
3262
3263	<!-- Text area -->
3264	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3265				md:group-[.view-list]:px-0
3266				md:group-[.view-list]:justify-center">
3267
3268		<a href="/e/bellwire" class="text-base font-bold
3269					md:group-[.view-grid]:text-clip
3270					md:group-[.view-grid]:max-w-120">
3271			Bellwire And Jonee Earthquake Band		</a>
3272
3273		<div class="text-sm md:group-[.view-grid]:text-base">
3274			Friday, Oct 16, 2026 at 7:00 PM		</div>
3275
3276		<div class="text-xs">
3277			<span class="data-location-address">Button Factory Stage, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
3278
3279		<!-- More details link shows only in list -->
3280		<a href="/e/bellwire" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3281			More details
3282		</a>
3283	</div>
3284
3285	<!-- Action block -->
3286	<div class="event-card__actions flex justify-between items-center px-5
3287				md:group-[.view-grid]:mt-2
3288				md:group-[.view-grid]:flex-row
3289				md:group-[.view-list]:flex-col
3290				md:group-[.view-list]:gap-2
3291				md:group-[.view-list]:items-end
3292				md:group-[.view-list]:justify-center">
3293
3294		<!-- More details link shows only in grid -->
3295		<a href="/e/bellwire"
3296			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3297			More details
3298		</a>
3299
3300		<a href="/e/bellwire/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Bellwire And Jonee Earthquake Band">Tickets</a>	</div>
3301</div>
3302
3303<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3304			md:group-[.view-list]:flex-row
3305			md:group-[.view-list]:items-center
3306			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3307			md:group-[.view-list]:mb-0
3308			md:group-[.view-list]:pb-6
3309			md:group-[.view-grid]:w-75
3310			md:group-[.view-grid]:min-h-90.5
3311			md:group-[.view-grid]:mb-5">
3312
3313	<!-- Image -->
3314	<a href="/e/fitter-happier-a-radiohead-tribute-oct-16" class="appearance-none">
3315		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1787756293/saas/logos/image_1787756281120_6o9irqeef.webp"
3316			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3317					md:group-[.view-list]:aspect-auto
3318					md:group-[.view-list]:min-h-[125px]
3319					md:group-[.view-list]:w-[125px]
3320					md:group-[.view-list]:h-auto
3321					md:group-[.view-list]:max-h-[167px]
3322					md:group-[.view-list]:mr-6
3323					md:group-[.view-list]:mb-0">
3324	</a>
3325
3326	<!-- Text area -->
3327	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3328				md:group-[.view-list]:px-0
3329				md:group-[.view-list]:justify-center">
3330
3331		<a href="/e/fitter-happier-a-radiohead-tribute-oct-16" class="text-base font-bold
3332					md:group-[.view-grid]:text-clip
3333					md:group-[.view-grid]:max-w-120">
3334			FITTER HAPPIER: A Radiohead Tribute		</a>
3335
3336		<div class="text-sm md:group-[.view-grid]:text-base">
3337			Friday, Oct 16, 2026 from 7:30 PM to 9:30 PM		</div>
3338
3339		<div class="text-xs">
3340			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
3341
3342		<!-- More details link shows only in list -->
3343		<a href="/e/fitter-happier-a-radiohead-tribute-oct-16" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3344			More details
3345		</a>
3346	</div>
3347
3348	<!-- Action block -->
3349	<div class="event-card__actions flex justify-between items-center px-5
3350				md:group-[.view-grid]:mt-2
3351				md:group-[.view-grid]:flex-row
3352				md:group-[.view-list]:flex-col
3353				md:group-[.view-list]:gap-2
3354				md:group-[.view-list]:items-end
3355				md:group-[.view-list]:justify-center">
3356
3357		<!-- More details link shows only in grid -->
3358		<a href="/e/fitter-happier-a-radiohead-tribute-oct-16"
3359			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3360			More details
3361		</a>
3362
3363		<a href="/e/fitter-happier-a-radiohead-tribute-oct-16/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - FITTER HAPPIER: A Radiohead Tribute">Tickets</a>	</div>
3364</div>
3365
3366<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3367			md:group-[.view-list]:flex-row
3368			md:group-[.view-list]:items-center
3369			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3370			md:group-[.view-list]:mb-0
3371			md:group-[.view-list]:pb-6
3372			md:group-[.view-grid]:w-75
3373			md:group-[.view-grid]:min-h-90.5
3374			md:group-[.view-grid]:mb-5">
3375
3376	<!-- Image -->
3377	<a href="/e/the-sound-inside" class="appearance-none">
3378		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786675679/saas/logos/image_1786675564225_xh3eso8ee.webp"
3379			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3380					md:group-[.view-list]:aspect-auto
3381					md:group-[.view-list]:min-h-[125px]
3382					md:group-[.view-list]:w-[125px]
3383					md:group-[.view-list]:h-auto
3384					md:group-[.view-list]:max-h-[167px]
3385					md:group-[.view-list]:mr-6
3386					md:group-[.view-list]:mb-0">
3387	</a>
3388
3389	<!-- Text area -->
3390	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3391				md:group-[.view-list]:px-0
3392				md:group-[.view-list]:justify-center">
3393
3394		<a href="/e/the-sound-inside" class="text-base font-bold
3395					md:group-[.view-grid]:text-clip
3396					md:group-[.view-grid]:max-w-120">
3397			The Sound Inside		</a>
3398
3399		<div class="text-sm md:group-[.view-grid]:text-base">
3400			Friday, Oct 16, 2026 at 7:30 PM		</div>
3401
3402		<div class="text-xs">
3403			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
3404
3405		<!-- More details link shows only in list -->
3406		<a href="/e/the-sound-inside" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3407			More details
3408		</a>
3409	</div>
3410
3411	<!-- Action block -->
3412	<div class="event-card__actions flex justify-between items-center px-5
3413				md:group-[.view-grid]:mt-2
3414				md:group-[.view-grid]:flex-row
3415				md:group-[.view-list]:flex-col
3416				md:group-[.view-list]:gap-2
3417				md:group-[.view-list]:items-end
3418				md:group-[.view-list]:justify-center">
3419
3420		<!-- More details link shows only in grid -->
3421		<a href="/e/the-sound-inside"
3422			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3423			More details
3424		</a>
3425
3426		<a href="/e/the-sound-inside/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Sound Inside">Tickets</a>	</div>
3427</div>
3428
3429<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3430			md:group-[.view-list]:flex-row
3431			md:group-[.view-list]:items-center
3432			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3433			md:group-[.view-list]:mb-0
3434			md:group-[.view-list]:pb-6
3435			md:group-[.view-grid]:w-75
3436			md:group-[.view-grid]:min-h-90.5
3437			md:group-[.view-grid]:mb-5">
3438
3439	<!-- Image -->
3440	<a href="/e/carrie-the-musical" class="appearance-none">
3441		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771195290/saas/logos/image_1771195280239_qzu1b9ufj.webp"
3442			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3443					md:group-[.view-list]:aspect-auto
3444					md:group-[.view-list]:min-h-[125px]
3445					md:group-[.view-list]:w-[125px]
3446					md:group-[.view-list]:h-auto
3447					md:group-[.view-list]:max-h-[167px]
3448					md:group-[.view-list]:mr-6
3449					md:group-[.view-list]:mb-0">
3450	</a>
3451
3452	<!-- Text area -->
3453	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3454				md:group-[.view-list]:px-0
3455				md:group-[.view-list]:justify-center">
3456
3457		<a href="/e/carrie-the-musical" class="text-base font-bold
3458					md:group-[.view-grid]:text-clip
3459					md:group-[.view-grid]:max-w-120">
3460			Carrie: The Musical		</a>
3461
3462		<div class="text-sm md:group-[.view-grid]:text-base">
3463			Friday, Oct 16, 2026 at 7:30 PM		</div>
3464
3465		<div class="text-xs">
3466			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
3467
3468		<!-- More details link shows only in list -->
3469		<a href="/e/carrie-the-musical" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3470			More details
3471		</a>
3472	</div>
3473
3474	<!-- Action block -->
3475	<div class="event-card__actions flex justify-between items-center px-5
3476				md:group-[.view-grid]:mt-2
3477				md:group-[.view-grid]:flex-row
3478				md:group-[.view-list]:flex-col
3479				md:group-[.view-list]:gap-2
3480				md:group-[.view-list]:items-end
3481				md:group-[.view-list]:justify-center">
3482
3483		<!-- More details link shows only in grid -->
3484		<a href="/e/carrie-the-musical"
3485			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3486			More details
3487		</a>
3488
3489		<a href="/e/carrie-the-musical/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Carrie: The Mu
3489sical">Tickets</a>	</div>
3490</div>
3491
3492<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3493			md:group-[.view-list]:flex-row
3494			md:group-[.view-list]:items-center
3495			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3496			md:group-[.view-list]:mb-0
3497			md:group-[.view-list]:pb-6
3498			md:group-[.view-grid]:w-75
3499			md:group-[.view-grid]:min-h-90.5
3500			md:group-[.view-grid]:mb-5">
3501
3502	<!-- Image -->
3503	<a href="/e/carrie-the-musical-10" class="appearance-none">
3504		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771206191/saas/logos/image_1771206167430_jlf5ninuj.webp"
3505			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3506					md:group-[.view-list]:aspect-auto
3507					md:group-[.view-list]:min-h-[125px]
3508					md:group-[.view-list]:w-[125px]
3509					md:group-[.view-list]:h-auto
3510					md:group-[.view-list]:max-h-[167px]
3511					md:group-[.view-list]:mr-6
3512					md:group-[.view-list]:mb-0">
3513	</a>
3514
3515	<!-- Text area -->
3516	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3517				md:group-[.view-list]:px-0
3518				md:group-[.view-list]:justify-center">
3519
3520		<a href="/e/carrie-the-musical-10" class="text-base font-bold
3521					md:group-[.view-grid]:text-clip
3522					md:group-[.view-grid]:max-w-120">
3523			Carrie: The Musical		</a>
3524
3525		<div class="text-sm md:group-[.view-grid]:text-base">
3526			Saturday, Oct 17, 2026 at 2:00 PM		</div>
3527
3528		<div class="text-xs">
3529			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
3530
3531		<!-- More details link shows only in list -->
3532		<a href="/e/carrie-the-musical-10" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3533			More details
3534		</a>
3535	</div>
3536
3537	<!-- Action block -->
3538	<div class="event-card__actions flex justify-between items-center px-5
3539				md:group-[.view-grid]:mt-2
3540				md:group-[.view-grid]:flex-row
3541				md:group-[.view-list]:flex-col
3542				md:group-[.view-list]:gap-2
3543				md:group-[.view-list]:items-end
3544				md:group-[.view-list]:justify-center">
3545
3546		<!-- More details link shows only in grid -->
3547		<a href="/e/carrie-the-musical-10"
3548			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3549			More details
3550		</a>
3551
3552		<a href="/e/carrie-the-musical-10/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Carrie: The Musical">Tickets</a>	</div>
3553</div>
3554
3555<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3556			md:group-[.view-list]:flex-row
3557			md:group-[.view-list]:items-center
3558			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3559			md:group-[.view-list]:mb-0
3560			md:group-[.view-list]:pb-6
3561			md:group-[.view-grid]:w-75
3562			md:group-[.view-grid]:min-h-90.5
3563			md:group-[.view-grid]:mb-5">
3564
3565	<!-- Image -->
3566	<a href="/e/the-sound-inside-4" class="appearance-none">
3567		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786675679/saas/logos/image_1786675564225_xh3eso8ee.webp"
3568			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3569					md:group-[.view-list]:aspect-auto
3570					md:group-[.view-list]:min-h-[125px]
3571					md:group-[.view-list]:w-[125px]
3572					md:group-[.view-list]:h-auto
3573					md:group-[.view-list]:max-h-[167px]
3574					md:group-[.view-list]:mr-6
3575					md:group-[.view-list]:mb-0">
3576	</a>
3577
3578	<!-- Text area -->
3579	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3580				md:group-[.view-list]:px-0
3581				md:group-[.view-list]:justify-center">
3582
3583		<a href="/e/the-sound-inside-4" class="text-base font-bold
3584					md:group-[.view-grid]:text-clip
3585					md:group-[.view-grid]:max-w-120">
3586			The Sound Inside		</a>
3587
3588		<div class="text-sm md:group-[.view-grid]:text-base">
3589			Saturday, Oct 17, 2026 from 4:00 PM to 5:30 PM		</div>
3590
3591		<div class="text-xs">
3592			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
3593
3594		<!-- More details link shows only in list -->
3595		<a href="/e/the-sound-inside-4" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3596			More details
3597		</a>
3598	</div>
3599
3600	<!-- Action block -->
3601	<div class="event-card__actions flex justify-between items-center px-5
3602				md:group-[.view-grid]:mt-2
3603				md:group-[.view-grid]:flex-row
3604				md:group-[.view-list]:flex-col
3605				md:group-[.view-list]:gap-2
3606				md:group-[.view-list]:items-end
3607				md:group-[.view-list]:justify-center">
3608
3609		<!-- More details link shows only in grid -->
3610		<a href="/e/the-sound-inside-4"
3611			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3612			More details
3613		</a>
3614
3615		<a href="/e/the-sound-inside-4/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Sound Inside">Tickets</a>	</div>
3616</div>
3617
3618<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3619			md:group-[.view-list]:flex-row
3620			md:group-[.view-list]:items-center
3621			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3622			md:group-[.view-list]:mb-0
3623			md:group-[.view-list]:pb-6
3624			md:group-[.view-grid]:w-75
3625			md:group-[.view-grid]:min-h-90.5
3626			md:group-[.view-grid]:mb-5">
3627
3628	<!-- Image -->
3629	<a href="/e/jab-and-ghostbird" class="appearance-none">
3630		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789762238/saas/logos/image_1789762230823_1ucjjzmt4.webp"
3631			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3632					md:group-[.view-list]:aspect-auto
3633					md:group-[.view-list]:min-h-[125px]
3634					md:group-[.view-list]:w-[125px]
3635					md:group-[.view-list]:h-auto
3636					md:group-[.view-list]:max-h-[167px]
3637					md:group-[.view-list]:mr-6
3638					md:group-[.view-list]:mb-0">
3639	</a>
3640
3641	<!-- Text area -->
3642	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3643				md:group-[.view-list]:px-0
3644				md:group-[.view-list]:justify-center">
3645
3646		<a href="/e/jab-and-ghostbird" class="text-base font-bold
3647					md:group-[.view-grid]:text-clip
3648					md:group-[.view-grid]:max-w-120">
3649			JAB and Ghostbird		</a>
3650
3651		<div class="text-sm md:group-[.view-grid]:text-base">
3652			Saturday, Oct 17, 2026 at 7:00 PM		</div>
3653
3654		<div class="text-xs">
3655			<span class="data-location-address">909 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
3656
3657		<!-- More details link shows only in list -->
3658		<a href="/e/jab-and-ghostbird" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3659			More details
3660		</a>
3661	</div>
3662
3663	<!-- Action block -->
3664	<div class="event-card__actions flex justify-between items-center px-5
3665				md:group-[.view-grid]:mt-2
3666				md:group-[.view-grid]:flex-row
3667				md:group-[.view-list]:flex-col
3668				md:group-[.view-list]:gap-2
3669				md:group-[.view-list]:items-end
3670				md:group-[.view-list]:justify-center">
3671
3672		<!-- More details link shows only in grid -->
3673		<a href="/e/jab-and-ghostbird"
3674			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3675			More details
3676		</a>
3677
3678		<a href="/e/jab-and-ghostbird/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - JAB and Ghostbird">Tickets</a>	</div>
3679</div>
3680
3681<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3682			md:group-[.view-list]:flex-row
3683			md:group-[.view-list]:items-center
3684			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3685			md:group-[.view-list]:mb-0
3686			md:group-[.view-list]:pb-6
3687			md:group-[.view-grid]:w-75
3688			md:group-[.view-grid]:min-h-90.5
3689			md:group-[.view-grid]:mb-5">
3690
3691	<!-- Image -->
3692	<a href="/e/carrie-the-musical-2" class="appearance-none">
3693		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771196425/saas/logos/image_1771196419352_7k9zth1q3.webp"
3694			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3695					md:group-[.view-list]:aspect-auto
3696					md:group-[.view-list]:min-h-[125px]
3697					md:group-[.view-list]:w-[125px]
3698					md:group-[.view-list]:h-auto
3699					md:group-[.view-list]:max-h-[167px]
3700					md:group-[.view-list]:mr-6
3701					md:group-[.view-list]:mb-0">
3702	</a>
3703
3704	<!-- Text area -->
3705	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3706				md:group-[.view-list]:px-0
3707				md:group-[.view-list]:justify-center">
3708
3709		<a href="/e/carrie-the-musical-2" class="text-base font-bold
3710					md:group-[.view-grid]:text-clip
3711					md:group-[.view-grid]:max-w-120">
3712			Carrie: The Musical		</a>
3713
3714		<div class="text-sm md:group-[.view-grid]:text-base">
3715			Saturday, Oct 17, 2026 at 7:30 PM		</div>
3716
3717		<div class="text-xs">
3718			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
3719
3720		<!-- More details link shows only in list -->
3721		<a href="/e/carrie-the-musical-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3722			More details
3723		</a>
3724	</div>
3725
3726	<!-- Action block -->
3727	<div class="event-card__actions flex justify-between items-center px-5
3728				md:group-[.view-grid]:mt-2
3729				md:group-[.view-grid]:flex-row
3730				md:group-[.view-list]:flex-col
3731				md:group-[.view-list]:gap-2
3732				md:group-[.view-list]:items-end
3733				md:group-[.view-list]:justify-center">
3734
3735		<!-- More details link shows only in grid -->
3736		<a href="/e/carrie-the-musical-2"
3737			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3738			More details
3739		</a>
3740
3741		<a href="/e/carrie-the-musical-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Carrie: The Mu
3741sical">Tickets</a>	</div>
3742</div>
3743
3744<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3745			md:group-[.view-list]:flex-row
3746			md:group-[.view-list]:items-center
3747			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3748			md:group-[.view-list]:mb-0
3749			md:group-[.view-list]:pb-6
3750			md:group-[.view-grid]:w-75
3751			md:group-[.view-grid]:min-h-90.5
3752			md:group-[.view-grid]:mb-5">
3753
3754	<!-- Image -->
3755	<a href="/e/danse-macabre-a-goth-night" class="appearance-none">
3756		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789518119/saas/logos/image_1789518111314_z5leygtp9.webp"
3757			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3758					md:group-[.view-list]:aspect-auto
3759					md:group-[.view-list]:min-h-[125px]
3760					md:group-[.view-list]:w-[125px]
3761					md:group-[.view-list]:h-auto
3762					md:group-[.view-list]:max-h-[167px]
3763					md:group-[.view-list]:mr-6
3764					md:group-[.view-list]:mb-0">
3765	</a>
3766
3767	<!-- Text area -->
3768	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3769				md:group-[.view-list]:px-0
3770				md:group-[.view-list]:justify-center">
3771
3772		<a href="/e/danse-macabre-a-goth-night" class="text-base font-bold
3773					md:group-[.view-grid]:text-clip
3774					md:group-[.view-grid]:max-w-120">
3775			Danse Macabre: A Goth Night		</a>
3776
3777		<div class="text-sm md:group-[.view-grid]:text-base">
3778			Saturday, Oct 17, 2026 at 8:00 PM		</div>
3779
3780		<div class="text-xs">
3781			<span class="data-location-address">Rockingham Ballroom, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
3782
3783		<!-- More details link shows only in list -->
3784		<a href="/e/danse-macabre-a-goth-night" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3785			More details
3786		</a>
3787	</div>
3788
3789	<!-- Action block -->
3790	<div class="event-card__actions flex justify-between items-center px-5
3791				md:group-[.view-grid]:mt-2
3792				md:group-[.view-grid]:flex-row
3793				md:group-[.view-list]:flex-col
3794				md:group-[.view-list]:gap-2
3795				md:group-[.view-list]:items-end
3796				md:group-[.view-list]:justify-center">
3797
3798		<!-- More details link shows only in grid -->
3799		<a href="/e/danse-macabre-a-goth-night"
3800			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3801			More details
3802		</a>
3803
3804		<a href="/e/danse-macabre-a-goth-night/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Danse Macabre: A Goth Night">Tickets</a>	</div>
3805</div>
3806
3807<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3808			md:group-[.view-list]:flex-row
3809			md:group-[.view-list]:items-center
3810			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3811			md:group-[.view-list]:mb-0
3812			md:group-[.view-list]:pb-6
3813			md:group-[.view-grid]:w-75
3814			md:group-[.view-grid]:min-h-90.5
3815			md:group-[.view-grid]:mb-5">
3816
3817	<!-- Image -->
3818	<a href="/e/carrie-the-musical-9" class="appearance-none">
3819		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771196462/saas/logos/image_1771196456203_aaxox1g6k.webp"
3820			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3821					md:group-[.view-list]:aspect-auto
3822					md:group-[.view-list]:min-h-[125px]
3823					md:group-[.view-list]:w-[125px]
3824					md:group-[.view-list]:h-auto
3825					md:group-[.view-list]:max-h-[167px]
3826					md:group-[.view-list]:mr-6
3827					md:group-[.view-list]:mb-0">
3828	</a>
3829
3830	<!-- Text area -->
3831	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3832				md:group-[.view-list]:px-0
3833				md:group-[.view-list]:justify-center">
3834
3835		<a href="/e/carrie-the-musical-9" class="text-base font-bold
3836					md:group-[.view-grid]:text-clip
3837					md:group-[.view-grid]:max-w-120">
3838			Carrie: The Musical		</a>
3839
3840		<div class="text-sm md:group-[.view-grid]:text-base">
3841			Sunday, Oct 18, 2026 at 2:00 PM		</div>
3842
3843		<div class="text-xs">
3844			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
3845
3846		<!-- More details link shows only in list -->
3847		<a href="/e/carrie-the-musical-9" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3848			More details
3849		</a>
3850	</div>
3851
3852	<!-- Action block -->
3853	<div class="event-card__actions flex justify-between items-center px-5
3854				md:group-[.view-grid]:mt-2
3855				md:group-[.view-grid]:flex-row
3856				md:group-[.view-list]:flex-col
3857				md:group-[.view-list]:gap-2
3858				md:group-[.view-list]:items-end
3859				md:group-[.view-list]:justify-center">
3860
3861		<!-- More details link shows only in grid -->
3862		<a href="/e/carrie-the-musical-9"
3863			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3864			More details
3865		</a>
3866
3867		<a href="/e/carrie-the-musical-9/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Carrie: The Mu
3867sical">Tickets</a>	</div>
3868</div>
3869
3870<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3871			md:group-[.view-list]:flex-row
3872			md:group-[.view-list]:items-center
3873			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3874			md:group-[.view-list]:mb-0
3875			md:group-[.view-list]:pb-6
3876			md:group-[.view-grid]:w-75
3877			md:group-[.view-grid]:min-h-90.5
3878			md:group-[.view-grid]:mb-5">
3879
3880	<!-- Image -->
3881	<a href="/e/the-sound-inside-6" class="appearance-none">
3882		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786675679/saas/logos/image_1786675564225_xh3eso8ee.webp"
3883			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3884					md:group-[.view-list]:aspect-auto
3885					md:group-[.view-list]:min-h-[125px]
3886					md:group-[.view-list]:w-[125px]
3887					md:group-[.view-list]:h-auto
3888					md:group-[.view-list]:max-h-[167px]
3889					md:group-[.view-list]:mr-6
3890					md:group-[.view-list]:mb-0">
3891	</a>
3892
3893	<!-- Text area -->
3894	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3895				md:group-[.view-list]:px-0
3896				md:group-[.view-list]:justify-center">
3897
3898		<a href="/e/the-sound-inside-6" class="text-base font-bold
3899					md:group-[.view-grid]:text-clip
3900					md:group-[.view-grid]:max-w-120">
3901			The Sound Inside		</a>
3902
3903		<div class="text-sm md:group-[.view-grid]:text-base">
3904			Sunday, Oct 18, 2026 from 2:30 PM to 4:00 PM		</div>
3905
3906		<div class="text-xs">
3907			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
3908
3909		<!-- More details link shows only in list -->
3910		<a href="/e/the-sound-inside-6" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3911			More details
3912		</a>
3913	</div>
3914
3915	<!-- Action block -->
3916	<div class="event-card__actions flex justify-between items-center px-5
3917				md:group-[.view-grid]:mt-2
3918				md:group-[.view-grid]:flex-row
3919				md:group-[.view-list]:flex-col
3920				md:group-[.view-list]:gap-2
3921				md:group-[.view-list]:items-end
3922				md:group-[.view-list]:justify-center">
3923
3924		<!-- More details link shows only in grid -->
3925		<a href="/e/the-sound-inside-6"
3926			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3927			More details
3928		</a>
3929
3930		<a href="/e/the-sound-inside-6/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Sound Inside">Tickets</a>	</div>
3931</div>
3932
3933<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3934			md:group-[.view-list]:flex-row
3935			md:group-[.view-list]:items-center
3936			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
3937			md:group-[.view-list]:mb-0
3938			md:group-[.view-list]:pb-6
3939			md:group-[.view-grid]:w-75
3940			md:group-[.view-grid]:min-h-90.5
3941			md:group-[.view-grid]:mb-5">
3942
3943	<!-- Image -->
3944	<a href="/e/palmyra-2" class="appearance-none">
3945		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786476561/saas/logos/image_1786476547262_iu73m4896.webp"
3946			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
3947					md:group-[.view-list]:aspect-auto
3948					md:group-[.view-list]:min-h-[125px]
3949					md:group-[.view-list]:w-[125px]
3950					md:group-[.view-list]:h-auto
3951					md:group-[.view-list]:max-h-[167px]
3952					md:group-[.view-list]:mr-6
3953					md:group-[.view-list]:mb-0">
3954	</a>
3955
3956	<!-- Text area -->
3957	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
3958				md:group-[.view-list]:px-0
3959				md:group-[.view-list]:justify-center">
3960
3961		<a href="/e/palmyra-2" class="text-base font-bold
3962					md:group-[.view-grid]:text-clip
3963					md:group-[.view-grid]:max-w-120">
3964			Palmyra		</a>
3965
3966		<div class="text-sm md:group-[.view-grid]:text-base">
3967			Wednesday, Oct 21, 2026 from 7:00 PM to 9:00 PM		</div>
3968
3969		<div class="text-xs">
3970			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
3971
3972		<!-- More details link shows only in list -->
3973		<a href="/e/palmyra-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
3974			More details
3975		</a>
3976	</div>
3977
3978	<!-- Action block -->
3979	<div class="event-card__actions flex justify-between items-center px-5
3980				md:group-[.view-grid]:mt-2
3981				md:group-[.view-grid]:flex-row
3982				md:group-[.view-list]:flex-col
3983				md:group-[.view-list]:gap-2
3984				md:group-[.view-list]:items-end
3985				md:group-[.view-list]:justify-center">
3986
3987		<!-- More details link shows only in grid -->
3988		<a href="/e/palmyra-2"
3989			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
3990			More details
3991		</a>
3992
3993		<a href="https://tickets.thewordbarn.com/e/palmyra" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Palmyra">Tickets</a>	</div>
3994</div>
3995
3996<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
3997			md:group-[.view-list]:flex-row
3998			md:group-[.view-list]:items-center
3999			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4000			md:group-[.view-list]:mb-0
4001			md:group-[.view-list]:pb-6
4002			md:group-[.view-grid]:w-75
4003			md:group-[.view-grid]:min-h-90.5
4004			md:group-[.view-grid]:mb-5">
4005
4006	<!-- Image -->
4007	<a href="/e/todd-hearon-other-brother-darryl-2" class="appearance-none">
4008		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1787684965/saas/logos/image_1787684959643_ynhim4d4t.webp"
4009			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4010					md:group-[.view-list]:aspect-auto
4011					md:group-[.view-list]:min-h-[125px]
4012					md:group-[.view-list]:w-[125px]
4013					md:group-[.view-list]:h-auto
4014					md:group-[.view-list]:max-h-[167px]
4015					md:group-[.view-list]:mr-6
4016					md:group-[.view-list]:mb-0">
4017	</a>
4018
4019	<!-- Text area -->
4020	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4021				md:group-[.view-list]:px-0
4022				md:group-[.view-list]:justify-center">
4023
4024		<a href="/e/todd-hearon-other-brother-darryl-2" class="text-base font-bold
4025					md:group-[.view-grid]:text-clip
4026					md:group-[.view-grid]:max-w-120">
4027			Todd Hearon and Other Brother Darryl		</a>
4028
4029		<div class="text-sm md:group-[.view-grid]:text-base">
4030			Thursday, Oct 22, 2026 from 7:00 PM to 9:00 PM		</div>
4031
4032		<div class="text-xs">
4033			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
4034
4035		<!-- More details link shows only in list -->
4036		<a href="/e/todd-hearon-other-brother-darryl-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4037			More details
4038		</a>
4039	</div>
4040
4041	<!-- Action block -->
4042	<div class="event-card__actions flex justify-between items-center px-5
4043				md:group-[.view-grid]:mt-2
4044				md:group-[.view-grid]:flex-row
4045				md:group-[.view-list]:flex-col
4046				md:group-[.view-list]:gap-2
4047				md:group-[.view-list]:items-end
4048				md:group-[.view-list]:justify-center">
4049
4050		<!-- More details link shows only in grid -->
4051		<a href="/e/todd-hearon-other-brother-darryl-2"
4052			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4053			More details
4054		</a>
4055
4056		<a href="https://tickets.thewordbarn.com/e/todd-hearon-other-brother-darryl" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Todd Hearon and Other Brother Darryl">Tickets</a>	</div>
4057</div>
4058
4059<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4060			md:group-[.view-list]:flex-row
4061			md:group-[.view-list]:items-center
4062			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4063			md:group-[.view-list]:mb-0
4064			md:group-[.view-list]:pb-6
4065			md:group-[.view-grid]:w-75
4066			md:group-[.view-grid]:min-h-90.5
4067			md:group-[.view-grid]:mb-5">
4068
4069	<!-- Image -->
4070	<a href="/e/dydo-alliance-present-an-evening-with-a-4" class="appearance-none">
4071		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1774757867/saas/logos/image_1774757861210_p78ldq4c3.webp"
4072			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4073					md:group-[.view-list]:aspect-auto
4074					md:group-[.view-list]:min-h-[125px]
4075					md:group-[.view-list]:w-[125px]
4076					md:group-[.view-list]:h-auto
4077					md:group-[.view-list]:max-h-[167px]
4078					md:group-[.view-list]:mr-6
4079					md:group-[.view-list]:mb-0">
4080	</a>
4081
4082	<!-- Text area -->
4083	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4084				md:group-[.view-list]:px-0
4085				md:group-[.view-list]:justify-center">
4086
4087		<a href="/e/dydo-alliance-present-an-evening-with-a-4" class="text-base font-bold
4088					md:group-[.view-grid]:text-clip
4089					md:group-[.view-grid]:max-w-120">
4090			Dydo Alliance presents An Evening with Angry Hill		</a>
4091
4092		<div class="text-sm md:group-[.view-grid]:text-base">
4093			Friday, Oct 23, 2026 at 7:00 PM		</div>
4094
4095		<div class="text-xs">
4096			<span class="data-location-address">909 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
4097
4098		<!-- More details link shows only in list -->
4099		<a href="/e/dydo-alliance-present-an-evening-with-a-4" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4100			More details
4101		</a>
4102	</div>
4103
4104	<!-- Action block -->
4105	<div class="event-card__actions flex justify-between items-center px-5
4106				md:group-[.view-grid]:mt-2
4107				md:group-[.view-grid]:flex-row
4108				md:group-[.view-list]:flex-col
4109				md:group-[.view-list]:gap-2
4110				md:group-[.view-list]:items-end
4111				md:group-[.view-list]:justify-center">
4112
4113		<!-- More details link shows only in grid -->
4114		<a href="/e/dydo-alliance-present-an-evening-with-a-4"
4115			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4116			More details
4117		</a>
4118
4119		<a href="/e/dydo-alliance-present-an-evening-with-a-4/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Dydo Alliance presents An Evening with Angry Hill">Tickets</a>	</div>
4120</div>
4121
4122<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4123			md:group-[.view-list]:flex-row
4124			md:group-[.view-list]:items-center
4125			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4126			md:group-[.view-list]:mb-0
4127			md:group-[.view-list]:pb-6
4128			md:group-[.view-grid]:w-75
4129			md:group-[.view-grid]:min-h-90.5
4130			md:group-[.view-grid]:mb-5">
4131
4132	<!-- Image -->
4133	<a href="/e/alash-3" class="appearance-none">
4134		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1780495902/saas/logos/image_1780495897106_46fn4w3bt.webp"
4135			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4136					md:group-[.view-list]:aspect-auto
4137					md:group-[.view-list]:min-h-[125px]
4138					md:group-[.view-list]:w-[125px]
4139					md:group-[.view-list]:h-auto
4140					md:group-[.view-list]:max-h-[167px]
4141					md:group-[.view-list]:mr-6
4142					md:group-[.view-list]:mb-0">
4143	</a>
4144
4145	<!-- Text area -->
4146	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4147				md:group-[.view-list]:px-0
4148				md:group-[.view-list]:justify-center">
4149
4150		<a href="/e/alash-3" class="text-base font-bold
4151					md:group-[.view-grid]:text-clip
4152					md:group-[.view-grid]:max-w-120">
4153			Alash		</a>
4154
4155		<div class="text-sm md:group-[.view-grid]:text-base">
4156			Friday, Oct 23, 2026 from 7:00 PM to 9:00 PM		</div>
4157
4158		<div class="text-xs">
4159			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
4160
4161		<!-- More details link shows only in list -->
4162		<a href="/e/alash-3" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4163			More details
4164		</a>
4165	</div>
4166
4167	<!-- Action block -->
4168	<div class="event-card__actions flex justify-between items-center px-5
4169				md:group-[.view-grid]:mt-2
4170				md:group-[.view-grid]:flex-row
4171				md:group-[.view-list]:flex-col
4172				md:group-[.view-list]:gap-2
4173				md:group-[.view-list]:items-end
4174				md:group-[.view-list]:justify-center">
4175
4176		<!-- More details link shows only in grid -->
4177		<a href="/e/alash-3"
4178			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4179			More details
4180		</a>
4181
4182		<a href="https://tickets.thewordbarn.com/e/alash-2" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Alash">Tickets</a>	</div>
4183</div>
4184
4185<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4186			md:group-[.view-list]:flex-row
4187			md:group-[.view-list]:items-center
4188			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4189			md:group-[.view-list]:mb-0
4190			md:group-[.view-list]:pb-6
4191			md:group-[.view-grid]:w-75
4192			md:group-[.view-grid]:min-h-90.5
4193			md:group-[.view-grid]:mb-5">
4194
4195	<!-- Image -->
4196	<a href="/e/the-sound-inside-2" class="appearance-none">
4197		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786675679/saas/logos/image_1786675564225_xh3eso8ee.webp"
4198			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4199					md:group-[.view-list]:aspect-auto
4200					md:group-[.view-list]:min-h-[125px]
4201					md:group-[.view-list]:w-[125px]
4202					md:group-[.view-list]:h-auto
4203					md:group-[.view-list]:max-h-[167px]
4204					md:group-[.view-list]:mr-6
4205					md:group-[.view-list]:mb-0">
4206	</a>
4207
4208	<!-- Text area -->
4209	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4210				md:group-[.view-list]:px-0
4211				md:group-[.view-list]:justify-center">
4212
4213		<a href="/e/the-sound-inside-2" class="text-base font-bold
4214					md:group-[.view-grid]:text-clip
4215					md:group-[.view-grid]:max-w-120">
4216			The Sound Inside		</a>
4217
4218		<div class="text-sm md:group-[.view-grid]:text-base">
4219			Friday, Oct 23, 2026 from 7:30 PM to 9:00 PM		</div>
4220
4221		<div class="text-xs">
4222			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
4223
4224		<!-- More details link shows only in list -->
4225		<a href="/e/the-sound-inside-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4226			More details
4227		</a>
4228	</div>
4229
4230	<!-- Action block -->
4231	<div class="event-card__actions flex justify-between items-center px-5
4232				md:group-[.view-grid]:mt-2
4233				md:group-[.view-grid]:flex-row
4234				md:group-[.view-list]:flex-col
4235				md:group-[.view-list]:gap-2
4236				md:group-[.view-list]:items-end
4237				md:group-[.view-list]:justify-center">
4238
4239		<!-- More details link shows only in grid -->
4240		<a href="/e/the-sound-inside-2"
4241			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4242			More details
4243		</a>
4244
4245		<a href="/e/the-sound-inside-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Sound Inside">Tickets</a>	</div>
4246</div>
4247
4248<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4249			md:group-[.view-list]:flex-row
4250			md:group-[.view-list]:items-center
4251			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4252			md:group-[.view-list]:mb-0
4253			md:group-[.view-list]:pb-6
4254			md:group-[.view-grid]:w-75
4255			md:group-[.view-grid]:min-h-90.5
4256			md:group-[.view-grid]:mb-5">
4257
4258	<!-- Image -->
4259	<a href="/e/carrie-the-musical-3" class="appearance-none">
4260		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771196406/saas/logos/image_1771196396539_j0m99dafw.webp"
4261			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4262					md:group-[.view-list]:aspect-auto
4263					md:group-[.view-list]:min-h-[125px]
4264					md:group-[.view-list]:w-[125px]
4265					md:group-[.view-list]:h-auto
4266					md:group-[.view-list]:max-h-[167px]
4267					md:group-[.view-list]:mr-6
4268					md:group-[.view-list]:mb-0">
4269	</a>
4270
4271	<!-- Text area -->
4272	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4273				md:group-[.view-list]:px-0
4274				md:group-[.view-list]:justify-center">
4275
4276		<a href="/e/carrie-the-musical-3" class="text-base font-bold
4277					md:group-[.view-grid]:text-clip
4278					md:group-[.view-grid]:max-w-120">
4279			Carrie: The Musical		</a>
4280
4281		<div class="text-sm md:group-[.view-grid]:text-base">
4282			Friday, Oct 23, 2026 at 7:30 PM		</div>
4283
4284		<div class="text-xs">
4285			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
4286
4287		<!-- More details link shows only in list -->
4288		<a href="/e/carrie-the-musical-3" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4289			More details
4290		</a>
4291	</div>
4292
4293	<!-- Action block -->
4294	<div class="event-card__actions flex justify-between items-center px-5
4295				md:group-[.view-grid]:mt-2
4296				md:group-[.view-grid]:flex-row
4297				md:group-[.view-list]:flex-col
4298				md:group-[.view-list]:gap-2
4299				md:group-[.view-list]:items-end
4300				md:group-[.view-list]:justify-center">
4301
4302		<!-- More details link shows only in grid -->
4303		<a href="/e/carrie-the-musical-3"
4304			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4305			More details
4306		</a>
4307
4308		<a href="/e/carrie-the-musical-3/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Carrie: The Musical">Tickets</a>	</div>
4309</div>
4310
4311<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4312			md:group-[.view-list]:flex-row
4313			md:group-[.view-list]:items-center
4314			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4315			md:group-[.view-list]:mb-0
4316			md:group-[.view-list]:pb-6
4317			md:group-[.view-grid]:w-75
4318			md:group-[.view-grid]:min-h-90.5
4319			md:group-[.view-grid]:mb-5">
4320
4321	<!-- Image -->
4322	<a href="/e/dead-gowns-album-release-show-w-helenor" class="appearance-none">
4323		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1787602455/saas/logos/image_1787602445587_btdpobz45.webp"
4324			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4325					md:group-[.view-list]:aspect-auto
4326					md:group-[.view-list]:min-h-[125px]
4327					md:group-[.view-list]:w-[125px]
4328					md:group-[.view-list]:h-auto
4329					md:group-[.view-list]:max-h-[167px]
4330					md:group-[.view-list]:mr-6
4331					md:group-[.view-list]:mb-0">
4332	</a>
4333
4334	<!-- Text area -->
4335	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4336				md:group-[.view-list]:px-0
4337				md:group-[.view-list]:justify-center">
4338
4339		<a href="/e/dead-gowns-album-release-show-w-helenor" class="text-base font-bold
4340					md:group-[.view-grid]:text-clip
4341					md:group-[.view-grid]:max-w-120">
4342			Dead Gowns ALBUM RELEASE SHOW w/ Helenor		</a>
4343
4344		<div class="text-sm md:group-[.view-grid]:text-base">
4345			Friday, Oct 23, 2026 at 8:00 PM		</div>
4346
4347		<div class="text-xs">
4348			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
4349
4350		<!-- More details link shows only in list -->
4351		<a href="/e/dead-gowns-album-release-show-w-helenor" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4352			More details
4353		</a>
4354	</div>
4355
4356	<!-- Action block -->
4357	<div class="event-card__actions flex justify-between items-center px-5
4358				md:group-[.view-grid]:mt-2
4359				md:group-[.view-grid]:flex-row
4360				md:group-[.view-list]:flex-col
4361				md:group-[.view-list]:gap-2
4362				md:group-[.view-list]:items-end
4363				md:group-[.view-list]:justify-center">
4364
4365		<!-- More details link shows only in grid -->
4366		<a href="/e/dead-gowns-album-release-show-w-helenor"
4367			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4368			More details
4369		</a>
4370
4371		<a href="/e/dead-gowns-album-release-show-w-helenor/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Dead Gowns ALBUM RELEASE SHOW w/ Helenor">Tickets</a>	</div>
4372</div>
4373
4374<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4375			md:group-[.view-list]:flex-row
4376			md:group-[.view-list]:items-center
4377			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4378			md:group-[.view-list]:mb-0
4379			md:group-[.view-list]:pb-6
4380			md:group-[.view-grid]:w-75
4381			md:group-[.view-grid]:min-h-90.5
4382			md:group-[.view-grid]:mb-5">
4383
4384	<!-- Image -->
4385	<a href="/e/carrie-the-musical-11" class="appearance-none">
4386		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771206238/saas/logos/image_1771206212901_d7abrapog.webp"
4387			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4388					md:group-[.view-list]:aspect-auto
4389					md:group-[.view-list]:min-h-[125px]
4390					md:group-[.view-list]:w-[125px]
4391					md:group-[.view-list]:h-auto
4392					md:group-[.view-list]:max-h-[167px]
4393					md:group-[.view-list]:mr-6
4394					md:group-[.view-list]:mb-0">
4395	</a>
4396
4397	<!-- Text area -->
4398	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4399				md:group-[.view-list]:px-0
4400				md:group-[.view-list]:justify-center">
4401
4402		<a href="/e/carrie-the-musical-11" class="text-base font-bold
4403					md:group-[.view-grid]:text-clip
4404					md:group-[.view-grid]:max-w-120">
4405			Carrie: The Musical		</a>
4406
4407		<div class="text-sm md:group-[.view-grid]:text-base">
4408			Saturday, Oct 24, 2026 at 2:00 PM		</div>
4409
4410		<div class="text-xs">
4411			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
4412
4413		<!-- More details link shows only in list -->
4414		<a href="/e/carrie-the-musical-11" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4415			More details
4416		</a>
4417	</div>
4418
4419	<!-- Action block -->
4420	<div class="event-card__actions flex justify-between items-center px-5
4421				md:group-[.view-grid]:mt-2
4422				md:group-[.view-grid]:flex-row
4423				md:group-[.view-list]:flex-col
4424				md:group-[.view-list]:gap-2
4425				md:group-[.view-list]:items-end
4426				md:group-[.view-list]:justify-center">
4427
4428		<!-- More details link shows only in grid -->
4429		<a href="/e/carrie-the-musical-11"
4430			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4431			More details
4432		</a>
4433
4434		<a href="/e/carrie-the-musical-11/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Carrie: The Musical">Tickets</a>	</div>
4435</div>
4436
4437<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4438			md:group-[.view-list]:flex-row
4439			md:group-[.view-list]:items-center
4440			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4441			md:group-[.view-list]:mb-0
4442			md:group-[.view-list]:pb-6
4443			md:group-[.view-grid]:w-75
4444			md:group-[.view-grid]:min-h-90.5
4445			md:group-[.view-grid]:mb-5">
4446
4447	<!-- Image -->
4448	<a href="/e/the-sound-inside-5" class="appearance-none">
4449		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786675679/saas/logos/image_1786675564225_xh3eso8ee.webp"
4450			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4451					md:group-[.view-list]:aspect-auto
4452					md:group-[.view-list]:min-h-[125px]
4453					md:group-[.view-list]:w-[125px]
4454					md:group-[.view-list]:h-auto
4455					md:group-[.view-list]:max-h-[167px]
4456					md:group-[.view-list]:mr-6
4457					md:group-[.view-list]:mb-0">
4458	</a>
4459
4460	<!-- Text area -->
4461	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4462				md:group-[.view-list]:px-0
4463				md:group-[.view-list]:justify-center">
4464
4465		<a href="/e/the-sound-inside-5" class="text-base font-bold
4466					md:group-[.view-grid]:text-clip
4467					md:group-[.view-grid]:max-w-120">
4468			The Sound Inside		</a>
4469
4470		<div class="text-sm md:group-[.view-grid]:text-base">
4471			Saturday, Oct 24, 2026 from 4:00 PM to 5:30 PM		</div>
4472
4473		<div class="text-xs">
4474			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
4475
4476		<!-- More details link shows only in list -->
4477		<a href="/e/the-sound-inside-5" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4478			More details
4479		</a>
4480	</div>
4481
4482	<!-- Action block -->
4483	<div class="event-card__actions flex justify-between items-center px-5
4484				md:group-[.view-grid]:mt-2
4485				md:group-[.view-grid]:flex-row
4486				md:group-[.view-list]:flex-col
4487				md:group-[.view-list]:gap-2
4488				md:group-[.view-list]:items-end
4489				md:group-[.view-list]:justify-center">
4490
4491		<!-- More details link shows only in grid -->
4492		<a href="/e/the-sound-inside-5"
4493			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4494			More details
4495		</a>
4496
4497		<a href="/e/the-sound-inside-5/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Sound Inside">Tickets</a>	</div>
4498</div>
4499
4500<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4501			md:group-[.view-list]:flex-row
4502			md:group-[.view-list]:items-center
4503			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4504			md:group-[.view-list]:mb-0
4505			md:group-[.view-list]:pb-6
4506			md:group-[.view-grid]:w-75
4507			md:group-[.view-grid]:min-h-90.5
4508			md:group-[.view-grid]:mb-5">
4509
4510	<!-- Image -->
4511	<a href="/e/proelium-the-jerritones-creator-dgm-and-the-band-o" class="appearance-none">
4512		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789504266/saas/logos/image_1789504255294_p0omxf0c1.webp"
4513			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4514					md:group-[.view-list]:aspect-auto
4515					md:group-[.view-list]:min-h-[125px]
4516					md:group-[.view-list]:w-[125px]
4517					md:group-[.view-list]:h-auto
4518					md:group-[.view-list]:max-h-[167px]
4519					md:group-[.view-list]:mr-6
4520					md:group-[.view-list]:mb-0">
4521	</a>
4522
4523	<!-- Text area -->
4524	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4525				md:group-[.view-list]:px-0
4526				md:group-[.view-list]:justify-center">
4527
4528		<a href="/e/proelium-the-jerritones-creator-dgm-and-the-band-o" class="text-base font-bold
4529					md:group-[.view-grid]:text-clip
4530					md:group-[.view-grid]:max-w-120">
4531			It&#039;s A Halloween Thing! Presenting Proelium, The Jerritones, Creator DGM and the Band of Make Believe, and Andy Klosenski		</a>
4532
4533		<div class="text-sm md:group-[.view-grid]:text-base">
4534			Saturday, Oct 24, 2026 at 5:30 PM		</div>
4535
4536		<div class="text-xs">
4537			<span class="data-location-address">Button Factory Stage, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
4538
4539		<!-- More details link shows only in list -->
4540		<a href="/e/proelium-the-jerritones-creator-dgm-and-the-band-o" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4541			More details
4542		</a>
4543	</div>
4544
4545	<!-- Action block -->
4546	<div class="event-card__actions flex justify-between items-center px-5
4547				md:group-[.view-grid]:mt-2
4548				md:group-[.view-grid]:flex-row
4549				md:group-[.view-list]:flex-col
4550				md:group-[.view-list]:gap-2
4551				md:group-[.view-list]:items-end
4552				md:group-[.view-list]:justify-center">
4553
4554		<!-- More details link shows only in grid -->
4555		<a href="/e/proelium-the-jerritones-creator-dgm-and-the-band-o"
4556			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4557			More details
4558		</a>
4559
4560		<a href="/e/proelium-the-jerritones-creator-dgm-and-the-band-o/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - It's A Halloween Thing! Presenting Proelium, The Jerritones, Creator DGM and the Band of Make Believe, and Andy Klosenski">Tickets</a>	</div>
4561</div>
4562
4563<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4564			md:group-[.view-list]:flex-row
4565			md:group-[.view-list]:items-center
4566			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4567			md:group-[.view-list]:mb-0
4568			md:group-[.view-list]:pb-6
4569			md:group-[.view-grid]:w-75
4570			md:group-[.view-grid]:min-h-90.5
4571			md:group-[.view-grid]:mb-5">
4572
4573	<!-- Image -->
4574	<a href="/e/yellowhouse-blues-band" class="appearance-none">
4575		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788550459/saas/logos/image_1788550450554_nf9wve66o.webp"
4576			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4577					md:group-[.view-list]:aspect-auto
4578					md:group-[.view-list]:min-h-[125px]
4579					md:group-[.view-list]:w-[125px]
4580					md:group-[.view-list]:h-auto
4581					md:group-[.view-list]:max-h-[167px]
4582					md:group-[.view-list]:mr-6
4583					md:group-[.view-list]:mb-0">
4584	</a>
4585
4586	<!-- Text area -->
4587	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4588				md:group-[.view-list]:px-0
4589				md:group-[.view-list]:justify-center">
4590
4591		<a href="/e/yellowhouse-blues-band" class="text-base font-bold
4592					md:group-[.view-grid]:text-clip
4593					md:group-[.view-grid]:max-w-120">
4594			YellowHouse Blues Band		</a>
4595
4596		<div class="text-sm md:group-[.view-grid]:text-base">
4597			Saturday, Oct 24, 2026 at 7:00 PM		</div>
4598
4599		<div class="text-xs">
4600			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
4601
4602		<!-- More details link shows only in list -->
4603		<a href="/e/yellowhouse-blues-band" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4604			More details
4605		</a>
4606	</div>
4607
4608	<!-- Action block -->
4609	<div class="event-card__actions flex justify-between items-center px-5
4610				md:group-[.view-grid]:mt-2
4611				md:group-[.view-grid]:flex-row
4612				md:group-[.view-list]:flex-col
4613				md:group-[.view-list]:gap-2
4614				md:group-[.view-list]:items-end
4615				md:group-[.view-list]:justify-center">
4616
4617		<!-- More details link shows only in grid -->
4618		<a href="/e/yellowhouse-blues-band"
4619			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4620			More details
4621		</a>
4622
4623		<a href="/e/yellowhouse-blues-band/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - YellowHouse Blues Band">Tickets</a>	</div>
4624</div>
4625
4626<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4627			md:group-[.view-list]:flex-row
4628			md:group-[.view-list]:items-center
4629			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4630			md:group-[.view-list]:mb-0
4631			md:group-[.view-list]:pb-6
4632			md:group-[.view-grid]:w-75
4633			md:group-[.view-grid]:min-h-90.5
4634			md:group-[.view-grid]:mb-5">
4635
4636	<!-- Image -->
4637	<a href="/e/carrie-the-musical-4" class="appearance-none">
4638		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771196523/saas/logos/image_1771196513161_s02hdwmxi.webp"
4639			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4640					md:group-[.view-list]:aspect-auto
4641					md:group-[.view-list]:min-h-[125px]
4642					md:group-[.view-list]:w-[125px]
4643					md:group-[.view-list]:h-auto
4644					md:group-[.view-list]:max-h-[167px]
4645					md:group-[.view-list]:mr-6
4646					md:group-[.view-list]:mb-0">
4647	</a>
4648
4649	<!-- Text area -->
4650	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4651				md:group-[.view-list]:px-0
4652				md:group-[.view-list]:justify-center">
4653
4654		<a href="/e/carrie-the-musical-4" class="text-base font-bold
4655					md:group-[.view-grid]:text-clip
4656					md:group-[.view-grid]:max-w-120">
4657			Carrie: The Musical		</a>
4658
4659		<div class="text-sm md:group-[.view-grid]:text-base">
4660			Saturday, Oct 24, 2026 at 7:30 PM		</div>
4661
4662		<div class="text-xs">
4663			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
4664
4665		<!-- More details link shows only in list -->
4666		<a href="/e/carrie-the-musical-4" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4667			More details
4668		</a>
4669	</div>
4670
4671	<!-- Action block -->
4672	<div class="event-card__actions flex justify-between items-center px-5
4673				md:group-[.view-grid]:mt-2
4674				md:group-[.view-grid]:flex-row
4675				md:group-[.view-list]:flex-col
4676				md:group-[.view-list]:gap-2
4677				md:group-[.view-list]:items-end
4678				md:group-[.view-list]:justify-center">
4679
4680		<!-- More details link shows only in grid -->
4681		<a href="/e/carrie-the-musical-4"
4682			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4683			More details
4684		</a>
4685
4686		<a href="/e/carrie-the-musical-4/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Carrie: The Musical">Tickets</a>	</div>
4687</div>
4688
4689<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4690			md:group-[.view-list]:flex-row
4691			md:group-[.view-list]:items-center
4692			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4693			md:group-[.view-list]:mb-0
4694			md:group-[.view-list]:pb-6
4695			md:group-[.view-grid]:w-75
4696			md:group-[.view-grid]:min-h-90.5
4697			md:group-[.view-grid]:mb-5">
4698
4699	<!-- Image -->
4700	<a href="/e/monster-mash-with-emilys-garage-band" class="appearance-none">
4701		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789436571/saas/logos/image_1789436566462_7hehqjdkg.webp"
4702			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4703					md:group-[.view-list]:aspect-auto
4704					md:group-[.view-list]:min-h-[125px]
4705					md:group-[.view-list]:w-[125px]
4706					md:group-[.view-list]:h-auto
4707					md:group-[.view-list]:max-h-[167px]
4708					md:group-[.view-list]:mr-6
4709					md:group-[.view-list]:mb-0">
4710	</a>
4711
4712	<!-- Text area -->
4713	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4714				md:group-[.view-list]:px-0
4715				md:group-[.view-list]:justify-center">
4716
4717		<a href="/e/monster-mash-with-emilys-garage-band" class="text-base font-bold
4718					md:group-[.view-grid]:text-clip
4719					md:group-[.view-grid]:max-w-120">
4720			Monster Mash with Emily&#039;s Garage Band		</a>
4721
4722		<div class="text-sm md:group-[.view-grid]:text-base">
4723			Saturday, Oct 24, 2026 at 8:00 PM		</div>
4724
4725		<div class="text-xs">
4726			<span class="data-location-address">Rockingham Ballroom, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
4727
4728		<!-- More details link shows only in list -->
4729		<a href="/e/monster-mash-with-emilys-garage-band" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4730			More details
4731		</a>
4732	</div>
4733
4734	<!-- Action block -->
4735	<div class="event-card__actions flex justify-between items-center px-5
4736				md:group-[.view-grid]:mt-2
4737				md:group-[.view-grid]:flex-row
4738				md:group-[.view-list]:flex-col
4739				md:group-[.view-list]:gap-2
4740				md:group-[.view-list]:items-end
4741				md:group-[.view-list]:justify-center">
4742
4743		<!-- More details link shows only in grid -->
4744		<a href="/e/monster-mash-with-emilys-garage-band"
4745			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4746			More details
4747		</a>
4748
4749		<a href="/e/monster-mash-with-emilys-garage-band/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Monster Mash with Emily's Garage Band">Tickets</a>	</div>
4750</div>
4751
4752<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4753			md:group-[.view-list]:flex-row
4754			md:group-[.view-list]:items-center
4755			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4756			md:group-[.view-list]:mb-0
4757			md:group-[.view-list]:pb-6
4758			md:group-[.view-grid]:w-75
4759			md:group-[.view-grid]:min-h-90.5
4760			md:group-[.view-grid]:mb-5">
4761
4762	<!-- Image -->
4763	<a href="/e/carrie-the-musical-5" class="appearance-none">
4764		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771196581/saas/logos/image_1771196574179_66tjwkhh5.webp"
4765			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4766					md:group-[.view-list]:aspect-auto
4767					md:group-[.view-list]:min-h-[125px]
4768					md:group-[.view-list]:w-[125px]
4769					md:group-[.view-list]:h-auto
4770					md:group-[.view-list]:max-h-[167px]
4771					md:group-[.view-list]:mr-6
4772					md:group-[.view-list]:mb-0">
4773	</a>
4774
4775	<!-- Text area -->
4776	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4777				md:group-[.view-list]:px-0
4778				md:group-[.view-list]:justify-center">
4779
4780		<a href="/e/carrie-the-musical-5" class="text-base font-bold
4781					md:group-[.view-grid]:text-clip
4782					md:group-[.view-grid]:max-w-120">
4783			Carrie: The Musical		</a>
4784
4785		<div class="text-sm md:group-[.view-grid]:text-base">
4786			Sunday, Oct 25, 2026 at 2:00 PM		</div>
4787
4788		<div class="text-xs">
4789			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
4790
4791		<!-- More details link shows only in list -->
4792		<a href="/e/carrie-the-musical-5" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4793			More details
4794		</a>
4795	</div>
4796
4797	<!-- Action block -->
4798	<div class="event-card__actions flex justify-between items-center px-5
4799				md:group-[.view-grid]:mt-2
4800				md:group-[.view-grid]:flex-row
4801				md:group-[.view-list]:flex-col
4802				md:group-[.view-list]:gap-2
4803				md:group-[.view-list]:items-end
4804				md:group-[.view-list]:justify-center">
4805
4806		<!-- More details link shows only in grid -->
4807		<a href="/e/carrie-the-musical-5"
4808			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4809			More details
4810		</a>
4811
4812		<a href="/e/carrie-the-musical-5/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Carrie: The Musical">Tickets</a>	</div>
4813</div>
4814
4815<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4816			md:group-[.view-list]:flex-row
4817			md:group-[.view-list]:items-center
4818			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4819			md:group-[.view-list]:mb-0
4820			md:group-[.view-list]:pb-6
4821			md:group-[.view-grid]:w-75
4822			md:group-[.view-grid]:min-h-90.5
4823			md:group-[.view-grid]:mb-5">
4824
4825	<!-- Image -->
4826	<a href="/e/the-sound-inside-8" class="appearance-none">
4827		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786675679/saas/logos/image_1786675564225_xh3eso8ee.webp"
4828			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4829					md:group-[.view-list]:aspect-auto
4830					md:group-[.view-list]:min-h-[125px]
4831					md:group-[.view-list]:w-[125px]
4832					md:group-[.view-list]:h-auto
4833					md:group-[.view-list]:max-h-[167px]
4834					md:group-[.view-list]:mr-6
4835					md:group-[.view-list]:mb-0">
4836	</a>
4837
4838	<!-- Text area -->
4839	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4840				md:group-[.view-list]:px-0
4841				md:group-[.view-list]:justify-center">
4842
4843		<a href="/e/the-sound-inside-8" class="text-base font-bold
4844					md:group-[.view-grid]:text-clip
4845					md:group-[.view-grid]:max-w-120">
4846			The Sound Inside		</a>
4847
4848		<div class="text-sm md:group-[.view-grid]:text-base">
4849			Sunday, Oct 25, 2026 from 2:30 PM to 4:00 PM		</div>
4850
4851		<div class="text-xs">
4852			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
4853
4854		<!-- More details link shows only in list -->
4855		<a href="/e/the-sound-inside-8" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4856			More details
4857		</a>
4858	</div>
4859
4860	<!-- Action block -->
4861	<div class="event-card__actions flex justify-between items-center px-5
4862				md:group-[.view-grid]:mt-2
4863				md:group-[.view-grid]:flex-row
4864				md:group-[.view-list]:flex-col
4865				md:group-[.view-list]:gap-2
4866				md:group-[.view-list]:items-end
4867				md:group-[.view-list]:justify-center">
4868
4869		<!-- More details link shows only in grid -->
4870		<a href="/e/the-sound-inside-8"
4871			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4872			More details
4873		</a>
4874
4875		<a href="/e/the-sound-inside-8/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Sound Inside">Tickets</a>	</div>
4876</div>
4877
4878<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4879			md:group-[.view-list]:flex-row
4880			md:group-[.view-list]:items-center
4881			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4882			md:group-[.view-list]:mb-0
4883			md:group-[.view-list]:pb-6
4884			md:group-[.view-grid]:w-75
4885			md:group-[.view-grid]:min-h-90.5
4886			md:group-[.view-grid]:mb-5">
4887
4888	<!-- Image -->
4889	<a href="/e/nik-parr-the-selfless-lovers" class="appearance-none">
4890		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786829959/saas/logos/image_1786829952341_7aiskga13.webp"
4891			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4892					md:group-[.view-list]:aspect-auto
4893					md:group-[.view-list]:min-h-[125px]
4894					md:group-[.view-list]:w-[125px]
4895					md:group-[.view-list]:h-auto
4896					md:group-[.view-list]:max-h-[167px]
4897					md:group-[.view-list]:mr-6
4898					md:group-[.view-list]:mb-0">
4899	</a>
4900
4901	<!-- Text area -->
4902	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4903				md:group-[.view-list]:px-0
4904				md:group-[.view-list]:justify-center">
4905
4906		<a href="/e/nik-parr-the-selfless-lovers" class="text-base font-bold
4907					md:group-[.view-grid]:text-clip
4908					md:group-[.view-grid]:max-w-120">
4909			Nik Parr &amp; The Selfless Lovers w/ Sinnet		</a>
4910
4911		<div class="text-sm md:group-[.view-grid]:text-base">
4912			Sunday, Oct 25, 2026 at 7:00 PM		</div>
4913
4914		<div class="text-xs">
4915			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
4916
4917		<!-- More details link shows only in list -->
4918		<a href="/e/nik-parr-the-selfless-lovers" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4919			More details
4920		</a>
4921	</div>
4922
4923	<!-- Action block -->
4924	<div class="event-card__actions flex justify-between items-center px-5
4925				md:group-[.view-grid]:mt-2
4926				md:group-[.view-grid]:flex-row
4927				md:group-[.view-list]:flex-col
4928				md:group-[.view-list]:gap-2
4929				md:group-[.view-list]:items-end
4930				md:group-[.view-list]:justify-center">
4931
4932		<!-- More details link shows only in grid -->
4933		<a href="/e/nik-parr-the-selfless-lovers"
4934			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4935			More details
4936		</a>
4937
4938		<a href="/e/nik-parr-the-selfless-lovers/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Nik Parr & The Selfless Lovers w/ Sinnet">Tickets</a>	</div>
4939</div>
4940
4941<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
4942			md:group-[.view-list]:flex-row
4943			md:group-[.view-list]:items-center
4944			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
4945			md:group-[.view-list]:mb-0
4946			md:group-[.view-list]:pb-6
4947			md:group-[.view-grid]:w-75
4948			md:group-[.view-grid]:min-h-90.5
4949			md:group-[.view-grid]:mb-5">
4950
4951	<!-- Image -->
4952	<a href="/e/night-of-the-living-dead-film-screening-hosted-by" class="appearance-none">
4953		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790538721/saas/logos/image_1790538714657_yuyrln3ka.webp"
4954			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
4955					md:group-[.view-list]:aspect-auto
4956					md:group-[.view-list]:min-h-[125px]
4957					md:group-[.view-list]:w-[125px]
4958					md:group-[.view-list]:h-auto
4959					md:group-[.view-list]:max-h-[167px]
4960					md:group-[.view-list]:mr-6
4961					md:group-[.view-list]:mb-0">
4962	</a>
4963
4964	<!-- Text area -->
4965	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
4966				md:group-[.view-list]:px-0
4967				md:group-[.view-list]:justify-center">
4968
4969		<a href="/e/night-of-the-living-dead-film-screening-hosted-by" class="text-base font-bold
4970					md:group-[.view-grid]:text-clip
4971					md:group-[.view-grid]:max-w-120">
4972			NIGHT OF THE LIVING DEAD - Film Screening Hosted by Creator DGM		</a>
4973
4974		<div class="text-sm md:group-[.view-grid]:text-base">
4975			Monday, Oct 26, 2026 at 7:00 PM to Tuesday, Oct 27, 2026		</div>
4976
4977		<div class="text-xs">
4978			<span class="data-location-address">Button Factory Stage, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
4979
4980		<!-- More details link shows only in list -->
4981		<a href="/e/night-of-the-living-dead-film-screening-hosted-by" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
4982			More details
4983		</a>
4984	</div>
4985
4986	<!-- Action block -->
4987	<div class="event-card__actions flex justify-between items-center px-5
4988				md:group-[.view-grid]:mt-2
4989				md:group-[.view-grid]:flex-row
4990				md:group-[.view-list]:flex-col
4991				md:group-[.view-list]:gap-2
4992				md:group-[.view-list]:items-end
4993				md:group-[.view-list]:justify-center">
4994
4995		<!-- More details link shows only in grid -->
4996		<a href="/e/night-of-the-living-dead-film-screening-hosted-by"
4997			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
4998			More details
4999		</a>
5000
5001		<a href="/e/night-of-the-living-dead-film-screening-hosted-by/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - NIGHT OF THE LIVING DEAD - Film Screening Hosted by Creator DGM">Tickets</a>	</div>
5002</div>
5003
5004<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5005			md:group-[.view-list]:flex-row
5006			md:group-[.view-list]:items-center
5007			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5008			md:group-[.view-list]:mb-0
5009			md:group-[.view-list]:pb-6
5010			md:group-[.view-grid]:w-75
5011			md:group-[.view-grid]:min-h-90.5
5012			md:group-[.view-grid]:mb-5">
5013
5014	<!-- Image -->
5015	<a href="/e/storytelling-all-hallows-eve" class="appearance-none">
5016		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790101069/saas/logos/image_1790101063600_2fcp2hjlp.webp"
5017			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5018					md:group-[.view-list]:aspect-auto
5019					md:group-[.view-list]:min-h-[125px]
5020					md:group-[.view-list]:w-[125px]
5021					md:group-[.view-list]:h-auto
5022					md:group-[.view-list]:max-h-[167px]
5023					md:group-[.view-list]:mr-6
5024					md:group-[.view-list]:mb-0">
5025	</a>
5026
5027	<!-- Text area -->
5028	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5029				md:group-[.view-list]:px-0
5030				md:group-[.view-list]:justify-center">
5031
5032		<a href="/e/storytelling-all-hallows-eve" class="text-base font-bold
5033					md:group-[.view-grid]:text-clip
5034					md:group-[.view-grid]:max-w-120">
5035			Storytelling with Jake Lewis and Aly Foy		</a>
5036
5037		<div class="text-sm md:group-[.view-grid]:text-base">
5038			Tuesday, Oct 27, 2026 at 7:00 PM to Saturday, Nov  7, 2026 at 8:30 PM		</div>
5039
5040		<div class="text-xs">
5041			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
5042
5043		<!-- More details link shows only in list -->
5044		<a href="/e/storytelling-all-hallows-eve" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5045			More details
5046		</a>
5047	</div>
5048
5049	<!-- Action block -->
5050	<div class="event-card__actions flex justify-between items-center px-5
5051				md:group-[.view-grid]:mt-2
5052				md:group-[.view-grid]:flex-row
5053				md:group-[.view-list]:flex-col
5054				md:group-[.view-list]:gap-2
5055				md:group-[.view-list]:items-end
5056				md:group-[.view-list]:justify-center">
5057
5058		<!-- More details link shows only in grid -->
5059		<a href="/e/storytelling-all-hallows-eve"
5060			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5061			More details
5062		</a>
5063
5064		<a href="https://tickets.thewordbarn.com/e/storytelling-6" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Storytelling with Jake Lewis and Aly Foy">Tickets</a>	</div>
5065</div>
5066
5067<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5068			md:group-[.view-list]:flex-row
5069			md:group-[.view-list]:items-center
5070			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5071			md:group-[.view-list]:mb-0
5072			md:group-[.view-list]:pb-6
5073			md:group-[.view-grid]:w-75
5074			md:group-[.view-grid]:min-h-90.5
5075			md:group-[.view-grid]:mb-5">
5076
5077	<!-- Image -->
5078	<a href="/e/hunter-flynn-back-to-my-roots-tour" class="appearance-none">
5079		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790033949/saas/logos/image_1790033940361_9mk20ijnl.webp"
5080			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5081					md:group-[.view-list]:aspect-auto
5082					md:group-[.view-list]:min-h-[125px]
5083					md:group-[.view-list]:w-[125px]
5084					md:group-[.view-list]:h-auto
5085					md:group-[.view-list]:max-h-[167px]
5086					md:group-[.view-list]:mr-6
5087					md:group-[.view-list]:mb-0">
5088	</a>
5089
5090	<!-- Text area -->
5091	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5092				md:group-[.view-list]:px-0
5093				md:group-[.view-list]:justify-center">
5094
5095		<a href="/e/hunter-flynn-back-to-my-roots-tour" class="text-base font-bold
5096					md:group-[.view-grid]:text-clip
5097					md:group-[.view-grid]:max-w-120">
5098			Hunter Flynn: &#039;Back To My Roots&#039; Tour w/ Special Guest Evan Cyote		</a>
5099
5100		<div class="text-sm md:group-[.view-grid]:text-base">
5101			Tuesday, Oct 27, 2026 at 8:00 PM		</div>
5102
5103		<div class="text-xs">
5104			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
5105
5106		<!-- More details link shows only in list -->
5107		<a href="/e/hunter-flynn-back-to-my-roots-tour" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5108			More details
5109		</a>
5110	</div>
5111
5112	<!-- Action block -->
5113	<div class="event-card__actions flex justify-between items-center px-5
5114				md:group-[.view-grid]:mt-2
5115				md:group-[.view-grid]:flex-row
5116				md:group-[.view-list]:flex-col
5117				md:group-[.view-list]:gap-2
5118				md:group-[.view-list]:items-end
5119				md:group-[.view-list]:justify-center">
5120
5121		<!-- More details link shows only in grid -->
5122		<a href="/e/hunter-flynn-back-to-my-roots-tour"
5123			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5124			More details
5125		</a>
5126
5127		<a href="/e/hunter-flynn-back-to-my-roots-tour/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Hunter Flynn: 'Back To My Roots' Tour w/ Special Guest Evan Cyote">Tickets</a>	</div>
5128</div>
5129
5130<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5131			md:group-[.view-list]:flex-row
5132			md:group-[.view-list]:items-center
5133			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5134			md:group-[.view-list]:mb-0
5135			md:group-[.view-list]:pb-6
5136			md:group-[.view-grid]:w-75
5137			md:group-[.view-grid]:min-h-90.5
5138			md:group-[.view-grid]:mb-5">
5139
5140	<!-- Image -->
5141	<a href="/e/nosferatu-a-live-film-scoring-2" class="appearance-none">
5142		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1787769287/saas/logos/image_1787769281030_utq5vm2gd.webp"
5143			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5144					md:group-[.view-list]:aspect-auto
5145					md:group-[.view-list]:min-h-[125px]
5146					md:group-[.view-list]:w-[125px]
5147					md:group-[.view-list]:h-auto
5148					md:group-[.view-list]:max-h-[167px]
5149					md:group-[.view-list]:mr-6
5150					md:group-[.view-list]:mb-0">
5151	</a>
5152
5153	<!-- Text area -->
5154	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5155				md:group-[.view-list]:px-0
5156				md:group-[.view-list]:justify-center">
5157
5158		<a href="/e/nosferatu-a-live-film-scoring-2" class="text-base font-bold
5159					md:group-[.view-grid]:text-clip
5160					md:group-[.view-grid]:max-w-120">
5161			NOSFERATU: A Live Film Scoring		</a>
5162
5163		<div class="text-sm md:group-[.view-grid]:text-base">
5164			Wednesday, Oct 28, 2026 at 7:00 PM		</div>
5165
5166		<div class="text-xs">
5167			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
5168
5169		<!-- More details link shows only in list -->
5170		<a href="/e/nosferatu-a-live-film-scoring-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5171			More details
5172		</a>
5173	</div>
5174
5175	<!-- Action block -->
5176	<div class="event-card__actions flex justify-between items-center px-5
5177				md:group-[.view-grid]:mt-2
5178				md:group-[.view-grid]:flex-row
5179				md:group-[.view-list]:flex-col
5180				md:group-[.view-list]:gap-2
5181				md:group-[.view-list]:items-end
5182				md:group-[.view-list]:justify-center">
5183
5184		<!-- More details link shows only in grid -->
5185		<a href="/e/nosferatu-a-live-film-scoring-2"
5186			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5187			More details
5188		</a>
5189
5190		<a href="/e/nosferatu-a-live-film-scoring-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - NOSFERATU: A Live Film Scoring">Tickets</a>	</div>
5191</div>
5192
5193<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5194			md:group-[.view-list]:flex-row
5195			md:group-[.view-list]:items-center
5196			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5197			md:group-[.view-list]:mb-0
5198			md:group-[.view-list]:pb-6
5199			md:group-[.view-grid]:w-75
5200			md:group-[.view-grid]:min-h-90.5
5201			md:group-[.view-grid]:mb-5">
5202
5203	<!-- Image -->
5204	<a href="/e/she-will-lead-ten-years-later-a-reading-of-new-wor" class="appearance-none">
5205		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790180753/saas/logos/image_1790180718060_otfp052cw.webp"
5206			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5207					md:group-[.view-list]:aspect-auto
5208					md:group-[.view-list]:min-h-[125px]
5209					md:group-[.view-list]:w-[125px]
5210					md:group-[.view-list]:h-auto
5211					md:group-[.view-list]:max-h-[167px]
5212					md:group-[.view-list]:mr-6
5213					md:group-[.view-list]:mb-0">
5214	</a>
5215
5216	<!-- Text area -->
5217	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5218				md:group-[.view-list]:px-0
5219				md:group-[.view-list]:justify-center">
5220
5221		<a href="/e/she-will-lead-ten-years-later-a-reading-of-new-wor" class="text-base font-bold
5222					md:group-[.view-grid]:text-clip
5223					md:group-[.view-grid]:max-w-120">
5224			She Will Lead: Ten Years Later -  A Reading of New Work &amp; Community Conversation		</a>
5225
5226		<div class="text-sm md:group-[.view-grid]:text-base">
5227			Thursday, Oct 29, 2026 at 7:00 PM		</div>
5228
5229		<div class="text-xs">
5230			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
5231
5232		<!-- More details link shows only in list -->
5233		<a href="/e/she-will-lead-ten-years-later-a-reading-of-new-wor" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5234			More details
5235		</a>
5236	</div>
5237
5238	<!-- Action block -->
5239	<div class="event-card__actions flex justify-between items-center px-5
5240				md:group-[.view-grid]:mt-2
5241				md:group-[.view-grid]:flex-row
5242				md:group-[.view-list]:flex-col
5243				md:group-[.view-list]:gap-2
5244				md:group-[.view-list]:items-end
5245				md:group-[.view-list]:justify-center">
5246
5247		<!-- More details link shows only in grid -->
5248		<a href="/e/she-will-lead-ten-years-later-a-reading-of-new-wor"
5249			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5250			More details
5251		</a>
5252
5253		<a href="/e/she-will-lead-ten-years-later-a-reading-of-new-wor/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - She Will Lead: Ten Years Later -  A Reading of New Work & Community Conversation">Tickets</a>	</div>
5254</div>
5255
5256<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5257			md:group-[.view-list]:flex-row
5258			md:group-[.view-list]:items-center
5259			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5260			md:group-[.view-list]:mb-0
5261			md:group-[.view-list]:pb-6
5262			md:group-[.view-grid]:w-75
5263			md:group-[.view-grid]:min-h-90.5
5264			md:group-[.view-grid]:mb-5">
5265
5266	<!-- Image -->
5267	<a href="/e/spooky-tunes-2026" class="appearance-none">
5268		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788363012/saas/logos/image_1788363002987_gx6kc1tex.webp"
5269			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5270					md:group-[.view-list]:aspect-auto
5271					md:group-[.view-list]:min-h-[125px]
5272					md:group-[.view-list]:w-[125px]
5273					md:group-[.view-list]:h-auto
5274					md:group-[.view-list]:max-h-[167px]
5275					md:group-[.view-list]:mr-6
5276					md:group-[.view-list]:mb-0">
5277	</a>
5278
5279	<!-- Text area -->
5280	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5281				md:group-[.view-list]:px-0
5282				md:group-[.view-list]:justify-center">
5283
5284		<a href="/e/spooky-tunes-2026" class="text-base font-bold
5285					md:group-[.view-grid]:text-clip
5286					md:group-[.view-grid]:max-w-120">
5287			All Hallows&#039; Eve: Spooky tunes, songs and tales from Scotland		</a>
5288
5289		<div class="text-sm md:group-[.view-grid]:text-base">
5290			Thursday, Oct 29, 2026 from 7:00 PM to 9:00 PM		</div>
5291
5292		<div class="text-xs">
5293			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
5294
5295		<!-- More details link shows only in list -->
5296		<a href="/e/spooky-tunes-2026" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5297			More details
5298		</a>
5299	</div>
5300
5301	<!-- Action block -->
5302	<div class="event-card__actions flex justify-between items-center px-5
5303				md:group-[.view-grid]:mt-2
5304				md:group-[.view-grid]:flex-row
5305				md:group-[.view-list]:flex-col
5306				md:group-[.view-list]:gap-2
5307				md:group-[.view-list]:items-end
5308				md:group-[.view-list]:justify-center">
5309
5310		<!-- More details link shows only in grid -->
5311		<a href="/e/spooky-tunes-2026"
5312			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5313			More details
5314		</a>
5315
5316		<a href="https://tickets.thewordbarn.com/e/all-hallows-eve-2026" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - All Hallows' Eve: Spooky tunes, songs and tales from Scotland">Tickets</a>	</div>
5317</div>
5318
5319<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5320			md:group-[.view-list]:flex-row
5321			md:group-[.view-list]:items-center
5322			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5323			md:group-[.view-list]:mb-0
5324			md:group-[.view-list]:pb-6
5325			md:group-[.view-grid]:w-75
5326			md:group-[.view-grid]:min-h-90.5
5327			md:group-[.view-grid]:mb-5">
5328
5329	<!-- Image -->
5330	<a href="/e/603-line-dance-halloween-party-with-freddy-the-fre" class="appearance-none">
5331		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789437737/saas/logos/image_1789437725568_b9v6gj3qa.webp"
5332			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5333					md:group-[.view-list]:aspect-auto
5334					md:group-[.view-list]:min-h-[125px]
5335					md:group-[.view-list]:w-[125px]
5336					md:group-[.view-list]:h-auto
5337					md:group-[.view-list]:max-h-[167px]
5338					md:group-[.view-list]:mr-6
5339					md:group-[.view-list]:mb-0">
5340	</a>
5341
5342	<!-- Text area -->
5343	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5344				md:group-[.view-list]:px-0
5345				md:group-[.view-list]:justify-center">
5346
5347		<a href="/e/603-line-dance-halloween-party-with-freddy-the-fre" class="text-base font-bold
5348					md:group-[.view-grid]:text-clip
5349					md:group-[.view-grid]:max-w-120">
5350			603 Line Dance Halloween Party with Freddy &amp; The Freeloaders		</a>
5351
5352		<div class="text-sm md:group-[.view-grid]:text-base">
5353			Friday, Oct 30, 2026 at 7:00 PM		</div>
5354
5355		<div class="text-xs">
5356			<span class="data-location-address">Rockingham Ballroom, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
5357
5358		<!-- More details link shows only in list -->
5359		<a href="/e/603-line-dance-halloween-party-with-freddy-the-fre" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5360			More details
5361		</a>
5362	</div>
5363
5364	<!-- Action block -->
5365	<div class="event-card__actions flex justify-between items-center px-5
5366				md:group-[.view-grid]:mt-2
5367				md:group-[.view-grid]:flex-row
5368				md:group-[.view-list]:flex-col
5369				md:group-[.view-list]:gap-2
5370				md:group-[.view-list]:items-end
5371				md:group-[.view-list]:justify-center">
5372
5373		<!-- More details link shows only in grid -->
5374		<a href="/e/603-line-dance-halloween-party-with-freddy-the-fre"
5375			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5376			More details
5377		</a>
5378
5379		<a href="/e/603-line-dance-halloween-party-with-freddy-the-fre/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - 603 Line Dance Halloween Party with Freddy & The Freeloaders">Tickets</a>	</div>
5380</div>
5381
5382<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5383			md:group-[.view-list]:flex-row
5384			md:group-[.view-list]:items-center
5385			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5386			md:group-[.view-list]:mb-0
5387			md:group-[.view-list]:pb-6
5388			md:group-[.view-grid]:w-75
5389			md:group-[.view-grid]:min-h-90.5
5390			md:group-[.view-grid]:mb-5">
5391
5392	<!-- Image -->
5393	<a href="/e/garnet-rogers-3" class="appearance-none">
5394		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1768329939/saas/logos/image_1768329931908_mm6ll33jf.webp"
5395			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5396					md:group-[.view-list]:aspect-auto
5397					md:group-[.view-list]:min-h-[125px]
5398					md:group-[.view-list]:w-[125px]
5399					md:group-[.view-list]:h-auto
5400					md:group-[.view-list]:max-h-[167px]
5401					md:group-[.view-list]:mr-6
5402					md:group-[.view-list]:mb-0">
5403	</a>
5404
5405	<!-- Text area -->
5406	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5407				md:group-[.view-list]:px-0
5408				md:group-[.view-list]:justify-center">
5409
5410		<a href="/e/garnet-rogers-3" class="text-base font-bold
5411					md:group-[.view-grid]:text-clip
5412					md:group-[.view-grid]:max-w-120">
5413			Garnet Rogers		</a>
5414
5415		<div class="text-sm md:group-[.view-grid]:text-base">
5416			Friday, Oct 30, 2026 from 7:00 PM to 9:00 PM		</div>
5417
5418		<div class="text-xs">
5419			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
5420
5421		<!-- More details link shows only in list -->
5422		<a href="/e/garnet-rogers-3" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5423			More details
5424		</a>
5425	</div>
5426
5427	<!-- Action block -->
5428	<div class="event-card__actions flex justify-between items-center px-5
5429				md:group-[.view-grid]:mt-2
5430				md:group-[.view-grid]:flex-row
5431				md:group-[.view-list]:flex-col
5432				md:group-[.view-list]:gap-2
5433				md:group-[.view-list]:items-end
5434				md:group-[.view-list]:justify-center">
5435
5436		<!-- More details link shows only in grid -->
5437		<a href="/e/garnet-rogers-3"
5438			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5439			More details
5440		</a>
5441
5442		<a href="https://tickets.thewordbarn.com/e/garnet-rogers-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Garnet Rogers">Tickets</a>	</div>
5443</div>
5444
5445<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5446			md:group-[.view-list]:flex-row
5447			md:group-[.view-list]:items-center
5448			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5449			md:group-[.view-list]:mb-0
5450			md:group-[.view-list]:pb-6
5451			md:group-[.view-grid]:w-75
5452			md:group-[.view-grid]:min-h-90.5
5453			md:group-[.view-grid]:mb-5">
5454
5455	<!-- Image -->
5456	<a href="/e/carrie-the-musical-6" class="appearance-none">
5457		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771196627/saas/logos/image_1771196620623_y41gq0hew.webp"
5458			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5459					md:group-[.view-list]:aspect-auto
5460					md:group-[.view-list]:min-h-[125px]
5461					md:group-[.view-list]:w-[125px]
5462					md:group-[.view-list]:h-auto
5463					md:group-[.view-list]:max-h-[167px]
5464					md:group-[.view-list]:mr-6
5465					md:group-[.view-list]:mb-0">
5466	</a>
5467
5468	<!-- Text area -->
5469	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5470				md:group-[.view-list]:px-0
5471				md:group-[.view-list]:justify-center">
5472
5473		<a href="/e/carrie-the-musical-6" class="text-base font-bold
5474					md:group-[.view-grid]:text-clip
5475					md:group-[.view-grid]:max-w-120">
5476			Carrie: The Musical		</a>
5477
5478		<div class="text-sm md:group-[.view-grid]:text-base">
5479			Friday, Oct 30, 2026 at 7:30 PM		</div>
5480
5481		<div class="text-xs">
5482			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
5483
5484		<!-- More details link shows only in list -->
5485		<a href="/e/carrie-the-musical-6" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5486			More details
5487		</a>
5488	</div>
5489
5490	<!-- Action block -->
5491	<div class="event-card__actions flex justify-between items-center px-5
5492				md:group-[.view-grid]:mt-2
5493				md:group-[.view-grid]:flex-row
5494				md:group-[.view-list]:flex-col
5495				md:group-[.view-list]:gap-2
5496				md:group-[.view-list]:items-end
5497				md:group-[.view-list]:justify-center">
5498
5499		<!-- More details link shows only in grid -->
5500		<a href="/e/carrie-the-musical-6"
5501			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5502			More details
5503		</a>
5504
5505		<a href="/e/carrie-the-musical-6/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Carrie: The Mu
5505sical">Tickets</a>	</div>
5506</div>
5507
5508<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5509			md:group-[.view-list]:flex-row
5510			md:group-[.view-list]:items-center
5511			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5512			md:group-[.view-list]:mb-0
5513			md:group-[.view-list]:pb-6
5514			md:group-[.view-grid]:w-75
5515			md:group-[.view-grid]:min-h-90.5
5516			md:group-[.view-grid]:mb-5">
5517
5518	<!-- Image -->
5519	<a href="/e/the-sound-inside-3" class="appearance-none">
5520		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786675679/saas/logos/image_1786675564225_xh3eso8ee.webp"
5521			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5522					md:group-[.view-list]:aspect-auto
5523					md:group-[.view-list]:min-h-[125px]
5524					md:group-[.view-list]:w-[125px]
5525					md:group-[.view-list]:h-auto
5526					md:group-[.view-list]:max-h-[167px]
5527					md:group-[.view-list]:mr-6
5528					md:group-[.view-list]:mb-0">
5529	</a>
5530
5531	<!-- Text area -->
5532	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5533				md:group-[.view-list]:px-0
5534				md:group-[.view-list]:justify-center">
5535
5536		<a href="/e/the-sound-inside-3" class="text-base font-bold
5537					md:group-[.view-grid]:text-clip
5538					md:group-[.view-grid]:max-w-120">
5539			The Sound Inside		</a>
5540
5541		<div class="text-sm md:group-[.view-grid]:text-base">
5542			Friday, Oct 30, 2026 from 7:30 PM to 9:00 PM		</div>
5543
5544		<div class="text-xs">
5545			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
5546
5547		<!-- More details link shows only in list -->
5548		<a href="/e/the-sound-inside-3" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5549			More details
5550		</a>
5551	</div>
5552
5553	<!-- Action block -->
5554	<div class="event-card__actions flex justify-between items-center px-5
5555				md:group-[.view-grid]:mt-2
5556				md:group-[.view-grid]:flex-row
5557				md:group-[.view-list]:flex-col
5558				md:group-[.view-list]:gap-2
5559				md:group-[.view-list]:items-end
5560				md:group-[.view-list]:justify-center">
5561
5562		<!-- More details link shows only in grid -->
5563		<a href="/e/the-sound-inside-3"
5564			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5565			More details
5566		</a>
5567
5568		<a href="/e/the-sound-inside-3/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Sound Inside">Tickets</a>	</div>
5569</div>
5570
5571<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5572			md:group-[.view-list]:flex-row
5573			md:group-[.view-list]:items-center
5574			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5575			md:group-[.view-list]:mb-0
5576			md:group-[.view-list]:pb-6
5577			md:group-[.view-grid]:w-75
5578			md:group-[.view-grid]:min-h-90.5
5579			md:group-[.view-grid]:mb-5">
5580
5581	<!-- Image -->
5582	<a href="/e/emo-night-portsmouth-w-the-white-belts-oct-30" class="appearance-none">
5583		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789501709/saas/logos/image_1789501701102_creti7xya.webp"
5584			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5585					md:group-[.view-list]:aspect-auto
5586					md:group-[.view-list]:min-h-[125px]
5587					md:group-[.view-list]:w-[125px]
5588					md:group-[.view-list]:h-auto
5589					md:group-[.view-list]:max-h-[167px]
5590					md:group-[.view-list]:mr-6
5591					md:group-[.view-list]:mb-0">
5592	</a>
5593
5594	<!-- Text area -->
5595	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5596				md:group-[.view-list]:px-0
5597				md:group-[.view-list]:justify-center">
5598
5599		<a href="/e/emo-night-portsmouth-w-the-white-belts-oct-30" class="text-base font-bold
5600					md:group-[.view-grid]:text-clip
5601					md:group-[.view-grid]:max-w-120">
5602			Emo Night Portsmouth w/ White Belts &amp; The Appreciation Post		</a>
5603
5604		<div class="text-sm md:group-[.view-grid]:text-base">
5605			Friday, Oct 30, 2026 from 9:00 PM to 12:00 AM		</div>
5606
5607		<div class="text-xs">
5608			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
5609
5610		<!-- More details link shows only in list -->
5611		<a href="/e/emo-night-portsmouth-w-the-white-belts-oct-30" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5612			More details
5613		</a>
5614	</div>
5615
5616	<!-- Action block -->
5617	<div class="event-card__actions flex justify-between items-center px-5
5618				md:group-[.view-grid]:mt-2
5619				md:group-[.view-grid]:flex-row
5620				md:group-[.view-list]:flex-col
5621				md:group-[.view-list]:gap-2
5622				md:group-[.view-list]:items-end
5623				md:group-[.view-list]:justify-center">
5624
5625		<!-- More details link shows only in grid -->
5626		<a href="/e/emo-night-portsmouth-w-the-white-belts-oct-30"
5627			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5628			More details
5629		</a>
5630
5631		<a href="/e/emo-night-portsmouth-w-the-white-belts-oct-30/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Emo Night Portsmouth w/ White Belts & The Appreciation Post">Tickets</a>	</div>
5632</div>
5633
5634<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5635			md:group-[.view-list]:flex-row
5636			md:group-[.view-list]:items-center
5637			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5638			md:group-[.view-list]:mb-0
5639			md:group-[.view-list]:pb-6
5640			md:group-[.view-grid]:w-75
5641			md:group-[.view-grid]:min-h-90.5
5642			md:group-[.view-grid]:mb-5">
5643
5644	<!-- Image -->
5645	<a href="/e/carrie-the-musical-12" class="appearance-none">
5646		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771206249/saas/logos/image_1771206242249_y68kfmwzj.webp"
5647			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5648					md:group-[.view-list]:aspect-auto
5649					md:group-[.view-list]:min-h-[125px]
5650					md:group-[.view-list]:w-[125px]
5651					md:group-[.view-list]:h-auto
5652					md:group-[.view-list]:max-h-[167px]
5653					md:group-[.view-list]:mr-6
5654					md:group-[.view-list]:mb-0">
5655	</a>
5656
5657	<!-- Text area -->
5658	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5659				md:group-[.view-list]:px-0
5660				md:group-[.view-list]:justify-center">
5661
5662		<a href="/e/carrie-the-musical-12" class="text-base font-bold
5663					md:group-[.view-grid]:text-clip
5664					md:group-[.view-grid]:max-w-120">
5665			Carrie: The Musical		</a>
5666
5667		<div class="text-sm md:group-[.view-grid]:text-base">
5668			Saturday, Oct 31, 2026 at 2:00 PM		</div>
5669
5670		<div class="text-xs">
5671			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
5672
5673		<!-- More details link shows only in list -->
5674		<a href="/e/carrie-the-musical-12" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5675			More details
5676		</a>
5677	</div>
5678
5679	<!-- Action block -->
5680	<div class="event-card__actions flex justify-between items-center px-5
5681				md:group-[.view-grid]:mt-2
5682				md:group-[.view-grid]:flex-row
5683				md:group-[.view-list]:flex-col
5684				md:group-[.view-list]:gap-2
5685				md:group-[.view-list]:items-end
5686				md:group-[.view-list]:justify-center">
5687
5688		<!-- More details link shows only in grid -->
5689		<a href="/e/carrie-the-musical-12"
5690			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5691			More details
5692		</a>
5693
5694		<a href="/e/carrie-the-musical-12/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Carrie: The Musical">Tickets</a>	</div>
5695</div>
5696
5697<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5698			md:group-[.view-list]:flex-row
5699			md:group-[.view-list]:items-center
5700			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5701			md:group-[.view-list]:mb-0
5702			md:group-[.view-list]:pb-6
5703			md:group-[.view-grid]:w-75
5704			md:group-[.view-grid]:min-h-90.5
5705			md:group-[.view-grid]:mb-5">
5706
5707	<!-- Image -->
5708	<a href="/e/the-sound-inside-9" class="appearance-none">
5709		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786675679/saas/logos/image_1786675564225_xh3eso8ee.webp"
5710			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5711					md:group-[.view-list]:aspect-auto
5712					md:group-[.view-list]:min-h-[125px]
5713					md:group-[.view-list]:w-[125px]
5714					md:group-[.view-list]:h-auto
5715					md:group-[.view-list]:max-h-[167px]
5716					md:group-[.view-list]:mr-6
5717					md:group-[.view-list]:mb-0">
5718	</a>
5719
5720	<!-- Text area -->
5721	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5722				md:group-[.view-list]:px-0
5723				md:group-[.view-list]:justify-center">
5724
5725		<a href="/e/the-sound-inside-9" class="text-base font-bold
5726					md:group-[.view-grid]:text-clip
5727					md:group-[.view-grid]:max-w-120">
5728			The Sound Inside		</a>
5729
5730		<div class="text-sm md:group-[.view-grid]:text-base">
5731			Saturday, Oct 31, 2026 from 4:00 PM to 5:30 PM		</div>
5732
5733		<div class="text-xs">
5734			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
5735
5736		<!-- More details link shows only in list -->
5737		<a href="/e/the-sound-inside-9" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5738			More details
5739		</a>
5740	</div>
5741
5742	<!-- Action block -->
5743	<div class="event-card__actions flex justify-between items-center px-5
5744				md:group-[.view-grid]:mt-2
5745				md:group-[.view-grid]:flex-row
5746				md:group-[.view-list]:flex-col
5747				md:group-[.view-list]:gap-2
5748				md:group-[.view-list]:items-end
5749				md:group-[.view-list]:justify-center">
5750
5751		<!-- More details link shows only in grid -->
5752		<a href="/e/the-sound-inside-9"
5753			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5754			More details
5755		</a>
5756
5757		<a href="/e/the-sound-inside-9/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Sound Inside">Tickets</a>	</div>
5758</div>
5759
5760<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5761			md:group-[.view-list]:flex-row
5762			md:group-[.view-list]:items-center
5763			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5764			md:group-[.view-list]:mb-0
5765			md:group-[.view-list]:pb-6
5766			md:group-[.view-grid]:w-75
5767			md:group-[.view-grid]:min-h-90.5
5768			md:group-[.view-grid]:mb-5">
5769
5770	<!-- Image -->
5771	<a href="/e/carrie-the-musical-7" class="appearance-none">
5772		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771196666/saas/logos/image_1771196660658_v5l9c8rdv.webp"
5773			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5774					md:group-[.view-list]:aspect-auto
5775					md:group-[.view-list]:min-h-[125px]
5776					md:group-[.view-list]:w-[125px]
5777					md:group-[.view-list]:h-auto
5778					md:group-[.view-list]:max-h-[167px]
5779					md:group-[.view-list]:mr-6
5780					md:group-[.view-list]:mb-0">
5781	</a>
5782
5783	<!-- Text area -->
5784	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5785				md:group-[.view-list]:px-0
5786				md:group-[.view-list]:justify-center">
5787
5788		<a href="/e/carrie-the-musical-7" class="text-base font-bold
5789					md:group-[.view-grid]:text-clip
5790					md:group-[.view-grid]:max-w-120">
5791			Carrie: The Musical		</a>
5792
5793		<div class="text-sm md:group-[.view-grid]:text-base">
5794			Saturday, Oct 31, 2026 at 7:30 PM		</div>
5795
5796		<div class="text-xs">
5797			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
5798
5799		<!-- More details link shows only in list -->
5800		<a href="/e/carrie-the-musical-7" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5801			More details
5802		</a>
5803	</div>
5804
5805	<!-- Action block -->
5806	<div class="event-card__actions flex justify-between items-center px-5
5807				md:group-[.view-grid]:mt-2
5808				md:group-[.view-grid]:flex-row
5809				md:group-[.view-list]:flex-col
5810				md:group-[.view-list]:gap-2
5811				md:group-[.view-list]:items-end
5812				md:group-[.view-list]:justify-center">
5813
5814		<!-- More details link shows only in grid -->
5815		<a href="/e/carrie-the-musical-7"
5816			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5817			More details
5818		</a>
5819
5820		<a href="/e/carrie-the-musical-7/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Carrie: The Musical">Tickets</a>	</div>
5821</div>
5822
5823<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5824			md:group-[.view-list]:flex-row
5825			md:group-[.view-list]:items-center
5826			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5827			md:group-[.view-list]:mb-0
5828			md:group-[.view-list]:pb-6
5829			md:group-[.view-grid]:w-75
5830			md:group-[.view-grid]:min-h-90.5
5831			md:group-[.view-grid]:mb-5">
5832
5833	<!-- Image -->
5834	<a href="/e/doctor-gasp-and-the-eeks" class="appearance-none">
5835		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789678327/saas/logos/image_1789678319379_kcpgc2vkj.webp"
5836			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5837					md:group-[.view-list]:aspect-auto
5838					md:group-[.view-list]:min-h-[125px]
5839					md:group-[.view-list]:w-[125px]
5840					md:group-[.view-list]:h-auto
5841					md:group-[.view-list]:max-h-[167px]
5842					md:group-[.view-list]:mr-6
5843					md:group-[.view-list]:mb-0">
5844	</a>
5845
5846	<!-- Text area -->
5847	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5848				md:group-[.view-list]:px-0
5849				md:group-[.view-list]:justify-center">
5850
5851		<a href="/e/doctor-gasp-and-the-eeks" class="text-base font-bold
5852					md:group-[.view-grid]:text-clip
5853					md:group-[.view-grid]:max-w-120">
5854			Doctor Gasp and the Eeks		</a>
5855
5856		<div class="text-sm md:group-[.view-grid]:text-base">
5857			Saturday, Oct 31, 2026 at 9:00 PM		</div>
5858
5859		<div class="text-xs">
5860			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
5861
5862		<!-- More details link shows only in list -->
5863		<a href="/e/doctor-gasp-and-the-eeks" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5864			More details
5865		</a>
5866	</div>
5867
5868	<!-- Action block -->
5869	<div class="event-card__actions flex justify-between items-center px-5
5870				md:group-[.view-grid]:mt-2
5871				md:group-[.view-grid]:flex-row
5872				md:group-[.view-list]:flex-col
5873				md:group-[.view-list]:gap-2
5874				md:group-[.view-list]:items-end
5875				md:group-[.view-list]:justify-center">
5876
5877		<!-- More details link shows only in grid -->
5878		<a href="/e/doctor-gasp-and-the-eeks"
5879			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5880			More details
5881		</a>
5882
5883		<a href="/e/doctor-gasp-and-the-eeks/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Doctor Gasp and the Eeks">Tickets</a>	</div>
5884</div>
5885
5886<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5887			md:group-[.view-list]:flex-row
5888			md:group-[.view-list]:items-center
5889			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5890			md:group-[.view-list]:mb-0
5891			md:group-[.view-list]:pb-6
5892			md:group-[.view-grid]:w-75
5893			md:group-[.view-grid]:min-h-90.5
5894			md:group-[.view-grid]:mb-5">
5895
5896	<!-- Image -->
5897	<a href="/e/halloween-party-in-the-3rd-floor-nightclub" class="appearance-none">
5898		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790607156/saas/logos/image_1790607146509_es9kq0v5y.webp"
5899			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5900					md:group-[.view-list]:aspect-auto
5901					md:group-[.view-list]:min-h-[125px]
5902					md:group-[.view-list]:w-[125px]
5903					md:group-[.view-list]:h-auto
5904					md:group-[.view-list]:max-h-[167px]
5905					md:group-[.view-list]:mr-6
5906					md:group-[.view-list]:mb-0">
5907	</a>
5908
5909	<!-- Text area -->
5910	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5911				md:group-[.view-list]:px-0
5912				md:group-[.view-list]:justify-center">
5913
5914		<a href="/e/halloween-party-in-the-3rd-floor-nightclub" class="text-base font-bold
5915					md:group-[.view-grid]:text-clip
5916					md:group-[.view-grid]:max-w-120">
5917			Halloween Party in the 3rd Floor Nightclub		</a>
5918
5919		<div class="text-sm md:group-[.view-grid]:text-base">
5920			Saturday, Oct 31, 2026 at 9:00 PM		</div>
5921
5922		<div class="text-xs">
5923			<span class="data-location-address">Portsmouth Gas Light Co., </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
5924
5925		<!-- More details link shows only in list -->
5926		<a href="/e/halloween-party-in-the-3rd-floor-nightclub" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5927			More details
5928		</a>
5929	</div>
5930
5931	<!-- Action block -->
5932	<div class="event-card__actions flex justify-between items-center px-5
5933				md:group-[.view-grid]:mt-2
5934				md:group-[.view-grid]:flex-row
5935				md:group-[.view-list]:flex-col
5936				md:group-[.view-list]:gap-2
5937				md:group-[.view-list]:items-end
5938				md:group-[.view-list]:justify-center">
5939
5940		<!-- More details link shows only in grid -->
5941		<a href="/e/halloween-party-in-the-3rd-floor-nightclub"
5942			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
5943			More details
5944		</a>
5945
5946		<a href="/e/halloween-party-in-the-3rd-floor-nightclub/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Halloween Party in the 3rd Floor Nightclub">Tickets</a>	</div>
5947</div>
5948
5949<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
5950			md:group-[.view-list]:flex-row
5951			md:group-[.view-list]:items-center
5952			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
5953			md:group-[.view-list]:mb-0
5954			md:group-[.view-list]:pb-6
5955			md:group-[.view-grid]:w-75
5956			md:group-[.view-grid]:min-h-90.5
5957			md:group-[.view-grid]:mb-5">
5958
5959	<!-- Image -->
5960	<a href="/e/stained-glass-ornament-workshop" class="appearance-none">
5961		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1785356278/saas/logos/image_1785356270182_ox9y8uptv.webp"
5962			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
5963					md:group-[.view-list]:aspect-auto
5964					md:group-[.view-list]:min-h-[125px]
5965					md:group-[.view-list]:w-[125px]
5966					md:group-[.view-list]:h-auto
5967					md:group-[.view-list]:max-h-[167px]
5968					md:group-[.view-list]:mr-6
5969					md:group-[.view-list]:mb-0">
5970	</a>
5971
5972	<!-- Text area -->
5973	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
5974				md:group-[.view-list]:px-0
5975				md:group-[.view-list]:justify-center">
5976
5977		<a href="/e/stained-glass-ornament-workshop" class="text-base font-bold
5978					md:group-[.view-grid]:text-clip
5979					md:group-[.view-grid]:max-w-120">
5980			Stained Glass Ornament Workshop		</a>
5981
5982		<div class="text-sm md:group-[.view-grid]:text-base">
5983			Sunday, Nov  1, 2026 from 10:00 AM to 1:00 PM		</div>
5984
5985		<div class="text-xs">
5986			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">
5986Exeter, </span><span class="data-location-state">NH</span>		</div>
5987
5988		<!-- More details link shows only in list -->
5989		<a href="/e/stained-glass-ornament-workshop" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
5990			More details
5991		</a>
5992	</div>
5993
5994	<!-- Action block -->
5995	<div class="event-card__actions flex justify-between items-center px-5
5996				md:group-[.view-grid]:mt-2
5997				md:group-[.view-grid]:flex-row
5998				md:group-[.view-list]:flex-col
5999				md:group-[.view-list]:gap-2
6000				md:group-[.view-list]:items-end
6001				md:group-[.view-list]:justify-center">
6002
6003		<!-- More details link shows only in grid -->
6004		<a href="/e/stained-glass-ornament-workshop"
6005			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6006			More details
6007		</a>
6008
6009		<a href="https://tickets.thewordbarn.com/e/stained-glass-workshop-5" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Stained Glass Ornament Workshop">Tickets</a>	</div>
6010</div>
6011
6012<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6013			md:group-[.view-list]:flex-row
6014			md:group-[.view-list]:items-center
6015			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6016			md:group-[.view-list]:mb-0
6017			md:group-[.view-list]:pb-6
6018			md:group-[.view-grid]:w-75
6019			md:group-[.view-grid]:min-h-90.5
6020			md:group-[.view-grid]:mb-5">
6021
6022	<!-- Image -->
6023	<a href="/e/carrie-the-musical-8" class="appearance-none">
6024		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771196703/saas/logos/image_1771196694680_5i27z3rsz.webp"
6025			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6026					md:group-[.view-list]:aspect-auto
6027					md:group-[.view-list]:min-h-[125px]
6028					md:group-[.view-list]:w-[125px]
6029					md:group-[.view-list]:h-auto
6030					md:group-[.view-list]:max-h-[167px]
6031					md:group-[.view-list]:mr-6
6032					md:group-[.view-list]:mb-0">
6033	</a>
6034
6035	<!-- Text area -->
6036	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6037				md:group-[.view-list]:px-0
6038				md:group-[.view-list]:justify-center">
6039
6040		<a href="/e/carrie-the-musical-8" class="text-base font-bold
6041					md:group-[.view-grid]:text-clip
6042					md:group-[.view-grid]:max-w-120">
6043			Carrie: The Musical		</a>
6044
6045		<div class="text-sm md:group-[.view-grid]:text-base">
6046			Sunday, Nov  1, 2026 at 2:00 PM		</div>
6047
6048		<div class="text-xs">
6049			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
6050
6051		<!-- More details link shows only in list -->
6052		<a href="/e/carrie-the-musical-8" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6053			More details
6054		</a>
6055	</div>
6056
6057	<!-- Action block -->
6058	<div class="event-card__actions flex justify-between items-center px-5
6059				md:group-[.view-grid]:mt-2
6060				md:group-[.view-grid]:flex-row
6061				md:group-[.view-list]:flex-col
6062				md:group-[.view-list]:gap-2
6063				md:group-[.view-list]:items-end
6064				md:group-[.view-list]:justify-center">
6065
6066		<!-- More details link shows only in grid -->
6067		<a href="/e/carrie-the-musical-8"
6068			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6069			More details
6070		</a>
6071
6072		<a href="/e/carrie-the-musical-8/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Carrie: The Musical">Tickets</a>	</div>
6073</div>
6074
6075<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6076			md:group-[.view-list]:flex-row
6077			md:group-[.view-list]:items-center
6078			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6079			md:group-[.view-list]:mb-0
6080			md:group-[.view-list]:pb-6
6081			md:group-[.view-grid]:w-75
6082			md:group-[.view-grid]:min-h-90.5
6083			md:group-[.view-grid]:mb-5">
6084
6085	<!-- Image -->
6086	<a href="/e/the-sound-inside-7" class="appearance-none">
6087		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786675679/saas/logos/image_1786675564225_xh3eso8ee.webp"
6088			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6089					md:group-[.view-list]:aspect-auto
6090					md:group-[.view-list]:min-h-[125px]
6091					md:group-[.view-list]:w-[125px]
6092					md:group-[.view-list]:h-auto
6093					md:group-[.view-list]:max-h-[167px]
6094					md:group-[.view-list]:mr-6
6095					md:group-[.view-list]:mb-0">
6096	</a>
6097
6098	<!-- Text area -->
6099	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6100				md:group-[.view-list]:px-0
6101				md:group-[.view-list]:justify-center">
6102
6103		<a href="/e/the-sound-inside-7" class="text-base font-bold
6104					md:group-[.view-grid]:text-clip
6105					md:group-[.view-grid]:max-w-120">
6106			The Sound Inside		</a>
6107
6108		<div class="text-sm md:group-[.view-grid]:text-base">
6109			Sunday, Nov  1, 2026 from 2:30 PM to 4:00 PM		</div>
6110
6111		<div class="text-xs">
6112			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
6113
6114		<!-- More details link shows only in list -->
6115		<a href="/e/the-sound-inside-7" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6116			More details
6117		</a>
6118	</div>
6119
6120	<!-- Action block -->
6121	<div class="event-card__actions flex justify-between items-center px-5
6122				md:group-[.view-grid]:mt-2
6123				md:group-[.view-grid]:flex-row
6124				md:group-[.view-list]:flex-col
6125				md:group-[.view-list]:gap-2
6126				md:group-[.view-list]:items-end
6127				md:group-[.view-list]:justify-center">
6128
6129		<!-- More details link shows only in grid -->
6130		<a href="/e/the-sound-inside-7"
6131			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6132			More details
6133		</a>
6134
6135		<a href="/e/the-sound-inside-7/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Sound Inside">Tickets</a>	</div>
6136</div>
6137
6138<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6139			md:group-[.view-list]:flex-row
6140			md:group-[.view-list]:items-center
6141			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6142			md:group-[.view-list]:mb-0
6143			md:group-[.view-list]:pb-6
6144			md:group-[.view-grid]:w-75
6145			md:group-[.view-grid]:min-h-90.5
6146			md:group-[.view-grid]:mb-5">
6147
6148	<!-- Image -->
6149	<a href="/e/david-newsam-organ-trio-both-shows" class="appearance-none">
6150		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789658008/saas/logos/image_1789657997726_40irvqpdi.webp"
6151			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6152					md:group-[.view-list]:aspect-auto
6153					md:group-[.view-list]:min-h-[125px]
6154					md:group-[.view-list]:w-[125px]
6155					md:group-[.view-list]:h-auto
6156					md:group-[.view-list]:max-h-[167px]
6157					md:group-[.view-list]:mr-6
6158					md:group-[.view-list]:mb-0">
6159	</a>
6160
6161	<!-- Text area -->
6162	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6163				md:group-[.view-list]:px-0
6164				md:group-[.view-list]:justify-center">
6165
6166		<a href="/e/david-newsam-organ-trio-both-shows" class="text-base font-bold
6167					md:group-[.view-grid]:text-clip
6168					md:group-[.view-grid]:max-w-120">
6169			The David Newsam Organ Trio Feat. Special Guest Guitarists *BOTH SHOWS*		</a>
6170
6171		<div class="text-sm md:group-[.view-grid]:text-base">
6172			Sunday, Nov  1, 2026 from 5:00 PM to 9:00 PM		</div>
6173
6174		<div class="text-xs">
6175			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
6176
6177		<!-- More details link shows only in list -->
6178		<a href="/e/david-newsam-organ-trio-both-shows" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6179			More details
6180		</a>
6181	</div>
6182
6183	<!-- Action block -->
6184	<div class="event-card__actions flex justify-between items-center px-5
6185				md:group-[.view-grid]:mt-2
6186				md:group-[.view-grid]:flex-row
6187				md:group-[.view-list]:flex-col
6188				md:group-[.view-list]:gap-2
6189				md:group-[.view-list]:items-end
6190				md:group-[.view-list]:justify-center">
6191
6192		<!-- More details link shows only in grid -->
6193		<a href="/e/david-newsam-organ-trio-both-shows"
6194			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6195			More details
6196		</a>
6197
6198		<a href="/e/david-newsam-organ-trio-both-shows/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The David Newsam Organ Trio Feat. Special Guest Guitarists *BOTH SHOWS*">Tickets</a>	</div>
6199</div>
6200
6201<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6202			md:group-[.view-list]:flex-row
6203			md:group-[.view-list]:items-center
6204			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6205			md:group-[.view-list]:mb-0
6206			md:group-[.view-list]:pb-6
6207			md:group-[.view-grid]:w-75
6208			md:group-[.view-grid]:min-h-90.5
6209			md:group-[.view-grid]:mb-5">
6210
6211	<!-- Image -->
6212	<a href="/e/david-newsam-organ-trio-5pm" class="appearance-none">
6213		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789658008/saas/logos/image_1789657997726_40irvqpdi.webp"
6214			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6215					md:group-[.view-list]:aspect-auto
6216					md:group-[.view-list]:min-h-[125px]
6217					md:group-[.view-list]:w-[125px]
6218					md:group-[.view-list]:h-auto
6219					md:group-[.view-list]:max-h-[167px]
6220					md:group-[.view-list]:mr-6
6221					md:group-[.view-list]:mb-0">
6222	</a>
6223
6224	<!-- Text area -->
6225	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6226				md:group-[.view-list]:px-0
6227				md:group-[.view-list]:justify-center">
6228
6229		<a href="/e/david-newsam-organ-trio-5pm" class="text-base font-bold
6230					md:group-[.view-grid]:text-clip
6231					md:group-[.view-grid]:max-w-120">
6232			The David Newsam Organ Trio Feat. Special Guest Guitarists Jim Dozet &amp; Nick Grondin (5pm)		</a>
6233
6234		<div class="text-sm md:group-[.view-grid]:text-base">
6235			Sunday, Nov  1, 2026 from 5:00 PM to 6:15 PM		</div>
6236
6237		<div class="text-xs">
6238			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
6239
6240		<!-- More details link shows only in list -->
6241		<a href="/e/david-newsam-organ-trio-5pm" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6242			More details
6243		</a>
6244	</div>
6245
6246	<!-- Action block -->
6247	<div class="event-card__actions flex justify-between items-center px-5
6248				md:group-[.view-grid]:mt-2
6249				md:group-[.view-grid]:flex-row
6250				md:group-[.view-list]:flex-col
6251				md:group-[.view-list]:gap-2
6252				md:group-[.view-list]:items-end
6253				md:group-[.view-list]:justify-center">
6254
6255		<!-- More details link shows only in grid -->
6256		<a href="/e/david-newsam-organ-trio-5pm"
6257			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6258			More details
6259		</a>
6260
6261		<a href="/e/david-newsam-organ-trio-5pm/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The David Newsam Organ Trio Feat. Special Guest Guitarists Jim Dozet & Nick Grondin (5pm)">Tickets</a>	</div>
6262</div>
6263
6264<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6265			md:group-[.view-list]:flex-row
6266			md:group-[.view-list]:items-center
6267			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6268			md:group-[.view-list]:mb-0
6269			md:group-[.view-list]:pb-6
6270			md:group-[.view-grid]:w-75
6271			md:group-[.view-grid]:min-h-90.5
6272			md:group-[.view-grid]:mb-5">
6273
6274	<!-- Image -->
6275	<a href="/e/david-newsam-organ-trio-745pm" class="appearance-none">
6276		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789658008/saas/logos/image_1789657997726_40irvqpdi.webp"
6277			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6278					md:group-[.view-list]:aspect-auto
6279					md:group-[.view-list]:min-h-[125px]
6280					md:group-[.view-list]:w-[125px]
6281					md:group-[.view-list]:h-auto
6282					md:group-[.view-list]:max-h-[167px]
6283					md:group-[.view-list]:mr-6
6284					md:group-[.view-list]:mb-0">
6285	</a>
6286
6287	<!-- Text area -->
6288	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6289				md:group-[.view-list]:px-0
6290				md:group-[.view-list]:justify-center">
6291
6292		<a href="/e/david-newsam-organ-trio-745pm" class="text-base font-bold
6293					md:group-[.view-grid]:text-clip
6294					md:group-[.view-grid]:max-w-120">
6295			The David Newsam Organ Trio  Feat. Special Guest Guitarists Bryan Killough &amp; Phil Sargent (7:45pm)		</a>
6296
6297		<div class="text-sm md:group-[.view-grid]:text-base">
6298			Sunday, Nov  1, 2026 from 7:45 PM to 9:00 PM		</div>
6299
6300		<div class="text-xs">
6301			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
6302
6303		<!-- More details link shows only in list -->
6304		<a href="/e/david-newsam-organ-trio-745pm" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6305			More details
6306		</a>
6307	</div>
6308
6309	<!-- Action block -->
6310	<div class="event-card__actions flex justify-between items-center px-5
6311				md:group-[.view-grid]:mt-2
6312				md:group-[.view-grid]:flex-row
6313				md:group-[.view-list]:flex-col
6314				md:group-[.view-list]:gap-2
6315				md:group-[.view-list]:items-end
6316				md:group-[.view-list]:justify-center">
6317
6318		<!-- More details link shows only in grid -->
6319		<a href="/e/david-newsam-organ-trio-745pm"
6320			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6321			More details
6322		</a>
6323
6324		<a href="/e/david-newsam-organ-trio-745pm/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The David Newsam Organ Trio  Feat. Special Guest Guitarists Bryan Killough & Phil Sargent (7:45pm)">Tickets</a>	</div>
6325</div>
6326
6327<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6328			md:group-[.view-list]:flex-row
6329			md:group-[.view-list]:items-center
6330			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6331			md:group-[.view-list]:mb-0
6332			md:group-[.view-list]:pb-6
6333			md:group-[.view-grid]:w-75
6334			md:group-[.view-grid]:min-h-90.5
6335			md:group-[.view-grid]:mb-5">
6336
6337	<!-- Image -->
6338	<a href="/e/comedians-on-stage-giving-slideshows" class="appearance-none">
6339		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790351575/saas/logos/image_1790351558111_s9tycddwu.webp"
6340			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6341					md:group-[.view-list]:aspect-auto
6342					md:group-[.view-list]:min-h-[125px]
6343					md:group-[.view-list]:w-[125px]
6344					md:group-[.view-list]:h-auto
6345					md:group-[.view-list]:max-h-[167px]
6346					md:group-[.view-list]:mr-6
6347					md:group-[.view-list]:mb-0">
6348	</a>
6349
6350	<!-- Text area -->
6351	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6352				md:group-[.view-list]:px-0
6353				md:group-[.view-list]:justify-center">
6354
6355		<a href="/e/comedians-on-stage-giving-slideshows" class="text-base font-bold
6356					md:group-[.view-grid]:text-clip
6357					md:group-[.view-grid]:max-w-120">
6358			Comedians on Stage Giving Slideshows		</a>
6359
6360		<div class="text-sm md:group-[.view-grid]:text-base">
6361			Thursday, Nov  5, 2026 at 6:30 PM		</div>
6362
6363		<div class="text-xs">
6364			<span class="data-location-address">Button Factory Stage, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
6365
6366		<!-- More details link shows only in list -->
6367		<a href="/e/comedians-on-stage-giving-slideshows" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6368			More details
6369		</a>
6370	</div>
6371
6372	<!-- Action block -->
6373	<div class="event-card__actions flex justify-between items-center px-5
6374				md:group-[.view-grid]:mt-2
6375				md:group-[.view-grid]:flex-row
6376				md:group-[.view-list]:flex-col
6377				md:group-[.view-list]:gap-2
6378				md:group-[.view-list]:items-end
6379				md:group-[.view-list]:justify-center">
6380
6381		<!-- More details link shows only in grid -->
6382		<a href="/e/comedians-on-stage-giving-slideshows"
6383			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6384			More details
6385		</a>
6386
6387		<a href="/e/comedians-on-stage-giving-slideshows/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Comedians on Stage Giving Slideshows">Tickets</a>	</div>
6388</div>
6389
6390<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6391			md:group-[.view-list]:flex-row
6392			md:group-[.view-list]:items-center
6393			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6394			md:group-[.view-list]:mb-0
6395			md:group-[.view-list]:pb-6
6396			md:group-[.view-grid]:w-75
6397			md:group-[.view-grid]:min-h-90.5
6398			md:group-[.view-grid]:mb-5">
6399
6400	<!-- Image -->
6401	<a href="/e/the-ridge-jam" class="appearance-none">
6402		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788365182/saas/logos/image_1788365175885_sgqnt8cpw.webp"
6403			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6404					md:group-[.view-list]:aspect-auto
6405					md:group-[.view-list]:min-h-[125px]
6406					md:group-[.view-list]:w-[125px]
6407					md:group-[.view-list]:h-auto
6408					md:group-[.view-list]:max-h-[167px]
6409					md:group-[.view-list]:mr-6
6410					md:group-[.view-list]:mb-0">
6411	</a>
6412
6413	<!-- Text area -->
6414	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6415				md:group-[.view-list]:px-0
6416				md:group-[.view-list]:justify-center">
6417
6418		<a href="/e/the-ridge-jam" class="text-base font-bold
6419					md:group-[.view-grid]:text-clip
6420					md:group-[.view-grid]:max-w-120">
6421			The Ridge Jam		</a>
6422
6423		<div class="text-sm md:group-[.view-grid]:text-base">
6424			Friday, Nov  6, 2026 at 6:30 PM		</div>
6425
6426		<div class="text-xs">
6427			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
6428
6429		<!-- More details link shows only in list -->
6430		<a href="/e/the-ridge-jam" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6431			More details
6432		</a>
6433	</div>
6434
6435	<!-- Action block -->
6436	<div class="event-card__actions flex justify-between items-center px-5
6437				md:group-[.view-grid]:mt-2
6438				md:group-[.view-grid]:flex-row
6439				md:group-[.view-list]:flex-col
6440				md:group-[.view-list]:gap-2
6441				md:group-[.view-list]:items-end
6442				md:group-[.view-list]:justify-center">
6443
6444		<!-- More details link shows only in grid -->
6445		<a href="/e/the-ridge-jam"
6446			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6447			More details
6448		</a>
6449
6450		<a href="/e/the-ridge-jam/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Ridge Jam">Tickets</a>	</div>
6451</div>
6452
6453<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6454			md:group-[.view-list]:flex-row
6455			md:group-[.view-list]:items-center
6456			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6457			md:group-[.view-list]:mb-0
6458			md:group-[.view-list]:pb-6
6459			md:group-[.view-grid]:w-75
6460			md:group-[.view-grid]:min-h-90.5
6461			md:group-[.view-grid]:mb-5">
6462
6463	<!-- Image -->
6464	<a href="/e/driftwood-w-jon-nolan-good-co" class="appearance-none">
6465		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786048934/saas/logos/image_1786048920369_3ryt878mh.webp"
6466			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6467					md:group-[.view-list]:aspect-auto
6468					md:group-[.view-list]:min-h-[125px]
6469					md:group-[.view-list]:w-[125px]
6470					md:group-[.view-list]:h-auto
6471					md:group-[.view-list]:max-h-[167px]
6472					md:group-[.view-list]:mr-6
6473					md:group-[.view-list]:mb-0">
6474	</a>
6475
6476	<!-- Text area -->
6477	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6478				md:group-[.view-list]:px-0
6479				md:group-[.view-list]:justify-center">
6480
6481		<a href="/e/driftwood-w-jon-nolan-good-co" class="text-base font-bold
6482					md:group-[.view-grid]:text-clip
6483					md:group-[.view-grid]:max-w-120">
6484			Driftwood w/ Jon Nolan &amp; Good Co.		</a>
6485
6486		<div class="text-sm md:group-[.view-grid]:text-base">
6487			Friday, Nov  6, 2026 at 7:00 PM		</div>
6488
6489		<div class="text-xs">
6490			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
6491
6492		<!-- More details link shows only in list -->
6493		<a href="/e/driftwood-w-jon-nolan-good-co" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6494			More details
6495		</a>
6496	</div>
6497
6498	<!-- Action block -->
6499	<div class="event-card__actions flex justify-between items-center px-5
6500				md:group-[.view-grid]:mt-2
6501				md:group-[.view-grid]:flex-row
6502				md:group-[.view-list]:flex-col
6503				md:group-[.view-list]:gap-2
6504				md:group-[.view-list]:items-end
6505				md:group-[.view-list]:justify-center">
6506
6507		<!-- More details link shows only in grid -->
6508		<a href="/e/driftwood-w-jon-nolan-good-co"
6509			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6510			More details
6511		</a>
6512
6513		<a href="/e/driftwood-w-jon-nolan-good-co/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Driftwood w/ Jon Nolan & Good Co.">Tickets</a>	</div>
6514</div>
6515
6516<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6517			md:group-[.view-list]:flex-row
6518			md:group-[.view-list]:items-center
6519			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6520			md:group-[.view-list]:mb-0
6521			md:group-[.view-list]:pb-6
6522			md:group-[.view-grid]:w-75
6523			md:group-[.view-grid]:min-h-90.5
6524			md:group-[.view-grid]:mb-5">
6525
6526	<!-- Image -->
6527	<a href="/e/steeplechase-2" class="appearance-none">
6528		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1787321408/saas/logos/image_1787321403258_mvqmm2u8i.webp"
6529			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6530					md:group-[.view-list]:aspect-auto
6531					md:group-[.view-list]:min-h-[125px]
6532					md:group-[.view-list]:w-[125px]
6533					md:group-[.view-list]:h-auto
6534					md:group-[.view-list]:max-h-[167px]
6535					md:group-[.view-list]:mr-6
6536					md:group-[.view-list]:mb-0">
6537	</a>
6538
6539	<!-- Text area -->
6540	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6541				md:group-[.view-list]:px-0
6542				md:group-[.view-list]:justify-center">
6543
6544		<a href="/e/steeplechase-2" class="text-base font-bold
6545					md:group-[.view-grid]:text-clip
6546					md:group-[.view-grid]:max-w-120">
6547			Steeplechase		</a>
6548
6549		<div class="text-sm md:group-[.view-grid]:text-base">
6550			Friday, Nov  6, 2026 from 7:00 PM to 9:00 PM		</div>
6551
6552		<div class="text-xs">
6553			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
6554
6555		<!-- More details link shows only in list -->
6556		<a href="/e/steeplechase-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6557			More details
6558		</a>
6559	</div>
6560
6561	<!-- Action block -->
6562	<div class="event-card__actions flex justify-between items-center px-5
6563				md:group-[.view-grid]:mt-2
6564				md:group-[.view-grid]:flex-row
6565				md:group-[.view-list]:flex-col
6566				md:group-[.view-list]:gap-2
6567				md:group-[.view-list]:items-end
6568				md:group-[.view-list]:justify-center">
6569
6570		<!-- More details link shows only in grid -->
6571		<a href="/e/steeplechase-2"
6572			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6573			More details
6574		</a>
6575
6576		<a href="https://tickets.thewordbarn.com/e/steeplechase" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Steeplechase">Tickets</a>	</div>
6577</div>
6578
6579<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6580			md:group-[.view-list]:flex-row
6581			md:group-[.view-list]:items-center
6582			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6583			md:group-[.view-list]:mb-0
6584			md:group-[.view-list]:pb-6
6585			md:group-[.view-grid]:w-75
6586			md:group-[.view-grid]:min-h-90.5
6587			md:group-[.view-grid]:mb-5">
6588
6589	<!-- Image -->
6590	<a href="/e/darwins-waiting-room-presents-the-pocket-universe" class="appearance-none">
6591		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790635985/saas/logos/image_1790635778259_ioov95c9k.webp"
6592			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6593					md:group-[.view-list]:aspect-auto
6594					md:group-[.view-list]:min-h-[125px]
6595					md:group-[.view-list]:w-[125px]
6596					md:group-[.view-list]:h-auto
6597					md:group-[.view-list]:max-h-[167px]
6598					md:group-[.view-list]:mr-6
6599					md:group-[.view-list]:mb-0">
6600	</a>
6601
6602	<!-- Text area -->
6603	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6604				md:group-[.view-list]:px-0
6605				md:group-[.view-list]:justify-center">
6606
6607		<a href="/e/darwins-waiting-room-presents-the-pocket-universe" class="text-base font-bold
6608					md:group-[.view-grid]:text-clip
6609					md:group-[.view-grid]:max-w-120">
6610			DARWiN’S WAiTiNG ROOM Presents The Pocket Universe		</a>
6611
6612		<div class="text-sm md:group-[.view-grid]:text-base">
6613			Friday, Nov  6, 2026 at 7:30 PM		</div>
6614
6615		<div class="text-xs">
6616			<span class="data-location-address">959 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
6617
6618		<!-- More details link shows only in list -->
6619		<a href="/e/darwins-waiting-room-presents-the-pocket-universe" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6620			More details
6621		</a>
6622	</div>
6623
6624	<!-- Action block -->
6625	<div class="event-card__actions flex justify-between items-center px-5
6626				md:group-[.view-grid]:mt-2
6627				md:group-[.view-grid]:flex-row
6628				md:group-[.view-list]:flex-col
6629				md:group-[.view-list]:gap-2
6630				md:group-[.view-list]:items-end
6631				md:group-[.view-list]:justify-center">
6632
6633		<!-- More details link shows only in grid -->
6634		<a href="/e/darwins-waiting-room-presents-the-pocket-universe"
6635			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6636			More details
6637		</a>
6638
6639		<a href="/e/darwins-waiting-room-presents-the-pocket-universe/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - DARWiN’S WAiTiNG ROOM Presents The Pocket Universe">Tickets</a>	</div>
6640</div>
6641
6642<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6643			md:group-[.view-list]:flex-row
6644			md:group-[.view-list]:items-center
6645			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6646			md:group-[.view-list]:mb-0
6647			md:group-[.view-list]:pb-6
6648			md:group-[.view-grid]:w-75
6649			md:group-[.view-grid]:min-h-90.5
6650			md:group-[.view-grid]:mb-5">
6651
6652	<!-- Image -->
6653	<a href="/e/darwins-waiting-room-presents-the-pocket-univers-4" class="appearance-none">
6654		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790635985/saas/logos/image_1790635778259_ioov95c9k.webp"
6655			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6656					md:group-[.view-list]:aspect-auto
6657					md:group-[.view-list]:min-h-[125px]
6658					md:group-[.view-list]:w-[125px]
6659					md:group-[.view-list]:h-auto
6660					md:group-[.view-list]:max-h-[167px]
6661					md:group-[.view-list]:mr-6
6662					md:group-[.view-list]:mb-0">
6663	</a>
6664
6665	<!-- Text area -->
6666	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6667				md:group-[.view-list]:px-0
6668				md:group-[.view-list]:justify-center">
6669
6670		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-4" class="text-base font-bold
6671					md:group-[.view-grid]:text-clip
6672					md:group-[.view-grid]:max-w-120">
6673			DARWiN’S WAiTiNG ROOM Presents The Pocket Universe		</a>
6674
6675		<div class="text-sm md:group-[.view-grid]:text-base">
6676			Saturday, Nov  7, 2026 from 4:00 PM to 6:00 PM		</div>
6677
6678		<div class="text-xs">
6679			<span class="data-location-address">959 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
6680
6681		<!-- More details link shows only in list -->
6682		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-4" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6683			More details
6684		</a>
6685	</div>
6686
6687	<!-- Action block -->
6688	<div class="event-card__actions flex justify-between items-center px-5
6689				md:group-[.view-grid]:mt-2
6690				md:group-[.view-grid]:flex-row
6691				md:group-[.view-list]:flex-col
6692				md:group-[.view-list]:gap-2
6693				md:group-[.view-list]:items-end
6694				md:group-[.view-list]:justify-center">
6695
6696		<!-- More details link shows only in grid -->
6697		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-4"
6698			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6699			More details
6700		</a>
6701
6702		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-4/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - DARWiN’S WAiTiNG ROOM Presents The Pocket Universe">Tickets</a>	</div>
6703</div>
6704
6705<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6706			md:group-[.view-list]:flex-row
6707			md:group-[.view-list]:items-center
6708			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6709			md:group-[.view-list]:mb-0
6710			md:group-[.view-list]:pb-6
6711			md:group-[.view-grid]:w-75
6712			md:group-[.view-grid]:min-h-90.5
6713			md:group-[.view-grid]:mb-5">
6714
6715	<!-- Image -->
6716	<a href="/e/space-cowboys" class="appearance-none">
6717		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788375032/saas/logos/image_1788375024987_9rp9cdyyd.webp"
6718			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6719					md:group-[.view-list]:aspect-auto
6720					md:group-[.view-list]:min-h-[125px]
6721					md:group-[.view-list]:w-[125px]
6722					md:group-[.view-list]:h-auto
6723					md:group-[.view-list]:max-h-[167px]
6724					md:group-[.view-list]:mr-6
6725					md:group-[.view-list]:mb-0">
6726	</a>
6727
6728	<!-- Text area -->
6729	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6730				md:group-[.view-list]:px-0
6731				md:group-[.view-list]:justify-center">
6732
6733		<a href="/e/space-cowboys" class="text-base font-bold
6734					md:group-[.view-grid]:text-clip
6735					md:group-[.view-grid]:max-w-120">
6736			Space Cowboys		</a>
6737
6738		<div class="text-sm md:group-[.view-grid]:text-base">
6739			Saturday, Nov  7, 2026 at 6:30 PM		</div>
6740
6741		<div class="text-xs">
6742			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
6743
6744		<!-- More details link shows only in list -->
6745		<a href="/e/space-cowboys" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6746			More details
6747		</a>
6748	</div>
6749
6750	<!-- Action block -->
6751	<div class="event-card__actions flex justify-between items-center px-5
6752				md:group-[.view-grid]:mt-2
6753				md:group-[.view-grid]:flex-row
6754				md:group-[.view-list]:flex-col
6755				md:group-[.view-list]:gap-2
6756				md:group-[.view-list]:items-end
6757				md:group-[.view-list]:justify-center">
6758
6759		<!-- More details link shows only in grid -->
6760		<a href="/e/space-cowboys"
6761			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6762			More details
6763		</a>
6764
6765		<a href="/e/space-cowboys/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Space Cowboys">Tickets</a>	</div>
6766</div>
6767
6768<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6769			md:group-[.view-list]:flex-row
6770			md:group-[.view-list]:items-center
6771			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6772			md:group-[.view-list]:mb-0
6773			md:group-[.view-list]:pb-6
6774			md:group-[.view-grid]:w-75
6775			md:group-[.view-grid]:min-h-90.5
6776			md:group-[.view-grid]:mb-5">
6777
6778	<!-- Image -->
6779	<a href="/e/connor-garvey-ben-cosgrove-2" class="appearance-none">
6780		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789479250/saas/logos/image_1789479242450_v1kar8xqj.webp"
6781			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6782					md:group-[.view-list]:aspect-auto
6783					md:group-[.view-list]:min-h-[125px]
6784					md:group-[.view-list]:w-[125px]
6785					md:group-[.view-list]:h-auto
6786					md:group-[.view-list]:max-h-[167px]
6787					md:group-[.view-list]:mr-6
6788					md:group-[.view-list]:mb-0">
6789	</a>
6790
6791	<!-- Text area -->
6792	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6793				md:group-[.view-list]:px-0
6794				md:group-[.view-list]:justify-center">
6795
6796		<a href="/e/connor-garvey-ben-cosgrove-2" class="text-base font-bold
6797					md:group-[.view-grid]:text-clip
6798					md:group-[.view-grid]:max-w-120">
6799			Connor Garvey and Ben Cosgrove		</a>
6800
6801		<div class="text-sm md:group-[.view-grid]:text-base">
6802			Saturday, Nov  7, 2026 from 7:00 PM to 9:00 PM		</div>
6803
6804		<div class="text-xs">
6805			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
6806
6807		<!-- More details link shows only in list -->
6808		<a href="/e/connor-garvey-ben-cosgrove-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6809			More details
6810		</a>
6811	</div>
6812
6813	<!-- Action block -->
6814	<div class="event-card__actions flex justify-between items-center px-5
6815				md:group-[.view-grid]:mt-2
6816				md:group-[.view-grid]:flex-row
6817				md:group-[.view-list]:flex-col
6818				md:group-[.view-list]:gap-2
6819				md:group-[.view-list]:items-end
6820				md:group-[.view-list]:justify-center">
6821
6822		<!-- More details link shows only in grid -->
6823		<a href="/e/connor-garvey-ben-cosgrove-2"
6824			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6825			More details
6826		</a>
6827
6828		<a href="https://tickets.thewordbarn.com/e/connor-garvey-ben-cosgrove" 
6828class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Connor Garvey and Ben Cosgrove">Tickets</a>	</div>
6829</div>
6830
6831<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6832			md:group-[.view-list]:flex-row
6833			md:group-[.view-list]:items-center
6834			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6835			md:group-[.view-list]:mb-0
6836			md:group-[.view-list]:pb-6
6837			md:group-[.view-grid]:w-75
6838			md:group-[.view-grid]:min-h-90.5
6839			md:group-[.view-grid]:mb-5">
6840
6841	<!-- Image -->
6842	<a href="/e/turbo-cats-spitefire-and-nathan-hill" class="appearance-none">
6843		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790375631/saas/logos/image_1790375623339_t2edloujn.webp"
6844			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6845					md:group-[.view-list]:aspect-auto
6846					md:group-[.view-list]:min-h-[125px]
6847					md:group-[.view-list]:w-[125px]
6848					md:group-[.view-list]:h-auto
6849					md:group-[.view-list]:max-h-[167px]
6850					md:group-[.view-list]:mr-6
6851					md:group-[.view-list]:mb-0">
6852	</a>
6853
6854	<!-- Text area -->
6855	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6856				md:group-[.view-list]:px-0
6857				md:group-[.view-list]:justify-center">
6858
6859		<a href="/e/turbo-cats-spitefire-and-nathan-hill" class="text-base font-bold
6860					md:group-[.view-grid]:text-clip
6861					md:group-[.view-grid]:max-w-120">
6862			Turbo Cats, Spitefire, and Nathan Hill Trio		</a>
6863
6864		<div class="text-sm md:group-[.view-grid]:text-base">
6865			Saturday, Nov  7, 2026 at 7:00 PM		</div>
6866
6867		<div class="text-xs">
6868			<span class="data-location-address">Button Factory Stage, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
6869
6870		<!-- More details link shows only in list -->
6871		<a href="/e/turbo-cats-spitefire-and-nathan-hill" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6872			More details
6873		</a>
6874	</div>
6875
6876	<!-- Action block -->
6877	<div class="event-card__actions flex justify-between items-center px-5
6878				md:group-[.view-grid]:mt-2
6879				md:group-[.view-grid]:flex-row
6880				md:group-[.view-list]:flex-col
6881				md:group-[.view-list]:gap-2
6882				md:group-[.view-list]:items-end
6883				md:group-[.view-list]:justify-center">
6884
6885		<!-- More details link shows only in grid -->
6886		<a href="/e/turbo-cats-spitefire-and-nathan-hill"
6887			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6888			More details
6889		</a>
6890
6891		<a href="/e/turbo-cats-spitefire-and-nathan-hill/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Turbo Cats, Spitefire, and Nathan Hill Trio">Tickets</a>	</div>
6892</div>
6893
6894<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6895			md:group-[.view-list]:flex-row
6896			md:group-[.view-list]:items-center
6897			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6898			md:group-[.view-list]:mb-0
6899			md:group-[.view-list]:pb-6
6900			md:group-[.view-grid]:w-75
6901			md:group-[.view-grid]:min-h-90.5
6902			md:group-[.view-grid]:mb-5">
6903
6904	<!-- Image -->
6905	<a href="/e/darwins-waiting-room-presents-the-pocket-univers-7" class="appearance-none">
6906		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790635985/saas/logos/image_1790635778259_ioov95c9k.webp"
6907			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6908					md:group-[.view-list]:aspect-auto
6909					md:group-[.view-list]:min-h-[125px]
6910					md:group-[.view-list]:w-[125px]
6911					md:group-[.view-list]:h-auto
6912					md:group-[.view-list]:max-h-[167px]
6913					md:group-[.view-list]:mr-6
6914					md:group-[.view-list]:mb-0">
6915	</a>
6916
6917	<!-- Text area -->
6918	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6919				md:group-[.view-list]:px-0
6920				md:group-[.view-list]:justify-center">
6921
6922		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-7" class="text-base font-bold
6923					md:group-[.view-grid]:text-clip
6924					md:group-[.view-grid]:max-w-120">
6925			DARWiN’S WAiTiNG ROOM Presents The Pocket Universe		</a>
6926
6927		<div class="text-sm md:group-[.view-grid]:text-base">
6928			Sunday, Nov  8, 2026 from 2:30 PM to 4:30 PM		</div>
6929
6930		<div class="text-xs">
6931			<span class="data-location-address">959 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
6932
6933		<!-- More details link shows only in list -->
6934		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-7" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6935			More details
6936		</a>
6937	</div>
6938
6939	<!-- Action block -->
6940	<div class="event-card__actions flex justify-between items-center px-5
6941				md:group-[.view-grid]:mt-2
6942				md:group-[.view-grid]:flex-row
6943				md:group-[.view-list]:flex-col
6944				md:group-[.view-list]:gap-2
6945				md:group-[.view-list]:items-end
6946				md:group-[.view-list]:justify-center">
6947
6948		<!-- More details link shows only in grid -->
6949		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-7"
6950			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
6951			More details
6952		</a>
6953
6954		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-7/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - DARWiN’S WAiTiNG ROOM Presents The Pocket Universe">Tickets</a>	</div>
6955</div>
6956
6957<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
6958			md:group-[.view-list]:flex-row
6959			md:group-[.view-list]:items-center
6960			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
6961			md:group-[.view-list]:mb-0
6962			md:group-[.view-list]:pb-6
6963			md:group-[.view-grid]:w-75
6964			md:group-[.view-grid]:min-h-90.5
6965			md:group-[.view-grid]:mb-5">
6966
6967	<!-- Image -->
6968	<a href="/e/marty-o-reilly" class="appearance-none">
6969		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1784054571/saas/logos/image_1784054563060_mflurxt0c.webp"
6970			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
6971					md:group-[.view-list]:aspect-auto
6972					md:group-[.view-list]:min-h-[125px]
6973					md:group-[.view-list]:w-[125px]
6974					md:group-[.view-list]:h-auto
6975					md:group-[.view-list]:max-h-[167px]
6976					md:group-[.view-list]:mr-6
6977					md:group-[.view-list]:mb-0">
6978	</a>
6979
6980	<!-- Text area -->
6981	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
6982				md:group-[.view-list]:px-0
6983				md:group-[.view-list]:justify-center">
6984
6985		<a href="/e/marty-o-reilly" class="text-base font-bold
6986					md:group-[.view-grid]:text-clip
6987					md:group-[.view-grid]:max-w-120">
6988			Marty O&#039;Reilly		</a>
6989
6990		<div class="text-sm md:group-[.view-grid]:text-base">
6991			Tuesday, Nov 10, 2026 at 7:00 PM		</div>
6992
6993		<div class="text-xs">
6994			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
6995
6996		<!-- More details link shows only in list -->
6997		<a href="/e/marty-o-reilly" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
6998			More details
6999		</a>
7000	</div>
7001
7002	<!-- Action block -->
7003	<div class="event-card__actions flex justify-between items-center px-5
7004				md:group-[.view-grid]:mt-2
7005				md:group-[.view-grid]:flex-row
7006				md:group-[.view-list]:flex-col
7007				md:group-[.view-list]:gap-2
7008				md:group-[.view-list]:items-end
7009				md:group-[.view-list]:justify-center">
7010
7011		<!-- More details link shows only in grid -->
7012		<a href="/e/marty-o-reilly"
7013			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7014			More details
7015		</a>
7016
7017		<a href="/e/marty-o-reilly/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Marty O'Reilly">Tickets</a>	</div>
7018</div>
7019
7020<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7021			md:group-[.view-list]:flex-row
7022			md:group-[.view-list]:items-center
7023			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7024			md:group-[.view-list]:mb-0
7025			md:group-[.view-list]:pb-6
7026			md:group-[.view-grid]:w-75
7027			md:group-[.view-grid]:min-h-90.5
7028			md:group-[.view-grid]:mb-5">
7029
7030	<!-- Image -->
7031	<a href="/e/midnight-garden" class="appearance-none">
7032		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789675580/saas/logos/image_1789675570807_0buqqsd7f.webp"
7033			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7034					md:group-[.view-list]:aspect-auto
7035					md:group-[.view-list]:min-h-[125px]
7036					md:group-[.view-list]:w-[125px]
7037					md:group-[.view-list]:h-auto
7038					md:group-[.view-list]:max-h-[167px]
7039					md:group-[.view-list]:mr-6
7040					md:group-[.view-list]:mb-0">
7041	</a>
7042
7043	<!-- Text area -->
7044	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7045				md:group-[.view-list]:px-0
7046				md:group-[.view-list]:justify-center">
7047
7048		<a href="/e/midnight-garden" class="text-base font-bold
7049					md:group-[.view-grid]:text-clip
7050					md:group-[.view-grid]:max-w-120">
7051			Midnight Garden		</a>
7052
7053		<div class="text-sm md:group-[.view-grid]:text-base">
7054			Wednesday, Nov 11, 2026 at 8:00 PM		</div>
7055
7056		<div class="text-xs">
7057			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
7058
7059		<!-- More details link shows only in list -->
7060		<a href="/e/midnight-garden" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7061			More details
7062		</a>
7063	</div>
7064
7065	<!-- Action block -->
7066	<div class="event-card__actions flex justify-between items-center px-5
7067				md:group-[.view-grid]:mt-2
7068				md:group-[.view-grid]:flex-row
7069				md:group-[.view-list]:flex-col
7070				md:group-[.view-list]:gap-2
7071				md:group-[.view-list]:items-end
7072				md:group-[.view-list]:justify-center">
7073
7074		<!-- More details link shows only in grid -->
7075		<a href="/e/midnight-garden"
7076			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7077			More details
7078		</a>
7079
7080		<a href="/e/midnight-garden/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Midnight Garden">
7080Tickets</a>	</div>
7081</div>
7082
7083<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7084			md:group-[.view-list]:flex-row
7085			md:group-[.view-list]:items-center
7086			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7087			md:group-[.view-list]:mb-0
7088			md:group-[.view-list]:pb-6
7089			md:group-[.view-grid]:w-75
7090			md:group-[.view-grid]:min-h-90.5
7091			md:group-[.view-grid]:mb-5">
7092
7093	<!-- Image -->
7094	<a href="/e/matt-shore-album-release" class="appearance-none">
7095		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788962600/saas/logos/image_1788962531911_62qdcrbqe.webp"
7096			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7097					md:group-[.view-list]:aspect-auto
7098					md:group-[.view-list]:min-h-[125px]
7099					md:group-[.view-list]:w-[125px]
7100					md:group-[.view-list]:h-auto
7101					md:group-[.view-list]:max-h-[167px]
7102					md:group-[.view-list]:mr-6
7103					md:group-[.view-list]:mb-0">
7104	</a>
7105
7106	<!-- Text area -->
7107	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7108				md:group-[.view-list]:px-0
7109				md:group-[.view-list]:justify-center">
7110
7111		<a href="/e/matt-shore-album-release" class="text-base font-bold
7112					md:group-[.view-grid]:text-clip
7113					md:group-[.view-grid]:max-w-120">
7114			Matt Shore Does Songs at You: A Musical Comedy Show		</a>
7115
7116		<div class="text-sm md:group-[.view-grid]:text-base">
7117			Thursday, Nov 12, 2026 from 7:00 PM to 8:30 PM		</div>
7118
7119		<div class="text-xs">
7120			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
7121
7122		<!-- More details link shows only in list -->
7123		<a href="/e/matt-shore-album-release" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7124			More details
7125		</a>
7126	</div>
7127
7128	<!-- Action block -->
7129	<div class="event-card__actions flex justify-between items-center px-5
7130				md:group-[.view-grid]:mt-2
7131				md:group-[.view-grid]:flex-row
7132				md:group-[.view-list]:flex-col
7133				md:group-[.view-list]:gap-2
7134				md:group-[.view-list]:items-end
7135				md:group-[.view-list]:justify-center">
7136
7137		<!-- More details link shows only in grid -->
7138		<a href="/e/matt-shore-album-release"
7139			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7140			More details
7141		</a>
7142
7143		<a href="https://tickets.thewordbarn.com/e/matt-shore3" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Matt Shore Does Songs at You: A Musical Comedy Show">Tickets</a>	</div>
7144</div>
7145
7146<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7147			md:group-[.view-list]:flex-row
7148			md:group-[.view-list]:items-center
7149			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7150			md:group-[.view-list]:mb-0
7151			md:group-[.view-list]:pb-6
7152			md:group-[.view-grid]:w-75
7153			md:group-[.view-grid]:min-h-90.5
7154			md:group-[.view-grid]:mb-5">
7155
7156	<!-- Image -->
7157	<a href="/e/not-yer-mamas-july-drag-show-4" class="appearance-none">
7158		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1774754472/saas/logos/image_1774754462459_mk2polzjq.webp"
7159			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7160					md:group-[.view-list]:aspect-auto
7161					md:group-[.view-list]:min-h-[125px]
7162					md:group-[.view-list]:w-[125px]
7163					md:group-[.view-list]:h-auto
7164					md:group-[.view-list]:max-h-[167px]
7165					md:group-[.view-list]:mr-6
7166					md:group-[.view-list]:mb-0">
7167	</a>
7168
7169	<!-- Text area -->
7170	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7171				md:group-[.view-list]:px-0
7172				md:group-[.view-list]:justify-center">
7173
7174		<a href="/e/not-yer-mamas-july-drag-show-4" class="text-base font-bold
7175					md:group-[.view-grid]:text-clip
7176					md:group-[.view-grid]:max-w-120">
7177			Not Yer Mama&#039;s November Drag Show		</a>
7178
7179		<div class="text-sm md:group-[.view-grid]:text-base">
7180			Friday, Nov 13, 2026 from 7:00 PM to 10:00 PM		</div>
7181
7182		<div class="text-xs">
7183			<span class="data-location-address">909 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
7184
7185		<!-- More details link shows only in list -->
7186		<a href="/e/not-yer-mamas-july-drag-show-4" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7187			More details
7188		</a>
7189	</div>
7190
7191	<!-- Action block -->
7192	<div class="event-card__actions flex justify-between items-center px-5
7193				md:group-[.view-grid]:mt-2
7194				md:group-[.view-grid]:flex-row
7195				md:group-[.view-list]:flex-col
7196				md:group-[.view-list]:gap-2
7197				md:group-[.view-list]:items-end
7198				md:group-[.view-list]:justify-center">
7199
7200		<!-- More details link shows only in grid -->
7201		<a href="/e/not-yer-mamas-july-drag-show-4"
7202			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7203			More details
7204		</a>
7205
7206		<a href="/e/not-yer-mamas-july-drag-show-4/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Not Yer Mama's November Drag Show">Tickets</a>	</div>
7207</div>
7208
7209<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7210			md:group-[.view-list]:flex-row
7211			md:group-[.view-list]:items-center
7212			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7213			md:group-[.view-list]:mb-0
7214			md:group-[.view-list]:pb-6
7215			md:group-[.view-grid]:w-75
7216			md:group-[.view-grid]:min-h-90.5
7217			md:group-[.view-grid]:mb-5">
7218
7219	<!-- Image -->
7220	<a href="/e/goodnight-moonshine-quartet" class="appearance-none">
7221		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1784050895/saas/logos/image_1784050889188_901ebkkvh.webp"
7222			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7223					md:group-[.view-list]:aspect-auto
7224					md:group-[.view-list]:min-h-[125px]
7225					md:group-[.view-list]:w-[125px]
7226					md:group-[.view-list]:h-auto
7227					md:group-[.view-list]:max-h-[167px]
7228					md:group-[.view-list]:mr-6
7229					md:group-[.view-list]:mb-0">
7230	</a>
7231
7232	<!-- Text area -->
7233	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7234				md:group-[.view-list]:px-0
7235				md:group-[.view-list]:justify-center">
7236
7237		<a href="/e/goodnight-moonshine-quartet" class="text-base font-bold
7238					md:group-[.view-grid]:text-clip
7239					md:group-[.view-grid]:max-w-120">
7240			Goodnight Moonshine Quartet		</a>
7241
7242		<div class="text-sm md:group-[.view-grid]:text-base">
7243			Friday, Nov 13, 2026 from 7:00 PM to 9:00 PM		</div>
7244
7245		<div class="text-xs">
7246			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
7247
7248		<!-- More details link shows only in list -->
7249		<a href="/e/goodnight-moonshine-quartet" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7250			More details
7251		</a>
7252	</div>
7253
7254	<!-- Action block -->
7255	<div class="event-card__actions flex justify-between items-center px-5
7256				md:group-[.view-grid]:mt-2
7257				md:group-[.view-grid]:flex-row
7258				md:group-[.view-list]:flex-col
7259				md:group-[.view-list]:gap-2
7260				md:group-[.view-list]:items-end
7261				md:group-[.view-list]:justify-center">
7262
7263		<!-- More details link shows only in grid -->
7264		<a href="/e/goodnight-moonshine-quartet"
7265			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7266			More details
7267		</a>
7268
7269		<a href="https://tickets.thewordbarn.com/e/goodnight-moonshine" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Goodnight Moonshine Quartet">Tickets</a>	</div>
7270</div>
7271
7272<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7273			md:group-[.view-list]:flex-row
7274			md:group-[.view-list]:items-center
7275			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7276			md:group-[.view-list]:mb-0
7277			md:group-[.view-list]:pb-6
7278			md:group-[.view-grid]:w-75
7279			md:group-[.view-grid]:min-h-90.5
7280			md:group-[.view-grid]:mb-5">
7281
7282	<!-- Image -->
7283	<a href="/e/darwins-waiting-room-presents-the-pocket-univers-2" class="appearance-none">
7284		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790635985/saas/logos/image_1790635778259_ioov95c9k.webp"
7285			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7286					md:group-[.view-list]:aspect-auto
7287					md:group-[.view-list]:min-h-[125px]
7288					md:group-[.view-list]:w-[125px]
7289					md:group-[.view-list]:h-auto
7290					md:group-[.view-list]:max-h-[167px]
7291					md:group-[.view-list]:mr-6
7292					md:group-[.view-list]:mb-0">
7293	</a>
7294
7295	<!-- Text area -->
7296	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7297				md:group-[.view-list]:px-0
7298				md:group-[.view-list]:justify-center">
7299
7300		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-2" class="text-base font-bold
7301					md:group-[.view-grid]:text-clip
7302					md:group-[.view-grid]:max-w-120">
7303			DARWiN’S WAiTiNG ROOM Presents The Pocket Universe		</a>
7304
7305		<div class="text-sm md:group-[.view-grid]:text-base">
7306			Friday, Nov 13, 2026 from 7:30 PM to 9:30 PM		</div>
7307
7308		<div class="text-xs">
7309			<span class="data-location-address">959 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
7310
7311		<!-- More details link shows only in list -->
7312		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7313			More details
7314		</a>
7315	</div>
7316
7317	<!-- Action block -->
7318	<div class="event-card__actions flex justify-between items-center px-5
7319				md:group-[.view-grid]:mt-2
7320				md:group-[.view-grid]:flex-row
7321				md:group-[.view-list]:flex-col
7322				md:group-[.view-list]:gap-2
7323				md:group-[.view-list]:items-end
7324				md:group-[.view-list]:justify-center">
7325
7326		<!-- More details link shows only in grid -->
7327		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-2"
7328			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7329			More details
7330		</a>
7331
7332		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - DARWiN’S WAiTiNG ROOM Presents The Pocket Universe">Tickets</a>	</div>
7333</div>
7334
7335<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7336			md:group-[.view-list]:flex-row
7337			md:group-[.view-list]:items-center
7338			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7339			md:group-[.view-list]:mb-0
7340			md:group-[.view-list]:pb-6
7341			md:group-[.view-grid]:w-75
7342			md:group-[.view-grid]:min-h-90.5
7343			md:group-[.view-grid]:mb-5">
7344
7345	<!-- Image -->
7346	<a href="/e/knorrwood-over-the-shire-far-away" class="appearance-none">
7347		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788899768/saas/logos/image_1788899761683_3loyl4ekq.webp"
7348			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7349					md:group-[.view-list]:aspect-auto
7350					md:group-[.view-list]:min-h-[125px]
7351					md:group-[.view-list]:w-[125px]
7352					md:group-[.view-list]:h-auto
7353					md:group-[.view-list]:max-h-[167px]
7354					md:group-[.view-list]:mr-6
7355					md:group-[.view-list]:mb-0">
7356	</a>
7357
7358	<!-- Text area -->
7359	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7360				md:group-[.view-list]:px-0
7361				md:group-[.view-list]:justify-center">
7362
7363		<a href="/e/knorrwood-over-the-shire-far-away" class="text-base font-bold
7364					md:group-[.view-grid]:text-clip
7365					md:group-[.view-grid]:max-w-120">
7366			Knorrwood Presents: Over the Hills &amp; Far Away		</a>
7367
7368		<div class="text-sm md:group-[.view-grid]:text-base">
7369			Friday, Nov 13, 2026 at 8:00 PM		</div>
7370
7371		<div class="text-xs">
7372			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
7373
7374		<!-- More details link shows only in list -->
7375		<a href="/e/knorrwood-over-the-shire-far-away" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7376			More details
7377		</a>
7378	</div>
7379
7380	<!-- Action block -->
7381	<div class="event-card__actions flex justify-between items-center px-5
7382				md:group-[.view-grid]:mt-2
7383				md:group-[.view-grid]:flex-row
7384				md:group-[.view-list]:flex-col
7385				md:group-[.view-list]:gap-2
7386				md:group-[.view-list]:items-end
7387				md:group-[.view-list]:justify-center">
7388
7389		<!-- More details link shows only in grid -->
7390		<a href="/e/knorrwood-over-the-shire-far-away"
7391			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7392			More details
7393		</a>
7394
7395		<a href="/e/knorrwood-over-the-shire-far-away/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Knorrwood Presents: Over the Hills & Far Away">Tickets</a>	</div>
7396</div>
7397
7398<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7399			md:group-[.view-list]:flex-row
7400			md:group-[.view-list]:items-center
7401			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7402			md:group-[.view-list]:mb-0
7403			md:group-[.view-list]:pb-6
7404			md:group-[.view-grid]:w-75
7405			md:group-[.view-grid]:min-h-90.5
7406			md:group-[.view-grid]:mb-5">
7407
7408	<!-- Image -->
7409	<a href="/e/darwins-waiting-room-presents-the-pocket-univers-5" class="appearance-none">
7410		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790635985/saas/logos/image_1790635778259_ioov95c9k.webp"
7411			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7412					md:group-[.view-list]:aspect-auto
7413					md:group-[.view-list]:min-h-[125px]
7414					md:group-[.view-list]:w-[125px]
7415					md:group-[.view-list]:h-auto
7416					md:group-[.view-list]:max-h-[167px]
7417					md:group-[.view-list]:mr-6
7418					md:group-[.view-list]:mb-0">
7419	</a>
7420
7421	<!-- Text area -->
7422	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7423				md:group-[.view-list]:px-0
7424				md:group-[.view-list]:justify-center">
7425
7426		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-5" class="text-base font-bold
7427					md:group-[.view-grid]:text-clip
7428					md:group-[.view-grid]:max-w-120">
7429			DARWiN’S WAiTiNG ROOM Presents The Pocket Universe		</a>
7430
7431		<div class="text-sm md:group-[.view-grid]:text-base">
7432			Saturday, Nov 14, 2026 from 4:00 PM to 6:00 PM		</div>
7433
7434		<div class="text-xs">
7435			<span class="data-location-address">959 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
7436
7437		<!-- More details link shows only in list -->
7438		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-5" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7439			More details
7440		</a>
7441	</div>
7442
7443	<!-- Action block -->
7444	<div class="event-card__actions flex justify-between items-center px-5
7445				md:group-[.view-grid]:mt-2
7446				md:group-[.view-grid]:flex-row
7447				md:group-[.view-list]:flex-col
7448				md:group-[.view-list]:gap-2
7449				md:group-[.view-list]:items-end
7450				md:group-[.view-list]:justify-center">
7451
7452		<!-- More details link shows only in grid -->
7453		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-5"
7454			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7455			More details
7456		</a>
7457
7458		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-5/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - DARWiN’S WAiTiNG ROOM Presents The Pocket Universe">Tickets</a>	</div>
7459</div>
7460
7461<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7462			md:group-[.view-list]:flex-row
7463			md:group-[.view-list]:items-center
7464			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7465			md:group-[.view-list]:mb-0
7466			md:group-[.view-list]:pb-6
7467			md:group-[.view-grid]:w-75
7468			md:group-[.view-grid]:min-h-90.5
7469			md:group-[.view-grid]:mb-5">
7470
7471	<!-- Image -->
7472	<a href="/e/john-gorka-2026" class="appearance-none">
7473		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788368952/saas/logos/image_1788368944453_e458ryiv6.webp"
7474			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7475					md:group-[.view-list]:aspect-auto
7476					md:group-[.view-list]:min-h-[125px]
7477					md:group-[.view-list]:w-[125px]
7478					md:group-[.view-list]:h-auto
7479					md:group-[.view-list]:max-h-[167px]
7480					md:group-[.view-list]:mr-6
7481					md:group-[.view-list]:mb-0">
7482	</a>
7483
7484	<!-- Text area -->
7485	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7486				md:group-[.view-list]:px-0
7487				md:group-[.view-list]:justify-center">
7488
7489		<a href="/e/john-gorka-2026" class="text-base font-bold
7490					md:group-[.view-grid]:text-clip
7491					md:group-[.view-grid]:max-w-120">
7492			John Gorka		</a>
7493
7494		<div class="text-sm md:group-[.view-grid]:text-base">
7495			Saturday, Nov 14, 2026 from 7:00 PM to 9:00 PM		</div>
7496
7497		<div class="text-xs">
7498			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
7499
7500		<!-- More details link shows only in list -->
7501		<a href="/e/john-gorka-2026" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7502			More details
7503		</a>
7504	</div>
7505
7506	<!-- Action block -->
7507	<div class="event-card__actions flex justify-between items-center px-5
7508				md:group-[.view-grid]:mt-2
7509				md:group-[.view-grid]:flex-row
7510				md:group-[.view-list]:flex-col
7511				md:group-[.view-list]:gap-2
7512				md:group-[.view-list]:items-end
7513				md:group-[.view-list]:justify-center">
7514
7515		<!-- More details link shows only in grid -->
7516		<a href="/e/john-gorka-2026"
7517			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7518			More details
7519		</a>
7520
7521		<a href="https://tickets.thewordbarn.com/e/john-gorka-3" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - John Gorka">Tickets</a>	</div>
7522</div>
7523
7524<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7525			md:group-[.view-list]:flex-row
7526			md:group-[.view-list]:items-center
7527			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7528			md:group-[.view-list]:mb-0
7529			md:group-[.view-list]:pb-6
7530			md:group-[.view-grid]:w-75
7531			md:group-[.view-grid]:min-h-90.5
7532			md:group-[.view-grid]:mb-5">
7533
7534	<!-- Image -->
7535	<a href="/e/darwins-waiting-room-presents-the-pocket-univers-8" class="appearance-none">
7536		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790635985/saas/logos/image_1790635778259_ioov95c9k.webp"
7537			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7538					md:group-[.view-list]:aspect-auto
7539					md:group-[.view-list]:min-h-[125px]
7540					md:group-[.view-list]:w-[125px]
7541					md:group-[.view-list]:h-auto
7542					md:group-[.view-list]:max-h-[167px]
7543					md:group-[.view-list]:mr-6
7544					md:group-[.view-list]:mb-0">
7545	</a>
7546
7547	<!-- Text area -->
7548	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7549				md:group-[.view-list]:px-0
7550				md:group-[.view-list]:justify-center">
7551
7552		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-8" class="text-base font-bold
7553					md:group-[.view-grid]:text-clip
7554					md:group-[.view-grid]:max-w-120">
7555			DARWiN’S WAiTiNG ROOM Presents The Pocket Universe		</a>
7556
7557		<div class="text-sm md:group-[.view-grid]:text-base">
7558			Sunday, Nov 15, 2026 from 2:30 PM to 4:30 PM		</div>
7559
7560		<div class="text-xs">
7561			<span class="data-location-address">959 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
7562
7563		<!-- More details link shows only in list -->
7564		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-8" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7565			More details
7566		</a>
7567	</div>
7568
7569	<!-- Action block -->
7570	<div class="event-card__actions flex justify-between items-center px-5
7571				md:group-[.view-grid]:mt-2
7572				md:group-[.view-grid]:flex-row
7573				md:group-[.view-list]:flex-col
7574				md:group-[.view-list]:gap-2
7575				md:group-[.view-list]:items-end
7576				md:group-[.view-list]:justify-center">
7577
7578		<!-- More details link shows only in grid -->
7579		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-8"
7580			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7581			More details
7582		</a>
7583
7584		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-8/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - DARWiN’S WAiTiNG ROOM Presents The Pocket Universe">Tickets</a>	</div>
7585</div>
7586
7587<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7588			md:group-[.view-list]:flex-row
7589			md:group-[.view-list]:items-center
7590			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7591			md:group-[.view-list]:mb-0
7592			md:group-[.view-list]:pb-6
7593			md:group-[.view-grid]:w-75
7594			md:group-[.view-grid]:min-h-90.5
7595			md:group-[.view-grid]:mb-5">
7596
7597	<!-- Image -->
7598	<a href="/e/steeplechase-album-release-show" class="appearance-none">
7599		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788380946/saas/logos/image_1788380728854_n24fg2zno.webp"
7600			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7601					md:group-[.view-list]:aspect-auto
7602					md:group-[.view-list]:min-h-[125px]
7603					md:group-[.view-list]:w-[125px]
7604					md:group-[.view-list]:h-auto
7605					md:group-[.view-list]:max-h-[167px]
7606					md:group-[.view-list]:mr-6
7607					md:group-[.view-list]:mb-0">
7608	</a>
7609
7610	<!-- Text area -->
7611	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7612				md:group-[.view-list]:px-0
7613				md:group-[.view-list]:justify-center">
7614
7615		<a href="/e/steeplechase-album-release-show" class="text-base font-bold
7616					md:group-[.view-grid]:text-clip
7617					md:group-[.view-grid]:max-w-120">
7618			Steeplechase ALBUM RELEASE SHOW		</a>
7619
7620		<div class="text-sm md:group-[.view-grid]:text-base">
7621			Sunday, Nov 15, 2026 at 7:00 PM		</div>
7622
7623		<div class="text-xs">
7624			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
7625
7626		<!-- More details link shows only in list -->
7627		<a href="/e/steeplechase-album-release-show" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7628			More details
7629		</a>
7630	</div>
7631
7632	<!-- Action block -->
7633	<div class="event-card__actions flex justify-between items-center px-5
7634				md:group-[.view-grid]:mt-2
7635				md:group-[.view-grid]:flex-row
7636				md:group-[.view-list]:flex-col
7637				md:group-[.view-list]:gap-2
7638				md:group-[.view-list]:items-end
7639				md:group-[.view-list]:justify-center">
7640
7641		<!-- More details link shows only in grid -->
7642		<a href="/e/steeplechase-album-release-show"
7643			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7644			More details
7645		</a>
7646
7647		<a href="/e/steeplechase-album-release-show/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Steeplechase ALBUM RELEASE SHOW">Tickets</a>	</div>
7648</div>
7649
7650<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7651			md:group-[.view-list]:flex-row
7652			md:group-[.view-list]:items-center
7653			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7654			md:group-[.view-list]:mb-0
7655			md:group-[.view-list]:pb-6
7656			md:group-[.view-grid]:w-75
7657			md:group-[.view-grid]:min-h-90.5
7658			md:group-[.view-grid]:mb-5">
7659
7660	<!-- Image -->
7661	<a href="/e/stranger-than-fiction-student-showcase-2" class="appearance-none">
7662		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790204291/saas/logos/image_1790204282061_9yqn661lt.webp"
7663			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7664					md:group-[.view-list]:aspect-auto
7665					md:group-[.view-list]:min-h-[125px]
7666					md:group-[.view-list]:w-[125px]
7667					md:group-[.view-list]:h-auto
7668					md:group-[.view-list]:max-h-[167px]
7669					md:group-[.view-list]:mr-6
7670					md:group-[.view-list]:mb-0">
7671	</a>
7672
7673	<!-- Text area -->
7674	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7675				md:group-[.view-list]:px-0
7676				md:group-[.view-list]:justify-center">
7677
7678		<a href="/e/stranger-than-fiction-student-showcase-2" class="text-base font-bold
7679					md:group-[.view-grid]:text-clip
7680					md:group-[.view-grid]:max-w-120">
7681			Stranger Than Fiction Student Showcase		</a>
7682
7683		<div class="text-sm md:group-[.view-grid]:text-base">
7684			Thursday, Nov 19, 2026 at 7:00 PM		</div>
7685
7686		<div class="text-xs">
7687			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
7688
7689		<!-- More details link shows only in list -->
7690		<a href="/e/stranger-than-fiction-student-showcase-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7691			More details
7692		</a>
7693	</div>
7694
7695	<!-- Action block -->
7696	<div class="event-card__actions flex justify-between items-center px-5
7697				md:group-[.view-grid]:mt-2
7698				md:group-[.view-grid]:flex-row
7699				md:group-[.view-list]:flex-col
7700				md:group-[.view-list]:gap-2
7701				md:group-[.view-list]:items-end
7702				md:group-[.view-list]:justify-center">
7703
7704		<!-- More details link shows only in grid -->
7705		<a href="/e/stranger-than-fiction-student-showcase-2"
7706			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7707			More details
7708		</a>
7709
7710		<a href="/e/stranger-than-fiction-student-showcase-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Stranger Than Fiction Student Showcase">Tickets</a>	</div>
7711</div>
7712
7713<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7714			md:group-[.view-list]:flex-row
7715			md:group-[.view-list]:items-center
7716			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7717			md:group-[.view-list]:mb-0
7718			md:group-[.view-list]:pb-6
7719			md:group-[.view-grid]:w-75
7720			md:group-[.view-grid]:min-h-90.5
7721			md:group-[.view-grid]:mb-5">
7722
7723	<!-- Image -->
7724	<a href="/e/jake-klar-and-cloudbelly" class="appearance-none">
7725		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790088427/saas/logos/image_1790088415108_8nbztf5tu.webp"
7726			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7727					md:group-[.view-list]:aspect-auto
7728					md:group-[.view-list]:min-h-[125px]
7729					md:group-[.view-list]:w-[125px]
7730					md:group-[.view-list]:h-auto
7731					md:group-[.view-list]:max-h-[167px]
7732					md:group-[.view-list]:mr-6
7733					md:group-[.view-list]:mb-0">
7734	</a>
7735
7736	<!-- Text area -->
7737	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7738				md:group-[.view-list]:px-0
7739				md:group-[.view-list]:justify-center">
7740
7741		<a href="/e/jake-klar-and-cloudbelly" class="text-base font-bold
7742					md:group-[.view-grid]:text-clip
7743					md:group-[.view-grid]:max-w-120">
7744			Jake Klar &amp; Blue Ranger and Cloudbelly		</a>
7745
7746		<div class="text-sm md:group-[.view-grid]:text-base">
7747			Thursday, Nov 19, 2026 at 7:00 PM		</div>
7748
7749		<div class="text-xs">
7750			<span class="data-location-address">909 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
7751
7752		<!-- More details link shows only in list -->
7753		<a href="/e/jake-klar-and-cloudbelly" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7754			More details
7755		</a>
7756	</div>
7757
7758	<!-- Action block -->
7759	<div class="event-card__actions flex justify-between items-center px-5
7760				md:group-[.view-grid]:mt-2
7761				md:group-[.view-grid]:flex-row
7762				md:group-[.view-list]:flex-col
7763				md:group-[.view-list]:gap-2
7764				md:group-[.view-list]:items-end
7765				md:group-[.view-list]:justify-center">
7766
7767		<!-- More details link shows only in grid -->
7768		<a href="/e/jake-klar-and-cloudbelly"
7769			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7770			More details
7771		</a>
7772
7773		<a href="/e/jake-klar-and-cloudbelly/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Jake Klar & Blue Ranger and Cloudbelly">Tickets</a>	</div>
7774</div>
7775
7776<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7777			md:group-[.view-list]:flex-row
7778			md:group-[.view-list]:items-center
7779			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7780			md:group-[.view-list]:mb-0
7781			md:group-[.view-list]:pb-6
7782			md:group-[.view-grid]:w-75
7783			md:group-[.view-grid]:min-h-90.5
7784			md:group-[.view-grid]:mb-5">
7785
7786	<!-- Image -->
7787	<a href="/e/lion-sisters" class="appearance-none">
7788		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1787063948/saas/logos/image_1787063941719_fq4jynjq5.webp"
7789			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7790					md:group-[.view-list]:aspect-auto
7791					md:group-[.view-list]:min-h-[125px]
7792					md:group-[.view-list]:w-[125px]
7793					md:group-[.view-list]:h-auto
7794					md:group-[.view-list]:max-h-[167px]
7795					md:group-[.view-list]:mr-6
7796					md:group-[.view-list]:mb-0">
7797	</a>
7798
7799	<!-- Text area -->
7800	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7801				md:group-[.view-list]:px-0
7802				md:group-[.view-list]:justify-center">
7803
7804		<a href="/e/lion-sisters" class="text-base font-bold
7805					md:group-[.view-grid]:text-clip
7806					md:group-[.view-grid]:max-w-120">
7807			The Lion Sisters		</a>
7808
7809		<div class="text-sm md:group-[.view-grid]:text-base">
7810			Friday, Nov 20, 2026 from 7:00 PM to 9:00 PM		</div>
7811
7812		<div class="text-xs">
7813			<span class="data-location-address">The Word Barn, </span><span class="data-location-city">Exeter, </span><span class="data-location-state">NH</span>		</div>
7814
7815		<!-- More details link shows only in list -->
7816		<a href="/e/lion-sisters" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7817			More details
7818		</a>
7819	</div>
7820
7821	<!-- Action block -->
7822	<div class="event-card__actions flex justify-between items-center px-5
7823				md:group-[.view-grid]:mt-2
7824				md:group-[.view-grid]:flex-row
7825				md:group-[.view-list]:flex-col
7826				md:group-[.view-list]:gap-2
7827				md:group-[.view-list]:items-end
7828				md:group-[.view-list]:justify-center">
7829
7830		<!-- More details link shows only in grid -->
7831		<a href="/e/lion-sisters"
7832			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7833			More details
7834		</a>
7835
7836		<a href="https://tickets.thewordbarn.com/e/the-lion-sisters" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Lion Sisters">Tickets</a>	</div>
7837</div>
7838
7839<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7840			md:group-[.view-list]:flex-row
7841			md:group-[.view-list]:items-center
7842			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7843			md:group-[.view-list]:mb-0
7844			md:group-[.view-list]:pb-6
7845			md:group-[.view-grid]:w-75
7846			md:group-[.view-grid]:min-h-90.5
7847			md:group-[.view-grid]:mb-5">
7848
7849	<!-- Image -->
7850	<a href="/e/darwins-waiting-room-presents-the-pocket-univers-3" class="appearance-none">
7851		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790635985/saas/logos/image_1790635778259_ioov95c9k.webp"
7852			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7853					md:group-[.view-list]:aspect-auto
7854					md:group-[.view-list]:min-h-[125px]
7855					md:group-[.view-list]:w-[125px]
7856					md:group-[.view-list]:h-auto
7857					md:group-[.view-list]:max-h-[167px]
7858					md:group-[.view-list]:mr-6
7859					md:group-[.view-list]:mb-0">
7860	</a>
7861
7862	<!-- Text area -->
7863	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7864				md:group-[.view-list]:px-0
7865				md:group-[.view-list]:justify-center">
7866
7867		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-3" class="text-base font-bold
7868					md:group-[.view-grid]:text-clip
7869					md:group-[.view-grid]:max-w-120">
7870			DARWiN’S WAiTiNG ROOM Presents The Pocket Universe		</a>
7871
7872		<div class="text-sm md:group-[.view-grid]:text-base">
7873			Friday, Nov 20, 2026 from 7:30 PM to 9:30 PM		</div>
7874
7875		<div class="text-xs">
7876			<span class="data-location-address">959 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
7877
7878		<!-- More details link shows only in list -->
7879		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-3" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7880			More details
7881		</a>
7882	</div>
7883
7884	<!-- Action block -->
7885	<div class="event-card__actions flex justify-between items-center px-5
7886				md:group-[.view-grid]:mt-2
7887				md:group-[.view-grid]:flex-row
7888				md:group-[.view-list]:flex-col
7889				md:group-[.view-list]:gap-2
7890				md:group-[.view-list]:items-end
7891				md:group-[.view-list]:justify-center">
7892
7893		<!-- More details link shows only in grid -->
7894		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-3"
7895			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7896			More details
7897		</a>
7898
7899		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-3/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - DARWiN’S WAiTiNG ROOM Presents The Pocket Universe">Tickets</a>	</div>
7900</div>
7901
7902<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7903			md:group-[.view-list]:flex-row
7904			md:group-[.view-list]:items-center
7905			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7906			md:group-[.view-list]:mb-0
7907			md:group-[.view-list]:pb-6
7908			md:group-[.view-grid]:w-75
7909			md:group-[.view-grid]:min-h-90.5
7910			md:group-[.view-grid]:mb-5">
7911
7912	<!-- Image -->
7913	<a href="/e/darwins-waiting-room-presents-the-pocket-univers-6" class="appearance-none">
7914		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790635985/saas/logos/image_1790635778259_ioov95c9k.webp"
7915			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7916					md:group-[.view-list]:aspect-auto
7917					md:group-[.view-list]:min-h-[125px]
7918					md:group-[.view-list]:w-[125px]
7919					md:group-[.view-list]:h-auto
7920					md:group-[.view-list]:max-h-[167px]
7921					md:group-[.view-list]:mr-6
7922					md:group-[.view-list]:mb-0">
7923	</a>
7924
7925	<!-- Text area -->
7926	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7927				md:group-[.view-list]:px-0
7928				md:group-[.view-list]:justify-center">
7929
7930		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-6" class="text-base font-bold
7931					md:group-[.view-grid]:text-clip
7932					md:group-[.view-grid]:max-w-120">
7933			DARWiN’S WAiTiNG ROOM Presents The Pocket Universe		</a>
7934
7935		<div class="text-sm md:group-[.view-grid]:text-base">
7936			Saturday, Nov 21, 2026 from 4:00 PM to 6:00 PM		</div>
7937
7938		<div class="text-xs">
7939			<span class="data-location-address">959 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
7940
7941		<!-- More details link shows only in list -->
7942		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-6" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
7943			More details
7944		</a>
7945	</div>
7946
7947	<!-- Action block -->
7948	<div class="event-card__actions flex justify-between items-center px-5
7949				md:group-[.view-grid]:mt-2
7950				md:group-[.view-grid]:flex-row
7951				md:group-[.view-list]:flex-col
7952				md:group-[.view-list]:gap-2
7953				md:group-[.view-list]:items-end
7954				md:group-[.view-list]:justify-center">
7955
7956		<!-- More details link shows only in grid -->
7957		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-6"
7958			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
7959			More details
7960		</a>
7961
7962		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-6/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - DARWiN’S WAiTiNG ROOM Presents The Pocket Universe">Tickets</a>	</div>
7963</div>
7964
7965<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
7966			md:group-[.view-list]:flex-row
7967			md:group-[.view-list]:items-center
7968			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
7969			md:group-[.view-list]:mb-0
7970			md:group-[.view-list]:pb-6
7971			md:group-[.view-grid]:w-75
7972			md:group-[.view-grid]:min-h-90.5
7973			md:group-[.view-grid]:mb-5">
7974
7975	<!-- Image -->
7976	<a href="/e/millspeakeasy" class="appearance-none">
7977		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1769414022/saas/logos/image_1769414011154_07hwf3vhs.webp"
7978			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
7979					md:group-[.view-list]:aspect-auto
7980					md:group-[.view-list]:min-h-[125px]
7981					md:group-[.view-list]:w-[125px]
7982					md:group-[.view-list]:h-auto
7983					md:group-[.view-list]:max-h-[167px]
7984					md:group-[.view-list]:mr-6
7985					md:group-[.view-list]:mb-0">
7986	</a>
7987
7988	<!-- Text area -->
7989	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
7990				md:group-[.view-list]:px-0
7991				md:group-[.view-list]:justify-center">
7992
7993		<a href="/e/millspeakeasy" class="text-base font-bold
7994					md:group-[.view-grid]:text-clip
7995					md:group-[.view-grid]:max-w-120">
7996			MillSpeakeasy		</a>
7997
7998		<div class="text-sm md:group-[.view-grid]:text-base">
7999			Saturday, Nov 21, 2026 at 7:30 PM		</div>
8000
8001		<div class="text-xs">
8002			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
8003
8004		<!-- More details link shows only in list -->
8005		<a href="/e/millspeakeasy" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8006			More details
8007		</a>
8008	</div>
8009
8010	<!-- Action block -->
8011	<div class="event-card__actions flex justify-between items-center px-5
8012				md:group-[.view-grid]:mt-2
8013				md:group-[.view-grid]:flex-row
8014				md:group-[.view-list]:flex-col
8015				md:group-[.view-list]:gap-2
8016				md:group-[.view-list]:items-end
8017				md:group-[.view-list]:justify-center">
8018
8019		<!-- More details link shows only in grid -->
8020		<a href="/e/millspeakeasy"
8021			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8022			More details
8023		</a>
8024
8025		<a href="/e/millspeakeasy/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - MillSpeakeasy">Tickets</a>	</div>
8026</div>
8027
8028<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8029			md:group-[.view-list]:flex-row
8030			md:group-[.view-list]:items-center
8031			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8032			md:group-[.view-list]:mb-0
8033			md:group-[.view-list]:pb-6
8034			md:group-[.view-grid]:w-75
8035			md:group-[.view-grid]:min-h-90.5
8036			md:group-[.view-grid]:mb-5">
8037
8038	<!-- Image -->
8039	<a href="/e/darwins-waiting-room-presents-the-pocket-univers-9" class="appearance-none">
8040		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790635985/saas/logos/image_1790635778259_ioov95c9k.webp"
8041			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8042					md:group-[.view-list]:aspect-auto
8043					md:group-[.view-list]:min-h-[125px]
8044					md:group-[.view-list]:w-[125px]
8045					md:group-[.view-list]:h-auto
8046					md:group-[.view-list]:max-h-[167px]
8047					md:group-[.view-list]:mr-6
8048					md:group-[.view-list]:mb-0">
8049	</a>
8050
8051	<!-- Text area -->
8052	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8053				md:group-[.view-list]:px-0
8054				md:group-[.view-list]:justify-center">
8055
8056		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-9" class="text-base font-bold
8057					md:group-[.view-grid]:text-clip
8058					md:group-[.view-grid]:max-w-120">
8059			DARWiN’S WAiTiNG ROOM Presents The Pocket Universe		</a>
8060
8061		<div class="text-sm md:group-[.view-grid]:text-base">
8062			Sunday, Nov 22, 2026 from 2:30 PM to 4:30 PM		</div>
8063
8064		<div class="text-xs">
8065			<span class="data-location-address">959 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
8066
8067		<!-- More details link shows only in list -->
8068		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-9" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8069			More details
8070		</a>
8071	</div>
8072
8073	<!-- Action block -->
8074	<div class="event-card__actions flex justify-between items-center px-5
8075				md:group-[.view-grid]:mt-2
8076				md:group-[.view-grid]:flex-row
8077				md:group-[.view-list]:flex-col
8078				md:group-[.view-list]:gap-2
8079				md:group-[.view-list]:items-end
8080				md:group-[.view-list]:justify-center">
8081
8082		<!-- More details link shows only in grid -->
8083		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-9"
8084			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8085			More details
8086		</a>
8087
8088		<a href="/e/darwins-waiting-room-presents-the-pocket-univers-9/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - DARWiN’S WAiTiNG ROOM Presents The Pocket Universe">Tickets</a>	</div>
8089</div>
8090
8091<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8092			md:group-[.view-list]:flex-row
8093			md:group-[.view-list]:items-center
8094			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8095			md:group-[.view-list]:mb-0
8096			md:group-[.view-list]:pb-6
8097			md:group-[.view-grid]:w-75
8098			md:group-[.view-grid]:min-h-90.5
8099			md:group-[.view-grid]:mb-5">
8100
8101	<!-- Image -->
8102	<a href="/e/say-darling" class="appearance-none">
8103		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790276139/saas/logos/image_1790276124472_jg4b951aj.webp"
8104			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8105					md:group-[.view-list]:aspect-auto
8106					md:group-[.view-list]:min-h-[125px]
8107					md:group-[.view-list]:w-[125px]
8108					md:group-[.view-list]:h-auto
8109					md:group-[.view-list]:max-h-[167px]
8110					md:group-[.view-list]:mr-6
8111					md:group-[.view-list]:mb-0">
8112	</a>
8113
8114	<!-- Text area -->
8115	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8116				md:group-[.view-list]:px-0
8117				md:group-[.view-list]:justify-center">
8118
8119		<a href="/e/say-darling" class="text-base font-bold
8120					md:group-[.view-grid]:text-clip
8121					md:group-[.view-grid]:max-w-120">
8122			Say Darling		</a>
8123
8124		<div class="text-sm md:group-[.view-grid]:text-base">
8125			Sunday, Nov 29, 2026 at 6:00 PM		</div>
8126
8127		<div class="text-xs">
8128			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
8129
8130		<!-- More details link shows only in list -->
8131		<a href="/e/say-darling" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8132			More details
8133		</a>
8134	</div>
8135
8136	<!-- Action block -->
8137	<div class="event-card__actions flex justify-between items-center px-5
8138				md:group-[.view-grid]:mt-2
8139				md:group-[.view-grid]:flex-row
8140				md:group-[.view-list]:flex-col
8141				md:group-[.view-list]:gap-2
8142				md:group-[.view-list]:items-end
8143				md:group-[.view-list]:justify-center">
8144
8145		<!-- More details link shows only in grid -->
8146		<a href="/e/say-darling"
8147			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8148			More details
8149		</a>
8150
8151		<a href="/e/say-darling/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Say Darling">Tickets</a>	</div>
8152</div>
8153
8154<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8155			md:group-[.view-list]:flex-row
8156			md:group-[.view-list]:items-center
8157			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8158			md:group-[.view-list]:mb-0
8159			md:group-[.view-list]:pb-6
8160			md:group-[.view-grid]:w-75
8161			md:group-[.view-grid]:min-h-90.5
8162			md:group-[.view-grid]:mb-5">
8163
8164	<!-- Image -->
8165	<a href="/e/seacoast-improv-incubator-presents-a-script-read-2" class="appearance-none">
8166		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790375138/saas/logos/image_1790375127154_m7nwipon9.webp"
8167			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8168					md:group-[.view-list]:aspect-auto
8169					md:group-[.view-list]:min-h-[125px]
8170					md:group-[.view-list]:w-[125px]
8171					md:group-[.view-list]:h-auto
8172					md:group-[.view-list]:max-h-[167px]
8173					md:group-[.view-list]:mr-6
8174					md:group-[.view-list]:mb-0">
8175	</a>
8176
8177	<!-- Text area -->
8178	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8179				md:group-[.view-list]:px-0
8180				md:group-[.view-list]:justify-center">
8181
8182		<a href="/e/seacoast-improv-incubator-presents-a-script-read-2" class="text-base font-bold
8183					md:group-[.view-grid]:text-clip
8184					md:group-[.view-grid]:max-w-120">
8185			Seacoast Improv Incubator Presents: Dickensian Musical Christmas Puppet Show Featuring a Frog and Pig		</a>
8186
8187		<div class="text-sm md:group-[.view-grid]:text-base">
8188			Thursday, Dec  3, 2026 from 7:00 PM to 10:00 PM		</div>
8189
8190		<div class="text-xs">
8191			<span class="data-location-address">Button Factory Stage, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
8192
8193		<!-- More details link shows only in list -->
8194		<a href="/e/seacoast-improv-incubator-presents-a-script-read-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8195			More details
8196		</a>
8197	</div>
8198
8199	<!-- Action block -->
8200	<div class="event-card__actions flex justify-between items-center px-5
8201				md:group-[.view-grid]:mt-2
8202				md:group-[.view-grid]:flex-row
8203				md:group-[.view-list]:flex-col
8204				md:group-[.view-list]:gap-2
8205				md:group-[.view-list]:items-end
8206				md:group-[.view-list]:justify-center">
8207
8208		<!-- More details link shows only in grid -->
8209		<a href="/e/seacoast-improv-incubator-presents-a-script-read-2"
8210			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8211			More details
8212		</a>
8213
8214		<a href="/e/seacoast-improv-incubator-presents-a-script-read-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Seacoast Improv Incubator Presents: Dickensian Musical Christmas Puppet Show Featuring a Frog and Pig">Tickets</a>	</div>
8215</div>
8216
8217<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8218			md:group-[.view-list]:flex-row
8219			md:group-[.view-list]:items-center
8220			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8221			md:group-[.view-list]:mb-0
8222			md:group-[.view-list]:pb-6
8223			md:group-[.view-grid]:w-75
8224			md:group-[.view-grid]:min-h-90.5
8225			md:group-[.view-grid]:mb-5">
8226
8227	<!-- Image -->
8228	<a href="/e/seacoast-improv-incubator-presents-a-script-readin" class="appearance-none">
8229		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790375204/saas/logos/image_1790375175036_nv1zspook.webp"
8230			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8231					md:group-[.view-list]:aspect-auto
8232					md:group-[.view-list]:min-h-[125px]
8233					md:group-[.view-list]:w-[125px]
8234					md:group-[.view-list]:h-auto
8235					md:group-[.view-list]:max-h-[167px]
8236					md:group-[.view-list]:mr-6
8237					md:group-[.view-list]:mb-0">
8238	</a>
8239
8240	<!-- Text area -->
8241	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8242				md:group-[.view-list]:px-0
8243				md:group-[.view-list]:justify-center">
8244
8245		<a href="/e/seacoast-improv-incubator-presents-a-script-readin" class="text-base font-bold
8246					md:group-[.view-grid]:text-clip
8247					md:group-[.view-grid]:max-w-120">
8248			Seacoast Improv Incubator Presents: Dickensian Musical Christmas Puppet Show Featuring a Frog and Pig		</a>
8249
8250		<div class="text-sm md:group-[.view-grid]:text-base">
8251			Friday, Dec  4, 2026 at 7:00 PM		</div>
8252
8253		<div class="text-xs">
8254			<span class="data-location-address">Button Factory Stage, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
8255
8256		<!-- More details link shows only in list -->
8257		<a href="/e/seacoast-improv-incubator-presents-a-script-readin" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8258			More details
8259		</a>
8260	</div>
8261
8262	<!-- Action block -->
8263	<div class="event-card__actions flex justify-between items-center px-5
8264				md:group-[.view-grid]:mt-2
8265				md:group-[.view-grid]:flex-row
8266				md:group-[.view-list]:flex-col
8267				md:group-[.view-list]:gap-2
8268				md:group-[.view-list]:items-end
8269				md:group-[.view-list]:justify-center">
8270
8271		<!-- More details link shows only in grid -->
8272		<a href="/e/seacoast-improv-incubator-presents-a-script-readin"
8273			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8274			More details
8275		</a>
8276
8277		<a href="/e/seacoast-improv-incubator-presents-a-script-readin/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Seacoast Improv Incubator Presents: Dickensian Musical Christmas Puppet Show Featuring a Frog and Pig">Tickets</a>	</div>
8278</div>
8279
8280<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8281			md:group-[.view-list]:flex-row
8282			md:group-[.view-list]:items-center
8283			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8284			md:group-[.view-list]:mb-0
8285			md:group-[.view-list]:pb-6
8286			md:group-[.view-grid]:w-75
8287			md:group-[.view-grid]:min-h-90.5
8288			md:group-[.view-grid]:mb-5">
8289
8290	<!-- Image -->
8291	<a href="/e/willie-watson-3" class="appearance-none">
8292		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788188963/saas/logos/image_1788188956139_9pyvp04yz.webp"
8293			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8294					md:group-[.view-list]:aspect-auto
8295					md:group-[.view-list]:min-h-[125px]
8296					md:group-[.view-list]:w-[125px]
8297					md:group-[.view-list]:h-auto
8298					md:group-[.view-list]:max-h-[167px]
8299					md:group-[.view-list]:mr-6
8300					md:group-[.view-list]:mb-0">
8301	</a>
8302
8303	<!-- Text area -->
8304	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8305				md:group-[.view-list]:px-0
8306				md:group-[.view-list]:justify-center">
8307
8308		<a href="/e/willie-watson-3" class="text-base font-bold
8309					md:group-[.view-grid]:text-clip
8310					md:group-[.view-grid]:max-w-120">
8311			Willie Watson		</a>
8312
8313		<div class="text-sm md:group-[.view-grid]:text-base">
8314			Friday, Dec  4, 2026 from 7:00 PM to 9:00 PM		</div>
8315
8316		<div class="text-xs">
8317			<span class="data-location-address">The Orchard Chapel, </span><span class="data-location-city">Hampton Falls, </span><span class="data-location-state">NH</span>		</div>
8318
8319		<!-- More details link shows only in list -->
8320		<a href="/e/willie-watson-3" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8321			More details
8322		</a>
8323	</div>
8324
8325	<!-- Action block -->
8326	<div class="event-card__actions flex justify-between items-center px-5
8327				md:group-[.view-grid]:mt-2
8328				md:group-[.view-grid]:flex-row
8329				md:group-[.view-list]:flex-col
8330				md:group-[.view-list]:gap-2
8331				md:group-[.view-list]:items-end
8332				md:group-[.view-list]:justify-center">
8333
8334		<!-- More details link shows only in grid -->
8335		<a href="/e/willie-watson-3"
8336			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8337			More details
8338		</a>
8339
8340		<a href="https://tickets.thewordbarn.com/e/willie-watson-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Willie Watson">Tickets</a>	</div>
8341</div>
8342
8343<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8344			md:group-[.view-list]:flex-row
8345			md:group-[.view-list]:items-center
8346			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8347			md:group-[.view-list]:mb-0
8348			md:group-[.view-list]:pb-6
8349			md:group-[.view-grid]:w-75
8350			md:group-[.view-grid]:min-h-90.5
8351			md:group-[.view-grid]:mb-5">
8352
8353	<!-- Image -->
8354	<a href="/e/jeffrey-martin-w-corey-parsons" class="appearance-none">
8355		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1784989438/saas/logos/image_1784989429521_4irbgfjqo.webp"
8356			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8357					md:group-[.view-list]:aspect-auto
8358					md:group-[.view-list]:min-h-[125px]
8359					md:group-[.view-list]:w-[125px]
8360					md:group-[.view-list]:h-auto
8361					md:group-[.view-list]:max-h-[167px]
8362					md:group-[.view-list]:mr-6
8363					md:group-[.view-list]:mb-0">
8364	</a>
8365
8366	<!-- Text area -->
8367	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8368				md:group-[.view-list]:px-0
8369				md:group-[.view-list]:justify-center">
8370
8371		<a href="/e/jeffrey-martin-w-corey-parsons" class="text-base font-bold
8372					md:group-[.view-grid]:text-clip
8373					md:group-[.view-grid]:max-w-120">
8374			Jeffrey Martin w/ Corey Parsons		</a>
8375
8376		<div class="text-sm md:group-[.view-grid]:text-base">
8377			Saturday, Dec  5, 2026 at 7:00 PM		</div>
8378
8379		<div class="text-xs">
8380			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
8381
8382		<!-- More details link shows only in list -->
8383		<a href="/e/jeffrey-martin-w-corey-parsons" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8384			More details
8385		</a>
8386	</div>
8387
8388	<!-- Action block -->
8389	<div class="event-card__actions flex justify-between items-center px-5
8390				md:group-[.view-grid]:mt-2
8391				md:group-[.view-grid]:flex-row
8392				md:group-[.view-list]:flex-col
8393				md:group-[.view-list]:gap-2
8394				md:group-[.view-list]:items-end
8395				md:group-[.view-list]:justify-center">
8396
8397		<!-- More details link shows only in grid -->
8398		<a href="/e/jeffrey-martin-w-corey-parsons"
8399			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8400			More details
8401		</a>
8402
8403		<a href="/e/jeffrey-martin-w-corey-parsons/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Jeffrey Martin w/ Corey Parsons">Tickets</a>	</div>
8404</div>
8405
8406<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8407			md:group-[.view-list]:flex-row
8408			md:group-[.view-list]:items-center
8409			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8410			md:group-[.view-list]:mb-0
8411			md:group-[.view-list]:pb-6
8412			md:group-[.view-grid]:w-75
8413			md:group-[.view-grid]:min-h-90.5
8414			md:group-[.view-grid]:mb-5">
8415
8416	<!-- Image -->
8417	<a href="/e/paris-monster-dec-9" class="appearance-none">
8418		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1790036693/saas/logos/image_1790036684126_ofuwltbxy.webp"
8419			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8420					md:group-[.view-list]:aspect-auto
8421					md:group-[.view-list]:min-h-[125px]
8422					md:group-[.view-list]:w-[125px]
8423					md:group-[.view-list]:h-auto
8424					md:group-[.view-list]:max-h-[167px]
8425					md:group-[.view-list]:mr-6
8426					md:group-[.view-list]:mb-0">
8427	</a>
8428
8429	<!-- Text area -->
8430	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8431				md:group-[.view-list]:px-0
8432				md:group-[.view-list]:justify-center">
8433
8434		<a href="/e/paris-monster-dec-9" class="text-base font-bold
8435					md:group-[.view-grid]:text-clip
8436					md:group-[.view-grid]:max-w-120">
8437			paris_monster		</a>
8438
8439		<div class="text-sm md:group-[.view-grid]:text-base">
8440			Wednesday, Dec  9, 2026 from 7:00 PM to 10:00 PM		</div>
8441
8442		<div class="text-xs">
8443			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
8444
8445		<!-- More details link shows only in list -->
8446		<a href="/e/paris-monster-dec-9" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8447			More details
8448		</a>
8449	</div>
8450
8451	<!-- Action block -->
8452	<div class="event-card__actions flex justify-between items-center px-5
8453				md:group-[.view-grid]:mt-2
8454				md:group-[.view-grid]:flex-row
8455				md:group-[.view-list]:flex-col
8456				md:group-[.view-list]:gap-2
8457				md:group-[.view-list]:items-end
8458				md:group-[.view-list]:justify-center">
8459
8460		<!-- More details link shows only in grid -->
8461		<a href="/e/paris-monster-dec-9"
8462			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8463			More details
8464		</a>
8465
8466		<a href="/e/paris-monster-dec-9/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - paris_monster">Tickets</a>	</div>
8467</div>
8468
8469<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8470			md:group-[.view-list]:flex-row
8471			md:group-[.view-list]:items-center
8472			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8473			md:group-[.view-list]:mb-0
8474			md:group-[.view-list]:pb-6
8475			md:group-[.view-grid]:w-75
8476			md:group-[.view-grid]:min-h-90.5
8477			md:group-[.view-grid]:mb-5">
8478
8479	<!-- Image -->
8480	<a href="/e/diaspora-radio-tragic-kingdom-by-no-doubt" class="appearance-none">
8481		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788906067/saas/mastheads/image_1788906056210_jqzzo1b1o.webp"
8482			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8483					md:group-[.view-list]:aspect-auto
8484					md:group-[.view-list]:min-h-[125px]
8485					md:group-[.view-list]:w-[125px]
8486					md:group-[.view-list]:h-auto
8487					md:group-[.view-list]:max-h-[167px]
8488					md:group-[.view-list]:mr-6
8489					md:group-[.view-list]:mb-0">
8490	</a>
8491
8492	<!-- Text area -->
8493	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8494				md:group-[.view-list]:px-0
8495				md:group-[.view-list]:justify-center">
8496
8497		<a href="/e/diaspora-radio-tragic-kingdom-by-no-doubt" class="text-base font-bold
8498					md:group-[.view-grid]:text-clip
8499					md:group-[.view-grid]:max-w-120">
8500			Diaspora Radio: Tragic Kingdom by No Doubt		</a>
8501
8502		<div class="text-sm md:group-[.view-grid]:text-base">
8503			Thursday, Dec 10, 2026 at 9:00 PM		</div>
8504
8505		<div class="text-xs">
8506			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
8507
8508		<!-- More details link shows only in list -->
8509		<a href="/e/diaspora-radio-tragic-kingdom-by-no-doubt" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8510			More details
8511		</a>
8512	</div>
8513
8514	<!-- Action block -->
8515	<div class="event-card__actions flex justify-between items-center px-5
8516				md:group-[.view-grid]:mt-2
8517				md:group-[.view-grid]:flex-row
8518				md:group-[.view-list]:flex-col
8519				md:group-[.view-list]:gap-2
8520				md:group-[.view-list]:items-end
8521				md:group-[.view-list]:justify-center">
8522
8523		<!-- More details link shows only in grid -->
8524		<a href="/e/diaspora-radio-tragic-kingdom-by-no-doubt"
8525			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8526			More details
8527		</a>
8528
8529		<a href="/e/diaspora-radio-tragic-kingdom-by-no-doubt/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Diaspora Radio: Tragic Kingdom by No Doubt">Tickets</a>	</div>
8530</div>
8531
8532<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8533			md:group-[.view-list]:flex-row
8534			md:group-[.view-list]:items-center
8535			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8536			md:group-[.view-list]:mb-0
8537			md:group-[.view-list]:pb-6
8538			md:group-[.view-grid]:w-75
8539			md:group-[.view-grid]:min-h-90.5
8540			md:group-[.view-grid]:mb-5">
8541
8542	<!-- Image -->
8543	<a href="/e/s-carey-2" class="appearance-none">
8544		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1785856593/saas/logos/image_1785856586688_mfm041tu4.webp"
8545			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8546					md:group-[.view-list]:aspect-auto
8547					md:group-[.view-list]:min-h-[125px]
8548					md:group-[.view-list]:w-[125px]
8549					md:group-[.view-list]:h-auto
8550					md:group-[.view-list]:max-h-[167px]
8551					md:group-[.view-list]:mr-6
8552					md:group-[.view-list]:mb-0">
8553	</a>
8554
8555	<!-- Text area -->
8556	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8557				md:group-[.view-list]:px-0
8558				md:group-[.view-list]:justify-center">
8559
8560		<a href="/e/s-carey-2" class="text-base font-bold
8561					md:group-[.view-grid]:text-clip
8562					md:group-[.view-grid]:max-w-120">
8563			S. Carey		</a>
8564
8565		<div class="text-sm md:group-[.view-grid]:text-base">
8566			Friday, Dec 11, 2026 from 7:00 PM to 9:00 PM		</div>
8567
8568		<div class="text-xs">
8569			<span class="data-location-address">The Orchard Chapel, </span><span class="data-location-city">Hampton Falls, </span><span class="data-location-state">NH</span>		</div>
8570
8571		<!-- More details link shows only in list -->
8572		<a href="/e/s-carey-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8573			More details
8574		</a>
8575	</div>
8576
8577	<!-- Action block -->
8578	<div class="event-card__actions flex justify-between items-center px-5
8579				md:group-[.view-grid]:mt-2
8580				md:group-[.view-grid]:flex-row
8581				md:group-[.view-list]:flex-col
8582				md:group-[.view-list]:gap-2
8583				md:group-[.view-list]:items-end
8584				md:group-[.view-list]:justify-center">
8585
8586		<!-- More details link shows only in grid -->
8587		<a href="/e/s-carey-2"
8588			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8589			More details
8590		</a>
8591
8592		<a href="https://tickets.thewordbarn.com/e/s-carey" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - S. Carey">Tickets</a>	</div>
8593</div>
8594
8595<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8596			md:group-[.view-list]:flex-row
8597			md:group-[.view-list]:items-center
8598			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8599			md:group-[.view-list]:mb-0
8600			md:group-[.view-list]:pb-6
8601			md:group-[.view-grid]:w-75
8602			md:group-[.view-grid]:min-h-90.5
8603			md:group-[.view-grid]:mb-5">
8604
8605	<!-- Image -->
8606	<a href="/e/the-holiday-channel-christmas-movie-wonderthon" class="appearance-none">
8607		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771721385/saas/logos/image_1771721376609_p1vk230yp.webp"
8608			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8609					md:group-[.view-list]:aspect-auto
8610					md:group-[.view-list]:min-h-[125px]
8611					md:group-[.view-list]:w-[125px]
8612					md:group-[.view-list]:h-auto
8613					md:group-[.view-list]:max-h-[167px]
8614					md:group-[.view-list]:mr-6
8615					md:group-[.view-list]:mb-0">
8616	</a>
8617
8618	<!-- Text area -->
8619	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8620				md:group-[.view-list]:px-0
8621				md:group-[.view-list]:justify-center">
8622
8623		<a href="/e/the-holiday-channel-christmas-movie-wonderthon" class="text-base font-bold
8624					md:group-[.view-grid]:text-clip
8625					md:group-[.view-grid]:max-w-120">
8626			The Holiday Channel: Christmas Movie Wonderthon		</a>
8627
8628		<div class="text-sm md:group-[.view-grid]:text-base">
8629			Friday, Dec 11, 2026 at 7:30 PM		</div>
8630
8631		<div class="text-xs">
8632			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
8633
8634		<!-- More details link shows only in list -->
8635		<a href="/e/the-holiday-channel-christmas-movie-wonderthon" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8636			More details
8637		</a>
8638	</div>
8639
8640	<!-- Action block -->
8641	<div class="event-card__actions flex justify-between items-center px-5
8642				md:group-[.view-grid]:mt-2
8643				md:group-[.view-grid]:flex-row
8644				md:group-[.view-list]:flex-col
8645				md:group-[.view-list]:gap-2
8646				md:group-[.view-list]:items-end
8647				md:group-[.view-list]:justify-center">
8648
8649		<!-- More details link shows only in grid -->
8650		<a href="/e/the-holiday-channel-christmas-movie-wonderthon"
8651			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8652			More details
8653		</a>
8654
8655		<a href="/e/the-holiday-channel-christmas-movie-wonderthon/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Holiday Channel: Christmas Movie Wonderthon">Tickets</a>	</div>
8656</div>
8657
8658<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8659			md:group-[.view-list]:flex-row
8660			md:group-[.view-list]:items-center
8661			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8662			md:group-[.view-list]:mb-0
8663			md:group-[.view-list]:pb-6
8664			md:group-[.view-grid]:w-75
8665			md:group-[.view-grid]:min-h-90.5
8666			md:group-[.view-grid]:mb-5">
8667
8668	<!-- Image -->
8669	<a href="/e/the-holiday-channel-christmas-movie-wonderthon-4" class="appearance-none">
8670		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1772162953/saas/logos/image_1772162929350_yvvt2r72b.webp"
8671			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8672					md:group-[.view-list]:aspect-auto
8673					md:group-[.view-list]:min-h-[125px]
8674					md:group-[.view-list]:w-[125px]
8675					md:group-[.view-list]:h-auto
8676					md:group-[.view-list]:max-h-[167px]
8677					md:group-[.view-list]:mr-6
8678					md:group-[.view-list]:mb-0">
8679	</a>
8680
8681	<!-- Text area -->
8682	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8683				md:group-[.view-list]:px-0
8684				md:group-[.view-list]:justify-center">
8685
8686		<a href="/e/the-holiday-channel-christmas-movie-wonderthon-4" class="text-base font-bold
8687					md:group-[.view-grid]:text-clip
8688					md:group-[.view-grid]:max-w-120">
8689			The Holiday Channel: Christmas Movie Wonderthon		</a>
8690
8691		<div class="text-sm md:group-[.view-grid]:text-base">
8692			Saturday, Dec 12, 2026 at 2:00 PM		</div>
8693
8694		<div class="text-xs">
8695			<span class="data-location-address">55 Main St, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
8696
8697		<!-- More details link shows only in list -->
8698		<a href="/e/the-holiday-channel-christmas-movie-wonderthon-4" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8699			More details
8700		</a>
8701	</div>
8702
8703	<!-- Action block -->
8704	<div class="event-card__actions flex justify-between items-center px-5
8705				md:group-[.view-grid]:mt-2
8706				md:group-[.view-grid]:flex-row
8707				md:group-[.view-list]:flex-col
8708				md:group-[.view-list]:gap-2
8709				md:group-[.view-list]:items-end
8710				md:group-[.view-list]:justify-center">
8711
8712		<!-- More details link shows only in grid -->
8713		<a href="/e/the-holiday-channel-christmas-movie-wonderthon-4"
8714			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8715			More details
8716		</a>
8717
8718		<a href="/e/the-holiday-channel-christmas-movie-wonderthon-4/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Holiday Channel: Christmas Movie Wonderthon">Tickets</a>	</div>
8719</div>
8720
8721<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8722			md:group-[.view-list]:flex-row
8723			md:group-[.view-list]:items-center
8724			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8725			md:group-[.view-list]:mb-0
8726			md:group-[.view-list]:pb-6
8727			md:group-[.view-grid]:w-75
8728			md:group-[.view-grid]:min-h-90.5
8729			md:group-[.view-grid]:mb-5">
8730
8731	<!-- Image -->
8732	<a href="/e/play-readings-for-grown-ups-presents-miracle-on-36" class="appearance-none">
8733		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786725603/saas/logos/image_1786725582011_wj4tdj1gm.webp"
8734			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8735					md:group-[.view-list]:aspect-auto
8736					md:group-[.view-list]:min-h-[125px]
8737					md:group-[.view-list]:w-[125px]
8738					md:group-[.view-list]:h-auto
8739					md:group-[.view-list]:max-h-[167px]
8740					md:group-[.view-list]:mr-6
8741					md:group-[.view-list]:mb-0">
8742	</a>
8743
8744	<!-- Text area -->
8745	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8746				md:group-[.view-list]:px-0
8747				md:group-[.view-list]:justify-center">
8748
8749		<a href="/e/play-readings-for-grown-ups-presents-miracle-on-36" class="text-base font-bold
8750					md:group-[.view-grid]:text-clip
8751					md:group-[.view-grid]:max-w-120">
8752			Play Readings for Grown-ups Presents: Miracle on 34th Street		</a>
8753
8754		<div class="text-sm md:group-[.view-grid]:text-base">
8755			Saturday, Dec 12, 2026 at 4:00 PM		</div>
8756
8757		<div class="text-xs">
8758			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
8759
8760		<!-- More details link shows only in list -->
8761		<a href="/e/play-readings-for-grown-ups-presents-miracle-on-36" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8762			More details
8763		</a>
8764	</div>
8765
8766	<!-- Action block -->
8767	<div class="event-card__actions flex justify-between items-center px-5
8768				md:group-[.view-grid]:mt-2
8769				md:group-[.view-grid]:flex-row
8770				md:group-[.view-list]:flex-col
8771				md:group-[.view-list]:gap-2
8772				md:group-[.view-list]:items-end
8773				md:group-[.view-list]:justify-center">
8774
8775		<!-- More details link shows only in grid -->
8776		<a href="/e/play-readings-for-grown-ups-presents-miracle-on-36"
8777			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8778			More details
8779		</a>
8780
8781		<a href="/e/play-readings-for-grown-ups-presents-miracle-on-36/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Play Readings for Grown-ups Presents: Miracle on 34th Street">Tickets</a>	</div>
8782</div>
8783
8784<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8785			md:group-[.view-list]:flex-row
8786			md:group-[.view-list]:items-center
8787			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8788			md:group-[.view-list]:mb-0
8789			md:group-[.view-list]:pb-6
8790			md:group-[.view-grid]:w-75
8791			md:group-[.view-grid]:min-h-90.5
8792			md:group-[.view-grid]:mb-5">
8793
8794	<!-- Image -->
8795	<a href="/e/not-yer-mamas-july-drag-show-5" class="appearance-none">
8796		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1774754472/saas/logos/image_1774754462459_mk2polzjq.webp"
8797			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8798					md:group-[.view-list]:aspect-auto
8799					md:group-[.view-list]:min-h-[125px]
8800					md:group-[.view-list]:w-[125px]
8801					md:group-[.view-list]:h-auto
8802					md:group-[.view-list]:max-h-[167px]
8803					md:group-[.view-list]:mr-6
8804					md:group-[.view-list]:mb-0">
8805	</a>
8806
8807	<!-- Text area -->
8808	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8809				md:group-[.view-list]:px-0
8810				md:group-[.view-list]:justify-center">
8811
8812		<a href="/e/not-yer-mamas-july-drag-show-5" class="text-base font-bold
8813					md:group-[.view-grid]:text-clip
8814					md:group-[.view-grid]:max-w-120">
8815			Not Yer Mama&#039;s December Drag Show		</a>
8816
8817		<div class="text-sm md:group-[.view-grid]:text-base">
8818			Saturday, Dec 12, 2026 from 7:00 PM to 10:00 PM		</div>
8819
8820		<div class="text-xs">
8821			<span class="data-location-address">909 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
8822
8823		<!-- More details link shows only in list -->
8824		<a href="/e/not-yer-mamas-july-drag-show-5" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8825			More details
8826		</a>
8827	</div>
8828
8829	<!-- Action block -->
8830	<div class="event-card__actions flex justify-between items-center px-5
8831				md:group-[.view-grid]:mt-2
8832				md:group-[.view-grid]:flex-row
8833				md:group-[.view-list]:flex-col
8834				md:group-[.view-list]:gap-2
8835				md:group-[.view-list]:items-end
8836				md:group-[.view-list]:justify-center">
8837
8838		<!-- More details link shows only in grid -->
8839		<a href="/e/not-yer-mamas-july-drag-show-5"
8840			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8841			More details
8842		</a>
8843
8844		<a href="/e/not-yer-mamas-july-drag-show-5/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Not Yer Mama's December Drag Show">Tickets</a>	</div>
8845</div>
8846
8847<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8848			md:group-[.view-list]:flex-row
8849			md:group-[.view-list]:items-center
8850			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8851			md:group-[.view-list]:mb-0
8852			md:group-[.view-list]:pb-6
8853			md:group-[.view-grid]:w-75
8854			md:group-[.view-grid]:min-h-90.5
8855			md:group-[.view-grid]:mb-5">
8856
8857	<!-- Image -->
8858	<a href="/e/the-holiday-channel-christmas-movie-wonderthon-2" class="appearance-none">
8859		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771721395/saas/logos/image_1771721389417_ykgd1wuus.webp"
8860			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8861					md:group-[.view-list]:aspect-auto
8862					md:group-[.view-list]:min-h-[125px]
8863					md:group-[.view-list]:w-[125px]
8864					md:group-[.view-list]:h-auto
8865					md:group-[.view-list]:max-h-[167px]
8866					md:group-[.view-list]:mr-6
8867					md:group-[.view-list]:mb-0">
8868	</a>
8869
8870	<!-- Text area -->
8871	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8872				md:group-[.view-list]:px-0
8873				md:group-[.view-list]:justify-center">
8874
8875		<a href="/e/the-holiday-channel-christmas-movie-wonderthon-2" class="text-base font-bold
8876					md:group-[.view-grid]:text-clip
8877					md:group-[.view-grid]:max-w-120">
8878			The Holiday Channel: Christmas Movie Wonderthon		</a>
8879
8880		<div class="text-sm md:group-[.view-grid]:text-base">
8881			Saturday, Dec 12, 2026 at 7:30 PM		</div>
8882
8883		<div class="text-xs">
8884			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
8885
8886		<!-- More details link shows only in list -->
8887		<a href="/e/the-holiday-channel-christmas-movie-wonderthon-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8888			More details
8889		</a>
8890	</div>
8891
8892	<!-- Action block -->
8893	<div class="event-card__actions flex justify-between items-center px-5
8894				md:group-[.view-grid]:mt-2
8895				md:group-[.view-grid]:flex-row
8896				md:group-[.view-list]:flex-col
8897				md:group-[.view-list]:gap-2
8898				md:group-[.view-list]:items-end
8899				md:group-[.view-list]:justify-center">
8900
8901		<!-- More details link shows only in grid -->
8902		<a href="/e/the-holiday-channel-christmas-movie-wonderthon-2"
8903			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8904			More details
8905		</a>
8906
8907		<a href="/e/the-holiday-channel-christmas-movie-wonderthon-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Holiday Channel: Christmas Movie Wonderthon">Tickets</a>	</div>
8908</div>
8909
8910<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8911			md:group-[.view-list]:flex-row
8912			md:group-[.view-list]:items-center
8913			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8914			md:group-[.view-list]:mb-0
8915			md:group-[.view-list]:pb-6
8916			md:group-[.view-grid]:w-75
8917			md:group-[.view-grid]:min-h-90.5
8918			md:group-[.view-grid]:mb-5">
8919
8920	<!-- Image -->
8921	<a href="/e/strange-machines" class="appearance-none">
8922		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1785955686/saas/logos/image_1785955676606_pboc7vtpe.webp"
8923			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8924					md:group-[.view-list]:aspect-auto
8925					md:group-[.view-list]:min-h-[125px]
8926					md:group-[.view-list]:w-[125px]
8927					md:group-[.view-list]:h-auto
8928					md:group-[.view-list]:max-h-[167px]
8929					md:group-[.view-list]:mr-6
8930					md:group-[.view-list]:mb-0">
8931	</a>
8932
8933	<!-- Text area -->
8934	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8935				md:group-[.view-list]:px-0
8936				md:group-[.view-list]:justify-center">
8937
8938		<a href="/e/strange-machines" class="text-base font-bold
8939					md:group-[.view-grid]:text-clip
8940					md:group-[.view-grid]:max-w-120">
8941			Strange Machines w/ Special Guests PEAK		</a>
8942
8943		<div class="text-sm md:group-[.view-grid]:text-base">
8944			Saturday, Dec 12, 2026 at 8:00 PM		</div>
8945
8946		<div class="text-xs">
8947			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
8948
8949		<!-- More details link shows only in list -->
8950		<a href="/e/strange-machines" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
8951			More details
8952		</a>
8953	</div>
8954
8955	<!-- Action block -->
8956	<div class="event-card__actions flex justify-between items-center px-5
8957				md:group-[.view-grid]:mt-2
8958				md:group-[.view-grid]:flex-row
8959				md:group-[.view-list]:flex-col
8960				md:group-[.view-list]:gap-2
8961				md:group-[.view-list]:items-end
8962				md:group-[.view-list]:justify-center">
8963
8964		<!-- More details link shows only in grid -->
8965		<a href="/e/strange-machines"
8966			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
8967			More details
8968		</a>
8969
8970		<a href="/e/strange-machines/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Strange Machines w/ Special Guests PEAK">Tickets</a>	</div>
8971</div>
8972
8973<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
8974			md:group-[.view-list]:flex-row
8975			md:group-[.view-list]:items-center
8976			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
8977			md:group-[.view-list]:mb-0
8978			md:group-[.view-list]:pb-6
8979			md:group-[.view-grid]:w-75
8980			md:group-[.view-grid]:min-h-90.5
8981			md:group-[.view-grid]:mb-5">
8982
8983	<!-- Image -->
8984	<a href="/e/the-holiday-channel-christmas-movie-wonderthon-3" class="appearance-none">
8985		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1771721404/saas/logos/image_1771721398127_ziro1xo5i.webp"
8986			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
8987					md:group-[.view-list]:aspect-auto
8988					md:group-[.view-list]:min-h-[125px]
8989					md:group-[.view-list]:w-[125px]
8990					md:group-[.view-list]:h-auto
8991					md:group-[.view-list]:max-h-[167px]
8992					md:group-[.view-list]:mr-6
8993					md:group-[.view-list]:mb-0">
8994	</a>
8995
8996	<!-- Text area -->
8997	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
8998				md:group-[.view-list]:px-0
8999				md:group-[.view-list]:justify-center">
9000
9001		<a href="/e/the-holiday-channel-christmas-movie-wonderthon-3" class="text-base font-bold
9002					md:group-[.view-grid]:text-clip
9003					md:group-[.view-grid]:max-w-120">
9004			The Holiday Channel: Christmas Movie Wonderthon		</a>
9005
9006		<div class="text-sm md:group-[.view-grid]:text-base">
9007			Sunday, Dec 13, 2026 at 2:00 PM		</div>
9008
9009		<div class="text-xs">
9010			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
9011
9012		<!-- More details link shows only in list -->
9013		<a href="/e/the-holiday-channel-christmas-movie-wonderthon-3" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
9014			More details
9015		</a>
9016	</div>
9017
9018	<!-- Action block -->
9019	<div class="event-card__actions flex justify-between items-center px-5
9020				md:group-[.view-grid]:mt-2
9021				md:group-[.view-grid]:flex-row
9022				md:group-[.view-list]:flex-col
9023				md:group-[.view-list]:gap-2
9024				md:group-[.view-list]:items-end
9025				md:group-[.view-list]:justify-center">
9026
9027		<!-- More details link shows only in grid -->
9028		<a href="/e/the-holiday-channel-christmas-movie-wonderthon-3"
9029			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
9030			More details
9031		</a>
9032
9033		<a href="/e/the-holiday-channel-christmas-movie-wonderthon-3/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Holiday Channel: Christmas Movie Wonderthon">Tickets</a>	</div>
9034</div>
9035
9036<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
9037			md:group-[.view-list]:flex-row
9038			md:group-[.view-list]:items-center
9039			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
9040			md:group-[.view-list]:mb-0
9041			md:group-[.view-list]:pb-6
9042			md:group-[.view-grid]:w-75
9043			md:group-[.view-grid]:min-h-90.5
9044			md:group-[.view-grid]:mb-5">
9045
9046	<!-- Image -->
9047	<a href="/e/play-readings-for-grown-ups-presents-miracle-on-37" class="appearance-none">
9048		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786725603/saas/logos/image_1786725582011_wj4tdj1gm.webp"
9049			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
9050					md:group-[.view-list]:aspect-auto
9051					md:group-[.view-list]:min-h-[125px]
9052					md:group-[.view-list]:w-[125px]
9053					md:group-[.view-list]:h-auto
9054					md:group-[.view-list]:max-h-[167px]
9055					md:group-[.view-list]:mr-6
9056					md:group-[.view-list]:mb-0">
9057	</a>
9058
9059	<!-- Text area -->
9060	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
9061				md:group-[.view-list]:px-0
9062				md:group-[.view-list]:justify-center">
9063
9064		<a href="/e/play-readings-for-grown-ups-presents-miracle-on-37" class="text-base font-bold
9065					md:group-[.view-grid]:text-clip
9066					md:group-[.view-grid]:max-w-120">
9067			Play Readings for Grown-ups Presents: Miracle on 34th Street		</a>
9068
9069		<div class="text-sm md:group-[.view-grid]:text-base">
9070			Sunday, Dec 13, 2026 from 2:30 PM to 4:30 PM		</div>
9071
9072		<div class="text-xs">
9073			<span class="data-location-address">New Hampshire Theatre Project, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
9074
9075		<!-- More details link shows only in list -->
9076		<a href="/e/play-readings-for-grown-ups-presents-miracle-on-37" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
9077			More details
9078		</a>
9079	</div>
9080
9081	<!-- Action block -->
9082	<div class="event-card__actions flex justify-between items-center px-5
9083				md:group-[.view-grid]:mt-2
9084				md:group-[.view-grid]:flex-row
9085				md:group-[.view-list]:flex-col
9086				md:group-[.view-list]:gap-2
9087				md:group-[.view-list]:items-end
9088				md:group-[.view-list]:justify-center">
9089
9090		<!-- More details link shows only in grid -->
9091		<a href="/e/play-readings-for-grown-ups-presents-miracle-on-37"
9092			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
9093			More details
9094		</a>
9095
9096		<a href="/e/play-readings-for-grown-ups-presents-miracle-on-37/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Play Readings for Grown-ups Presents: Miracle on 34th Street">Tickets</a>	</div>
9097</div>
9098
9099<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
9100			md:group-[.view-list]:flex-row
9101			md:group-[.view-list]:items-center
9102			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
9103			md:group-[.view-list]:mb-0
9104			md:group-[.view-list]:pb-6
9105			md:group-[.view-grid]:w-75
9106			md:group-[.view-grid]:min-h-90.5
9107			md:group-[.view-grid]:mb-5">
9108
9109	<!-- Image -->
9110	<a href="/e/palmer-squares" class="appearance-none">
9111		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1786371620/saas/logos/image_1786371607777_2tcsmjr8z.webp"
9112			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
9113					md:group-[.view-list]:aspect-auto
9114					md:group-[.view-list]:min-h-[125px]
9115					md:group-[.view-list]:w-[125px]
9116					md:group-[.view-list]:h-auto
9117					md:group-[.view-list]:max-h-[167px]
9118					md:group-[.view-list]:mr-6
9119					md:group-[.view-list]:mb-0">
9120	</a>
9121
9122	<!-- Text area -->
9123	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
9124				md:group-[.view-list]:px-0
9125				md:group-[.view-list]:justify-center">
9126
9127		<a href="/e/palmer-squares" class="text-base font-bold
9128					md:group-[.view-grid]:text-clip
9129					md:group-[.view-grid]:max-w-120">
9130			The Palmer Squares		</a>
9131
9132		<div class="text-sm md:group-[.view-grid]:text-base">
9133			Sunday, Dec 13, 2026 at 8:00 PM		</div>
9134
9135		<div class="text-xs">
9136			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
9137
9138		<!-- More details link shows only in list -->
9139		<a href="/e/palmer-squares" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
9140			More details
9141		</a>
9142	</div>
9143
9144	<!-- Action block -->
9145	<div class="event-card__actions flex justify-between items-center px-5
9146				md:group-[.view-grid]:mt-2
9147				md:group-[.view-grid]:flex-row
9148				md:group-[.view-list]:flex-col
9149				md:group-[.view-list]:gap-2
9150				md:group-[.view-list]:items-end
9151				md:group-[.view-list]:justify-center">
9152
9153		<!-- More details link shows only in grid -->
9154		<a href="/e/palmer-squares"
9155			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
9156			More details
9157		</a>
9158
9159		<a href="/e/palmer-squares/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - The Palmer Squares">Tickets</a>	</div>
9160</div>
9161
9162<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
9163			md:group-[.view-list]:flex-row
9164			md:group-[.view-list]:items-center
9165			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
9166			md:group-[.view-list]:mb-0
9167			md:group-[.view-list]:pb-6
9168			md:group-[.view-grid]:w-75
9169			md:group-[.view-grid]:min-h-90.5
9170			md:group-[.view-grid]:mb-5">
9171
9172	<!-- Image -->
9173	<a href="/e/hiroya-tsukamoto-winter-solstice" class="appearance-none">
9174		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1774755078/saas/logos/image_1774755063538_ai4xqdsmo.webp"
9175			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
9176					md:group-[.view-list]:aspect-auto
9177					md:group-[.view-list]:min-h-[125px]
9178					md:group-[.view-list]:w-[125px]
9179					md:group-[.view-list]:h-auto
9180					md:group-[.view-list]:max-h-[167px]
9181					md:group-[.view-list]:mr-6
9182					md:group-[.view-list]:mb-0">
9183	</a>
9184
9185	<!-- Text area -->
9186	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
9187				md:group-[.view-list]:px-0
9188				md:group-[.view-list]:justify-center">
9189
9190		<a href="/e/hiroya-tsukamoto-winter-solstice" class="text-base font-bold
9191					md:group-[.view-grid]:text-clip
9192					md:group-[.view-grid]:max-w-120">
9193			Hiroya Tsukamoto- Winter Solstice		</a>
9194
9195		<div class="text-sm md:group-[.view-grid]:text-base">
9196			Friday, Dec 18, 2026 at 7:00 PM		</div>
9197
9198		<div class="text-xs">
9199			<span class="data-location-address">909 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
9200
9201		<!-- More details link shows only in list -->
9202		<a href="/e/hiroya-tsukamoto-winter-solstice" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
9203			More details
9204		</a>
9205	</div>
9206
9207	<!-- Action block -->
9208	<div class="event-card__actions flex justify-between items-center px-5
9209				md:group-[.view-grid]:mt-2
9210				md:group-[.view-grid]:flex-row
9211				md:group-[.view-list]:flex-col
9212				md:group-[.view-list]:gap-2
9213				md:group-[.view-list]:items-end
9214				md:group-[.view-list]:justify-center">
9215
9216		<!-- More details link shows only in grid -->
9217		<a href="/e/hiroya-tsukamoto-winter-solstice"
9218			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
9219			More details
9220		</a>
9221
9222		<a href="/e/hiroya-tsukamoto-winter-solstice/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Hiroya Tsukamoto- Winter Solstice">Tickets</a>	</div>
9223</div>
9224
9225<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
9226			md:group-[.view-list]:flex-row
9227			md:group-[.view-list]:items-center
9228			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
9229			md:group-[.view-list]:mb-0
9230			md:group-[.view-list]:pb-6
9231			md:group-[.view-grid]:w-75
9232			md:group-[.view-grid]:min-h-90.5
9233			md:group-[.view-grid]:mb-5">
9234
9235	<!-- Image -->
9236	<a href="/e/a-christmas-carol-a-live-reading" class="appearance-none">
9237		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1766004970/saas/logos/image_1766004959231_ct1clo24n.webp"
9238			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
9239					md:group-[.view-list]:aspect-auto
9240					md:group-[.view-list]:min-h-[125px]
9241					md:group-[.view-list]:w-[125px]
9242					md:group-[.view-list]:h-auto
9243					md:group-[.view-list]:max-h-[167px]
9244					md:group-[.view-list]:mr-6
9245					md:group-[.view-list]:mb-0">
9246	</a>
9247
9248	<!-- Text area -->
9249	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
9250				md:group-[.view-list]:px-0
9251				md:group-[.view-list]:justify-center">
9252
9253		<a href="/e/a-christmas-carol-a-live-reading" class="text-base font-bold
9254					md:group-[.view-grid]:text-clip
9255					md:group-[.view-grid]:max-w-120">
9256			A Christmas Carol, A Live Reading		</a>
9257
9258		<div class="text-sm md:group-[.view-grid]:text-base">
9259			Friday, Dec 18, 2026 at 7:30 PM		</div>
9260
9261		<div class="text-xs">
9262			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
9263
9264		<!-- More details link shows only in list -->
9265		<a href="/e/a-christmas-carol-a-live-reading" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
9266			More details
9267		</a>
9268	</div>
9269
9270	<!-- Action block -->
9271	<div class="event-card__actions flex justify-between items-center px-5
9272				md:group-[.view-grid]:mt-2
9273				md:group-[.view-grid]:flex-row
9274				md:group-[.view-list]:flex-col
9275				md:group-[.view-list]:gap-2
9276				md:group-[.view-list]:items-end
9277				md:group-[.view-list]:justify-center">
9278
9279		<!-- More details link shows only in grid -->
9280		<a href="/e/a-christmas-carol-a-live-reading"
9281			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
9282			More details
9283		</a>
9284
9285		<a href="/e/a-christmas-carol-a-live-reading/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - A Christmas Carol, A Live Reading">Tickets</a>	</div>
9286</div>
9287
9288<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
9289			md:group-[.view-list]:flex-row
9290			md:group-[.view-list]:items-center
9291			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
9292			md:group-[.view-list]:mb-0
9293			md:group-[.view-list]:pb-6
9294			md:group-[.view-grid]:w-75
9295			md:group-[.view-grid]:min-h-90.5
9296			md:group-[.view-grid]:mb-5">
9297
9298	<!-- Image -->
9299	<a href="/e/a-christmas-carol-a-live-reading-2" class="appearance-none">
9300		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1766005230/saas/logos/image_1766005219048_a5rpsc3bo.webp"
9301			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
9302					md:group-[.view-list]:aspect-auto
9303					md:group-[.view-list]:min-h-[125px]
9304					md:group-[.view-list]:w-[125px]
9305					md:group-[.view-list]:h-auto
9306					md:group-[.view-list]:max-h-[167px]
9307					md:group-[.view-list]:mr-6
9308					md:group-[.view-list]:mb-0">
9309	</a>
9310
9311	<!-- Text area -->
9312	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
9313				md:group-[.view-list]:px-0
9314				md:group-[.view-list]:justify-center">
9315
9316		<a href="/e/a-christmas-carol-a-live-reading-2" class="text-base font-bold
9317					md:group-[.view-grid]:text-clip
9318					md:group-[.view-grid]:max-w-120">
9319			A Christmas Carol, A Live Reading		</a>
9320
9321		<div class="text-sm md:group-[.view-grid]:text-base">
9322			Saturday, Dec 19, 2026 at 7:30 PM		</div>
9323
9324		<div class="text-xs">
9325			<span class="data-location-address">Newmarket Millspace, </span><span class="data-location-city">Newmarket, </span><span class="data-location-state">NH</span>		</div>
9326
9327		<!-- More details link shows only in list -->
9328		<a href="/e/a-christmas-carol-a-live-reading-2" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
9329			More details
9330		</a>
9331	</div>
9332
9333	<!-- Action block -->
9334	<div class="event-card__actions flex justify-between items-center px-5
9335				md:group-[.view-grid]:mt-2
9336				md:group-[.view-grid]:flex-row
9337				md:group-[.view-list]:flex-col
9338				md:group-[.view-list]:gap-2
9339				md:group-[.view-list]:items-end
9340				md:group-[.view-list]:justify-center">
9341
9342		<!-- More details link shows only in grid -->
9343		<a href="/e/a-christmas-carol-a-live-reading-2"
9344			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
9345			More details
9346		</a>
9347
9348		<a href="/e/a-christmas-carol-a-live-reading-2/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - A Christmas Carol, A Live Reading">Tickets</a>	</div>
9349</div>
9350
9351<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
9352			md:group-[.view-list]:flex-row
9353			md:group-[.view-list]:items-center
9354			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
9355			md:group-[.view-list]:mb-0
9356			md:group-[.view-list]:pb-6
9357			md:group-[.view-grid]:w-75
9358			md:group-[.view-grid]:min-h-90.5
9359			md:group-[.view-grid]:mb-5">
9360
9361	<!-- Image -->
9362	<a href="/e/saturdaze-w-the-form" class="appearance-none">
9363		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1789063127/saas/logos/image_1789063122268_qecscn02n.webp"
9364			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
9365					md:group-[.view-list]:aspect-auto
9366					md:group-[.view-list]:min-h-[125px]
9367					md:group-[.view-list]:w-[125px]
9368					md:group-[.view-list]:h-auto
9369					md:group-[.view-list]:max-h-[167px]
9370					md:group-[.view-list]:mr-6
9371					md:group-[.view-list]:mb-0">
9372	</a>
9373
9374	<!-- Text area -->
9375	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
9376				md:group-[.view-list]:px-0
9377				md:group-[.view-list]:justify-center">
9378
9379		<a href="/e/saturdaze-w-the-form" class="text-base font-bold
9380					md:group-[.view-grid]:text-clip
9381					md:group-[.view-grid]:max-w-120">
9382			Saturdaze w/ The Form		</a>
9383
9384		<div class="text-sm md:group-[.view-grid]:text-base">
9385			Sunday, Dec 20, 2026 at 7:00 PM		</div>
9386
9387		<div class="text-xs">
9388			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
9389
9390		<!-- More details link shows only in list -->
9391		<a href="/e/saturdaze-w-the-form" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
9392			More details
9393		</a>
9394	</div>
9395
9396	<!-- Action block -->
9397	<div class="event-card__actions flex justify-between items-center px-5
9398				md:group-[.view-grid]:mt-2
9399				md:group-[.view-grid]:flex-row
9400				md:group-[.view-list]:flex-col
9401				md:group-[.view-list]:gap-2
9402				md:group-[.view-list]:items-end
9403				md:group-[.view-list]:justify-center">
9404
9405		<!-- More details link shows only in grid -->
9406		<a href="/e/saturdaze-w-the-form"
9407			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
9408			More details
9409		</a>
9410
9411		<a href="/e/saturdaze-w-the-form/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Saturdaze w/ The Form">Tickets</a>	</div>
9412</div>
9413
9414<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
9415			md:group-[.view-list]:flex-row
9416			md:group-[.view-list]:items-center
9417			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
9418			md:group-[.view-list]:mb-0
9419			md:group-[.view-list]:pb-6
9420			md:group-[.view-grid]:w-75
9421			md:group-[.view-grid]:min-h-90.5
9422			md:group-[.view-grid]:mb-5">
9423
9424	<!-- Image -->
9425	<a href="/e/not-yer-mamas-july-drag-show-6" class="appearance-none">
9426		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1774754472/saas/logos/image_1774754462459_mk2polzjq.webp"
9427			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
9428					md:group-[.view-list]:aspect-auto
9429					md:group-[.view-list]:min-h-[125px]
9430					md:group-[.view-list]:w-[125px]
9431					md:group-[.view-list]:h-auto
9432					md:group-[.view-list]:max-h-[167px]
9433					md:group-[.view-list]:mr-6
9434					md:group-[.view-list]:mb-0">
9435	</a>
9436
9437	<!-- Text area -->
9438	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
9439				md:group-[.view-list]:px-0
9440				md:group-[.view-list]:justify-center">
9441
9442		<a href="/e/not-yer-mamas-july-drag-show-6" class="text-base font-bold
9443					md:group-[.view-grid]:text-clip
9444					md:group-[.view-grid]:max-w-120">
9445			Not Yer Mama&#039;s January Drag Show		</a>
9446
9447		<div class="text-sm md:group-[.view-grid]:text-base">
9448			Friday, Jan  1, 2027 from 7:00 PM to 10:00 PM		</div>
9449
9450		<div class="text-xs">
9451			<span class="data-location-address">909 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
9452
9453		<!-- More details link shows only in list -->
9454		<a href="/e/not-yer-mamas-july-drag-show-6" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
9455			More details
9456		</a>
9457	</div>
9458
9459	<!-- Action block -->
9460	<div class="event-card__actions flex justify-between items-center px-5
9461				md:group-[.view-grid]:mt-2
9462				md:group-[.view-grid]:flex-row
9463				md:group-[.view-list]:flex-col
9464				md:group-[.view-list]:gap-2
9465				md:group-[.view-list]:items-end
9466				md:group-[.view-list]:justify-center">
9467
9468		<!-- More details link shows only in grid -->
9469		<a href="/e/not-yer-mamas-july-drag-show-6"
9470			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
9471			More details
9472		</a>
9473
9474		<a href="/e/not-yer-mamas-july-drag-show-6/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Not Yer Mama's January Drag Show">Tickets</a>	</div>
9475</div>
9476
9477<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
9478			md:group-[.view-list]:flex-row
9479			md:group-[.view-list]:items-center
9480			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
9481			md:group-[.view-list]:mb-0
9482			md:group-[.view-list]:pb-6
9483			md:group-[.view-grid]:w-75
9484			md:group-[.view-grid]:min-h-90.5
9485			md:group-[.view-grid]:mb-5">
9486
9487	<!-- Image -->
9488	<a href="/e/jean-michel-blais" class="appearance-none">
9489		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1788465759/saas/logos/image_1788465753815_fpjltpt0m.webp"
9490			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
9491					md:group-[.view-list]:aspect-auto
9492					md:group-[.view-list]:min-h-[125px]
9493					md:group-[.view-list]:w-[125px]
9494					md:group-[.view-list]:h-auto
9495					md:group-[.view-list]:max-h-[167px]
9496					md:group-[.view-list]:mr-6
9497					md:group-[.view-list]:mb-0">
9498	</a>
9499
9500	<!-- Text area -->
9501	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
9502				md:group-[.view-list]:px-0
9503				md:group-[.view-list]:justify-center">
9504
9505		<a href="/e/jean-michel-blais" class="text-base font-bold
9506					md:group-[.view-grid]:text-clip
9507					md:group-[.view-grid]:max-w-120">
9508			Jean-Michel Blais		</a>
9509
9510		<div class="text-sm md:group-[.view-grid]:text-base">
9511			Friday, Jan 15, 2027 at 7:00 PM		</div>
9512
9513		<div class="text-xs">
9514			<span class="data-location-address">The Press Room, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
9515
9516		<!-- More details link shows only in list -->
9517		<a href="/e/jean-michel-blais" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
9518			More details
9519		</a>
9520	</div>
9521
9522	<!-- Action block -->
9523	<div class="event-card__actions flex justify-between items-center px-5
9524				md:group-[.view-grid]:mt-2
9525				md:group-[.view-grid]:flex-row
9526				md:group-[.view-list]:flex-col
9527				md:group-[.view-list]:gap-2
9528				md:group-[.view-list]:items-end
9529				md:group-[.view-list]:justify-center">
9530
9531		<!-- More details link shows only in grid -->
9532		<a href="/e/jean-michel-blais"
9533			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
9534			More details
9535		</a>
9536
9537		<a href="/e/jean-michel-blais/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Jean-Michel Blais">Tickets</a>	</div>
9538</div>
9539
9540<div class="event-card lazy-load-item hidden w-full flex flex-col mb-10 mx-auto
9541			md:group-[.view-list]:flex-row
9542			md:group-[.view-list]:items-center
9543			md:group-[.view-list]:border-b group-[.view-list]:border-[#E6E9EA]			md:group-[.view-list]:p-2
9544			md:group-[.view-list]:mb-0
9545			md:group-[.view-list]:pb-6
9546			md:group-[.view-grid]:w-75
9547			md:group-[.view-grid]:min-h-90.5
9548			md:group-[.view-grid]:mb-5">
9549
9550	<!-- Image -->
9551	<a href="/e/not-yer-mamas-july-drag-show-7" class="appearance-none">
9552		<img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1774754472/saas/logos/image_1774754462459_mk2polzjq.webp"
9553			class="event-card__image bg-cover bg-center rounded-xl w-full mb-5 aspect-square object-cover bg-white
9554					md:group-[.view-list]:aspect-auto
9555					md:group-[.view-list]:min-h-[125px]
9556					md:group-[.view-list]:w-[125px]
9557					md:group-[.view-list]:h-auto
9558					md:group-[.view-list]:max-h-[167px]
9559					md:group-[.view-list]:mr-6
9560					md:group-[.view-list]:mb-0">
9561	</a>
9562
9563	<!-- Text area -->
9564	<div class="flex flex-col gap-2 flex-1 px-5 pb-5
9565				md:group-[.view-list]:px-0
9566				md:group-[.view-list]:justify-center">
9567
9568		<a href="/e/not-yer-mamas-july-drag-show-7" class="text-base font-bold
9569					md:group-[.view-grid]:text-clip
9570					md:group-[.view-grid]:max-w-120">
9571			Not Yer Mama&#039;s February Drag Show		</a>
9572
9573		<div class="text-sm md:group-[.view-grid]:text-base">
9574			Saturday, Feb  6, 2027 from 7:00 PM to 10:00 PM		</div>
9575
9576		<div class="text-xs">
9577			<span class="data-location-address">909 Islington St, </span><span class="data-location-city">Portsmouth, </span><span class="data-location-state">NH</span>		</div>
9578
9579		<!-- More details link shows only in list -->
9580		<a href="/e/not-yer-mamas-july-drag-show-7" class="text-[#999999] text-sm max-md:hidden md:group-[.view-grid]:hidden">
9581			More details
9582		</a>
9583	</div>
9584
9585	<!-- Action block -->
9586	<div class="event-card__actions flex justify-between items-center px-5
9587				md:group-[.view-grid]:mt-2
9588				md:group-[.view-grid]:flex-row
9589				md:group-[.view-list]:flex-col
9590				md:group-[.view-list]:gap-2
9591				md:group-[.view-list]:items-end
9592				md:group-[.view-list]:justify-center">
9593
9594		<!-- More details link shows only in grid -->
9595		<a href="/e/not-yer-mamas-july-drag-show-7"
9596			class="text-[#999999] md:group-[.view-grid]:inline md:group-[.view-list]:hidden">
9597			More details
9598		</a>
9599
9600		<a href="/e/not-yer-mamas-july-drag-show-7/tickets" class="event-card__tickets-btn bg-[#999999] !text-white text-base rounded-lg px-4 py-2 hover:bg-[#999999]/70 cursor-pointer " aria-label="Tickets - Not Yer Mama's February Drag Show">Tickets</a>	</div>
9601</div>
9602    </div>
9603</div>
9604<div id="lazy-load-sentinel" class="text-center my-4">
9605	<button id="show-more-events" class="btn" style="display:none">Show more</button>
9606	<div id="lazy-loader" style="display:none">
9607		<i class="material-icons spin">autorenew</i>
9608	</div>
9609</div>
9610
9611<script>
9612	function toggleSummary(index) {
9613		// already visible - hide summary
9614		if ($("#summary-" + index).is(":visible")) {
9615			$("#toggle-summary-btn-" + index + " .more-text").show();
9616			$("#toggle-summary-btn-" + index + " .fewer-text").hide();
9617			$("#summary-" + index).slideUp('fast');
9618		// not yet visible - show summary
9619		} else {
9620			$("#toggle-summary-btn-" + index + " .more-text").hide();
9621			$("#toggle-summary-btn-" + index + " .fewer-text").show();
9622			$("#summary-" + index).slideDown('fast');
9623		}
9624	}
9625
9626	function filterByTopic(selectOrId) {
9627		const select = typeof selectOrId === "string" ? document.getElementById(selectOrId) : selectOrId;
9628		if (!select) return;
9629
9630		const [key, slug] = select.value.split(':');
9631		if (!slug) return;
9632
9633		const url = new URL(window.location);
9634		url.searchParams.set(key, slug);
9635		window.location = url;
9636	}
9637
9638	function dateRangeSelected(start, end) {
9639		var urlParams = document.location.search;
9640		urlParams = addUrlParam(urlParams, "start", start);
9641		urlParams = addUrlParam(urlParams, "end", end);
9642		window.location.href = '//' + location.host + location.pathname + urlParams;
9643		return false;
9644	}
9645
9646	function filterByOrganization(selectOrId) {
9647		const selector = typeof selectOrId === "string" ? document.getElementById(selectOrId) : selectOrId;
9648		if (!selector) return;
9649
9650		const organizationId = selector.value;
9651		if (!organizationId) return;    
9652
9653		const url = new URL(window.location);
9654		url.searchParams.set("org", organizationId);
9655		window.location = url;
9656	}
9657
9658	function removeFilter(filter, redirect, urlParams) {
9659		if (typeof urlParams == "undefined") {
9660			var urlParams = document.location.search;
9661		}
9662		urlParams = removeUrlParam(urlParams, filter);
9663		if (redirect) {
9664			if (urlParams == "?") {
9665				urlParams = "";
9666			}
9667			window.location.href = '//' + location.host + location.pathname + urlParams;
9668			return false;
9669		}
9670		return urlParams;
9671	}
9672
9673	function removeDateFilters() {
9674		var urlParams = removeFilter('start', false);
9675		if (urlParams.charAt(0) == "?") {
9676			urlParams = urlParams.substr(1);
9677		}
9678		removeFilter('end', true, urlParams);
9679	}
9680
9681		$(function () {
9682		let start = null !== null ? moment(null) : moment();
9683		let end = null !== null ? moment(null) : moment().add(29, 'days');
9684
9685		initPicker('#daterange', {});
9686		initPicker('#daterangeMobile', { drops: 'up' });
9687
9688		function initPicker(selector, extraOpts) {
9689			const $input = $(selector);
9690
9691			const opts = $.extend({
9692				startDate: start,
9693				endDate: end,
9694				autoUpdateInput: false,
9695				minDate: moment(),
9696				ranges: {
9697					'Today':       [moment(), moment()],
9698					'Tomorrow':    [moment().add(1, 'days'), moment().add(1, 'days')],
9699					'Next 7 Days': [moment(), moment().add(6, 'days')],
9700					'Next 30 Days':[moment(), moment().add(29, 'days')],
9701					'This Month':  [moment().startOf('month'), moment().endOf('month')],
9702					'Next Month':  [moment().add(1, 'month').startOf('month'), moment().add(1, 'month').endOf('month')]
9703				}
9704			}, extraOpts || {});
9705
9706			// create the widget
9707			$input.daterangepicker(opts);
9708
9709			// populate initial text if any param was supplied
9710			if (false) {
9711				setDisplay($input, start, end);
9712			}
9713
9714			// update text and callback whenever the user applies a change
9715			$input.on('apply.daterangepicker', function (ev, picker) {
9716				setDisplay($input, picker.startDate, picker.endDate);
9717				dateRangeSelected(
9718					picker.startDate.format('YYYY-MM-DD'),
9719					picker.endDate.format('YYYY-MM-DD')
9720				);
9721			});
9722		}
9723
9724		function setDisplay($el, s, e) {
9725			if (s.format('YYYY-MM-DD') === e.format('YYYY-MM-DD')) {
9726				$el.val(s.format('MMM DD, YYYY'));
9727			} else {
9728				$el.val(`${s.format('MMM D')} - ${e.format('MMM D')}`);
9729			}
9730		}
9731	});
9732
9733	function toggleView() {
9734		if (window.innerWidth < 768) return;
9735
9736		const container = document.getElementById('event-list-container');
9737		const gridIcon = document.getElementById('grid-icon');
9738		const listIcon = document.getElementById('list-icon');
9739		const gridText = document.getElementById('grid-text');
9740		const listText = document.getElementById('list-text');
9741
9742		const isListView = container.classList.contains('view-list');
9743
9744		if (isListView) {
9745			// Switching to grid view
9746			container.classList.replace('view-list', 'view-grid');
9747
9748			// Switch view button
9749			gridIcon.classList.add('hidden');
9750			listIcon.classList.remove('hidden');
9751			gridText.classList.add('hidden');
9752			listText.classList.remove('hidden');
9753		} else {
9754			// Switching to list view
9755			container.classList.replace('view-grid', 'view-list');
9756
9757			// Switch view button
9758			gridIcon.classList.remove('hidden');
9759			listIcon.classList.add('hidden');
9760			gridText.classList.remove('hidden');
9761			listText.classList.add('hidden');
9762		}
9763	}
9764
9765	function handleScreenResize() {
9766		if (window.innerWidth < 768) {
9767			const container = document.getElementById('event-list-container');
9768			const gridIcon = document.getElementById('grid-icon');
9769			const listIcon = document.getElementById('list-icon');
9770			const gridText = document.getElementById('grid-text');
9771			const listText = document.getElementById('list-text');
9772
9773			container.classList.replace('view-list', 'view-grid');
9774			gridIcon.classList.add('hidden');
9775			listIcon.classList.remove('hidden');
9776			gridText.classList.add('hidden');
9777			listText.classList.remove('hidden');
9778		} 
9779	}
9780
9781	window.addEventListener('resize', handleScreenResize);
9782</script>
vendor: 1 bytes, line 9782
9782
9783<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","name":"PortsmouthNH Tickets","url":"https:\/\/www.portsmouthnhtickets.com"}</script>
9783	</main>
9784
9785
9786	<footer class="partner-homepage__footer min-h-20 bg-black w-full">
9787		
9788<div class="footer-clear" style="clear:both;"></div>
9789<div id="footer" class="footer h-full partner-nav-light">
9790	<div class="footer__container mx-auto w-full max-w-[95%] sm:max-w-7xl px-4 py-8 max-sm:mb-12">
9791		<div class="footer__top grid grid-cols-1 sm:grid-cols-[1fr_auto_1fr] items-center gap-6 py-5 border-b border-[#272A2F]">
9792			<div class="footer__logo justify-self-center self-center sm:self-start sm:justify-self-start">
9793				<a href="//www.portsmouthnhtickets.com" class="footer__logo-link flex items-center justify-center w-30"><img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/v1737399317/saas/partner-logos/portsmouthnh88275.webp" class="footer__logo-image logo w-30" alt="PortsmouthNH Tickets"/></a>			</div>
9794
9795			<div class="footer__custom-text text-white justify-self-center text-center items-center gap-3">
9796							</div>
9797
9798			<div class="footer__social justify-self-center sm:justify-self-end self-center sm:self-start flex flex-row items-center gap-2">
9799									<div class="flex items-center gap-x-7 text-neutral-700 sm:row-start-1 sm:col-start-2">
9800											</div>
9801							</div>
9802		</div>
9803
9804		<div class="footer__bottom pt-4">
9805			<div class="footer__help">
9806				<div id="helpArea" class="footer__help-container flex flex-row items-center justify-center gap-6 shrink-0">
9807					<a href="#help_content" class="footer__help-link btn_help faq text-white" target="_blank"><span>Need Help?</span></a>
9808				</div>
9809			</div>
9810
9811			<div class="footer__legal flex flex-col sm:flex-row justify-center items-center w-full h-full text-white gap-6 mt-4">
9812				<div class="footer__branding">
9813					2026 All right reserved.
9814				</div>
9815			</div>
9816		</div>
9817	</div>
9818</div>	</footer>
9819
9820	<style>
9821/* styles that apply to this help box */
9822#help_content {
9823	font-size:18px!important;
9824}
9825#help_content  img{
9826	margin: auto!important;
9827}
9828#help_content strong{
9829	font-weight:bold;
9830}
9831#help_content a{
9832	text-decoration: none!important;
9833}
9834.fancybox-overlay {
9835    z-index:999;
9836}
9837.alertify-notifier.ajs-right{
9838    z-index:999999;
9839}
9840</style>
9841
9842<script>
9843    function openForMessage(num){
9844        $('#step_1').attr('style', 'display:none;');
9845        $('#step_2').removeAttr('style');
9846        $('#supporttype').val(num);
9847        $('#topper').hide();
9848        $('#errormessage').html('');
9849		$('#help-form-name').attr('required', 'required');
9850		$('#help-form-email').attr('required', 'required');
9851		$('#help-form-comment').attr('required', 'required');
9852        if(num==7) {
9853            $('.help-service').show();
9854            $('.help-support').hide();
9855            $('#mailto').val('[email protected]');
9856        }
9857        if(num==8) {
9858            $('.help-service').hide();
9859            $('.help-support').show();
9860            $('#mailto').val('[email protected]');
9861        }
9862    }
9863    function cancelmessage() {
9864        $('#step_2').attr('style', 'display:none;');
9865        $('#step_1').removeAttr('style');
9866        $('.help-service').hide();
9867        $('.help-support').hide();
9868        $('#topper').show();
9869		$('#help-form-name').removeAttr('required');
9870		$('#help-form-email').removeAttr('required');
9871		$('#help-form-comment').removeAttr('required');
9872        $("input[type=submit]").removeAttr("disabled");
9873        $('.clearable').val('');
9874        $('#errormessage').html('');
9875    }
9876    function checkSubmit() {
9877        $("input[type=submit]").attr("disabled", "disabled");
9878        $.ajax({
9879            type: "POST",
9880            url: buildURL("/feedbacks/support_request/"),
9881            data: $('#supportform').serialize(),
9882            success: function(data) {
9883                returnedData = jQuery.parseJSON(data);
9884                if(returnedData['status'] == true) {
9885                    showSuccessMessage("Your support submission has been sent!");
9886                    cancelmessage();
9887                } else {
9888					$('#errormessage').html("<p style='color:red; border:none;'>Your support submission could not be sent! Please make sure all fields are filled appropriately.</p>");
9889					$("input[type=submit]").removeAttr("disabled");
9890                }
9891            },
9892            error: function(errorMessage) {
9893                $('#errormessage').html("<p style='color:red; border:none;'>Your support submission could not be sent! Please make sure all fields are filled appropriately.</p>");
9894                $("input[type=submit]").removeAttr("disabled");
9895            }
9896        });
9897        return false;
9898    };
9899    function showSuccessMessage(msg) {
9900        alertify.success(msg);
9901    }
9902</script>
9902
9903
9904<div id="help_content" style="display:none; text-align:center;">
9905    <div id="step_1">
9906        <img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/saas/base/help-questionmark.png" height="115" width="115" alt="need help?"/><br>        <p style="border:none;">Need assistance?<br><strong>We're happy to help!</strong>
9907        <br><br><a href="/pages/frequently-asked-questions" class="faq" id="faq-link">Frequently Asked Questions</a>
9908        </p>
9909    </div>
9910	<div id="step_2" style="display:none;">
9911        <div id="topper">
9912            <img src="https://res.cloudinary.com/eventservice/image/upload/q_auto,f_auto/saas/base/help-questionmark.png" height="115" width="115" alt="need help?"/>            <p>Need assistance?<br><strong>We're happy to help!</strong></p>
9913        </div>
9914
9915
9916        <div class="help-service" style="border-bottom:1px solid #ccc; margin:18px 0px;"><strong>Contact Customer Service</strong></div><div  class="help-support" style="margin:18px 0px;"><strong>Contact Technical Support</strong></div>        <div id="errormessage"></div>
9917        <div class='row'>
9918
9919            <form action="/" id="supportform" onsubmit="return checkSubmit(); return false;" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/><input type="hidden" name="data[_Token][key]" value="3513c1177e3423a56affd0295e7539cd694e73f07db70e094e6b4d689c14f69974bcc0ee344f0014de326b27ad3cbc45a1ea40bc7b5c81d4b378dbf64588c752" id="Token1709810834" autocomplete="off"/></div><input type="hidden" name="data[Support][supporttype]" id="supporttype" class="form-control"/><input type="hidden" name="data[Support][mailto]" id="mailto" value=""/><input type="hidden" name="data[Support][eventname]" value="na" id="SupportEventname"/><input type="hidden" name="data[Support][partnername]" value="PortsmouthNH Tickets" id="SupportPartnername"/><input type="hidden" name="data[Support][currentpage]" value="https://portsmouthnhtickets.com/" id="SupportCurrentpage"/>
9920            <div class="form-group col-md-12">
9921                <input name="data[Support][name]" id="help-form-name" class="form-control clearable" placeholder="Your Name" aria-label="Your Name" type="text"/>            </div>
9922
9923            <div class="form-group col-md-12">
9924                <input name="data[Support][email]" id="help-form-email" class="form-control clearable" placeholder="Your Email" aria-label="Your Email Address" type="text"/>            </div>
9925
9926            <div class="form-group col-md-12">
9927                <textarea name="data[Support][comment]" id="help-form-comment" class="form-control clearable" placeholder="Your Message Here" aria-label="Customer Support Email Message" cols="30" rows="6"></textarea>            </div>
9928
9929						<div class="form-group col-md-12">
9930				<div class="g-recaptcha" data-sitekey="6LfOeyAUAAAAAIwKVHGpZhqPIEnB8aNnnw9z4zmI" aria-label="reCAPTCHA verification"></div>
9931				<br>
9932			</div>
9933			
9934            <div class="form-group col-md-12" style="display:flex;justify-content:space-between;">
9935                <a href="javascript:cancelmessage();" class="cancel btn btn-default">Cancel</a>                <div class="submit"><input id="submitbutton" class="btn btn-default pull-right" style="color:#428bca;" type="submit" value="Submit"/></div>            </div>
9936
9937            <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="b12fb180813d3ea46614fc0489340cbfb2c75e89%3ASupport.currentpage%7CSupport.eventname%7CSupport.mailto%7CSupport.partnername%7CSupport.supporttype" id="TokenFields1736484817" autocomplete="off"/><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked540159825" autocomplete="off"/></div></form>        </div>
9938    </div>
9939</div>
9940
9941	
9941<script>
9942		$(document).ready(function() {
9943			$(".btn_help").fancybox({
9944				'transitionIn': 'elastic',
9945				'transitionOut': 'elastic',
9946				'speedIn': 1000,
9947				'speedOut': 1000,
9948				'overlayShow': false,
9949				'afterClose': function() {
9950					cancelmessage();
9951				}
9952			});
9953		});
9954	</script>
vendor: 1 bytes, line 9954
9954
9955<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"88a73c1830a745c6b08d5758b8eaafc8","spa":2}' crossorigin="anonymous"></script>
9955
9956</body>
9957</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.