PageSourceSearch

https://ithappensinaddison.com/faq/about_us.php

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