PageSourceSearch

https://ithappensinaddison.com/

html ithappensinaddison.com collected 2026-09-26 00:02:22 UTC 134,577 bytes, 3,762 lines download raw bytes

1
2
3
4<!DOCTYPE html>
5<html lang="en">
6<head>
7	<base href="https://ithappensinaddison.com/" />
8	<meta charset="utf-8">
9	<meta http-equiv="X-UA-Compatible" content="IE=edge">
10	<meta name="viewport" content="width=device-width, initial-scale=1">
11
12
13
14
15
16<!-- Metadata Area Starts -->	<title>Addison, IL Events</title>
17	<meta property="og:title" content="Addison, IL Events" />
18	<meta property="og:image" content="https://ithappensinaddison.com/website-Assets/main-logo.png?t=202601221426040" />
19
20
21<link href="/revize/plugins/setup/css/revize.css" rel="stylesheet" type="text/css" />
22
23
24
25<script type="text/javascript">
26
27
28
29</script>
29
30
31
32
33
34
35
36
37<!-- #jquery -->
38    
38<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/jquery/jquery.min.js"></script>
38
39
40<!-- #jquery lazy -->
41    
41<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/jquery.lazy-master/jquery.lazy.min.js"></script>
41
42    
43<!-- #masonry scripts -->
44    
44<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/masonry.pkgd.min.js" crossorigin="anonymous"></script>
44
45    
45<script src="https://code.jquery.com/ui/1.14.0/jquery-ui.js"></script>
45
46    
47<!-- #lightGallery scripts -->
48    
48<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/lightgallery.min.js"></script>
48
49    
50<!-- lightgallery plugins -->
51    
51<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/plugins/thumbnail/lg-thumbnail.umd.js"></script>
51
52    
52<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/plugins/zoom/lg-zoom.umd.js"></script>
52
53    
53<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/plugins/video/lg-video.min.js"></script>
53
54
55<!-- #lightGallery css -->
56    <link href="/revize/plugins/zbuilder/v1/website/_assets_/plugins/lightGallery-master/dist/css/lightgallery-bundle.min.css" rel="stylesheet" />
57    
58<!-- #bootstrap js + popper js -->
59    
59<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/popperjs/popper.min.js"></script>
59
60    
60<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/bootstrap/js/bootstrap.min.js"></script>
60
61
62<!-- #bootstrap css and fonts -->
63    <link href="/revize/plugins/zbuilder/v1/website/_assets_/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" />
64    <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css" rel="stylesheet" />
65
66<!-- #dotjs -->
67    
67<script src="/revize/plugins/revize_calendar/doT.min.js"></script>
67
68        
69<!-- #tiny sider -->
70    <link href="/revize/plugins/zbuilder/v1/website/_assets_/plugins/tiny-slider/dist/tiny-slider.css" rel="stylesheet" />
71    
71<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/tiny-slider/dist/min/tiny-slider.js"></script>
71
72    
73<!-- #font awesome css -->
74    <link href="/revize/plugins/zbuilder/v1/website/_assets_/fonts/font-awesome/css/all.min.css" rel="stylesheet" >
75	
76<!-- #font Google Material Icons -->    
77    <link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet" />
78    <link href="https://fonts.googleapis.com/css2?family=Material+Icons+Outlined" rel="stylesheet" />
79
80<!-- #aos css + js-->
81    
81<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/aos/src/js/aos.min.js"></script>
81
82    <link href="/revize/plugins/zbuilder/v1/website/_assets_/plugins/aos/src/css/aos.min.css" rel="stylesheet" >
83<!-- #aos -->
84
85<!-- #fitty -->
86    
86<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/fitty-gh-pages/dist/fitty.min.js"></script>
86
87    
87<script src="/revize/plugins/zbuilder/v1/website/_assets_/plugins/revizeWeather/js/revizeWeather.min.js"></script>
87
88
89<!-- #layout css -->
90    <link href="/revize/plugins/zbuilder/v1/website/_assets_/css/layout.css?v=1" rel="stylesheet">
91    <link href="_assets_/css/css_variables_T34_R3.css?t=1786147619000" rel="stylesheet">
92
93<!-- #favicons -->
94    <link rel="shortcut icon" href="website-Assets/favicon.ico?t=202601221424530">
95    <link rel="apple-touch-icon" href="website-Assets/apple-touch-icon.png?t=202601221425050">
96    <meta name="theme-color" content="#423859" />
97
98    
99
100
101<style>
102@media (max-width: 767px) {
103    .rz-news-card-list.row-cols-xs > * {flex: 0 0 auto; width:100.0%}
104}
105@media (min-width: 768px) and (max-width: 991px) {
106    .rz-news-card-list.row-cols-md > * {flex: 0 0 auto; width:50.0%}
107}
108@media (min-width: 992px) {
109    .rz-news-card-list.row-cols-lg > * {flex: 0 0 auto; width:33.333332%}
110}
111</style>
112
113
114
115<link href="/revize/plugins/revize_calendar/core/main.css" rel="stylesheet" />
116<link href="/revize/plugins/revize_calendar/daygrid/main.min.css" rel="stylesheet" />
117<link href="/revize/plugins/revize_calendar/timegrid/main.min.css" rel="stylesheet" />
118<link href="/revize/plugins/revize_calendar/list/main.min.css" rel="stylesheet" />
119<link href="_assets_/plugins/revizeCalendar/css/mini.css" rel="stylesheet" />
120<link href="/revize/plugins/revize_calendar/core/nav-panels.css" rel="stylesheet" />
120<script>
121	var defaultCalendarColor = "#3788d8";
122	var ImportCals = [];
123	var calendarProps = {'1' : { 'color' : '#3787d8' , 'name' : 'Master' },
124};
125	var RZCalendarTimezone = "";
126</script>
126
127
128</head>
129<body id="landing" class="rz-page-index" data-zipcode="60101" data-header-left="false">
130
131
132
133
134<script type="text/javascript">
135if (typeof(RZ) == 'undefined') RZ = {};
136if (!RZ.link) RZ.link = new Object();
137RZ.pagetype = 'template'
138RZ.baseurlprefix = ''
139RZ.baseurlpath = ''
140RZ.protocolRelativeRevizeBaseUrl='//builder1.revize.com'
141
142RZ.pagetemplatename = 'index'
143RZ.pagetemplateid = '6'
144RZ.pagemodule = ''
145RZ.pagemoduleid = ''
146RZ.pagerecordid = '';
147
148RZ.pageid = 'index';
149RZ.pageparentid = '';
150RZ.pagesectionid = '0';
151RZ.pagesectionname = 'Home Page';
152RZ.pagesectionlevel = '0';
153RZ.pagesectionfolder = '';
154RZ.pagesectionfilter = 'sectionid=0';
155RZ.pagelinkfilter = 'linklevel=0 and linksectionid=0';
156RZ.pagelinklevel = '0';
157RZ.pagelinkid = '-1';
158RZ.pageidfield = '';
159
160RZ.isnewrecord = false;
161RZ.editmodule = '';
162RZ.editrecordid = '';
163RZ.editrecordversion = '';
164RZ.editversion = '';
165RZ.editaction = '';
166
167RZ.page_roles = ''
168RZ.page_users = 'ec00111abf540a51f4ecabeb5b526b90a8058bdf50104c632325dcb88a9a4d50'
169RZ.page_key = 'index[]'
170RZ.parent_key = ''
171RZ.inherit_key = 'index[]'
172RZ.workflowname = ''
173RZ.permissions_options = 'warningsOFF'
174RZ.permissions_module = 'webspace_page_permissions'
175RZ.webspace = 'addisonilevents'
176RZ.webspacedesc = "";
177
178RZ.featurespattern = '(EZ)';
179null
180
181RZ.webspacelinksurl = ''
182RZ.webspacelinksurl = './webspace/links.html'
183RZ.workflowlist = ''
184RZ.revizeserverurl = 'https://builder1.revize.com/revize/addisonilevents';
185
186if (!RZ.nextseq) RZ.nextseq = {linknames:{},modules:{}};
187
188RZ.webspace_config = new Object();
189RZ.webspace_config.admin_email = "[email protected]";
190RZ.webspace_config.calendar_options = "max_events=6";
191RZ.webspace_config.form_captcha = "yes";
192RZ.webspace_config.form_server = "revizeserver";
193RZ.webspace_config.form_technology = "jsp";
194RZ.webspace_config.formwizard_ftp_password = "";
195RZ.webspace_config.formwizard_ftp_port = "";
196RZ.webspace_config.formwizard_ftp_server = "";
197RZ.webspace_config.formwizard_ftp_user = "";
198RZ.webspace_config.formwizard_setup = "yes";
199RZ.webspace_config.formwizard_smtp_password = "xxx";
200RZ.webspace_config.formwizard_smtp_server = "xxx";
201RZ.webspace_config.formwizard_smtp_user = "xxx";
202RZ.webspace_config.google_analytics = "";
203RZ.webspace_config.home_pageid = "0";
204RZ.webspace_config.home_sectionid = "0";
205RZ.webspace_config.home_template = "home,index,sitemap";
206RZ.webspace_config.icon_email = "<img src=\"/revize/images/email_icon_yellow.gif\" width=\"16\" border=\"0\" height=\"17\" title=\"Request email notification when page changes\" alt=\"Request email notification when page changes\" style=\"\" />";
207RZ.webspace_config.image_maxheight = "3000";
208RZ.webspace_config.image_maxwidth = "3000";
209RZ.webspace_config.image_setup = "yes";
210RZ.webspace_config.livesite_url = "";
211RZ.webspace_config.menu_links_module = "links";
212RZ.webspace_config.menu_newsection = "";
213RZ.webspace_config.menu_nexturl = "webspace_menu-editform.jsp";
214RZ.webspace_config.menu_sections_module = "sections";
215RZ.webspace_config.menu_system = "custom";
216RZ.webspace_config.menu_version = "1.00";
217RZ.webspace_config.new_menu_manager_enabled = "yes";
218RZ.webspace_config.notify_options = "hide_text=yes";
219RZ.webspace_config.notify_return_url = "enotify/index.php";
220RZ.webspace_config.rte_setup = "yes";
221RZ.webspace_config.to_email = "[email protected]";
222RZ.webspace_config.use_folders = "1";
223
224RZ.isauthenticationactive = true
225RZ.warning = ""
226RZ.adminwinmsg = null
227
228RZ.channels = 'revize';
229RZ.jsversion = 1.2</script>
vendor: 2 bytes, line 229
229
230<script type="text/javascript" src="/revize/util/snippet_helper.js"></script>
230
231
232
233
234<div class="skippy visually-hidden-focusable left-top mt-3 position-fixed align-items-center" style="z-index:1026">
235	<div class="container-xl">
236		<a class="d-inline-flex btn btn-light bg-white px-4 p-3 gap-4 align-items-center"
237			href="#rz-content-wrap">
238			<span class="d-inline-flex align-items-center gap-2">
239				<i class="bi bi-window-sidebar fs-4" aria-hidden="true"></i>
240				<span>Skip to main content</span>
241				<span class="ms-5" aria-hidden="true">
242					<svg width="26" height="27" viewBox="0 0 26 27" xmlns="http://www.w3.org/2000/svg" role="presentation" aria-hidden="true">
243						<g fill="none" fill-rule="evenodd">
244							<path d="M4.498 24.3v-.872H1.5v-1.37h2.716v-.872H1.5v-1.27h3v-.872H.542V24.3h3.955zm1.909 0v-3.695L9.183 24.3h.95v-5.256h-.95v3.695l-2.776-3.695H5.45V24.3h.957zm7.21 0v-4.383h1.682v-.873h-4.314v.873h1.683V24.3h.948zm6.421 0v-.872H17.04v-1.37h2.716v-.872H17.04v-1.27h3v-.872h-3.956V24.3h3.955zm1.84 0v-1.767h1.017l1.24 1.767h1.086l-1.316-1.867c.757-.237 1.27-.849 1.27-1.644 0-1.025-.842-1.745-1.966-1.745H20.92V24.3h.957zm1.224-2.647h-1.224v-1.729h1.224c.65 0 1.101.33 1.101.865 0 .535-.451.864-1.101.864z"
245								fill="currentColor" fill-rule="nonzero" />
246							<path d="M18.9 1v6.3a2.7 2.7 0 0 1-2.7 2.7H5.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
247							<path d="M8.1 12.7L5.4 10l2.7-2.7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
248						</g>
249					</svg>
250				</span>
251			</span>
252		</a>
253	</div>
254</div>
255<script>function RZBarAddButton() { return false; }</script>
255
256
257
258
259<div class="site-header-wrap" data-menu-onhover="true" data-mega-at="8" data-nav-icons="false" data-logo="image" data-logo-tagline="false" data-logo-move="false" data-sticky="true" data-menu-buttons-left="false">
260	<div class="site-header">
261
262
263
264
265<div class="rz-section-block-wrap position-relative top-header" style="background-color:#313491;--rz-section-padding-lg:12px 0;">
266  
267  
268  
269  <div class="rz-section-block container" style="max-width:1638px;">
270
271
272
273
274
275<div class="rz-row-block d-grid opt_row_columns_7" style="grid-template-columns:0.65fr 2.5fr 0.60fr;">
276<div class="rz-column-block d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-start align-items-lg-start">
277    <div class="rz-element-wrapper logo-section d-flex d-lg-block">
278        
279        <div class="responsive-menu align-items-center d-flex d-lg-none gap-1">
280            <button class="offcanvasHeaderItems-toggler btn btn-link text-dark p-2 lh-1 text-dark" data-bs-toggle="offcanvas" data-bs-target="#offcanvasHeaderItems" aria-controls="offcanvasHeaderItems" aria-label="Toggle navigation">
281                <i class="bi bi-three-dots" aria-hidden="True"></i>
282            </button>
283            <button id="mobile-share-btn" class="flex-shrink-0 btn btn-link text-dark p-2 lh-1 text-dark" data-bs-toggle="modal" data-bs-target="#shareModal" aria-label="Open share modal">
284                <i class="bi bi-share-fill" aria-hidden="True"></i>
285            </button>
286        </div><!-- /.responsive-menu -->
287        
288                
289            <a href="./" class="flex-fill d-flex text-center flex-column text-decoration-none main-logo main-logo-text justify-content-center">
290                <span class="lh-1">Addison, IL Events</span>
291                                <p class="logo-tagline lh-1 m-0">Live work play</p>
292                            </a>
293                    
294                    <a href="./" class="d-flex align-items-center text-decoration-none main-logo main-logo-image">
295                <img loading="lazy" src="website-Assets/main-logo.png?t=202601221426040" alt="Addison, IL Events" class="header-logo-img">
296                            </a>
297            
298        <div class="offcanvas-toggles align-items-center d-flex d-lg-none gap-1">
299            <button class="search-toggle btn btn-link text-dark p-2 lh-1 text-dark" data-bs-toggle="modal" data-bs-target="#searchModal" aria-label="Toggle search">
300                <i class="fa-solid fa-magnifying-glass" aria-hidden="True"></i>
301            </button>
302            <button class="navbar-toggler btn btn-link text-dark p-2 lh-1 text-dark" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNav" aria-controls="offcanvasNav" aria-label="Toggle navigation">
303                <i class="fa-solid fa-bars" aria-hidden="True"></i>
304            </button>
305        </div><!-- /.offcanvas-toggles -->
306    
307    </div><!-- /.rz-element-wrapper -->
308</div><div class="rz-column-block">
309    <div class="header-element header-search-wrap align-items-stretch w-100 gap-3"> 	
310        <div class="vr vr-s d-none"></div>
311        <form class="m-0 align-self-center position-relative header-site-search w-100"
312              method="GET" action="search.php" role="search"
313              aria-label="Site Search" aria-labelledby="Search Site">
314            <input class="form-control" name="q" type="search"
315                   placeholder="Search..."
316                   autocomplete="off"
317                   >
318                            <!-- Icon-only search button -->
319                <button class="search-btn-with-icon btn btn-link position-absolute top-50 end-0 translate-middle-y gap-3 ps-0 pe-3 lh-1 d-flex align-items-center"
320                        aria-label="Search" tabindex="0">
321                    <span class="vr d-inline-flex align-self-center" style="height:1rem"></span>
322                    <i class="bi bi-search"></i>
323                </button>
324                    </form>
325        <div class="vr vr-e d-none"></div>
326    </div><!--/.header-element-->
327</div><div class="rz-column-block d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-end align-items-lg-center">
328
329
330
331
332<div class="rz-element-wrapper rz-button-wrapper has-edit-buttons move-to-offcanvas"
333 
334 >
335
336		<div class="center-top">
337				<div class="rz-btns-container">
338						
338<script>
339								RZ.module = 'generic';
340								RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/buttons-editform.jsp";
341								RZ.img = '<span class="rzBtn rzBtn-xs">Edit Buttons</span>';
342								RZ.caption = '';
343								RZ.set = 'pageid=3f1c20b4-46ad-45d8-8d74-e13f6e4a43b5';
344								RZ.options = '';
345								if (typeof RZaction != 'undefined') RZaction('editform');
346						</script>
346
347				</div>
348		</div>
349		<div class="rz-element rz-button-wrap d-flex flex-wrap" 
350				style="gap:12px;">
351
352<div class="d-flex align-items-stretch"  data-aos-duration="600">
353		<a href="https://www.facebook.com/AddisonEvents" target="_blank"
354				class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary  no-rz-text-reveal-btn "
355				style="background:linear-gradient(90deg, #00000000 0%, #00000000 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;">
356
357				
358				
359						
360								<i class="fab fa-facebook rz-btn-icon flex-shrink-0" style="font-size:20px;border-radius:0px;color:#fff;" aria-hidden="true"></i>
361						
362				
363
364				
365				
366
367
368				
369				
370		</a>
371</div>
372
373<div class="d-flex align-items-stretch"  data-aos-duration="600">
374		<a href="https://x.com/AddisonVillage" target="_blank"
375				class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary  no-rz-text-reveal-btn "
376				style="background:linear-gradient(90deg, #00000000 0%, #00000000 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;">
377
378				
379				
380						
381								<i class="bi bi-twitter-x rz-btn-icon flex-shrink-0" style="font-size:20px;border-radius:0px;color:#fff;" aria-hidden="true"></i>
382						
383				
384
385				
386				
387
388
389				
390				
391		</a>
392</div>
393
394<div class="d-flex align-items-stretch"  data-aos-duration="600">
395		<a href="https://www.youtube.com/channel/UCDyH_Ba0GsQk7gkB_GjFr_Q" target="_blank"
396				class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary  no-rz-text-reveal-btn "
397				style="background:linear-gradient(90deg, #00000000 0%, #00000000 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;">
398
399				
400				
401						
402								<i class="fab fa-youtube rz-btn-icon flex-shrink-0" style="font-size:20px;border-radius:0px;color:#fff;" aria-hidden="true"></i>
403						
404				
405
406				
407				
408
409
410				
411				
412		</a>
413</div>
414
415		</div>
416</div>
417
418
419
420
421	<div class="rz-element-wrapper header-translate-wrap relative d-none d-lg-flex align-items-stretch gap-0">
422		<div class="vr vr-s"></div>
423		<button class="btn text-start translate-button btn btn-link relative px-3 d-flex align-items-center" type="button" aria-expanded="false" data-bs-toggle="modal" data-bs-target="#translateModal">
424			<div class="fi fi-us selected-flag"></div>
425			<i class="bi bi-translate me-2"></i>
426			<span class="visually-hidden">Translate</span>
427			<span class="translate-text">Translate</span>
428		</button>
429			<button class="btn text-start translate-reset px-2" translate="no">
430			<i class="fa-solid fa-power-off" aria-hidden="true"></i>
431			<span class="visually-hidden">Reset Translation</span>
432		</button>
433		<div class="vr vr-e"></div>
434	</div>
435</div>
436
437
438
439</div><!-- /.rz-row-block -->
440
441
442
443
444  </div><!-- /.rz-section-block -->
445</div><!-- /.rz-section-block-wrap -->
446
447
448
449
450
451<div class="rz-section-block-wrap position-relative bottom-header">
452  
453  
454  
455  <div class="rz-section-block container" style="max-width:1638px;">
456
457
458
459
460
461<div class="rz-row-block d-grid">
462<div class="rz-column-block d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-center align-items-lg-center"><!---->    <div class="d-none">			
463
464<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start">
465
466	
467	
468		<img src="website-Assets/mega-manu-img .png" loading="lazy" class="nav-content-img" alt="" aria-hidden="true" style="border-radius:var(--bs-border-radius)">
469	
470
471	<p class="h4 mega-button-title m-0"></p>
472	<p class="mega-link-text m-0"></p>
473
474	
475	
476</div>
477
478			
479
480<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start">
481
482	
483	
484		<img src="website-Assets/mega-manu-img .png" loading="lazy" class="nav-content-img" alt="" aria-hidden="true" style="border-radius:var(--bs-border-radius)">
485	
486
487	<p class="h4 mega-button-title m-0"></p>
488	<p class="mega-link-text m-0"></p>
489
490	
491	
492</div>
493
494			
495
496<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start">
497
498	
499	
500
501	<p class="h4 mega-button-title m-0"></p>
502	<p class="mega-link-text m-0"></p>
503
504	
505	
506</div>
507
508			
509
510<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start">
511
512	
513	
514
515	<p class="h4 mega-button-title m-0"></p>
516	<p class="mega-link-text m-0"></p>
517
518	
519	
520</div>
521
522			
523
524<div class="mega-button align-self-start position-relative d-flex flex-column gap-3 align-items-start">
525
526	
527	
528		<img src="website-Assets/nav-content-img.png" loading="lazy" class="nav-content-img" alt="" aria-hidden="true" style="border-radius:var(--bs-border-radius)">
529	
530
531	<p class="h4 mega-button-title m-0"></p>
532	<p class="mega-link-text m-0"></p>
533
534	
535	
536</div>
537
538	</div><div class="offcanvas-lg offcanvas-end" tabindex="-1" id="offcanvasNav" aria-labelledby="offcanvasNavLabel">
539    <div class="offcanvas-header border-bottom">
540        <h5 class="offcanvas-title" id="offcanvasNavLabel">Main Menu</h5>
541        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#offcanvasNav"></button>
542    </div>
543
544    <div class="offcanvas-body pt-0">
545        
546        <div class="rz-element-wrapper rz-topnav-block-wrapper has-edit-buttons">
547            <div class="center-top">
548                <div class="rz-btns-container">
549                    
549<script language="JavaScript" type="text/JavaScript">
550                        RZ.module = 'revize_topnav';
551                        RZ.nexturl = "/revize/plugins/menus/webspace_menu-editlist.jsp?pageid=header_include&"
552                                        + "linksfilter=linkplacement=leftnav and linkparentid=0&"
553                                        + "numberoflevels=3&"
554                                        + "linkoptions=url,template,file&"
555                                        + "linknewsection=*all*";
556                        RZ.img = '<span class="rzBtn rzBtn-xs">Edit Top Nav</span>';
557                        RZ.caption = '';
558                        RZ.set="links.linkplacement=leftnav";
559                        RZ.options = '';
560                        if (typeof RZaction != 'undefined') RZaction('editlist');
561                    </script>
561
562					
562<script language="JavaScript" type="text/JavaScript">
563						RZ.module = 'generic';
564						RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/topnav_frill-editform.jsp?opt=4";
565						RZ.img = '<span class="rzBtn rzBtn-xs">Edit Nav Additions</span>';
566						RZ.caption = '';
567						RZ.set = 'pageid=f9db386a-0472-43fa-bb56-fbd9088dcde0';
568						RZ.options = '';
569						if (typeof RZaction != 'undefined') RZaction('editform');
570					</script>
570
571                </div>
572            </div>
573            <div class="rz-element rz-topnav-wrap">
574                <div class="rz-topnav-element">
575              	    
576
577
578
579 
580<ul id="nav" class="v2_05-23-2012">
581	<li class="menuLI level0 menuDisplay li-140"><a class="menuA level0 menuDisplay" href="index.php" target="_self">Home</a></li>
582	<li class="menuLI level0 menuDisplay li-83 children"><a class="menuA level0 menuDisplay" href="events/index.php" target="_self">Events</a>
583		<ul class="menuUL level1 menuHidden ul-139">
584			<li class="menuLI level1 menuHidden li-139"><a class="menuA level1 menuHidden" href="images/Bands/Rock N Wheels 2026 Season Schedule.JPG" target="_new">Season Schedule</a></li>
585		</ul>
586	</li>
587	<li class="menuLI level0 menuDisplay li-132 children"><a class="menuA level0 menuDisplay" href="participate/index.php" target="_self">Participate</a>
588		<ul class="menuUL level1 menuHidden ul-81">
589			<li class="menuLI level1 menuHidden li-81"><a class="menuA level1 menuHidden" href="participate/sponsors.php" target="_self">Sponsors</a></li>
590			<li class="menuLI level1 menuHidden li-99"><a class="menuA level1 menuHidden" href="participate/bookings.php" target="_self">Bookings</a></li>
591			<li class="menuLI level1 menuHidden li-134"><a class="menuA level1 menuHidden" href="participate/craft_fair.php" target="_self">Craft Fair</a></li>
592		</ul>
593	</li>
594	<li class="menuLI level0 menuDisplay li-100 children"><a class="menuA level0 menuDisplay" href="faq/index.php" target="_self">FAQ</a>
595		<ul class="menuUL level1 menuHidden ul-79">
596			<li class="menuLI level1 menuHidden li-79"><a class="menuA level1 menuHidden" href="faq/about_us.php" target="_self">About Us</a></li>
597			<li class="menuLI level1 menuHidden li-101"><a class="menuA level1 menuHidden" href="faq/contact.php" target="_self">Contact</a></li>
598		</ul>
599	</li>
600</ul>
601
602                </div><!-- /.rz-topnav-element -->
603            </div><!-- /.rz-element -->
604        
605        </div><!-- /.rz-element-wrapper -->
606
607    </div><!-- /.offcanvas-body -->
608</div><!-- /.offcanvas-lg -->    
609</div>
610
611
612
613</div><!-- /.rz-row-block -->
614
615
616
617
618  </div><!-- /.rz-section-block -->
619</div><!-- /.rz-section-block-wrap -->
620
621
622	</div><!-- /.site-header -->
623</div><!-- /.site-header-wrap -->
624<div class="rz-site-wrap">
625	<main id="rz-content-wrap">
626		
627		
628
629
630
631<div class="rz-section-block-wrap position-relative hero-section">
632  
633  
634  
635  <div class="rz-section-block container px-0" style="max-width:100%;">
636
637
638
639
640
641<div class="rz-row-block d-grid">
642<div class="rz-column-block">
643
644
645
646<div class="hero-wrap position-relative has-edit-buttons"
647 
648  style="height:auto;min-height:800px;--hero-bg-color:#000000;">
649
650	<div data-controls-position="center" class="hero tiny-slider-wrap" style="--hero-bg-color:#000000;">
651
652		<div class="left-center hero-builder-edit-btn-wrap">
653				<div class="rz-btns-container hero-builder-edit-btn-container">
654						
654<script language="JavaScript" type="text/JavaScript">
655								RZ.module = 'page_builder';
656								RZ.nexturl = '/revize/plugins/zbuilder/v1/website/editforms/site_builder-editform.jsp?type=hero';
657								RZ.img = '<span class="rzBtn rzBtn hero-builder-edit-btn" data-bs-toggle="tooltip" data-placement="right" aria-label="Edit hero with builder" data-bs-original-title="Edit hero with builder"><i class="bi bi-columns-gap fs-4"></i></span>';
658								RZ.set = 'pageid=3fb08019-e06a-4efa-b11c-184712bf872c';
659								RZ.options = '';
660								if (typeof RZaction != 'undefined') RZaction('editform');
661						</script>
661
662				</div>
663		</div>
664			<div class="right-center hero-builder-edit-btn-wrap">
665					<div class="rz-btns-container">
666							
666<script language="JavaScript" type="text/JavaScript">
667									RZ.module = 'generic';
668									RZ.nexturl = '/revize/plugins/zbuilder/v1/website/editforms/hero-editform.jsp';
669									RZ.img = '<span class="rzBtn rzBtn hero-builder-edit-btn" data-bs-toggle="tooltip" data-placement="left" aria-label="Edit images/video and settings" data-bs-original-title="Edit images/video and settings"><i class="bi bi-collection-play fs-4"></i></span>';
670									RZ.set = 'pageid=3fb08019-e06a-4efa-b11c-184712bf872c';
671									RZ.options = '';
672									if (typeof RZaction != 'undefined') RZaction('editform');
673							</script>
673
674					</div>
675			</div>
676
677			
678
679
680			<div class="rz-slider-bg-overlay" ></div>
681
682			
683
684			
685
686					<div class="tiny-slider overflow-hidden h-100"
687							data-tiny-items="1"
688							data-tiny-mode="gallery"
689							data-tiny-speed="600"
690							data-tiny-items-md="1"
691							data-tiny-items-sm="1"
692							data-tiny-gap="0"
693							data-tiny-controls="true"
694							data-tiny-nav="true"
695							data-tiny-autoplay-buttons="true"
696							data-tiny-autoplay="true"
697							 style="--hero-bg-color:#000000;">
698							
699									<div class='tiny-item' style="height:100%;">
700											<div class="tns-lazy-img tns-bg-slide"
701													data-style="background:url('images/Oktoberfest website slider pic.jpg?t=202609031031390') center center / cover no-repeat;"></div>
702									</div>
703							
704									<div class='tiny-item' style="height:100%;">
705											<div class="tns-lazy-img tns-bg-slide"
706													data-style="background:url('images/oktoberfest couple slider pic.jpg?t=202609031033360') center center / cover no-repeat;"></div>
707									</div>
708							
709									<div class='tiny-item' style="height:100%;">
710											<div class="tns-lazy-img tns-bg-slide"
711													data-style="background:url('images/Oktoberfest/Picture of october fest tent.jpg?t=202609111224430') center center / cover no-repeat;"></div>
712									</div>
713							
714									<div class='tiny-item' style="height:100%;">
715											<div class="tns-lazy-img tns-bg-slide"
716													data-style="background:url('images/Home Slider Pictures/Santa Parade top of fire.jpg?t=202609031037150') center center / cover no-repeat;"></div>
717									</div>
718							
719									<div class='tiny-item' style="height:100%;">
720											<div class="tns-lazy-img tns-bg-slide"
721													data-style="background:url('images/Home Slider Pictures/Christmas elves slider pic.jpg?t=202609031042030') center center / cover no-repeat;"></div>
722									</div>
723							
724									<div class='tiny-item' style="height:100%;">
725											<div class="tns-lazy-img tns-bg-slide"
726													data-style="background:url('images/about-us/Slider picture crowd and gazebo.jpg?t=202604021112200') center center / cover no-repeat;"></div>
727									</div>
728							
729					</div><!--/.tiny-slider-->
730			
731
732			
733	</div><!-- /.hero -->
734	<div class="hero-caption-wrap d-flex flex-wrap h-100 justify-content-center text-start align-items-start mx-auto"
735			>
736			<div class="d-flex flex-wrap flex-column justify-content-center align-items-start">
737					<span class="rz-builder-info rz-builder-empty-data">No pagebuilder data.</span>
738			
739			
740		</div>
741	</div><!-- /.hero-caption-wrap -->
742	<div id="bottom-hero"></div>
743</div><!-- /.hero-wrap -->
744
745
746
747</div>
748
749
750
751</div><!-- /.rz-row-block -->
752
753
754
755
756  </div><!-- /.rz-section-block -->
757</div><!-- /.rz-section-block-wrap -->
758
759
760
761
762
763<div class="rz-section-block-wrap position-relative qlink-section" style="--rz-section-padding-sm:48px 0;--rz-section-padding-md:48px 0;--rz-section-padding-lg:12px 0 32px;--rz-section-margin-sm:-129px 0 0;--rz-section-margin-md:-129px 0 0;--rz-section-margin-lg:-97px 0 0;z-index:2;">
764  
765  
766  
767  <div class="rz-section-block container">
768
769
770
771
772
773<div class="rz-row-block d-grid">
774<div class="rz-column-block">
775
776
777
778
779
780
781
782<div
783 class="rz-element-wrapper rz-qlink-wrapper has-edit-buttons homepage-quick-links"
784 
785 >
786
787		<div class="center-top">
788				<div class="rz-btns-container">
789						
789<script>
790								RZ.module   = 'generic';
791								RZ.nexturl  = "/revize/plugins/zbuilder/v1/website/editforms/quick_links-editform.jsp";
792								RZ.img      = '<span class="rzBtn rzBtn-sm">Edit Quick Links</span>';
793								RZ.set      = 'pageid=38c57bb0-c454-4224-8dab-a20437c40969';
794								if (typeof RZaction !== 'undefined') RZaction('editform');
795						</script>
795
796				</div>
797		</div>
798
799		
800						<div class="tiny-carousel-wrap" data-controls-position="center-outside">
801						<div class="tiny-carousel d-flex"
802								 data-tiny-items="3"
803								 data-tiny-mode="carousel"
804								 data-tiny-items-md="3"
805								 data-tiny-items-sm="1"
806								 data-tiny-gap="16"
807								 data-tiny-controls="true"
808								 data-tiny-nav="true"
809								 data-tiny-autoplay="true"
810								 data-tiny-autoplay-buttons="true">
811		
812		
813		          
814						<div  class="rz-element rz-qlink-wrap">
815								<div style="" class="rz-qlink position-relative " 
816												 data-qlink-layout="stacked"
817												 data-qlink-image="true"
818												 data-qlink-icon="false"
819												 data-qlink-link-type="button">
820										 <div class="rz-qlink-img-wrap" >
821												 <div class="rz-qlink-img" data-src="images/home/Blue and White Modern Simple Illustrative Follow Us Social Media Updates Twitter Post (400 x 225 px) (300 x 180 px).png?t=202609181258580" ></div>
822												 <div class="rz-qlink-img-overlay"></div>
823										 </div>
824										<div class="rz-qlink-body-wrap" style="">
825											
826										
827											
828										
829																					
830											
831											
832											
833											
834																					
835											<div class="rz-qlink-body d-flex flex-column gap-3">
836												
837										
838												
839										
840																						
841																									<a href="https://www.facebook.com/AddisonEvents/"
842														 target="_self"
843														 class="stretched-link position-absolute top-0 start-0 w-100 h-100"
844														 style="text-indent:-9999px;">
845														<span class="visually-hidden">Open link</span>
846													</a>
847																							</div>
848										</div>
849																		</div>
850						</div>
851		          
852						<div  class="rz-element rz-qlink-wrap">
853								<div style="" class="rz-qlink position-relative " 
854												 data-qlink-layout="stacked"
855												 data-qlink-image="true"
856												 data-qlink-icon="false"
857												 data-qlink-link-type="button">
858										 <div class="rz-qlink-img-wrap" >
859												 <div class="rz-qlink-img" data-src="images/home/2027 Rock ‘N Wheels Sponsors (300 x 180 px).png?t=202609181257460" ></div>
860												 <div class="rz-qlink-img-overlay"></div>
861										 </div>
862										<div class="rz-qlink-body-wrap" style="">
863											
864										
865											
866										
867																					
868											
869											
870											
871											
872																					
873											<div class="rz-qlink-body d-flex flex-column gap-3">
874												
875										
876												
877										
878																						
879																									<a href="participate/sponsors.php"
880														 target="_self"
881														 class="stretched-link position-absolute top-0 start-0 w-100 h-100"
882														 style="text-indent:-9999px;">
883														<span class="visually-hidden">Open link</span>
884													</a>
885																							</div>
886										</div>
887																		</div>
888						</div>
889		
890		
891						</div><!-- /.tiny-carousel -->
892			</div><!-- /.tiny-carousel-wrap -->
893	</div><!-- /.rz-qlink-wrapper -->
894
895
896
897</div>
898
899
900
901</div><!-- /.rz-row-block -->
902
903
904
905
906  </div><!-- /.rz-section-block -->
907</div><!-- /.rz-section-block-wrap -->
908
909
910
911
912
913<div class="rz-section-block-wrap position-relative events-section" style="border-radius:24px;--rz-section-padding-sm:48px 0;--rz-section-padding-md:48px 0;--rz-section-padding-lg:48px 0 72px;">
914  
915  
916  
917  <div class="rz-section-block container" style="max-width:1020px;">
918
919
920
921
922
923<div class="rz-row-block d-grid">
924<div class="rz-column-block">
925
926
927 
928<div class="rz-element-wrapper rz-section-header-wrapper has-edit-buttons" style="margin:0px 0px 32px 0px;">
929		<div class="center-top">
930				<div class="rz-btns-container">
931						
931<script language="JavaScript" type="text/JavaScript">
932								RZ.module  = 'generic';
933								RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/section_header-editform.jsp";
934								RZ.img     = '<span class="rzBtn rzBtn-sm">Edit Section Header</span>';
935								RZ.caption = '';
936								RZ.set     = 'pageid=67b62277-c236-489b-b125-8f6b33750ae9';
937								RZ.options = '';
938								if (typeof RZaction != 'undefined') RZaction('editform');
939						</script>
939
940				</div>
941		</div>
942		<div class="rz-element rz-section-header-wrap align-items-start text-start d-flex align-items-center gap-2">
943				
944				<div class="rz-section-header d-flex align-items-start text-start align-items-center gap-2">
945						
946								
947								<div class="d-flex flex-column align-items-start text-start">
948								
949						
950								<h2 class="rz-section-header-title mb-0" style="color:#423859;font-size:min(64px, 7.2vw);">Upcoming <br/> Events</h2>
951						
952						
953					</div>
954					
955					
956				</div><!-- /.rz-section-header -->
957				
958		</div><!-- /.rz-section-header-wrap -->
959</div><!-- /.rz-element-wrapper -->
960
961
962
963</div>
964
965
966
967</div><!-- /.rz-row-block -->
968
969
970
971
972<div class="rz-row-block d-grid">
973<div class="rz-column-block">
974
975
976
977<div class="rz-element-wrapper rz-calendar-mini-wrapper has-edit-buttons">
978		<div class="center-top">
979				<div class="rz-btns-container">
980						
980<script>
981								RZ.module = 'generic';
982								RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/calendar_mini-editform.jsp";
983								RZ.img = '<span class="rzBtn rzBtn-sm">Edit Calendar</span>';
984								RZ.set = 'pageid=e47fd0df-16cc-42fd-9a8a-289c18a164d3';
985								RZ.options = '';
986								if (typeof RZaction !== 'undefined') RZaction('editform');
987						</script>
987
988				</div>
989		</div>
990<script>
991
992</script>
992
993		
994				<div>				
995		
996				<div id="mini-events-e47fd0df-16cc-42fd-9a8a-289c18a164d3" class="rz-mini-events" data-template-file="grid.html" data-template-options='{"calendar":"1","rowColsMd":"1","list-length":"20","gap":"16","rowColsLg":"1","rowColsXs":"1"}'></div>
997		
998				</div>
999		
1000</div>
1001
1002
1003
1004</div>
1005
1006
1007
1008</div><!-- /.rz-row-block -->
1009
1010
1011
1012
1013  </div><!-- /.rz-section-block -->
1014</div><!-- /.rz-section-block-wrap -->
1015
1016
1017
1018
1019
1020<div class="rz-section-block-wrap position-relative connected-section" style="background-image:url('website-Assets/connect-bg-img.png?t=202601260954310');background-size:cover;background-position:center center;--rz-section-padding-sm:48px 0;--rz-section-padding-md:48px 0;--rz-section-padding-lg:48px 0 120px;--rz-section-margin-lg:16px 0 0;">
1021  
1022  <div class="rz-section-bg-overlay position-absolute top-0 start-0 w-100 h-100" style="pointer-events:none;background:linear-gradient(180deg,rgba(66, 56, 89, 0.85) 0%,#423859 100%);"></div>
1023  
1024  
1025  
1026  <div class="rz-section-block container" style="max-width:1220px;">
1027
1028
1029
1030
1031
1032<div class="rz-row-block d-grid">
1033<div class="rz-column-block d-flex flex-wrap flex-column justify-content-start align-items-center d-md-flex flex-md-wrap flex-md-column justify-content-md-start align-items-md-center d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-between align-items-lg-end" style="margin:0px 0px 40px 0px;padding:0px 144px 0px 144px;">
1034
1035
1036 
1037<div class="rz-element-wrapper rz-section-header-wrapper has-edit-buttons">
1038		<div class="center-top">
1039				<div class="rz-btns-container">
1040						
1040<script language="JavaScript" type="text/JavaScript">
1041								RZ.module  = 'generic';
1042								RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/section_header-editform.jsp";
1043								RZ.img     = '<span class="rzBtn rzBtn-sm">Edit Section Header</span>';
1044								RZ.caption = '';
1045								RZ.set     = 'pageid=77cb7466-509c-42b9-9c5a-3c03a9cde2e4';
1046								RZ.options = '';
1047								if (typeof RZaction != 'undefined') RZaction('editform');
1048						</script>
1048
1049				</div>
1050		</div>
1051		<div class="rz-element rz-section-header-wrap align-items-start text-start d-flex align-items-center gap-2">
1052				
1053				<div class="rz-section-header d-flex align-items-start text-start align-items-center gap-2">
1054						
1055								
1056								<div class="d-flex flex-column align-items-start text-start">
1057								
1058						
1059								<h2 class="rz-section-header-title mb-0" style="color:#FFF;font-size:min(64px, 7.2vw);">Get <br/> Connected</h2>
1060						
1061						
1062					</div>
1063					
1064					
1065				</div><!-- /.rz-section-header -->
1066				
1067		</div><!-- /.rz-section-header-wrap -->
1068</div><!-- /.rz-element-wrapper -->
1069
1070
1071
1072
1073
1074
1075
1076
1077<div class="rz-element-wrapper rz-button-wrapper has-edit-buttons move-to-offcanvas connected-social-btn"
1078 
1079 >
1080
1081		<div class="center-top">
1082				<div class="rz-btns-container">
1083						
1083<script>
1084								RZ.module = 'generic';
1085								RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/buttons-editform.jsp";
1086								RZ.img = '<span class="rzBtn rzBtn-xs">Edit Buttons</span>';
1087								RZ.caption = '';
1088								RZ.set = 'pageid=b80874fb-ccf7-4a85-a84b-0f428997a6f2';
1089								RZ.options = '';
1090								if (typeof RZaction != 'undefined') RZaction('editform');
1091						</script>
1091
1092				</div>
1093		</div>
1094		<div class="rz-element rz-button-wrap d-flex flex-wrap" 
1095				style="gap:24px;">
1096
1097<div class="d-flex align-items-stretch"  data-aos-duration="600">
1098		<a href="https://www.facebook.com/AddisonEvents" target="_blank"
1099				class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary  no-rz-text-reveal-btn "
1100				style="--bs-btn-border-width:0px;padding:0px 0px 0px 0px;">
1101
1102				
1103				
1104						
1105								<i class="fab fa-facebook rz-btn-icon flex-shrink-0" style="font-size:24px;width:40px;height:40px;line-height:40px;color:#fff;" aria-hidden="true"></i>
1106						
1107				
1108
1109				
1110				
1111
1112
1113				
1114				
1115		</a>
1116</div>
1117
1118<div class="d-flex align-items-stretch"  data-aos-duration="600">
1119		<a href="https://twitter.com/AddisonVillage" target="_blank"
1120				class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary  no-rz-text-reveal-btn "
1121				style="--bs-btn-border-width:0px;padding:0px 0px 0px 0px;">
1122
1123				
1124				
1125						
1126								<i class="bi bi-twitter-x rz-btn-icon flex-shrink-0" style="font-size:24px;width:40px;height:40px;line-height:40px;color:#fff;" aria-hidden="true"></i>
1127						
1128				
1129
1130				
1131				
1132
1133
1134				
1135				
1136		</a>
1137</div>
1138
1139<div class="d-flex align-items-stretch"  data-aos-duration="600">
1140		<a href="https://www.youtube.com/channel/UCDyH_Ba0GsQk7gkB_GjFr_Q" target="_blank"
1141				class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary  no-rz-text-reveal-btn "
1142				style="--bs-btn-border-width:0px;padding:0px 0px 0px 0px;">
1143
1144				
1145				
1146						
1147								<i class="fab fa-youtube rz-btn-icon flex-shrink-0" style="font-size:24px;width:40px;height:40px;line-height:40px;color:#fff;" aria-hidden="true"></i>
1148						
1149				
1150
1151				
1152				
1153
1154
1155				
1156				
1157		</a>
1158</div>
1159
1160		</div>
1161</div>
1162
1163
1164
1165</div>
1166
1167
1168
1169</div><!-- /.rz-row-block -->
1170
1171
1172
1173
1174<div class="rz-row-block d-grid">
1175<div class="rz-column-block d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-center align-items-lg-center">
1176<div class="rz-element-wrapper rz-raw-wrapper has-edit-buttons"
1177>
1178		<div class="center-top">
1179				<div class="rz-btns-container">
1180						
1180<script language="JavaScript" type="text/JavaScript">
1181								RZ.module = 'generic';
1182								RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/raw_html-editform.jsp";
1183								RZ.img = '<span class="rzBtn rzBtn-xs">Edit HTML</span>';
1184								RZ.caption = '';
1185								RZ.set = 'pageid=dfa8413e-a1e4-42ef-ae6f-aa1c2e40bab6';
1186								RZ.options = '';
1187								if (typeof RZaction != 'undefined') RZaction('editform');
1188						</script>
1188
1189				</div>
1190		</div>
1191
1192		<div class="rz-element rz-raw-wrap"><div id="curator-feed-voa-events-layout"><a href="https://curator.io" target="_blank" class="crt-logo crt-tag">Powered by Curator.io</a></div>
1193
1194<!-- The Javascript can be moved to the end of the html page before the </body> tag -->
1195<script type="text/javascript">
1196/* curator-feed-voa-events-layout */
1197(function(){
1198var i,e,d=document,s="script";i=d.createElement("script");i.async=1;i.charset="UTF-8";
1199i.src="https://cdn.curator.io/published/79138702-1c37-49ae-9499-60f603055ee0.js";
1200e=d.getElementsByTagName(s)[0];e.parentNode.insertBefore(i, e);
1201})();
1202</script>
1202</div>
1203</div>
1204
1205
1206</div>
1207
1208
1209
1210</div><!-- /.rz-row-block -->
1211
1212
1213
1214
1215  </div><!-- /.rz-section-block -->
1216</div><!-- /.rz-section-block-wrap -->
1217
1218
1219
1220
1221
1222<div class="rz-section-block-wrap position-relative video-section" style="background-image:url('website-Assets/video-bg-img.png?t=202601260956400');background-size:cover;background-position:center center;--rz-section-padding-sm:48px 0;--rz-section-padding-md:48px 0;--rz-section-padding-lg:48px 0 120px;">
1223  
1224  <div class="rz-section-bg-overlay position-absolute top-0 start-0 w-100 h-100" style="pointer-events:none;background:linear-gradient(180deg,#423859 0%,rgba(66, 56, 89, 0.85) 100%);"></div>
1225  
1226  
1227  
1228  <div class="rz-section-block container" style="max-width:1220px;">
1229
1230
1231
1232
1233
1234<div class="rz-row-block d-grid">
1235<div class="rz-column-block d-flex flex-wrap flex-column justify-content-start align-items-center d-md-flex flex-md-wrap flex-md-column justify-content-md-start align-items-md-center d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-between align-items-lg-end" style="margin:0px 0px 40px 0px;padding:0px 144px 0px 144px;">
1236
1237
1238 
1239<div class="rz-element-wrapper rz-section-header-wrapper has-edit-buttons">
1240		<div class="center-top">
1241				<div class="rz-btns-container">
1242						
1242<script language="JavaScript" type="text/JavaScript">
1243								RZ.module  = 'generic';
1244								RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/section_header-editform.jsp";
1245								RZ.img     = '<span class="rzBtn rzBtn-sm">Edit Section Header</span>';
1246								RZ.caption = '';
1247								RZ.set     = 'pageid=08f7e45f-2a82-463c-924c-bf91631b5cbc';
1248								RZ.options = '';
1249								if (typeof RZaction != 'undefined') RZaction('editform');
1250						</script>
1250
1251				</div>
1252		</div>
1253		<div class="rz-element rz-section-header-wrap align-items-start text-start d-flex align-items-center gap-2">
1254				
1255				<div class="rz-section-header d-flex align-items-start text-start align-items-center gap-2">
1256						
1257								
1258								<div class="d-flex flex-column align-items-start text-start">
1259								
1260						
1261								<h2 class="rz-section-header-title mb-0" style="color:#FFFFFF;font-size:min(64px, 7.2vw);">what&#8217;s <br/> Coming</h2>
1262						
1263						
1264					</div>
1265					
1266					
1267				</div><!-- /.rz-section-header -->
1268				
1269		</div><!-- /.rz-section-header-wrap -->
1270</div><!-- /.rz-element-wrapper -->
1271
1272
1273
1274
1275
1276
1277
1278
1279<div class="rz-element-wrapper rz-button-wrapper has-edit-buttons move-to-offcanvas"
1280 
1281 >
1282
1283		<div class="center-top">
1284				<div class="rz-btns-container">
1285						
1285<script>
1286								RZ.module = 'generic';
1287								RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/buttons-editform.jsp";
1288								RZ.img = '<span class="rzBtn rzBtn-xs">Edit Buttons</span>';
1289								RZ.caption = '';
1290								RZ.set = 'pageid=897a98f6-9579-418e-8aa9-a5bf84ad36aa';
1291								RZ.options = '';
1292								if (typeof RZaction != 'undefined') RZaction('editform');
1293						</script>
1293
1294				</div>
1295		</div>
1296		<div class="rz-element rz-button-wrap d-flex flex-wrap" 
1297				style="gap:16px;">
1298
1299<div class="d-flex align-items-stretch"  data-aos-duration="600">
1300		<a href="videos/index.php" target="_self"
1301				class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary  no-rz-text-reveal-btn "
1302				style="">
1303
1304				
1305				
1306						
1307				
1308
1309				
1310				
1311						<span class="overflow-hidden d-inline-block"
1312									>
1313								<span data-text="View All Videos" class="rz-btn-text"
1314											>
1315										View All Videos
1316								</span>
1317						</span>
1318				
1319
1320
1321				
1322				
1323		</a>
1324</div>
1325
1326		</div>
1327</div>
1328
1329
1330
1331</div>
1332
1333
1334
1335</div><!-- /.rz-row-block -->
1336
1337
1338
1339
1340<div class="rz-row-block d-grid">
1341<div class="rz-column-block">
1342
1343
1344
1345
1346<div class="rz-element-wrapper rz-gallery-wrapper has-edit-buttons move-to-offcanvas video-section-img"
1347		 >
1348
1349	<div class="center-top">
1350		<div class="rz-btns-container">
1351			
1351<script>
1352				RZ.module = 'generic';
1353				RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/photo_gallery-editform.jsp";
1354				RZ.img = '<span class="rzBtn rzBtn-sm">Edit Gallery</span>';
1355				RZ.caption = '';
1356				RZ.set = 'pageid=06eb2292-aa9c-4916-bd79-d3ac0b3f75c1';
1357				RZ.options = '';
1358				if (typeof RZaction !== 'undefined') RZaction('editform');
1359			</script>
1359
1360		</div>
1361	</div>
1362
1363	<div class="lightgallery rz-gallery-layout-grid row mt-0 row-cols-1 row-cols-lg-3" style="--bs-gutter-y:16px;--bs-gutter-x:16px;">
1364
1365
1366		<div class="rz-gallery-image rz-element cursor-pointer" data-src="https://youtu.be/vVztt_KBJrM?si=tP1qP0u_P8aCk1YF" data-poster="images/home/Rock N Wheels Crowd at War Pigs.jpg?t=202609021650370" data-sub-html="" data-aos-duration="600">
1367			<div class="position-relative w-100 h-100">
1368				<img src="images/home/Rock N Wheels Crowd at War Pigs.jpg?t=202609021650370" class="w-100 "
1369						 alt=""
1370						 style="border-radius:24px;">
1371
1372				
1373
1374				<div class="d-flex align-items-center gap-3 justify-content-center">
1375					
1376
1377						<div class="custom-cursor custom-cursor-video d-flex align-items-center justify-content-center fixed-expander" style="border-radius:18px;background-color:#FF0302;">
1378							<i class="bi bi-play-fill lh-1"></i>
1379						</div>
1380
1381						
1382
1383					
1384				</div>
1385
1386			</div>
1387		</div>
1388
1389
1390	</div>
1391</div><!-- /.rz-element-wrapper -->
1392
1393
1394
1395
1396
1397
1398</div>
1399
1400
1401
1402</div><!-- /.rz-row-block -->
1403
1404
1405
1406
1407  </div><!-- /.rz-section-block -->
1408</div><!-- /.rz-section-block-wrap -->
1409
1410
1411		
1412	</main>
1413	
1414
1415
1416
1417<footer class="site-footer-wrap">
1418	<div class="site-footer">
1419
1420
1421
1422
1423<div class="rz-section-block-wrap position-relative" style="background-color:#423859;--rz-section-padding-sm:48px 0;--rz-section-padding-md:48px 0;--rz-section-padding-lg:48px 0;">
1424  
1425  
1426  
1427  <div class="rz-section-block container" style="max-width:1460px;">
1428
1429
1430
1431
1432
1433<div class="rz-row-block d-grid opt_row_columns_5" style="--gap-lg:72px;">
1434<div class="rz-column-block d-flex flex-wrap flex-column justify-content-center align-items-center d-md-flex flex-md-wrap flex-md-column justify-content-md-center align-items-md-center d-lg-flex flex-lg-wrap flex-lg-column justify-content-lg-start align-items-lg-start" style="padding:0px 0px 0px 48px;">
1435    <div class="rz-element-wrapper rz-rte-block-wrapper footer-logo-section d-flex">
1436        
1437        <a href="./" class="d-flex align-items-center text-decoration-none footer-logo">
1438            <img loading="lazy" src="website-Assets/main-logo.png?t=202601221426040" alt="Addison, IL Events" class="footer-logo">
1439        </a>    
1440    
1441    </div><!-- /.rz-element-wrapper -->
1442
1443
1444
1445
1446
1447
1448
1449<div class="rz-element-wrapper rz-button-wrapper has-edit-buttons move-to-offcanvas"
1450 
1451  style="margin:32px 0px 0px 0px;">
1452
1453		<div class="center-top">
1454				<div class="rz-btns-container">
1455						
1455<script>
1456								RZ.module = 'generic';
1457								RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/buttons-editform.jsp";
1458								RZ.img = '<span class="rzBtn rzBtn-xs">Edit Buttons</span>';
1459								RZ.caption = '';
1460								RZ.set = 'pageid=11b40f1f-c380-4a17-83b1-22f4c7f228af';
1461								RZ.options = '';
1462								if (typeof RZaction != 'undefined') RZaction('editform');
1463						</script>
1463
1464				</div>
1465		</div>
1466		<div class="rz-element rz-button-wrap d-flex flex-wrap" 
1467				style="gap:16px;">
1468
1469<div class="d-flex align-items-stretch"  data-aos-duration="600">
1470		<a href="https://www.facebook.com/AddisonEvents" target="_blank"
1471				class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary  no-rz-text-reveal-btn "
1472				style="background:linear-gradient(90deg, #423859 0%, #423859 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;">
1473
1474				
1475				
1476						
1477								<i class="fab fa-facebook rz-btn-icon flex-shrink-0" style="font-size:24px;width:40px;height:40px;line-height:40px;color:#fff;" aria-hidden="true"></i>
1478						
1479				
1480
1481				
1482				
1483
1484
1485				
1486				
1487		</a>
1488</div>
1489
1490<div class="d-flex align-items-stretch"  data-aos-duration="600">
1491		<a href="https://x.com/AddisonVillage" target="_blank"
1492				class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary  no-rz-text-reveal-btn "
1493				style="background:linear-gradient(90deg, #423859 0%, #423859 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;">
1494
1495				
1496				
1497						
1498								<i class="bi bi-twitter-x rz-btn-icon flex-shrink-0" style="font-size:24px;width:40px;height:40px;line-height:40px;color:#fff;" aria-hidden="true"></i>
1499						
1500				
1501
1502				
1503				
1504
1505
1506				
1507				
1508		</a>
1509</div>
1510
1511<div class="d-flex align-items-stretch"  data-aos-duration="600">
1512		<a href="https://www.youtube.com/channel/UCDyH_Ba0GsQk7gkB_GjFr_Q" target="_blank"
1513				class="rz-btn-element d-flex align-items-center justify-content-center btn btn-primary  no-rz-text-reveal-btn "
1514				style="background:linear-gradient(90deg, #423859 0%, #423859 100%);--bs-btn-border-width:0px;padding:0px 0px 0px 0px;">
1515
1516				
1517				
1518						
1519								<i class="fab fa-youtube rz-btn-icon flex-shrink-0" style="font-size:24px;width:40px;height:40px;line-height:40px;color:#fff;" aria-hidden="true"></i>
1520						
1521				
1522
1523				
1524				
1525
1526
1527				
1528				
1529		</a>
1530</div>
1531
1532		</div>
1533</div>
1534
1535
1536
1537</div><div class="rz-column-block d-flex flex-wrap flex-column justify-content-start align-items-start d-md-flex flex-md-wrap flex-md-column justify-content-md-start align-items-md-start d-lg-flex flex-lg-wrap flex-lg-column justify-content-lg-start align-items-lg-start">
1538
1539
1540
1541
1542<div class="rz-element-wrapper rz-link-list-wrapper has-edit-buttons"
1543	>
1544	<div class="center-top">
1545		<div class="rz-btns-container">
1546			
1546<script language="JavaScript" type="text/JavaScript">
1547				RZ.module  = 'generic';
1548				RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/link_list-editform.jsp";
1549				RZ.img     = '<span class="rzBtn rzBtn-sm">Edit Links</span>';
1550				RZ.caption = '';
1551				RZ.set     = 'pageid=9a4890e0-e1ad-4a01-8d02-0f3c627470d3';
1552				RZ.options = '';
1553				if (typeof RZaction != 'undefined') RZaction('editform');
1554			</script>
1554
1555		</div>
1556	</div>
1557	
1558	
1559	<div class="rz-module-header d-flex align-items-center gap-2">
1560			
1561			
1562					<span class="rz-module-header-text">Village of Addison, IL</span>
1563			
1564			
1565	</div>
1566	
1567
1568	<div class="rz-element rz-link-list-wrap">
1569		<div class="list-group list-group-flush" >
1570			
1571				<a href="https://maps.app.goo.gl/5asV7Bq6vrT82gKR8" target="_blank"
1572					 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center"
1573					 style="gap:16px;color:#FFF;">
1574					
1575						<i class="material-icons|business flex-shrink-0 lh-1 d-inline-flex align-items-center justify-content-center" style="line-height:1;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#A0B4D9;"></i>
1576					
1577					<span style="color:#FFF;font-size:18px;">1 Friendship Plaza, Addison IL 60101</span>
1578					
1579				</a>
1580			
1581				<a href="index.php" target="_self"
1582					 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center"
1583					 style="gap:16px;color:#FFF;">
1584					
1585						<i class="material-icons|phone flex-shrink-0 lh-1 d-inline-flex align-items-center justify-content-center" style="line-height:1;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#A0B4D9;"></i>
1586					
1587					<span style="color:#FFF;font-size:18px;">630-543-4100</span>
1588					
1589				</a>
1590			
1591		</div><!-- /.list-group -->
1592	</div><!-- /.rz-element -->
1593</div><!-- /.rz-element-wrapper -->
1594
1595
1596
1597
1598</div><div class="rz-column-block d-flex flex-wrap flex-column justify-content-start align-items-start d-md-flex flex-md-wrap flex-md-column justify-content-md-start align-items-md-start d-lg-flex flex-lg-wrap flex-lg-row justify-content-lg-center align-items-lg-center">
1599
1600
1601
1602
1603<div class="rz-element-wrapper rz-link-list-wrapper has-edit-buttons"
1604	>
1605	<div class="center-top">
1606		<div class="rz-btns-container">
1607			
1607<script language="JavaScript" type="text/JavaScript">
1608				RZ.module  = 'generic';
1609				RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/link_list-editform.jsp";
1610				RZ.img     = '<span class="rzBtn rzBtn-sm">Edit Links</span>';
1611				RZ.caption = '';
1612				RZ.set     = 'pageid=04c3e6a4-b365-4ea1-bd48-486c88023034';
1613				RZ.options = '';
1614				if (typeof RZaction != 'undefined') RZaction('editform');
1615			</script>
1615
1616		</div>
1617	</div>
1618	
1619	
1620
1621	<div class="rz-element rz-link-list-wrap">
1622		<div class="list-group list-group-flush" >
1623			
1624				<a href="index.php" target="_self"
1625					 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center"
1626					 style="gap:16px;color:#FFF;">
1627					
1628					<span style="color:#FFF;font-size:18px;">Home</span>
1629					
1630				</a>
1631			
1632				<a href="events/index.php?view=month&month=03&day=01&year=2026" target="_blank"
1633					 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center"
1634					 style="gap:16px;color:#FFF;">
1635					
1636					<span style="color:#FFF;font-size:18px;">Events</span>
1637					
1638				</a>
1639			
1640				<a href="participate/index.php" target="_self"
1641					 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center"
1642					 style="gap:16px;color:#FFF;">
1643					
1644					<span style="color:#FFF;font-size:18px;">Participate</span>
1645					
1646				</a>
1647			
1648				<a href="faq/index.php" target="_self"
1649					 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center"
1650					 style="gap:16px;color:#FFF;">
1651					
1652					<span style="color:#FFF;font-size:18px;">FAQ</span>
1653					
1654				</a>
1655			
1656		</div><!-- /.list-group -->
1657	</div><!-- /.rz-element -->
1658</div><!-- /.rz-element-wrapper -->
1659
1660
1661
1662
1663</div><div class="rz-column-block d-flex flex-wrap justify-content-start d-md-flex flex-md-wrap justify-content-md-start" style="padding:0px 48px 0px 0px;">
1664
1665
1666
1667
1668<div class="rz-element-wrapper rz-link-list-wrapper has-edit-buttons"
1669	>
1670	<div class="center-top">
1671		<div class="rz-btns-container">
1672			
1672<script language="JavaScript" type="text/JavaScript">
1673				RZ.module  = 'generic';
1674				RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/link_list-editform.jsp";
1675				RZ.img     = '<span class="rzBtn rzBtn-sm">Edit Links</span>';
1676				RZ.caption = '';
1677				RZ.set     = 'pageid=be6ca659-8524-486c-8a03-d172b4b56c18';
1678				RZ.options = '';
1679				if (typeof RZaction != 'undefined') RZaction('editform');
1680			</script>
1680
1681		</div>
1682	</div>
1683	
1684	
1685
1686	<div class="rz-element rz-link-list-wrap">
1687		<div class="list-group list-group-flush" >
1688			
1689				<a href="http://www.addisonadvantage.org/" target="_blank"
1690					 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center"
1691					 style="gap:16px;color:#FFF;">
1692					
1693					<span style="color:#FFF;font-size:18px;">Village Information</span>
1694					
1695				</a>
1696			
1697				<a href="faq/contact.php" target="_self"
1698					 class="list-group-item list-group-item-action bg-transparent d-flex align-items-center"
1699					 style="gap:16px;color:#FFF;">
1700					
1701					<span style="color:#FFF;font-size:18px;">Contact Us</span>
1702					
1703				</a>
1704			
1705		</div><!-- /.list-group -->
1706	</div><!-- /.rz-element -->
1707</div><!-- /.rz-element-wrapper -->
1708
1709
1710
1711
1712</div>
1713
1714
1715
1716</div><!-- /.rz-row-block -->
1717
1718
1719
1720
1721<div class="rz-row-block d-grid">
1722<div class="rz-column-block">
1723
1724
1725<div class="rz-element-wrapper rz-single-image-wrapper has-edit-buttons home-bg-img hide-edit-buttons"
1726		 >
1727		<div class="center-center">
1728				<div class="rz-btns-container">
1729						
1729<script language="JavaScript" type="text/JavaScript">
1730								RZ.module = 'generic';
1731								RZ.nexturl = "/revize/plugins/zbuilder/v1/website/editforms/image-editform.jsp";
1732								RZ.img = '<span class="rzBtn rzBtn-xs">Edit Image</span>';
1733								RZ.caption = '';
1734								RZ.set = 'pageid=2706ef5e-3cb4-44b1-9a2c-15c5d71c4d8f';
1735								RZ.options = '';
1736								if (typeof RZaction != 'undefined') RZaction('editform');
1737						</script>
1737
1738				</div>
1739		</div>
1740
1741		<div class="rz-element rz-single-image-wrap">
1742		
1743				<div class="rz-single-image position-relative">
1744						
1745						
1746						<img loading="lazy"
1747								 src="website-Assets/home-bg-img.png?t=202601260459400"
1748								 alt="home-bg-img"
1749								 style="width:100%;"
1750								 >
1751						
1752				</div><!-- /.rz-single-image -->
1753		
1754		</div><!-- /.rz-single-image-wrap -->
1755</div><!-- /.rz-element-wrapper -->
1756
1757
1758
1759
1760
1761</div>
1762
1763
1764
1765</div><!-- /.rz-row-block -->
1766
1767
1768
1769
1770  </div><!-- /.rz-section-block -->
1771</div><!-- /.rz-section-block-wrap -->
1772
1773
1774	</div><!-- /.site-footer -->
1775</footer><!-- /.site-footer-wrap -->
1776<div class="offcanvas-lg offcanvas-bottom"
1777	tabindex="-1"
1778	id="offcanvasHeaderItems">
1779	<div class="offcanvas-header">
1780		<button type="button"
1781			class="btn-close"
1782			data-bs-dismiss="offcanvas"
1783			aria-label="Close"
1784			data-bs-target="#offcanvasHeaderItems"></button>
1785	</div>
1786	<div class="offcanvas-body offcanvasHeaderItems-offcanvas-body pt-0"></div>
1787</div><!-- #offcanvasHeaderItems --> 
1788
1789
1790<div class="modal modal-lg fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModal" style="--bs-modal-width:640px;">
1791	<div class="modal-dialog modal-dialog-centered" role="Site Search">
1792		<div class="modal-content px-0">
1793			<div class="modal-header border-0 pb-0 px-lg-3 pt-4">
1794				<h5>Search Addison, IL Events</h5>
1795				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1796			</div>
1797			<div class="modal-body p-0">
1798				<form class="form-inline overflow-hidden" method="GET" action="search.php" role="search" aria-label="sitewide">
1799					<div class="d-flex relative bg-white p-2 px-3">
1800						<div class="position-relative w-100">
1801							<div class="form-floating w-100">
1802								<input id="autocompleteme" autocomplete="off" class="form-control form-control-lg m-0 w-100" name="q" type="search" placeholder="Search...">
1803								<label for="autocompleteme" class="bg-transparent">Search...</label>
1804							</div>
1805							<div id="autocomplete-spinner" class="spinner-border text-success position-absolute" role="status"
1806								style="top: 50%; right: 4rem; width: 1rem; height: 1rem; margin-top: -9px; display: none; z-index: 10;--bs-spinner-border-width:0.15em" >
1807								<span class="visually-hidden">Loading...</span>
1808							</div>
1809						</div>
1810
1811						<button class="btn btn-link right-center d-flex gap-3 p-0 pe-4 bg-transparent me-1 ps-0 outline-none lh-1" aria-label="Search"><span class="vr"></span>
1812							<span><svg width="20" height="20" viewBox="0 0 20 20" aria-hidden="true" class="insta-search-icon">
1813									<path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path>
1814								</svg><span class="sr-only">Search</span></span>
1815						</button>
1816					</div>
1817				</form>
1818				<div class="all-search-buttons-wrap w-100 lh-1 position-relative" style="display:none">
1819					<div class="all-search-buttons py-3 p-3 d-md-flex flex-column flex-md-row gap-2 border-top">
1820						<div class="searchPopover p-3 bg-white d-none d-xl-block popover">
1821							<div class="searchPopover-arrow"></div><span class="searchPopover-text">Try searching... </span>
1822						</div>
1823						<a href="" class="all-site-search-btn align-content-center btn btn-primary icon-link icon-link-hover w-100 p-2 mb-2 mb-md-0"><span class="d-lg-none">Search</span> <span>site for</span> <span class="search-query-text text-decoration-underline"></span> <i class="bi bi-arrow-right"></i></a>
1824						<a href="" class="all-doc-search-btn align-content-center btn btn-primary icon-link icon-link-hover w-100 p-2"><span class="d-lg-none">Search</span> <span>documents for</span> <span class="search-query-text text-decoration-underline"></span> <i class="bi bi-arrow-right"></i></a>
1825					</div><!-- /.search-buttons -->
1826				</div><!-- /.all-search-buttons-wrap -->
1827									<div class="popular-pages-search p-2"></div>
1828							</div><!-- /.modal-body -->
1829		</div><!-- /.modal-content -->
1830	</div><!-- /.modal-dialog -->
1831</div><!-- /.modal -->
1832
1833
1834
1835
1836<div class="modal fade confirmation-popup" style="--bs-modal-width:420px;z-index:1100" tabindex="-1" data-bs-backdrop="static">
1837	<div class="modal-dialog modal-dialog-centered">
1838		<div class="modal-content">
1839			<div class="modal-body p-4 text-center">
1840				<div class="d-flex justify-content-center">
1841					<i class="d-flex lh-1 fs-3 rounded-circle bg-danger-subtle p-4 border-info text-danger-emphasis bi bi-exclamation-octagon"></i>
1842				</div>
1843				<div class="d-flex"></div>
1844				<p class="m-0 mt-3 px-sm-"><span class="fw-bold d-block fs-4 mb-2">Important</span> You are about to leave <strong>Addison, IL Events</strong> and visit an external site, do you wish to continue?</p>
1845			</div>
1846			<div class="modal-footer flex-nowrap p-0">
1847				<button id="confirmLeave" type="button" class="btn btn-lg btn-link text-success fs-6 text-decoration-none col-6 py-3 m-0 border-end" style="border-radius:0 0 0 var(--rz-modal-border-radius)"><strong>Yes, leave <i class="bi bi-box-arrow-up-right ms-2 fs-5 lh-1"></i></strong></button>
1848				<button type="button" class="btn btn-lg btn-link text-danger fw-bold fs-6 text-decoration-none col-6 py-3 m-0" data-bs-dismiss="modal" id="cancelLeave" style="border-radius:0 0 var(--rz-modal-border-radius)">No, Stay </button>
1849			</div>
1850		</div>
1851	</div>
1852</div>
1853
1854<script>
1855$(document).ready(function () {
1856	let externalLink = ''; // Store the external link URL
1857
1858	$('a')
1859		.not('[href^="javascript:"]')
1860		.not('[href^="mailto:"]')
1861		.not('[href^="tel:"]')
1862		.not('[href="http://cms4.revize.com/revize/supportrevize/revize_faq.php"]')
1863		.not('[href="https://intercom.help/revizefaqs/en/"]')
1864		.not('.rz-brand-footer a')
1865		.not('#revize-login')
1866		.not('.copy-live-link')
1867		.on('click', function (event) {
1868			// Ignore links with .rzBtn children
1869			if ($(this).find('span.rzBtn').length === 0) {
1870				const linkUrl = $(this).prop('href');
1871				const linkHost = new URL(linkUrl).hostname;
1872				const currentHost = window.location.hostname;
1873
1874				// Treat current domain and all revize.com domains/subdomains as internal
1875				const isRevizeDomain =
1876					linkHost === 'revize.com' ||
1877					linkHost.endsWith('.revize.com');
1878
1879				// If different domain and NOT a Revize domain, show confirmation popup
1880				if (linkHost !== currentHost && !isRevizeDomain) {
1881					event.preventDefault();
1882					externalLink = linkUrl;
1883					$('.confirmation-popup').addClass('show').show();
1884				}
1885			}
1886		});
1887
1888	// Confirm external navigation
1889	$('#confirmLeave').on('click', function () {
1890		if (externalLink) {
1891			window.open(externalLink, '_blank');
1892		}
1893
1894		$('.confirmation-popup').removeClass('show').hide();
1895		externalLink = '';
1896	});
1897
1898	// Cancel external navigation
1899	$('#cancelLeave').on('click', function () {
1900		$('.confirmation-popup').removeClass('show').hide();
1901		externalLink = '';
1902	});
1903});
1904</script>
1904
1905	<div class="modal fade"
1906		id="event-modal"
1907		tabindex="-1"
1908		role="dialog"
1909		aria-labelledby="modal-event-title"
1910		aria-hidden="true">
1911		<div id="event-modal-dialog"
1912			class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"
1913			role="document"
1914			style="--bs-modal-width:1000px">
1915			<div class="modal-content">
1916
1917				<div class="modal-header align-items-center">
1918					<div>
1919						<h2 class="h4 modal-subtitle m-0 fs-4 fw-bold">Event Details</h2>
1920					</div>
1921					<button type="button"
1922						class="btn-close mt-0"
1923						data-bs-dismiss="modal"
1924						aria-label="Close"></button>
1925				</div>
1926
1927				<div class="modal-body p-0"
1928					id="modal-event-body">
1929					<div class="center-center"><div class="rz-btns-container"></div></div>
1930					<div class="row row-cols-lg-2 g-0 mx-0">
1931					<div class="event-modal-header"
1932						style="min-height:200px"></div><!-- /.event-modal-header for image -->
1933						<div class="event-details d-flex flex-column has-edit-buttons">
1934							<div class="d-flex align-items-start justify-content-between bg-light p-4">
1935								<div class="w-100">
1936									<div class="d-flex align-items-center gap-3">
1937										<div class="event-border-color"
1938											style="margin-top:3px;width:12px;height:26px;border-radius:100px;align-self:start;"></div>
1939										<div class="w-100">
1940											<div class="d-flex justify-content-between align-items-center">
1941												<h3 class="fs-4 fw-bold" id="modal-event-title">City Council Meeting </h3>
1942												<a href="calendar"
1943													class="flex-shrink-0 btn btn-light bg-white border-0 btn-sm"
1944													data-bs-toggle="tooltip"
1945													data-bs-placement="left"
1946													data-bs-title="view Calendar"
1947													data-bs-offset="0,20">
1948													<i class="bi bi-box-arrow-up-right"></i>
1949													<span class="sr-only">View Calendar</span>
1950												</a>
1951											</div>
1952											
1953											<p class="text-muted row row-cols-1 g-2 my-0 p-0 fw-normal lh-sm small">
1954												<span class="modal-event-date w-max-content"><i class="bi bi-calendar4-event me-2"></i></span>
1955												<span class="modal-event-time"><i class="bi bi-clock me-2"></i></span>
1956												<span class="modal-location w-100"><i class="bi bi-geo-alt me-2"></i></span>
1957											</p>
1958										</div>
1959									</div>
1960								</div>
1961								<button type="button"
1962									class="btn-close bg-white d-none"
1963									data-bs-dismiss="modal"
1964									aria-label="Close"></button>
1965							</div><!-- /.d-flex -->
1966
1967							<div class="d-flex flex-column p-4 my-auto row-gap-4">
1968								<div class="modal-event-description small">
1969									<h4 class="h6 fw-bold">Description</h4>
1970									<div id="modal-event-subtitle"></div>
1971									<div id="modal-event-description">
1972									</div>
1973								</div>
1974								<div style="width: 100%" id="modal-event-location" class="ratio ratio-16x9"></div>
1975							</div><!-- /.d-flex -->
1976							
1977							<div class="modal-action-buttons d-flex gap-2 mt-auto mb-4 px-4">
1978							
1979								<a href="#"
1980									class="btn btn-primary border-0" id="modal-event-readmore">Read More</a>
1981							</div><!-- /.modal-action-buttons -->
1982
1983						</div><!-- /.event-details -->
1984					</div><!-- /.row -->
1985				</div><!-- /.modal-body -->
1986			</div><!-- /.modal-content -->
1987		</div>
1988	</div>
1989	
1990	<style>
1991		#modal-event-duration{display:none}
1992		.rz-business-inner-map{border:1px solid var(--bs-border-color)!important;border-radius:var(--bs-border-radius)}
1993	</style>	
1994	
1995<div id="share-modal-section">
1996	<div class="modal fade" id="shareModal" tabindex="-1" role="dialog" aria-labelledby="shareModal">
1997		<div class="modal-dialog modal-dialog-centered" role="document">
1998			<div class="modal-content">
1999				<div class="modal-header border-0 bg-transparent pb-0 px-lg-4 pt-4">
2000					<div class="w-100 text-center">
2001						<span class="d-block h5 mb-1 w-100">Share this page</span>
2002						<p class="mb-1">On your favorite social media platform</p>
2003					</div>
2004					<button type="button" class="btn-close position-absolute end-0 top-0 m-3" data-bs-dismiss="modal" aria-label="Close"></button>
2005				</div>
2006				<div class="modal-body p-lg-4">
2007					<div class="share-btns row m-0 row-cols-md-3 gap-2">
2008						<a href="#" class="btn btn-primary btn-facebook" target="_blank">
2009							<i class="fa-brands fs-5 fa-square-facebook"></i> Facebook
2010						</a>
2011						
2012						<a href="#" class="btn btn-primary btn-twitter" target="_blank">
2013							<i class="fa-brands fs-5 fa-x-twitter"></i> x(twitter)
2014						</a>
2015						
2016						<a href="#" class="btn btn-primary btn-linkedin" target="_blank">
2017							<i class="fa-brands fs-5 fa-linkedin"></i> Linkedin
2018						</a>
2019						
2020						<a href="#" class="btn btn-primary btn-reddit" target="_blank">
2021							<i class="fa-brands fs-5 fa-square-reddit"></i> reddit
2022						</a>						
2023						<div class="w-100 p-0 my-2"><div class="d-flex align-items-center"><div class="border-top flex-fill"></div><span class="bg-body px-3">Or</span><div class="border-top flex-fill"></div></div></div>
2024						
2025						<a href="" class="btn btn-outline-dark w-100 border emailpage"><i class="fa-regular fs-5 fa-envelope"></i> Email Page Link</a>
2026
2027						<a href="" class="btn btn-outline-dark w-100 border share-copy-link"><i class="fa-regular fs-5 fa-copy"></i> Copy Current URL</a>
2028												
2029					</div><!-- /.share-btns -->
2030										
2031					 
2031<script>
2032						 $(document).ready(function () {
2033							 // Build social share URLs from current page
2034							 var pageUrl      = window.location.href;
2035							 var encodedUrl   = encodeURIComponent(pageUrl);
2036					 
2037							 $('.btn-facebook').attr(
2038								 'href',
2039								 'https://www.facebook.com/sharer/sharer.php?u=' + encodedUrl
2040							 );
2041					 
2042							 $('.btn-twitter').attr(
2043								 'href',
2044								 'https://twitter.com/intent/tweet?url=' + encodedUrl
2045							 );
2046					 
2047							 $('.btn-linkedin').attr(
2048								 'href',
2049								 'https://www.linkedin.com/sharing/share-offsite/?url=' + encodedUrl
2050							 );
2051					 
2052							 $('.btn-reddit').attr(
2053								 'href',
2054								 'https://www.reddit.com/submit?url=' + encodedUrl
2055							 );
2056					 
2057							 // Copy to clipboard
2058							 $('.share-copy-link').on('click', function (e) {
2059								 e.preventDefault();
2060					 
2061								 var urlToCopy = $(this).attr('href') || $(this).data('url') || window.location.href;
2062					 
2063								 if (navigator.clipboard && navigator.clipboard.writeText) {
2064									 navigator.clipboard
2065										 .writeText(urlToCopy)
2066										 .then(function () {
2067											 new bootstrap.Toast(document.getElementById('coppiedToast')).show();
2068										 })
2069										 .catch(function () {
2070											 fallbackCopy(urlToCopy);
2071										 });
2072								 } else {
2073									 fallbackCopy(urlToCopy);
2074								 }
2075							 });
2076					 
2077							 function fallbackCopy(text) {
2078								 var $tempInput = $('<input style="position:absolute;left:-9999px;">');
2079								 $('body').append($tempInput);
2080								 $tempInput.val(text).select();
2081								 document.execCommand('copy');
2082								 $tempInput.remove();
2083								 new bootstrap.Toast(document.getElementById('coppiedToast')).show();
2084							 }
2085					 
2086							 // Email page link
2087							 $('.emailpage').on('click', function (e) {
2088								 e.preventDefault();
2089					 
2090								 var pageUrl = window.location.href;
2091								 var subject = encodeURIComponent('Check out this page');
2092								 var body = encodeURIComponent('Hey,\n\nI thought you might find this interesting:\n' + pageUrl);
2093								 window.location.href = 'mailto:?subject=' + subject + '&body=' + body;
2094							 });
2095						 });
2096					 </script>
2096
2097					
2098					<div class="toast-container position-fixed top-0 start-50 translate-middle-x">
2099						<div id="coppiedToast" class="toast align-items-center align-items-center text-bg-success border-0 border-0 fade" role="alert" aria-live="assertive" aria-atomic="true">
2100							<div class="d-flex">
2101								<div class="toast-body">
2102									URL copied to clipboard!
2103								</div>
2104								<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
2105							</div>
2106						</div>
2107					</div>
2108					
2109				</div><!-- /.modal-body -->
2110			</div><!-- /.modal-content -->
2111		</div><!-- /.modal-dialog -->
2112	</div><!-- /.modal -->
2113</div><!-- /#modal-section --><link href="https://cdn.jsdelivr.net/gh/lipis/[email protected]/css/flag-icons.min.css" rel="stylesheet" type="text/css" />
2114<div class="modal fade" id="translateModal" tabindex="-1" aria-hidden="true">
2115	<div class="modal-dialog modal-sm modal-dialog-centered modal-dialog-scrollable">
2116		<div class="modal-content">
2117		<form role="search" aria-label="Search Languages" class="sticky-top bg-white m-0 align-self-center position-relative translate-search w-100 p-3 border-bottom">
2118			<input type="search" placeholder="Search languages..." autocomplete="off" class="form-control" id="translatesearch-input">
2119			<button aria-label="Search" tabindex="-1" class="btn btn-link position-absolute top-50 end-0 translate-middle-y gap-3 ps-0 pe-3 me-3 me-1 lh-1 d-flex align-items-center">
2120			<label for="translatesearch-input"><span class="visually-hidden">Search</span><svg width="20" height="20" viewBox="0 0 20 20" aria-hidden="true" class="DocSearch-Search-Icon"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg></label>
2121			</button>
2122		</form>
2123			<div class="modal-body" style="max-height:300px">
2124				<div class="lang-no-results text-center d-none text-muted small">No matching languages.</div>
2125				<div class="translation-links row row-cols-lg-1">
2126					<div>
2127						<button class="btn btn-link text-body p-2 text-start w-100 English" data-lang="English" translate="no">
2128						<span class="fi fi-us me-2"></span><strong>English</strong>
2129						</button>
2130					</div>
2131					<div>
2132						<button class="btn btn-link text-body p-2 text-start w-100 Afrikaans" data-lang="Afrikaans">
2133						<span class="fi fi-za me-2"></span>Afrikaans
2134						</button>
2135					</div>
2136					<div>
2137						<button class="btn btn-link text-body p-2 text-start w-100 Albanian" data-lang="Albanian">
2138						<span class="fi fi-al me-2"></span>Albanian
2139						</button>
2140					</div>
2141					<div>
2142						<button class="btn btn-link text-body p-2 text-start w-100 Arabic" data-lang="Arabic">
2143						<span class="fi fi-sa me-2"></span>Arabic
2144						</button>
2145					</div>
2146					<div>
2147						<button class="btn btn-link text-body p-2 text-start w-100 Armenian" data-lang="Armenian">
2148						<span class="fi fi-am me-2"></span>Armenian
2149						</button>
2150					</div>
2151					<div>
2152						<button class="btn btn-link text-body p-2 text-start w-100 Azerbaijani" data-lang="Azerbaijani">
2153						<span class="fi fi-az me-2"></span>Azerbaijani
2154						</button>
2155					</div>
2156					<div>
2157						<button class="btn btn-link text-body p-2 text-start w-100 Basque" data-lang="Basque">
2158						<span class="fi fi-es me-2"></span>Basque
2159						</button>
2160					</div>
2161					<div>
2162						<button class="btn btn-link text-body p-2 text-start w-100 Belarusian" data-lang="Belarusian">
2163						<span class="fi fi-by me-2"></span>Belarusian
2164						</button>
2165					</div>
2166					<div>
2167						<button class="btn btn-link text-body p-2 text-start w-100 Bengali" data-lang="Bengali">
2168						<span class="fi fi-bd me-2"></span>Bengali
2169						</button>
2170					</div>
2171					<div>
2172						<button class="btn btn-link text-body p-2 text-start w-100 Bosnian" data-lang="Bosnian">
2173						<span class="fi fi-ba me-2"></span>Bosnian
2174						</button>
2175					</div>
2176					<div>
2177						<button class="btn btn-link text-body p-2 text-start w-100 Bulgarian" data-lang="Bulgarian">
2178						<span class="fi fi-bg me-2"></span>Bulgarian
2179						</button>
2180					</div>
2181					<div>
2182						<button class="btn btn-link text-body p-2 text-start w-100 Catalan" data-lang="Catalan">
2183						<span class="fi fi-ad me-2"></span>Catalan
2184						</button>
2185					</div>
2186					<div>
2187						<button class="btn btn-link text-body p-2 text-start w-100 Cebuano" data-lang="Cebuano">
2188						<span class="fi fi-ph me-2"></span>Cebuano
2189						</button>
2190					</div>
2191					<div>
2192						<button class="btn btn-link text-body p-2 text-start w-100 Chinese" data-lang="Chinese (Simplified)">
2193						<span class="fi fi-cn me-2"></span>Chinese (Simplified)
2194						</button>
2195					</div>
2196					<div>
2197						<button class="btn btn-link text-body p-2 text-start w-100 Chinese" data-lang="Chinese (Traditional)">
2198						<span class="fi fi-tw me-2"></span>Chinese (Traditional)
2199						</button>
2200					</div>
2201					<div>
2202						<button class="btn btn-link text-body p-2 text-start w-100 Croatian" data-lang="Croatian">
2203						<span class="fi fi-hr me-2"></span>Croatian
2204						</button>
2205					</div>
2206					<div>
2207						<button class="btn btn-link text-body p-2 text-start w-100 Czech" data-lang="Czech">
2208						<span class="fi fi-cz me-2"></span>Czech
2209						</button>
2210					</div>
2211					<div>
2212						<button class="btn btn-link text-body p-2 text-start w-100 Danish" data-lang="Danish">
2213						<span class="fi fi-dk me-2"></span>Danish
2214						</button>
2215					</div>
2216					<div>
2217						<button class="btn btn-link text-body p-2 text-start w-100 Dutch" data-lang="Dutch">
2218						<span class="fi fi-nl me-2"></span>Dutch
2219						</button>
2220					</div>
2221					<div>
2222						<button class="btn btn-link text-body p-2 text-start w-100 Esperanto" data-lang="Esperanto">
2223						<span class="fi fi-un me-2"></span>Esperanto
2224						</button>
2225					</div>
2226					<div>
2227						<button class="btn btn-link text-body p-2 text-start w-100 
2227Estonian" data-lang="Estonian">
2228						<span class="fi fi-ee me-2"></span>Estonian
2229						</button>
2230					</div>
2231					<div>
2232						<button class="btn btn-link text-body p-2 text-start w-100 Filipino" data-lang="Filipino">
2233						<span class="fi fi-ph me-2"></span>Filipino
2234						</button>
2235					</div>
2236					<div>
2237						<button class="btn btn-link text-body p-2 text-start w-100 Finnish" data-lang="Finnish">
2238						<span class="fi fi-fi me-2"></span>Finnish
2239						</button>
2240					</div>
2241					<div>
2242						<button class="btn btn-link text-body p-2 text-start w-100 French" data-lang="French">
2243						<span class="fi fi-fr me-2"></span>French
2244						</button>
2245					</div>
2246					<div>
2247						<button class="btn btn-link text-body p-2 text-start w-100 Galician" data-lang="Galician">
2248						<span class="fi fi-es me-2"></span>Galician
2249						</button>
2250					</div>
2251					<div>
2252						<button class="btn btn-link text-body p-2 text-start w-100 Georgian" data-lang="Georgian">
2253						<span class="fi fi-ge me-2"></span>Georgian
2254						</button>
2255					</div>
2256					<div>
2257						<button class="btn btn-link text-body p-2 text-start w-100 German" data-lang="German">
2258						<span class="fi fi-de me-2"></span>German
2259						</button>
2260					</div>
2261					<div>
2262						<button class="btn btn-link text-body p-2 text-start w-100 Greek" data-lang="Greek">
2263						<span class="fi fi-gr me-2"></span>Greek
2264						</button>
2265					</div>
2266					<div>
2267						<button class="btn btn-link text-body p-2 text-start w-100 Gujarati" data-lang="Gujarati">
2268						<span class="fi fi-in me-2"></span>Gujarati
2269						</button>
2270					</div>
2271					<div>
2272						<button class="btn btn-link text-body p-2 text-start w-100 Haitian" data-lang="Haitian Creole">
2273						<span class="fi fi-ht me-2"></span>Haitian Creole
2274						</button>
2275					</div>
2276					<div>
2277						<button class="btn btn-link text-body p-2 text-start w-100 Hausa" data-lang="Hausa">
2278						<span class="fi fi-ng me-2"></span>Hausa
2279						</button>
2280					</div>
2281					<div>
2282						<button class="btn btn-link text-body p-2 text-start w-100 Hebrew" data-lang="Hebrew">
2283						<span class="fi fi-il me-2"></span>Hebrew
2284						</button>
2285					</div>
2286					<div>
2287						<button class="btn btn-link text-body p-2 text-start w-100 Hindi" data-lang="Hindi">
2288						<span class="fi fi-in me-2"></span>Hindi
2289						</button>
2290					</div>
2291					<div>
2292						<button class="btn btn-link text-body p-2 text-start w-100 Hmong" data-lang="Hmong">
2293						<span class="fi fi-cn me-2"></span>Hmong
2294						</button>
2295					</div>
2296					<div>
2297						<button class="btn btn-link text-body p-2 text-start w-100 Hungarian" data-lang="Hungarian">
2298						<span class="fi fi-hu me-2"></span>Hungarian
2299						</button>
2300					</div>
2301					<div>
2302						<button class="btn btn-link text-body p-2 text-start w-100 Icelandic" data-lang="Icelandic">
2303						<span class="fi fi-is me-2"></span>Icelandic
2304						</button>
2305					</div>
2306					<div>
2307						<button class="btn btn-link text-body p-2 text-start w-100 Igbo" data-lang="Igbo">
2308						<span class="fi fi-ng me-2"></span>Igbo
2309						</button>
2310					</div>
2311					<div>
2312						<button class="btn btn-link text-body p-2 text-start w-100 Indonesian" data-lang="Indonesian">
2313						<span class="fi fi-id me-2"></span>Indonesian
2314						</button>
2315					</div>
2316					<div>
2317						<button class="btn btn-link text-body p-2 text-start w-100 Irish" data-lang="Irish">
2318						<span class="fi fi-ie me-2"></span>Irish
2319						</button>
2320					</div>
2321					<div>
2322						<button class="btn btn-link text-body p-2 text-start w-100 Italian" data-lang="Italian">
2323						<span class="fi fi-it me-2"></span>Italian
2324						</button>
2325					</div>
2326					<div>
2327						<button class="btn btn-link text-body p-2 text-start w-100 Japanese" data-lang="Japanese">
2328						<span class="fi fi-jp me-2"></span>Japanese
2329						</button>
2330					</div>
2331					<div>
2332						<button class="btn btn-link text-body p-2 text-start w-100 Javanese" data-lang="Javanese">
2333						<span class="fi fi-id me-2"></span>Javanese
2334						</button>
2335					</div>
2336					<div>
2337						<button class="btn btn-link text-body p-2 text-start w-100 K
2337annada" data-lang="Kannada">
2338						<span class="fi fi-in me-2"></span>Kannada
2339						</button>
2340					</div>
2341					<div>
2342						<button class="btn btn-link text-body p-2 text-start w-100 Khmer" data-lang="Khmer">
2343						<span class="fi fi-kh me-2"></span>Khmer
2344						</button>
2345					</div>
2346					<div>
2347						<button class="btn btn-link text-body p-2 text-start w-100 Korean" data-lang="Korean">
2348						<span class="fi fi-kr me-2"></span>Korean
2349						</button>
2350					</div>
2351					<div>
2352						<button class="btn btn-link text-body p-2 text-start w-100 Lao" data-lang="Lao">
2353						<span class="fi fi-la me-2"></span>Lao
2354						</button>
2355					</div>
2356					<div>
2357						<button class="btn btn-link text-body p-2 text-start w-100 Latin" data-lang="Latin">
2358						<span class="fi fi-va me-2"></span>Latin
2359						</button>
2360					</div>
2361					<div>
2362						<button class="btn btn-link text-body p-2 text-start w-100 Latvian" data-lang="Latvian">
2363						<span class="fi fi-lv me-2"></span>Latvian
2364						</button>
2365					</div>
2366					<div>
2367						<button class="btn btn-link text-body p-2 text-start w-100 Lithuanian" data-lang="Lithuanian">
2368						<span class="fi fi-lt me-2"></span>Lithuanian
2369						</button>
2370					</div>
2371					<div>
2372						<button class="btn btn-link text-body p-2 text-start w-100 Macedonian" data-lang="Macedonian">
2373						<span class="fi fi-mk me-2"></span>Macedonian
2374						</button>
2375					</div>
2376					<div>
2377						<button class="btn btn-link text-body p-2 text-start w-100 Malay" data-lang="Malay">
2378						<span class="fi fi-my me-2"></span>Malay
2379						</button>
2380					</div>
2381					<div>
2382						<button class="btn btn-link text-body p-2 text-start w-100 Maltese" data-lang="Maltese">
2383						<span class="fi fi-mt me-2"></span>Maltese
2384						</button>
2385					</div>
2386					<div>
2387						<button class="btn btn-link text-body p-2 text-start w-100 Maori" data-lang="Maori">
2388						<span class="fi fi-nz me-2"></span>Maori
2389						</button>
2390					</div>
2391					<div>
2392						<button class="btn btn-link text-body p-2 text-start w-100 Marathi" data-lang="Marathi">
2393						<span class="fi fi-in me-2"></span>Marathi
2394						</button>
2395					</div>
2396					<div>
2397						<button class="btn btn-link text-body p-2 text-start w-100 Mongolian" data-lang="Mongolian">
2398						<span class="fi fi-mn me-2"></span>Mongolian
2399						</button>
2400					</div>
2401					<div>
2402						<button class="btn btn-link text-body p-2 text-start w-100 Nepali" data-lang="Nepali">
2403						<span class="fi fi-np me-2"></span>Nepali
2404						</button>
2405					</div>
2406					<div>
2407						<button class="btn btn-link text-body p-2 text-start w-100 Norwegian" data-lang="Norwegian">
2408						<span class="fi fi-no me-2"></span>Norwegian
2409						</button>
2410					</div>
2411					<div>
2412						<button class="btn btn-link text-body p-2 text-start w-100 Persian" data-lang="Persian">
2413						<span class="fi fi-ir me-2"></span>Persian
2414						</button>
2415					</div>
2416					<div>
2417						<button class="btn btn-link text-body p-2 text-start w-100 Polish" data-lang="Polish">
2418						<span class="fi fi-pl me-2"></span>Polish
2419						</button>
2420					</div>
2421					<div>
2422						<button class="btn btn-link text-body p-2 text-start w-100 Portuguese" data-lang="Portuguese">
2423						<span class="fi fi-pt me-2"></span>Portuguese
2424						</button>
2425					</div>
2426					<div>
2427						<button class="btn btn-link text-body p-2 text-start w-100 Punjabi" data-lang="Punjabi">
2428						<span class="fi fi-in me-2"></span>Punjabi
2429						</button>
2430					</div>
2431					<div>
2432						<button class="btn btn-link text-body p-2 text-start w-100 Romanian" data-lang="Romanian">
2433						<span class="fi fi-ro me-2"></span>Romanian
2434						</button>
2435					</div>
2436					<div>
2437						<button class="btn btn-link text-body p-2 text-start w-100 Russian" data-lang="Russian">
2438						<span class="fi fi-ru me-2"></span>Russian
2439						</button>
2440					</div>
2441					<div>
2442						<button class="btn btn-link text-body p-2 text-start w-100 Serbian" data-lang="Serbian">
2443						<span class="fi fi-rs me-2"></span>Serbian
2444						</button>
2445					</div>
2446					<div>
2447						<button class="btn btn-link text-body p-2 text-start w-100 Slovak" data-lang="Slovak">
2448						<span class="fi fi-sk me-2"></span>Slovak
2449						</button>
2450					</div>
2451					<div>
2452						<button class="btn btn-link text-body p-2 text-start w-100 Slovenian" data-lang="Slovenian">
2453						<span class="fi fi-si me-2"></span>Slovenian
2454						</button>
2455					</div>
2456					<div>
2457						<button class="btn btn-link text-body p-2 text-start w-100 Somali" data-lang="Somali">
2458						<span class="fi fi-so me-2"></span>Somali
2459						</button>
2460					</div>
2461					<div>
2462						<button class="btn btn-link text-body p-2 text-start w-100 Spanish" data-lang="Spanish">
2463						<span class="fi fi-es me-2"></span>Spanish
2464						</button>
2465					</div>
2466					<div>
2467						<button class="btn btn-link text-body p-2 text-start w-100 Swahili" data-lang="Swahili">
2468						<span class="fi fi-ke me-2"></span>Swahili
2469						</button>
2470					</div>
2471					<div>
2472						<button class="btn btn-link text-body p-2 text-start w-100 Swedish" data-lang="Swedish">
2473						<span class="fi fi-se me-2"></span>Swedish
2474						</button>
2475					</div>
2476					<div>
2477						<button class="btn btn-link text-body p-2 text-start w-100 Tamil" data-lang="Tamil">
2478						<span class="fi fi-in me-2"></span>Tamil
2479						</button>
2480					</div>
2481					<div>
2482						<button class="btn btn-link text-body p-2 text-start w-100 Telugu" data-lang="Telugu">
2483						<span class="fi fi-in me-2"></span>Telugu
2484						</button>
2485					</div>
2486					<div>
2487						<button class="btn btn-link text-body p-2 text-start w-100 Thai" data-lang="Thai">
2488						<span class="fi fi-th me-2"></span>Thai
2489						</button>
2490					</div>
2491					<div>
2492						<button class="btn btn-link text-body p-2 text-start w-100 Turkish" data-lang="Turkish">
2493						<span class="fi fi-tr me-2"></span>Turkish
2494						</button>
2495					</div>
2496					<div>
2497						<button class="btn btn-link text-body p-2 text-start w-100 Ukrainian" data-lang="Ukrainian">
2498						<span class="fi fi-ua me-2"></span>Ukrainian
2499						</button>
2500					</div>
2501					<div>
2502						<button class="btn btn-link text-body p-2 text-start w-100 Urdu" data-lang="Urdu">
2503						<span class="fi fi-pk me-2"></span>Urdu
2504						</button>
2505					</div>
2506					<div>
2507						<button class="btn btn-link text-body p-2 text-start w-100 Vietnamese" data-lang="Vietnamese">
2508						<span class="fi fi-vn me-2"></span>Vietnamese
2509						</button>
2510					</div>
2511					<div>
2512						<button class="btn btn-link text-body p-2 text-start w-100 Welsh" data-lang="Welsh">
2513						<span class="fi fi-gb me-2"></span>Welsh
2514						</button>
2515					</div>
2516					<div>
2517						<button class="btn btn-link text-body p-2 text-start w-100 Yoruba" data-lang="Yoruba">
2518						<span class="fi fi-ng me-2"></span>Yoruba
2519						</button>
2520					</div>
2521					<div>
2522						<button class="btn btn-link text-body p-2 text-start w-100 Zulu" data-lang="Zulu">
2523						<span class="fi fi-za me-2"></span>Zulu
2524						</button>
2525					</div>
2526				</div>
2527			</div>
2528			<div class="modal-footer p-2">
2529				<div class="lang-search-status text-center small text-muted" aria-l
2529ive="polite" aria-atomic="true"></div>
2530				<button type="button" class="btn btn-sm btn-primary ms-auto" data-bs-dismiss="modal">Close</button>
2531				<button class="btn btn-link text-body p-2 text-start translate-reset" translate="no">
2532					<i class="fa-solid fa-power-off" aria-hidden="true"></i>
2533					<span class="visually-hidden">Reset Translation</span>
2534				</button>
2535			</div>
2536		</div>
2537	</div>
2538</div>
2539<div id="google-translate" class="d-none"></div>
2540<script>
2541function googleTranslateElementInit() {
2542	new google.translate.TranslateElement(
2543		{ pageLanguage: 'en', autoDisplay: false, layout: google.translate.TranslateElement.InlineLayout.SIMPLE },
2544		'google-translate'
2545	);
2546}
2547</script>
vendor: 2 bytes, line 2547
2547
2548<script>
2549var translateURL = "//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit";
2550$.getScript(translateURL);
2551
2552function clickLanguage(langText, maxTries, intervalMs) {
2553	langText = (langText || '').trim();
2554	maxTries = maxTries || 30;
2555	intervalMs = intervalMs || 200;
2556	var tries = 0;
2557	var timer = setInterval(function () {
2558		var $frame = $("iframe.skiptranslate");
2559		if ($frame.length) {
2560			var doc = $frame.contents();
2561			var $target = doc.find('span.text').filter(function () {
2562				return $(this).text().trim() === langText;
2563			}).closest('a');
2564			if (!$target.length) {
2565				$target = doc.find('span.text').filter(function () {
2566					return $(this).text().trim() === 'English';
2567				}).closest('a');
2568			}
2569			if ($target.length) {
2570				$target.get(0).click();
2571				clearInterval(timer);
2572				return;
2573			}
2574		}
2575		tries++;
2576		if (tries >= maxTries) clearInterval(timer);
2577	}, intervalMs);
2578}
2579
2580function getCookie(cname) {
2581	let name = cname + "=";
2582	let ca = document.cookie.split(';');
2583	for(let i = 0; i < ca.length; i++) {
2584		let c = ca[i];
2585		while (c.charAt(0) == ' ') c = c.substring(1);
2586		if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
2587	}
2588	return "";
2589}
2590
2591function sanitizeFlag(code) {
2592	var v = (code || "").toLowerCase().trim();
2593	if (!v || v === "undefined" || v === "null") return "";
2594	if (!/^[a-z]{2}$/.test(v)) return "";
2595	return v;
2596}
2597
2598function applyActiveFromCookie() {
2599	var code = sanitizeFlag(getCookie('lang')) || sanitizeFlag(getCookie('code')) || 'us';
2600	var $btn = $('.translation-links button').filter(function(){
2601		var dataCode = ($(this).data('code') || '').toString().toLowerCase();
2602		if (dataCode && dataCode === code) return true;
2603		var cls = ($(this).find('span[class*="fi-"]').attr('class') || '');
2604		var m = cls.match(/\bfi-([a-z]{2})\b/i);
2605		return m && m[1].toLowerCase() === code;
2606	}).first();
2607	if (!$btn.length && code === 'us') $btn = $('.translation-links button[data-lang="English"]').first();
2608	$('.translation-links button').removeClass('active');
2609	if ($btn.length) $btn.addClass('active');
2610}
2611
2612(function initSelectedFlag(){
2613	var initialCode = sanitizeFlag(getCookie('lang')) || sanitizeFlag(getCookie('code')) || "us";
2614	$('.selected-flag').attr('class', 'fi fi-' + initialCode + ' selected-flag');
2615	$('.c-code').text(initialCode);
2616	applyActiveFromCookie();
2617})();
2618
2619$(".translation-links button").on("click", function () {
2620	var lang = $(this).data("lang");
2621	$('.translation-links button').removeClass('active');
2622	$(this).addClass('active');
2623	clickLanguage(lang);
2624	var cCode = $(this).data('code');
2625	if (!cCode) {
2626		var cls = $(this).find('span[class*="fi-"]').attr('class') || '';
2627		var m = cls.match(/\bfi-([a-z]{2})\b/i);
2628		if (m) cCode = m[1].toLowerCase();
2629	}
2630	if (!cCode) cCode = 'us';
2631	$('.selected-flag').attr('class', 'fi fi-' + cCode + ' selected-flag');
2632	$('.c-code').text(cCode);
2633	document.cookie = 'lang=' + cCode + '; path=/';
2634	document.cookie = 'code=' + cCode + '; path=/';
2635	return false;
2636});
2637
2638var $translateReset = $(".translate-reset");
2639$translateReset.on("keydown click", function (e) {
2640	if (e.keyCode === 13 || e.type === "click") {
2641		clickLanguage('English');
2642		$('.translation-links button').removeClass('active');
2643		$('.translation-links button[data-lang="English"]').addClass('active');
2644		$('.selected-flag').attr('class','fi fi-us selected-flag');
2645		$('.c-code').text('us');
2646		document.cookie = 'lang=us; path=/';
2647		document.cookie = 'code=us; path=/';
2648	}
2649});
2650
2651(function($){
2652	var $form = $('.translate-search');
2653	var $input = $form.find('input[type="search"]');
2654	var $list = $('.translation-links');
2655	var $btns = $list.find('div');
2656	var $empty = $('.lang-no-results');
2657	var $status = $('.lang-search-status');
2658	$form.on('submit', function(e){ e.preventDefault(); });
2659	function norm(s){
2660		return (s||'').toString().toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'');
2661	}
2662	$btns.each(function(){
2663		var $b = $(this);
2664		var txt = $b.text().trim();
2665		var lang = ($b.data('lang')||'')+'';
2666		$b.attr('data-search', norm(txt + ' ' + lang));
2667	});
2668	function updateStatus(visible, total){
2669		if ($status.length) $status.text(visible + ' of ' + total + ' languages');
2670		if ($empty.length)  $empty.toggleClass('d-none', visible > 0);
2671	}
2672	var total = $btns.length;
2673	updateStatus(total, total);
2674	function filter(){
2675		var q = norm($input.val());
2676		if (!q){
2677			$btns.removeClass('d-none');
2678			updateStatus(total, total);
2679			return;
2680		}
2681		var visible = 0;
2682		$btns.each(function(){
2683			var $b = $(this);
2684			var hay = $b.attr('data-search') || '';
2685			var match = hay.indexOf(q) !== -1;
2686			$b.toggleClass('d-none', !match);
2687			if (match) visible++;
2688		});
2689		$btns.filter('.d-none').attr('tabindex', -1);
2690		$btns.not('.d-none');
2691		updateStatus(visible, total);
2692	}
2693	$input.on('input keyup', filter);
2694})(jQuery);
2695// ADA, Fix Google Translate Inputs
2696function fixGoogleTranslateInputs() {
2697		const inputs = [
2698			{ id: "goog-gt-votingInputSrcLang", label: "Source Language Input" },
2699			{ id: "goog-gt-votingInputTrgLang", label: "Target Language Input" },
2700			{ id: "goog-gt-votingInputSrcText", label: "Source Text Input" },
2701			{ id: "goog-gt-votingInputTrgText", label: "Target Text Input" },
2702			{ id: "goog-gt-votingInputVote", label: "Vote Input" },
2703		];
2704
2705		let allLabelsSet = true;
2706		inputs.forEach((item) => {
2707			const input = document.getElementById(item.id);
2708			if (input) {
2709				input.setAttribute("aria-label", item.label);
2710			} else {
2711				allLabelsSet = false;
2712			}
2713		});
2714
2715		if (allLabelsSet) {
2716			googleObserver.disconnect();
2717		}
2718	}
2719	const googleObserver = new MutationObserver((mutationsList, observer) => {
2720		for (let mutation of mutationsList) {
2721			if (mutation.type === "childList") {
2722				fixGoogleTranslateInputs();
2723			}
2724		}
2725	});
2726	googleObserver.observe(document.body, { childList: true, subtree: true });
2727 fixGoogleTranslateInputs();
2728</script>
vendor: 2 bytes, line 2728
2728
2729<script>
2730// === prevent translation on certain elements ===
2731var NO_TRANSLATE_SELECTORS = [
2732	'.material-icons',
2733	'.main-logo',
2734	'.nav-label',
2735	'.mini-calendar',
2736	'.rz-address-wrapper',
2737	'[data-no-translate]',
2738	'a[href^="mailto:"]'
2739];
2740
2741function applyNoTranslate() {
2742	try {
2743		NO_TRANSLATE_SELECTORS.forEach(function (sel) {
2744			var $els = $(sel);
2745			if ($els.length) {
2746				$els
2747					.addClass('notranslate')
2748					.attr('translate', 'no')
2749					.attr('lang', $els.attr('lang') || 'en');
2750			}
2751		});
2752	} catch (e){
2753		
2754	}
2755}
2756
2757$(applyNoTranslate);
2758var noTranslateObserver = new MutationObserver(function () {
2759	applyNoTranslate();
2760});
2761noTranslateObserver.observe(document.documentElement, { childList: true, subtree: true });
2762</script>
2762
2763<div class="offcanvas offcanvas-end offcanvas-business-item" tabindex="-1" id="catalogueDetails" aria-modal="true">
2764	<div class="offcanvas-body p-0">
2765 		<div class="ratio ratio-16x9 mb-4 featured-image-wrap z-0" style="background-image: url('');"></div>
2766		<button type="button" class="btn-close m-3 me-4 p-2 position-absolute end-0 top-0 bg-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
2767		<h4 class="p-2 px-md-4 catalogue-title">Catalogue title</h4>
2768		<ul class="nav nav-underline justify-content-start border-bottom m-0 px-4" id="businessTabs" role="tablist">
2769			<li class="nav-item m-0 " role="presentation">
2770				<button class="nav-link py-2 active" id="home-tab" data-bs-toggle="tab" data-bs-target="#overview-tab-pane" type="button" role="tab" aria-controls="overview-tab-pane" aria-selected="true">Overview</button>
2771			</li>
2772			<li class="nav-item m-0" role="presentation">
2773				<button class="nav-link py-2" id="profile-tab" data-bs-toggle="tab" data-bs-target="#about-tab-pane" type="button" role="tab" aria-controls="about-tab-pane" aria-selected="false" tabindex="-1">About</button>
2774			</li>
2775			<li class="nav-item m-0 d-none" role="presentation">
2776				<button class="nav-link py-2" id="contact-tab" data-bs-toggle="tab" data-bs-target="#photos-tab-pane" type="button" role="tab" aria-controls="photos-tab-pane" aria-selected="false" tabindex="-1">Photos</button>
2777			</li>
2778		</ul>
2779		<div id="business-details">
2780			<div class="tab-content" id="businessTabContent">
2781				<div class="tab-pane p-4 fade active show" id="overview-tab-pane" role="tabpanel" tabindex="0">
2782					<div class="row row-cols-3 row-cols-md-3 py-lg-3 px-2 catalogue-helpful-links">
2783						<p class="d-flex flex-column text-center m-0">
2784							<a href="" class="btn btn-link px-0 py-4 p-lg-4 d-flex flex-column text-decoration-none row g-4"><i class="m-0 bi bi-box-arrow-up-right lh-1 fs-2"></i><span>Website</span></a>
2785						</p>
2786						<p class="d-flex flex-column text-center m-0 catalogue-map-link">
2787							<a href="" class="btn btn-link px-0 py-4 p-lg-4 d-flex flex-column text-decoration-none row g-4"><i class="m-0 bi bi-geo-alt lh-1 fs-2"></i><span>View Map</span></a>
2788						</p>
2789						<!-- <p class="d-flex flex-column text-center m-0">
2790							<a href="" class="btn btn-link px-0 py-4 p-lg-4 d-flex flex-column text-decoration-none row g-4"><i class="m-0 bi bi-heart lh-1 fs-2"></i><span>Save</span></a>
2791						</p> -->
2792						<p class="d-flex flex-column text-center m-0">
2793							<a href="" class="btn btn-link px-0 py-4 p-lg-4 d-flex flex-column text-decoration-none row g-4" data-bs-toggle="modal" data-bs-target="#shareModal"><i class="m-0 bi bi-share lh-1 fs-2"></i><span>Share</span></a>
2794						</p>
2795					</div><!-- /.d-flex -->
2796					<hr class="mt-0 mb-4">
2797					<div class="row row-cols-1 row-cols-md-3 catalogue-contacts gap-md-3">
2798					</div><!-- /.row -->
2799					<table class="table catalogue-hours">
2800						<thead>
2801							<tr>
2802								<th scope="col" style="width:160px" class="ps-0 small text-muted">Days</th>
2803								<th scope="col" class="small text-muted">Hours</th>
2804							</tr>
2805						</thead>
2806
2807						<tbody class="table-group-divider">
2808							<tr>
2809								<th scope="row" class="ps-0 text-nowrap">Sunday</th>
2810								<td></td>
2811							</tr>
2812							<tr>
2813								<th scope="row" class="ps-0 text-nowrap">Monday</th>
2814								<td></td>
2815							</tr>
2816							<tr>
2817								<th scope="row" class="ps-0 text-nowrap">Tuesday</th>
2818								<td></td>
2819							</tr>
2820							<tr>
2821								<th scope="row" class="ps-0 text-nowrap">Wednesday</th>
2822								<td></td>
2823							</tr>
2824							<tr>
2825								<th scope="row" class="ps-0 text-nowrap">Thursday</th>
2826								<td></td>
2827							</tr>
2828							<tr>
2829								<th scope="row" class="ps-0 text-nowrap">Friday</th>
2830								<td></td>
2831							</tr>
2832							<tr>
2833								<th scope="row" class="ps-0 text-nowrap">Saturday</th>
2834								<td></td>
2835							</tr>
2836						</tbody>
2837					</table>
2838				</div><!-- /.tab-pane -->
2839				<div class="tab-pane p-4 fade" id="about-tab-pane" role="tabpanel" tabindex="0">
2840				</div><!-- /.tab-pane -->
2841				<div class="tab-pane p-4 fade" id="photos-tab-pane" role="tabpanel" tabindex="0">
2842					<div class="alert alert-warning text-dark border-0 border-start border-warning rounded-0 show" style="border-width:5px!important">#todo masonry has to refresh after clicking photos tab</div>
2843					<div class="rz-gallery-wrap">
2844
2845						<div id="businessDetailslightgallery" class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-2" data-masonry="{&quot;percentPosition&quot;: true, &quot;itemSelector&quot;: &quot;.rz-gallery-image&quot;}" style="position: relative; height: 0px;">
2846
2847							<!-- <div data-src="_assets_/images/no-image-slider-2.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;">
2848								<img src="_assets_/images/no-image-slider-2.jpg" class="w-100" alt="">
2849												<span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle">
2850									<i class="bi bi-arrows-angle-expand lh-1"></i>
2851								</span>
2852							</div>
2853							
2854							<div data-src="_assets_/images/no-image-slider.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;">
2855								<img src="_assets_/images/no-image-slider.jpg" class="w-100" alt="">
2856												<span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle">
2857									<i class="bi bi-arrows-angle-expand lh-1"></i>
2858								</span>
2859							</div>
2860							
2861							<div data-src="_assets_/images/no-image-slider-2.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;">
2862								<img src="_assets_/images/no-image-slider-2.jpg" class="w-100" alt="">
2863												<span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle">
2864									<i class="bi bi-arrows-angle-expand lh-1"></i>
2865								</span>
2866							</div>
2867							
2868							<div data-src="_assets_/images/no-image-slider-2.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;">
2869								<img src="_assets_/images/no-image-slider-2.jpg" class="w-100" alt="">
2870												<span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle">
2871									<i class="bi bi-arrows-angle-expand lh-1"></i>
2872								</span>
2873							</div>
2874							
2875							<div data-src="_assets_/images/no-image-slider-2.jpg" class="rz-gallery-image" data-lg-size="3000-2000" style="position: absolute;">
2876								<img src="_assets_/images/no-image-slider-2.jpg" class="w-100" alt="">
2877												<span class="rz-zoom cursor-pointer z-index-1 bg-white fs-3 lh-1 p-4 rounded-circle">
2878									<i class="bi bi-arrows-angle-expand lh-1"></i>
2879								</span>
2880							</div> -->
2881
2882						</div><!-- #lightgallery -->
2883					</div><!-- /.rz-gallery-wrap -->
2884				</div><!-- /.tab-pane -->
2885			</div><!-- /.tab-content -->
2886		</div><!-- /#business-details -->
2887	</div><!-- /.offcanvas-body -->
2888</div>
2889
2890
2891<script>
2892
2893var catalogueDetailsMap = { modal: null };
2894var catalogueJSONData = null;
2895
2896if (typeof indexByIdOrRid !== 'function') {
2897	function indexByIdOrRid(data){
2898		if (!data) return {};
2899		if (!Array.isArray(data)) return data;
2900		return data.reduce((m, item) => {
2901			if (!item) return m;
2902			const key = item.rid ?? item.id;
2903			if (key != null) m[String(key)] = item;
2904			return m;
2905		}, {});
2906	}
2907}
2908
2909function openCatalogueDetails(rid) {
2910	if (!catalogueDetailsMap.modal || !catalogueJSONData) return;
2911
2912	rid = String(rid);
2913	var cRecord = catalogueJSONData[rid];
2914	if (!cRecord) return;
2915
2916	var m = catalogueDetailsMap;
2917
2918	var parsedOptions = cRecord.options;
2919	if (typeof parsedOptions === 'string') {
2920		try { parsedOptions = JSON.parse(parsedOptions); } catch(e){ parsedOptions = {}; }
2921	}
2922	parsedOptions = parsedOptions || {};
2923
2924	var imgURL = (cRecord.image || '').trim();
2925	if (imgURL && !imgURL.endsWith('/')) {
2926		m.img && m.img.classList.remove('d-none');
2927		if (m.img) {
2928			m.img.style.backgroundImage = "url('" + imgURL + "')";
2929		}
2930	} else {
2931		if (m.img) {
2932			m.img.style.backgroundImage = '';
2933			m.img.classList.add('d-none');
2934		}
2935	}
2936
2937	// Title
2938	if (m.title) {
2939		var rawTitle = cRecord.title || cRecord.name || "";
2940		m.title.textContent = decodeHtmlEntities(rawTitle);
2941	}
2942
2943	if (m.helpful) {
2944		var links = m.helpful.querySelectorAll("a");
2945		if (links.length) {
2946			var el = links[0];
2947			var webUrl  = (parsedOptions.website_url || "").trim();
2948			var webText = (parsedOptions.website_text || "Visit Website").trim();
2949			if (webUrl && webUrl !== "#") {
2950				el.href = webUrl;
2951				el.target = "_blank";
2952				var span = el.querySelector("span");
2953				if (span) span.innerText = webText;
2954				el.parentElement && el.parentElement.classList.remove("d-none");
2955			} else {
2956				el.href = "";
2957				el.parentElement && el.parentElement.classList.add("d-none");
2958			}
2959		}
2960	}
2961
2962	if (m.maplink) {
2963		var mapAs = m.maplink.querySelectorAll("a");
2964		if (mapAs.length) {
2965			var mapEl = mapAs[0];
2966			var addr = (parsedOptions.val_address || "").trim();
2967			if (addr) {
2968				var encoded = encodeURIComponent(addr).replace(/%20/g, "+");
2969				mapEl.href = "https://www.google.com/maps/search/?api=1&query=" + encoded;
2970				mapEl.target = "_blank";
2971				mapEl.parentElement && mapEl.parentElement.classList.remove('d-none');
2972			} else {
2973				mapEl.href = "";
2974				mapEl.parentElement && mapEl.parentElement.classList.add('d-none');
2975			}
2976		}
2977	}
2978
2979	if (m.contacts) {
2980		m.contacts.innerHTML = "";
2981		if (Array.isArray(parsedOptions.contacts)) {
2982			parsedOptions.contacts.forEach(function(contact) {
2983				var newAddress = document.createElement("address");
2984				newAddress.innerHTML = '<strong class="small text-muted">' + (contact.val_header||'') + '</strong><br>';
2985
2986				var inner = contact.val_text || '';
2987				if (contact.val_href) {
2988					try {
2989						var href = contact.val_href;
2990						var isSelf = href.startsWith('tel:') || href.startsWith('mailto:') || href.startsWith(location.origin);
2991						inner = '<a href="'+href+'" target="'+(isSelf?'_self':'_blank')+'">'+ inner +'</a>';
2992					} catch(e) { /* ignore bad href */ }
2993				}
2994				newAddress.innerHTML += inner;
2995				m.contacts.append(newAddress);
2996			});
2997		}
2998	}
2999
3000	if (m.hours) {
3001		const table = m.hours; 
3002		const dayKeys = [
3003			'val_sunday','val_monday','val_tuesday','val_wednesday',
3004			'val_thursday','val_friday','val_saturday'
3005		];
3006	
3007		const tds = Array.from(table.querySelectorAll('tbody td'));
3008		let hasAny = false;
3009	
3010		tds.forEach((td, i) => {
3011			const val = parsedOptions.hours && parsedOptions.hours[dayKeys[i]];
3012			const v = (val || '').trim();
3013			td.textContent = v;
3014			if (v) hasAny = true;
3015		});
3016	
3017		table.classList.toggle('d-none', !hasAny);
3018	}
3019
3020	if (m.detail) {
3021		const pane = m.detail;
3022		const tabPane = pane.closest('.tab-pane');
3023		const tabLink = tabPane ? document.querySelector(`[data-bs-target="#${tabPane.id}"]`) : null;
3024	
3025		pane.innerHTML = "Loading...";
3026	
3027		fetch('catalogue/' + encodeURIComponent(rid) + '.php?display=json')
3028			.then(res => res.json())
3029			.then(data => {
3030				const html = (data && data.details) ? data.details.trim() : "";
3031	
3032				pane.innerHTML = html || "";
3033	
3034				const isEmpty = !html;
3035				if (tabPane) tabPane.classList.toggle('d-none', isEmpty);
3036				if (tabLink) tabLink.classList.toggle('d-none', isEmpty);
3037			})
3038			.catch(() => {
3039				pane.innerHTML = "";
3040				if (tabPane) tabPane.classList.add('d-none');
3041				if (tabLink) tabLink.classList.add('d-none');
3042			});
3043	}
3044
3045	// Gallery #TODO)
3046	if (m.gallery) m.gallery.innerHTML = "";
3047
3048	try {
3049		bootstrap.Offcanvas.getOrCreateInstance(m.modal).show();
3050	} catch(e) {
3051		console.error('Offcanvas show failed:', e);
3052	}
3053
3054	if (window.pushOcState) pushOcState('catalogueDetails', rid);
3055}
3056
3057document.addEventListener('DOMContentLoaded', function() {
3058	var modal = document.querySelector("#catalogueDetails");
3059	if (!modal) return;
3060
3061	catalogueDetailsMap = {
3062		modal: modal,
3063		img: modal.querySelector(".featured-image-wrap"),
3064		title: modal.querySelector(".offcanvas-body .catalogue-title"),
3065		helpful: modal.querySelector(".catalogue-helpful-links"),
3066		maplink: modal.querySelector(".catalogue-map-link"),
3067		contacts: modal.querySelector(".catalogue-contacts"),
3068		hours: modal.querySelector(".catalogue-hours"),
3069		detail: modal.querySelector("#about-tab-pane"),
3070		gallery: modal.querySelector("#businessDetailslightgallery"),
3071	};
3072
3073	fetch('_includes_/published/catalogue.json')
3074		.then(res => res.json())
3075		.then(data => { catalogueJSONData = indexByIdOrRid(data); })
3076		.then(() => { if (typeof tryDeepLinkNow === 'function') tryDeepLinkNow('catalogueDetails'); })
3077		.catch((e) => { console.error('catalogue.json load failed', e); catalogueJSONData = {}; });
3078});
3079</script>
3079<div class="offcanvas offcanvas-bottom offcanvas-news-item mx-auto rounded-0 bg-body" tabindex="-1" id="newsDetails" style="--bs-offcanvas-height:95vh;">
3080<div class="progress rounded-0" role="progressbar" aria-label="Scroll Progress" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="height: 8px">
3081	<div class="progress-bar bg-secondary"></div></div>
3082
3083	<div class="offcanvas-header border-bottom fw-bold">
3084		Article Details
3085		<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
3086	</div>
3087	<div class="offcanvas-body pt-0">
3088 		<div class="container p-0">
3089			<div class="col-lg-9 mx-auto">
3090
3091			<div class="sticky-top">
3092				<div class="d-flex small bg-body flex-wrap align-items-center py-3">
3093					<div class="d-flex me-3">
3094						<div class="d-flex post-info-wrap">
3095							<p class="post-published m-0">
3096								<span class="opacity-75">Published:</span>
3097								<time></time> <i class="bi bi-dot d-inline-block"></i>
3098								<span id="eta"></span>
3099							</p><!-- /.post-published -->
3100						</div><!-- /.post-info-wrap -->
3101					</div><!-- /.d-flex -->
3102					
3103					<div class="post-btns-wrap ms-auto">
3104						<button type="button" class="btn px-3 py-1 py-md-2 btn-outline-light d-flex gap-2 align-items-center" data-bs-toggle="modal" data-bs-target="#shareModal" aria-label="Share this post">
3105							<i class="bi bi-share align-middle" aria-hidden="true"></i>
3106							<span class="visually-hidden">Share</span>
3107						</button>
3108					</div><!-- /.post-btns-wrap -->
3109					
3110				</div><!-- /.d-flex -->
3111			</div><!-- /.sticky-top -->
3112
3113		<div class="featured-image-wrapper"></div>
3114		
3115			<div class="p-lg-2 px-md-5">
3116				<h3 class="mb-3 h3">Article Title</h3>
3117				<nav aria-label="breadcrumb" class="breadcrumb mb-3">
3118					<ul>
3119						<li class="breadcrumb-item"><a href="./news">Articles</a> 
3120						<li class="breadcrumb-item active text-truncate" aria-current="page"></li>
3121					</ul>
3122				</nav>
3123				<div id="news-full-details" class="article-full-details"></div><!-- /#post-details -->
3124			</div><!-- /.p-lg-2 -->
3125			</div><!-- /.col-lg-9 -->
3126		</div><!-- /.container -->
3127	</div><!-- /.offcanvas-body -->
3128</div><!-- /.offcanvas -->
3129
3130<script>
3131var newsDetailsMap = { modal: null };
3132var newsJSONData = null;
3133
3134if (typeof indexByIdOrRid !== 'function') {
3135	function indexByIdOrRid(data){
3136		if (!data) return {};
3137		if (!Array.isArray(data)) return data;
3138		return data.reduce((m, item) => {
3139			if (!item) return m;
3140			const key = item.rid ?? item.id;
3141			if (key != null) m[String(key)] = item;
3142			return m;
3143		}, {});
3144	}
3145}
3146
3147function hasImg(url) {
3148	if (!url) return false;
3149	var s = String(url).trim();
3150	if (!s) return false;
3151	if (/^(null|undefined|none|n\/a)$/i.test(s)) return false;
3152	return true;
3153}
3154
3155/* global helper: decode &#10024; &amp; etc */
3156window.decodeHtmlEntities = window.decodeHtmlEntities || function (str) {
3157	if (str == null) return '';
3158	const ta = document.createElement('textarea');
3159	ta.innerHTML = String(str);
3160	return ta.value;
3161};
3162
3163function setFeaturedImage(url) {
3164	var m = newsDetailsMap;
3165	var modal = m.modal;
3166	if (!modal) return;
3167
3168	var wrap = modal.querySelector(".featured-image-wrapper");
3169	if (!wrap) return;
3170
3171	if (hasImg(url)) {
3172		wrap.className = "featured-image-wrapper ratio ratio-16x9 mb-4 featured-image-wrap rounded";
3173		wrap.style.backgroundImage = "url('" + url + "')";
3174		m.img = wrap;
3175	} else {
3176		wrap.className = "featured-image-wrapper";
3177		wrap.style.backgroundImage = "";
3178		m.img = null;
3179	}
3180}
3181
3182function openNewsDetails(rid) {
3183	if (!newsDetailsMap.modal || !newsJSONData) return;
3184
3185	rid = String(rid);
3186	var cRecord = newsJSONData[rid];
3187	if (!cRecord) return;
3188
3189	var m = newsDetailsMap;
3190
3191	setFeaturedImage(cRecord.image);
3192	
3193	const titleDecoded = decodeHtmlEntities(cRecord.title || "");
3194	
3195	m.title.textContent      = titleDecoded;
3196	m.date.textContent       = cRecord.date || cRecord.posted || "";
3197	m.breadcrumb.textContent = titleDecoded;
3198
3199	m.detail.innerHTML = "Loading...";
3200	fetch('articles/' + encodeURIComponent(rid) + '.php?display=json')
3201		.then(res => res.json())
3202		.then(newsData => { m.detail.innerHTML = newsData.details || ""; })
3203		.catch(() => { m.detail.innerHTML = ""; });
3204
3205	try {
3206		bootstrap.Offcanvas.getOrCreateInstance(m.modal).show();
3207	} catch(e) {
3208		console.error('Offcanvas show failed:', e);
3209	}
3210
3211	if (window.pushOcState) pushOcState('newsDetails', rid);
3212}
3213
3214document.addEventListener('DOMContentLoaded', function() {
3215	var modal = document.querySelector("#newsDetails");
3216	if (!modal) return; 
3217
3218	newsDetailsMap = {
3219		modal: modal,
3220		img: modal.querySelector(".featured-image-wrapper"),
3221		title: modal.querySelector("h3.h3"),
3222		date: modal.querySelector(".post-published>time"),
3223		breadcrumb: modal.querySelector(".breadcrumb-item.active"),
3224		detail: modal.querySelector("#news-full-details")
3225	};
3226	
3227	// Scroll progress bar
3228	var scrollTarget  = modal.querySelector('.offcanvas-body');
3229	var progressBar   = modal.querySelector('.progress-bar');
3230	var progressOuter = modal.querySelector('.progress[role="progressbar"]');
3231	
3232	function updateScrollProgress() {
3233		if (!scrollTarget || !progressBar) return;
3234	
3235		var maxScroll = scrollTarget.scrollHeight - scrollTarget.clientHeight;
3236		var current   = scrollTarget.scrollTop || 0;
3237	
3238		var pct = 0;
3239		if (maxScroll > 0) {
3240			pct = (current / maxScroll) * 100;
3241		}
3242		pct = Math.min(Math.max(pct, 0), 100);
3243	
3244		progressBar.style.width = pct + '%';
3245		if (progressOuter) {
3246			progressOuter.setAttribute('aria-valuenow', Math.round(pct));
3247		}
3248	}
3249	
3250	if (scrollTarget && progressBar) {
3251		scrollTarget.addEventListener('scroll', updateScrollProgress, { passive: true });
3252	
3253		modal.addEventListener('show.bs.offcanvas', function () {
3254			if (!scrollTarget) return;
3255			scrollTarget.scrollTop = 0;
3256			updateScrollProgress();
3257		});
3258	
3259		updateScrollProgress();
3260	}
3261
3262	fetch('_includes_/published/news_list.json')
3263		.then(res => res.json())
3264		.then(data => { newsJSONData = indexByIdOrRid(data); })
3265		.then(() => { if (typeof tryDeepLinkNow === 'function') tryDeepLinkNow('newsDetails'); })
3266		.catch((e) => { console.error('news_list.json load failed', e); newsJSONData = {}; });
3267});
3268</script>
3268<div class="offcanvas offcanvas-end offcanvas-job-item"
3269	tabindex="-1"
3270	id="jobDetails">
3271	<div class="offcanvas-header bg-light p-4 px-lg-5">
3272		<h3 class="offcanvas-title fs-4">Job post</h3>
3273		<button type="button"
3274			class="btn-close"
3275			data-bs-dismiss="offcanvas"
3276			aria-label="Close"></button>
3277	</div>
3278	<div class="offcanvas-body p-0">
3279
3280		<div class="p-4 p-lg-5">
3281			<div class="d-flex align-items-center justify-content-between">
3282				<div>
3283					<p class="h3 m-0 fs-3 d-flex flex-column">
3284						<small class="fs-6 text-muted fw-bold">Position</small>
3285					</p>
3286					<h4 class="job-position">Job Position</h4>
3287				</div>
3288				<span class="btn btn-link btn-lg ms-auto d-none"
3289					id="saveItemBtn"
3290					tabindex="0">
3291					<i class="bi bi-heart text-danger ms-auto cursor-pointer"></i>
3292				</span>
3293				<span class="btn btn-link btn-lg p-0"
3294					data-bs-toggle="modal"
3295					data-bs-target="#shareModal"
3296					tabindex="0">
3297					<i class="bi bi-share text-body"></i>
3298				</span>
3299			</div>
3300		</div><!-- /.p-4 -->
3301
3302		<div class="job-details">
3303			<div class="bg-light p-4 p-lg-5">
3304				<div class="row row-cols-1 row-cols-sm-2 g-2 attribute-callouts"></div>
3305
3306				<a href="#"
3307					class="btn btn-primary mt-lg-4 apply-link">
3308					Apply Now<i class="bi bi-box-arrow-up-right ms-2"></i>
3309				</a>
3310			</div><!-- /.bg-light -->
3311
3312			<div class="bg-white p-4 p-lg-5">
3313				<!-- <p class="small bg-success-subtle text-success-emphasis p-1 px-2 mb-2 rounded-pill d-inline-flex">
3314					<small><i class="bi bi-exclamation-circle"></i> Urgent Hire</small>
3315				</p> -->
3316				<p class="fs-4"></p>
3317				<div class="job-full-details"></div>
3318			</div><!-- /.bg-white -->
3319		</div><!-- /#job-details -->
3320	</div><!-- /.offcanvas-body -->
3321</div><!-- /.offcanvas -->
3322
3323<div class="toast align-items-center text-bg-success border-0 position-fixed bottom-0 end-0 m-4"
3324	id="savedItem"
3325	role="alert"
3326	aria-live="assertive"
3327	aria-atomic="true">
3328	<div class="d-flex">
3329		<div class="toast-body">
3330			Added to your favorites!
3331			<a href="" class="text-light">See all here</a>
3332		</div>
3333		<button type="button"
3334			class="btn-close btn-close-white me-2 m-auto"
3335			data-bs-dismiss="toast"
3336			aria-label="Close"></button>
3337	</div>
3338</div><!-- /.toast -->
3339
3340<script>
3341var jobDetailsMap = { modal: null };
3342var jobJSONData = null;
3343
3344if (typeof indexByIdOrRid !== 'function') {
3345	function indexByIdOrRid(data){
3346		if (!data) return {};
3347		if (!Array.isArray(data)) return data; 
3348		return data.reduce((m, item) => {
3349			if (!item) return m;
3350			const key = item.rid ?? item.id;
3351			if (key != null) m[String(key)] = item;
3352			return m;
3353		}, {});
3354	}
3355}
3356
3357function openJobDetails(rid) {
3358	if (!jobDetailsMap.modal || !jobJSONData) return;
3359
3360	rid = String(rid);
3361	var cRecord = jobJSONData[rid];
3362	if (!cRecord) return;
3363
3364	var m = jobDetailsMap;
3365	var parsedOptions = cRecord.options || {};
3366
3367	if (m.titleB) m.titleB.textContent = decodeHtmlEntities(cRecord.title || "");
3368
3369	if (m.callouts) {
3370		m.callouts.innerHTML = "";
3371		if (Array.isArray(parsedOptions.attributes)) {
3372			parsedOptions.attributes.forEach(function(attr) {
3373				var header = attr.val_header || "";
3374				var text   = attr.val_text   || "";
3375				var icon   = parseIconClass(attr.val_icon) || { class: "bi bi-info-circle", ligature: "" };
3376				var wrap = document.createElement("div");
3377				wrap.innerHTML = `
3378					<p class="d-flex gap-3 align-items-center my-2 my-lg-3">
3379						<i class="${icon.class} flex-shrink-0 d-flex align-items-center justify-content-center text-primary bg-white rounded-circle w-h-48 fs-5">${icon.ligature}</i>
3380						<span><strong class="small text-muted lh-1">${header}</strong><br>${text}</span>
3381					</p>`;
3382				m.callouts.append(wrap.firstElementChild);
3383			});
3384		}
3385
3386		var posted = cRecord.posted || "";
3387		if (posted) {
3388			var pWrap = document.createElement('div');
3389			pWrap.innerHTML = `
3390				<p class="d-flex gap-3 align-items-center">
3391					<i class="bi bi-clock flex-shrink-0 d-flex align-items-center justify-content-center text-primary bg-white rounded-circle w-h-48 fs-5"></i>
3392					<span><strong class="small text-muted lh-1">Posted</strong><br>${posted}</span>
3393				</p>`;
3394			m.callouts.append(pWrap.firstElementChild);
3395		}
3396	}
3397
3398	if (m.apply) {
3399		var btnURL  = (parsedOptions.website_url || "").trim();
3400		var btnText = (parsedOptions.website_text || "Learn More").trim();
3401
3402		if (btnURL && btnURL !== "#") {
3403			m.apply.classList.remove("d-none");
3404			m.apply.setAttribute("href", btnURL);
3405			m.apply.setAttribute("target", "_blank");
3406			m.apply.innerHTML = btnText + '<i class="bi bi-box-arrow-up-right ms-2"></i>';
3407		} else {
3408			m.apply.classList.add("d-none");
3409			m.apply.setAttribute("href", "#");
3410		}
3411	}
3412
3413	if (m.detail) {
3414		const pane = m.detail;
3415		const tabPane = pane.closest('.tab-pane');
3416		const tabLink = tabPane ? document.querySelector(`[data-bs-target="#${tabPane.id}"]`) : null;
3417	
3418		pane.innerHTML = "Loading...";
3419	
3420		fetch('jobs/' + encodeURIComponent(rid) + '.php?display=json')
3421			.then(res => res.json())
3422			.then(data => {
3423				const html = (data && data.details) ? data.details.trim() : "";
3424	
3425				pane.innerHTML = html || "";
3426	
3427				const isEmpty = !html;
3428				if (tabPane) tabPane.classList.toggle('d-none', isEmpty);
3429				if (tabLink) tabLink.classList.toggle('d-none', isEmpty);
3430			})
3431			.catch(() => {
3432				pane.innerHTML = "";
3433				if (tabPane) tabPane.classList.add('d-none');
3434				if (tabLink) tabLink.classList.add('d-none');
3435			});
3436	}
3437
3438	try {
3439		bootstrap.Offcanvas.getOrCreateInstance(m.modal).show();
3440	} catch(e) {
3441		console.error('Offcanvas show failed:', e);
3442	}
3443
3444	if (window.pushOcState) pushOcState('jobDetails', rid);
3445}
3446
3447document.addEventListener('DOMContentLoaded', function() {
3448	var modal = document.querySelector("#jobDetails");
3449	if (!modal) return; 
3450
3451	jobDetailsMap = {
3452		modal: modal,
3453		titleB: modal.querySelector(".job-position"),
3454		callouts: modal.querySelector(".attribute-callouts"),
3455		detail: modal.querySelector(".job-full-details"),
3456		apply: modal.querySelector(".apply-link")
3457	};
3458
3459	fetch('_includes_/published/job_list.json')
3460		.then(res => res.json())
3461		.then(data => { jobJSONData = indexByIdOrRid(data); })
3462		.then(() => { if (typeof tryDeepLinkNow === 'function') tryDeepLinkNow('jobDetails'); })
3463		.catch((e) => { console.error('job_list.json load failed', e); jobJSONData = {}; });
3464});
3465
3466</script>
3466
3467<div class="offcanvas offcanvas-end offcanvas-bid-item"
3468	tabindex="-1"
3469	id="bidDetails">
3470	<div class="offcanvas-header bg-light p-4 px-lg-5">
3471		<h3 class="offcanvas-title fs-4">Bid details</h3>
3472		<button type="button"
3473			class="btn-close"
3474			data-bs-dismiss="offcanvas"
3475			aria-label="Close"></button>
3476	</div>
3477	<div class="offcanvas-body p-0">
3478
3479		<div class="p-4 p-lg-5">
3480			<div class="d-flex align-items-center justify-content-between">
3481				<div>
3482					<p class="mb-2">
3483						<span class="small">Status:</span> <span class="badge bid-status d-none d-inline-flex"></span>
3484					</p>
3485					<h4 class="bid-title">Bid Title</h4>
3486				</div>
3487				<span class="btn btn-link btn-lg p-0"
3488					data-bs-toggle="modal"
3489					data-bs-target="#shareModal"
3490					tabindex="0">
3491					<i class="bi bi-share text-body"></i>
3492				</span>
3493			</div>
3494		</div>
3495
3496		<div class="bid-details">
3497			<div class="bg-light p-4 p-lg-5">
3498				<div class="row row-cols-1 row-cols-sm-2 g-2 start-end-dates">
3499					<p class="d-flex gap-3 align-items-center my-2 my-lg-3 bid-start-wrap">
3500						<i class="bi bi-check2 flex-shrink-0 d-flex align-items-center justify-content-center text-success bg-white rounded-circle w-h-48 fs-4"></i>
3501						<span>
3502							<strong class="small text-muted lh-1">Start date</strong><br>
3503							Start: <span class="bid-start-date"></span>
3504						</span>
3505					</p>
3506				
3507					<p class="d-flex gap-3 align-items-center my-2 my-lg-3 bid-end-wrap">
3508						<i class="bi bi-x-lg flex-shrink-0 d-flex align-items-center justify-content-center text-danger bg-white rounded-circle w-h-48 fs-5"></i>
3509						<span>
3510							<strong class="small text-muted lh-1">End date</strong><br>
3511							End: <span class="bid-end-date"></span>
3512						</span>
3513					</p>
3514				</div>
3515				<a href="#"
3516					class="btn btn-primary mt-3 mt-lg-4 apply-link">
3517					Apply Now<i class="bi bi-box-arrow-up-right ms-2"></i>
3518				</a>
3519			</div>
3520
3521			<div class="bg-white p-4 p-lg-5">
3522				<p class="fs-4"></p>
3523				<div class="bid-full-details"></div>
3524			</div>
3525		</div>
3526	</div>
3527</div>
3528
3529<script>
3530var bidDetailsMap = { modal: null };
3531var bidJSONData = null;
3532
3533if (typeof indexByIdOrRid !== 'function') {
3534	function indexByIdOrRid(data){
3535		if (!data) return {};
3536		if (!Array.isArray(data)) return data;
3537		return data.reduce((m, item) => {
3538			if (!item) return m;
3539			const key = item.rid ?? item.id;
3540			if (key != null) m[String(key)] = item;
3541			return m;
3542		}, {});
3543	}
3544}
3545
3546function fmtDate(iso) {
3547	if (!iso) return "";
3548	var s = String(iso).trim();
3549	if (!s) return "";
3550	var d = new Date(s.slice(0, 10) + "T00:00:00");
3551	if (Number.isNaN(d.getTime())) return s;
3552	return d.toLocaleDateString(undefined, { year: "numeric", month: "short", day: "numeric" });
3553}
3554
3555function statusClass(status) {
3556	var s = String(status || "").trim().toLowerCase();
3557	if (s === "open") return "text-bg-success";
3558	if (s === "closed") return "text-bg-danger";
3559	if (s === "awarded") return "text-bg-primary";
3560	if (s === "canceled" || s === "cancelled") return "text-bg-dark";
3561	if (s === "pending") return "text-bg-secondary";
3562	return "text-bg-secondary";
3563}
3564
3565function openBidDetails(rid) {
3566	if (!bidDetailsMap.modal || !bidJSONData) return false;
3567
3568	rid = String(rid);
3569	var cRecord = bidJSONData[rid];
3570	if (!cRecord) return false;
3571
3572	var m = bidDetailsMap;
3573	var parsedOptions = cRecord.options || {};
3574
3575	if (m.titleB) m.titleB.textContent = cRecord.title || "";
3576
3577	// STATUS
3578	if (m.statusEl) {
3579		var status = (parsedOptions.val_status || "").trim();
3580		if (status) {
3581			m.statusEl.className = "small px-2 py-1 rounded-1 bid-status " + statusClass(status);
3582			m.statusEl.textContent = status;
3583			m.statusEl.classList.remove("d-none");
3584		} else {
3585			m.statusEl.classList.add("d-none");
3586			m.statusEl.textContent = "";
3587		}
3588	}
3589
3590	// DATES (Start/End)
3591	var sd = fmtDate(parsedOptions.start_date || parsedOptions.startDate);
3592	var ed = fmtDate(parsedOptions.end_date   || parsedOptions.endDate);
3593	
3594	if (m.startWrap && m.startEl) {
3595		if (sd) {
3596			m.startEl.textContent = sd;
3597			m.startWrap.classList.remove("d-none");
3598		} else {
3599			m.startEl.textContent = "";
3600			m.startWrap.classList.add("d-none");
3601		}
3602	}
3603	
3604	if (m.endWrap && m.endEl) {
3605		if (ed) {
3606			m.endEl.textContent = ed;
3607			m.endWrap.classList.remove("d-none");
3608		} else {
3609			m.endEl.textContent = "";
3610			m.endWrap.classList.add("d-none");
3611		}
3612	}
3613
3614	if (m.apply) {
3615		var btnURL  = (parsedOptions.website_url || "").trim();
3616		var btnText = (parsedOptions.website_text || "Learn More").trim();
3617
3618		if (btnURL && btnURL !== "#") {
3619			m.apply.classList.remove("d-none");
3620			m.apply.setAttribute("href", btnURL);
3621			m.apply.setAttribute("target", "_blank");
3622			m.apply.innerHTML = btnText + '<i class="bi bi-box-arrow-up-right ms-2"></i>';
3623		} else {
3624			m.apply.classList.add("d-none");
3625			m.apply.setAttribute("href", "#");
3626		}
3627	}
3628
3629	if (m.detail) {
3630		var pane = m.detail;
3631		pane.innerHTML = "Loading...";
3632
3633		fetch('bids/' + encodeURIComponent(rid) + '.php?display=json')
3634			.then(function(res){ return res.json(); })
3635			.then(function(data){
3636				var html = (data && data.details) ? String(data.details).trim() : "";
3637				pane.innerHTML = html || "";
3638			})
3639			.catch(function(){
3640				pane.innerHTML = "";
3641			});
3642	}
3643
3644	try {
3645		bootstrap.Offcanvas.getOrCreateInstance(m.modal).show();
3646	} catch(e) {
3647		console.error('Offcanvas show failed:', e);
3648	}
3649
3650	if (window.pushOcState) pushOcState('bidDetails', rid);
3651
3652	return false;
3653}
3654
3655document.addEventListener('DOMContentLoaded', function() {
3656	var modal = document.querySelector("#bidDetails");
3657	if (!modal) return;
3658
3659	bidDetailsMap = {
3660		modal: modal,
3661		titleB: modal.querySelector(".bid-title"),
3662		statusEl: modal.querySelector(".bid-status"),
3663		startWrap: modal.querySelector(".bid-start-wrap"),
3664		endWrap: modal.querySelector(".bid-end-wrap"),
3665		startEl: modal.querySelector(".bid-start-date"),
3666		endEl: modal.querySelector(".bid-end-date"),
3667		detail: modal.querySelector(".bid-full-details"),
3668		apply: modal.querySelector(".apply-link")
3669	};
3670
3671	fetch('_includes_/published/bids_list.json')
3672		.then(function(res){ return res.json(); })
3673		.then(function(data){ bidJSONData = indexByIdOrRid(data); })
3674		.then(function(){ if (typeof tryDeepLinkNow === 'function') tryDeepLinkNow('bidDetails'); })
3675		.catch(function(e){
3676			console.error('bids_list.json load failed', e);
3677			bidJSONData = {};
3678		});
3679});
3680</script>
3680
3681	<div class="rz-brand-footer bg-black small text-white py-3 py-lg-2">
3682		<div class="container-fluid small">
3683			<div class="d-lg-flex align-items-center">
3684				<div class="col w-100 d-flex flex-lg-row flex-column gap-2 mb-lg-0 mb-3 p-0">
3685					<span class="footer-copyright">&copy; 2026 Addison, IL Events</span>
3686					<a class="text-white f-accessibility_statement" href="accessibility_statement/index.php">Accessibility Statement</a>
3687					<a class="text-white f-privacy_policy" href="privacy_policy/index.php">Privacy Policy</a>
3688					<a class="text-white f-terms_and_conditions" href="terms_and_conditions/index.php">Terms and Conditions</a>
3689					<a class="text-white f-cookie_policy" href="cookie_policy/index.php">Cookie Policy</a>
3690				</div><!-- /.col -->
3691				<div class="text-lg-end align-items-center d-xl-flex gap-1 justify-content-start justify-content-lg-end f-powered-by">
3692					Designed &amp; Powered by <a href="https://www.revize.com/" target="_blank" class="text-white">revize.</a>,<br class="d-xl-none"> the Government Website Experts <i class="bi bi-dot"></i> <a href="https://builder1.revize.com/revize/security/index.jsp?webspace=addisonilevents&filename=/index.php" class="btn btn-primary btn-primary-rz btn-sm rounded-1">Staff Login</a>
3693				</div>
3694			</div><!-- /.d-lg-flex -->
3695		</div><!-- /.container-fluid -->
3696	</div>	
3697	
3697<script src="/revize/plugins/revize_calendar/index.v2.js"></script>
3697
3698	
3698<script src="/revize/plugins/zbuilder/v1/website/_assets_/js/scripts.js"></script>
vendor: 81 bytes, lines 3698-3700
3698
3699	<script src="https://www.google.com/recaptcha/api.js" async defer></script>
3700	
3700<script src="/revize/plugins/page_builder/formwizard.form_validation_include.js"></script>
3700
3701	
3701<script>
3702$('.staffmember-bio').appendTo('.staffmember-contact');
3703$('.breadcrumb').prependTo('#freeform-content-wrapper');
3704$('body').append($('.home-bg-img'));
3705
3706$(document).ready(function () {
3707  $('.dropdown-toggle, .dropdown-menu').hover(
3708    function () {
3709      $('.bottom-header').addClass('bottom-header-active');
3710      $('.top-header').addClass('top-header-active');
3711    },
3712    function () {
3713      $('.bottom-header').removeClass('bottom-header-active');
3714      $('.top-header').removeClass('top-header-active');
3715    }
3716  );
3717});
3718
3719
3720function RZRenderMini(elementList) {
3721    $('.cal-event-wrap').each(function () {
3722        const title = $(this).find('.cal-event-title');
3723        const desc = $(this).find('.cal-event-desc');
3724        const location = $(this).find('.cal-event-location');
3725        const time = $(this).find('.cal-event-time');
3726
3727        time.find('time').each(function () {
3728            const dt = $(this).attr('datetime');
3729            if (dt) {
3730                const date = new Date(dt);
3731
3732                let hours = date.getHours();
3733                let minutes = date.getMinutes();
3734
3735                const ampm = hours >= 12 ? 'pm' : 'am';
3736                hours = hours % 12;
3737                hours = hours ? hours : 12;
3738
3739                minutes = minutes.toString().padStart(2, '0');
3740
3741                const formattedTime = minutes === '00'
3742                    ? `${hours} ${ampm}`
3743                    : `${hours}:${minutes} ${ampm}`;
3744
3745                $(this).text(formattedTime);
3746            }
3747        });
3748
3749        const dataWrap = $('<div class="cal-data"></div>');
3750        dataWrap.append(title, desc, location, time);
3751
3752        $(this).prepend(dataWrap);
3753
3754        time.append('<div class="cal-event-view">View details</div>');
3755    });
3756}
3757</script>
3757
3758
3759<script type="application/javascript">(function(w,d,t,r,u){w[u]=w[u]||[];w[u].push({'projectId':'10000','properties':{'pixelId':'10219081','he': '<email_address>','hph': '<phone_number>'}});var s=d.createElement(t);s.src=r;s.async=true;s.onload=s.onreadystatechange=function(){var y,rs=this.readyState,c=w[u];if(rs&&rs!="complete"&&rs!="loaded"){return}try{y=YAHOO.ywa.I13N.fireBeacon;w[u]=[];w[u].push=function(p){y([p])};y(c)}catch(e){}};var scr=d.getElementsByTagName(t)[0],par=scr.parentNode;par.insertBefore(s,scr)})(window,document,"script","https://s.yimg.com/wi/ytc.js","dotq");</script>
3759
3760</div>
3761</body>
3762</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.