PageSourceSearch

https://www.enjoyillinois.com/things-to-do/

html enjoyillinois.com collected 2026-10-02 03:03:32 UTC 230,439 bytes, 2,901 lines download raw bytes

1<!doctype html>
2<html class="no-js scroll-smooth overflow-x-clip" lang="en-US">
3<head>
4	<meta charset="utf-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <base href="https://www.enjoyillinois.com/"><!--[if lte IE 6]></base><![endif]-->
7
8    
9        <title>Things To Do in Illinois | Enjoy Illinois</title>
10<meta name="title" content="Things To Do in Illinois | Enjoy Illinois">
11<meta name="description" content="Start here to explore the top things to do in Illinois.  Find road trips, activities and events, food tours and outdoor adventures.">
12<meta name="generator" content="Silverstripe CMS">
13<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
14<meta name="robots">
15<link rel="canonical" href="https://www.enjoyillinois.com/things-to-do/">
16<meta property="og:locale" content="en_US">
17<meta property="og:type" content="article">
18<meta property="og:title" content="Things To Do in Illinois | Enjoy Illinois">
19<meta property="og:description" content="Start here to explore the top things to do in Illinois.  Find road trips, activities and events, food tours and outdoor adventures.">
20<meta property="og:url" content="https://www.enjoyillinois.com/things-to-do/">
21<meta property="og:site_name" content="Enjoy Illinois">
22<meta property="og:image" content="https://www.enjoyillinois.com/assets/Images/Outdoor-Activities/Fall/Couple-Walking-Bikes-Vineyard-Illinois__Resampled.jpg">
23<meta name="twitter:card" content="summary_large_image">
24<meta name="twitter:title" content="Things To Do in Illinois | Enjoy Illinois">
25<meta name="twitter:description" content="Start here to explore the top things to do in Illinois.  Find road trips, activities and events, food tours and outdoor adventures.">
26<meta name="twitter:image" content="https://www.enjoyillinois.com/assets/Images/Outdoor-Activities/Fall/Couple-Walking-Bikes-Vineyard-Illinois__Resampled.jpg">
27
28<meta name="_dottie" id="_dottie" content="{&quot;key&quot;:&quot;9a02e97a3e2fbedd01502302c039e3d39def6701&quot;,&quot;host&quot;:&quot;https:\/\/dottie.enjoyillinois.com\/graphql&quot;,&quot;pageTitle&quot;:&quot;Things To Do&quot;,&quot;region&quot;:0,&quot;locations&quot;:[],&quot;categories&quot;:[&quot;267&quot;,&quot;269&quot;,&quot;271&quot;,&quot;273&quot;,&quot;275&quot;,&quot;277&quot;,&quot;279&quot;,&quot;293&quot;],&quot;quickFilters&quot;:[169,167,166,227],&quot;grades&quot;:[],&quot;eventsPage&quot;:0,&quot;tracksPage&quot;:0,&quot;hideRegionFilters&quot;:0,&quot;categorySvgClasses&quot;:&quot;w-[30px] h-[30px] mx-auto mb-qtr fill-primary&quot;,&quot;mapSvgIconClasses&quot;:&quot;listing-map-icon&quot;,&quot;showOnlyLocationsFilter&quot;:0,&quot;facets&quot;:[],&quot;mapMaxBounds&quot;:[[24.396308,-125],[49.384358,-66.93457]],&quot;pageLimit&quot;:12,&quot;hideResultsMap&quot;:false}">
29<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"Things To Do","description":"Start here to explore the top things to do in Illinois.  Find road trips, activities and events, food tours and outdoor adventures.","url":"https:\/\/www.enjoyillinois.com\/things-to-do\/"}</script>
29
30<meta name="x-env" content="live" />
31
32    
33
34    
35    
36        
37            <!-- Google Tag Manager -->
38<script>
vendor: 351 bytes, lines 38-42
38(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
39        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
40        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
41        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
42})(window,document,'script','dataLayer','
42GTM-P5ZZNGK
vendor: 3 bytes, line 42
42');
42</script>
42
43<!-- End Google Tag Manager -->
44
45        
46        
47    
48
49
50	<link rel="apple-touch-icon" sizes="57x57" href="/_resources/themes/enjoyillinois/images/favicons/apple-icon-57x57.png?m=1768923483">
51<link rel="apple-touch-icon" sizes="60x60" href="/_resources/themes/enjoyillinois/images/favicons/apple-icon-60x60.png?m=1768923483">
52<link rel="apple-touch-icon" sizes="72x72" href="/_resources/themes/enjoyillinois/images/favicons/apple-icon-72x72.png?m=1768923483">
53<link rel="apple-touch-icon" sizes="76x76" href="/_resources/themes/enjoyillinois/images/favicons/apple-icon-76x76.png?m=1768923483">
54<link rel="apple-touch-icon" sizes="114x114" href="/_resources/themes/enjoyillinois/images/favicons/apple-icon-114x114.png?m=1768923483">
55<link rel="apple-touch-icon" sizes="120x120" href="/_resources/themes/enjoyillinois/images/favicons/apple-icon-120x120.png?m=1768923483">
56<link rel="apple-touch-icon" sizes="144x144" href="/_resources/themes/enjoyillinois/images/favicons/apple-icon-144x144.png?m=1768923483">
57<link rel="apple-touch-icon" sizes="152x152" href="/_resources/themes/enjoyillinois/images/favicons/apple-icon-152x152.png?m=1768923483">
58<link rel="apple-touch-icon" sizes="180x180" href="/_resources/themes/enjoyillinois/images/favicons/apple-icon-180x180.png?m=1768923483">
59<link rel="icon" type="image/png" sizes="192x192"  href="/_resources/themes/enjoyillinois/images/favicons/android-icon-192x192.png?m=1768923482">
60<link rel="icon" type="image/png" sizes="32x32" href="/_resources/themes/enjoyillinois/images/favicons/favicon-32x32.png?m=1768923483">
61<link rel="icon" type="image/png" sizes="96x96" href="/_resources/themes/enjoyillinois/images/favicons/favicon-96x96.png?m=1768923483">
62<link rel="icon" type="image/png" sizes="16x16" href="/_resources/themes/enjoyillinois/images/favicons/favicon-16x16.png?m=1768923483">
63<link rel="manifest" href="/_resources/themes/enjoyillinois/images/favicons/manifest.json?m=1768923483">
64<meta name="msapplication-TileColor" content="#ffffff">
65<meta name="msapplication-TileImage" content="/_resources/themes/enjoyillinois/images/favicons/ms-icon-144x144.png?m=1768923483">
66<meta name="theme-color" content="#ffffff">
67	<link rel="preconnect" href="https://starling.crowdriff.com">
68    <link rel="dns-prefetch" href="https://starling.crowdriff.com">
69	<link rel="preload" href="https://starling.crowdriff.com/js/crowdriff.js" as="script">
70    <style>
71    /* Theme CSS Defaults
72    - Only accepts RGB values
73    - Use the following format: --color-primary: 255 255 255;
74    - Add new themes at the bottom of the file - Format will be .theme-<name> { ... }
75    - To override or add new theme assets like images, visit _theme.css
76    */
77    :root {
78        --color-primary: 60 64 218;
79        --color-primary-dark: 30 34 159;
80        --color-primary-light: 85 89 255;
81        --color-primary-lighter: 226 226 253;
82        --color-primary-lightest: 245 245 255;
83        --color-secondary: 38 38 48;
84        --color-secondary-dark: 0 0 0;
85        --color-secondary-darker: 0 0 0;
86        --color-secondary-light: 0 4 68;
87        --color-complimentary: 231 79 74; /* carmine colour */
88    }
89    /* Theme: Illinois Made */
90    .theme-pine {
91        --color-primary: 33 78 60;
92        --color-primary-dark: 23 48 38;
93        --color-primary-light: 47 110 85;
94        --color-primary-lighter: 214 255 239;
95        --color-primary-lightest: 237 250 245;
96        --color-secondary: 254 243 229;
97        --color-secondary-dark: 237 223 204;
98        --color-secondary-darker: 226 208 185;
99        --color-complimentary: 231 79 74;
100    }
101    /* Theme: Summer / Spring */
102    .theme-chateaugreen {
103        --color-primary: 61 133 68;
104        --color-primary-dark: 41 108 45;
105        --color-primary-light: 194 232 197;
106        --color-primary-lighter: 215 240 216;
107        --color-primary-lightest: 235 247 236;
108        --color-complimentary: 148 56 91;
109        --color-secondary: 224 255 123;
110        --color-secondary-dark: 216 255 88;
111        --color-secondary-light: 227 255 134;
112    }
113    /* Theme: Fall */
114    .theme-redorange {
115        --color-primary: 209 67 31;
116        --color-primary-dark: 152 48 23;
117        --color-primary-light: 245 202 191;
118        --color-primary-lighter: 249 220 212;
119        --color-primary-lightest: 252 237 234;
120        --color-complimentary: 31 209 151;
121        --color-secondary: 255 230 115;
122        --color-secondary-dark: 255 224 83;
123        --color-secondary-light: 255 232 130;
124    }
125    /* Theme: Winter */
126    .theme-denim {
127        --color-primary: 43 124 171;
128        --color-primary-dark: 13 99 143;
129        --color-primary-light: 181 226 248;
130        --color-primary-lighter: 206 236 250;
131        --color-primary-lightest: 230 245 253;
132        --color-complimentary: 194 115 17;
133        --color-secondary: 158 225 255;
134        --color-secondary-dark: 121 212 255;
135        --color-secondary-light: 167 227 255;
136    }
137    /* Theme: Holiday */
138    .theme-darkorchid {
139        --color-primary: 151 68 200;
140        --color-primary-dark: 113 44 152;
141        --color-primary-light: 227 204 240;
142        --color-primary-lighter: 236 221 245;
143        --color-primary-lightest: 246 238 250;
144        --color-complimentary: 175 199 68;
145    }
146    /* Theme:  Tour Illinois */
147    .theme-amaranthred {
148        --color-primary: 211 40 41;
149        --color-primary-dark: 185 37 38;
150        --color-primary-light: 10, 160, 131;
151        --color-primary-lighter: 255 206 206;
152        --color-primary-lightest: 255 239 239;
153    }
154    /* Theme:  Sports Illinois */
155    .theme-genericviridian {
156        --color-primary: 6 130 106;
157        --color-primary-dark: 3 105 85;
158        --color-primary-light: 10 160 131;
159        --color-primary-lighter: 177 255 240;
160        --color-primary-lightest: 227 255 250;
161    }
162    /* Theme:  Meet Illinois */
163    .theme-celticblue {
164        --color-primary: 1 115 199;
165        --color-primary-dark: 36 98 168;
166        --color-primary-light: 42 125 219;
167        --color-primary-lighter: 201 226 255;
168        --color-primary-lightest: 229 241 255;
169    }
170    /* Theme:  Il Gov */
171    .theme-cadet {
172        --color-primary: 60 64 218;
173        --color-primary-dark: 0 0 53;
174        --color-primary-light: 11 11 127;
175        --color-primary-lighter: 229 229 255;
176        --color-primary-lightest: 237 237 244;
177    }
178    /* Theme:  Luxury  */
179    .theme-winered {
180        --color-primary: 93 15 7;
181        --color-primary-dark: 65 13 7;
182        --color-primary-light: 131 21 10;
183        --color-primary-lighter: 247 202 198;
184        --color-primary-lightest: 255 237 235;
185    }
186</style>
187	<style>
188/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:acumin-pro,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}
188code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}
188[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
188dow);outline:2px solid transparent;outline-offset:2px}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{--tw-shadow:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
188dow);outline:2px solid transparent;outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:transparent}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}@media (forced-colors:active) {[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:transparent}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,:after,:before,html{box-sizing:border-box}html{background-color:#fff}[x-cloak]{display:none!important}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,select[multiple],textarea{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity));border-radius:.25rem;box-sizing:border-box;color:rgb(38 38 48/var(--tw-text-opacity));padding-bottom:.75rem;padding-top:.75rem;width:100%}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{--tw-text-opacity:1;color:rgb(38 38 48/var(--tw-text-opacity));font-weight:700;letter-spacing:-.025em;line-height:1.25;margin-bottom:1rem;margin-top:0}.h1,h1{font-size:2rem;line-height:1.2}@media (min-width:1024px){.h1,h1{font-size:2.5rem;line-height:1.1}}.h2,h2{font-size:1.75rem;line-height:1.3}@media (min-width:1024px){.h2,h2{font-size:2rem;line-height:1.2}}.h3,h3{font-size:1.5rem;line-height:1.3}@media (min-width:1024px){.h3,h3{font-size:1.75rem;line-height:1.3}}:not(.typography) .h4,:not(.typography) h4{font-size:1.25rem;line-height:1.4}@media (min-width:1024px){:not(.typography) .h4,:not(.typography) h4{font-size:1.5rem;line-height:1.3}}:not(.typography) .h5,:not(.typography) h5{font-size:1.125rem;line-height:1.5}@media (min-width:1024px){:not(.typography) .h5,:not(.typography) h5{font-size:1.25rem;line-height:1.4}}:not(.typography) .h6,:not(.typography) h6{font-size:1rem;line-height:1.5}@media (min-width:1024px){:not(.typography) .h6,:not(.typography) h6{font-size:1.125rem;line-height:1.5}}p{line-height:1.625;margin-bottom:1rem}ol ol li{list-style-type:lower-alpha}ol ol ol li{list-style-type:lower-roman}.tagline{--tw-text-opacity:1;color:rgb(var(--color-primary)/var(--tw-text-opacity));font-weight:600;letter-spacing:.1em;text-transform:uppercase}.tagline.with-bg{font-size:.875rem;font-weight:600;letter-spacing:.1em;line-height:1.5;text-transform:uppercase}.highlight,.tagline.with-bg{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--color-primary)/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));display:inline-block}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;
188--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1400px){.container{max-width:1400px}}@media (min-width:1600px){.container{max-width:1600px}}@media (min-width:1800px){.container{max-width:1800px}}@media (min-width:2000px){.container{max-width:2000px}}.typography{color:var(--tw-prose-body);max-width:65ch}.typography :where(p):not(:where([class~=not-typography],[class~=not-typography] *)){margin-bottom:1.25em;margin-top:1.25em}.typography :where([class~=lead]):not(:where([class~=not-typography],[class~=not-typography] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.typography :where(a):not(:where([class~=not-typography],[class~=not-typography] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.typography :where(strong):not(:where([class~=not-typography],[class~=not-typography] *)){color:var(--tw-prose-bold);font-weight:600}.typography :where(a strong):not(:where([class~=not-typography],[class~=not-typography] *)){color:inherit}.typography :where(blockquote strong):not(:where([class~=not-typography],[class~=not-typography] *)){color:inherit}.typography :where(thead th strong):not(:where([class~=not-typography],[class~=not-typography] *)){color:inherit}.typography :where(ol):not(:where([class~=not-typography],[class~=not-typography] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.typography :where(ol[type=A]):not(:where([class~=not-typography],[class~=not-typography] *)){list-style-type:upper-alpha}.typography :where(ol[type=a]):not(:where([class~=not-typography],[class~=not-typography] *)){list-style-type:lower-alpha}.typography :where(ol[type=A s]):not(:where([class~=not-typography],[class~=not-typography] *)){list-style-type:upper-alpha}.typography :where(ol[type=a s]):not(:where([class~=not-typography],[class~=not-typography] *)){list-style-type:lower-alpha}.typography :where(ol[type=I]):not(:where([class~=not-typography],[class~=not-typography] *)){list-style-type:upper-roman}.typography :where(ol[type=i]):not(:where([class~=not-typography],[class~=not-typography] *)){list-style-type:lower-roman}.typography :where(ol[type=I s]):not(:where([class~=not-typography],[class~=not-typography] *)){list-style-type:upper-roman}.typography :where(ol[type=i s]):not(:where([class~=not-typography],[class~=not-typography] *)){list-style-type:lower-roman}.typography :where(ol[type="1"]):not(:where([class~=not-typography],[class~=not-typography] *)){list-style-type:decimal}.typography :where(ul):not(:where([class~=not-typography],[class~=not-typography] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.typography :where(ol>
188li):not(:where([class~=not-typography],[class~=not-typography] *))::marker{color:var(--tw-prose-counters);font-weight:400}.typography :where(ul>li):not(:where([class~=not-typography],[class~=not-typography] *))::marker{color:var(--tw-prose-bullets)}.typography :where(dt):not(:where([class~=not-typography],[class~=not-typography] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.typography :where(hr):not(:where([class~=not-typography],[class~=not-typography] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.typography :where(blockquote):not(:where([class~=not-typography],[class~=not-typography] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\\201C""\\201D""\\2018""\\2019"}.typography :where(blockquote p:first-of-type):not(:where([class~=not-typography],[class~=not-typography] *)):before{content:open-quote}.typography :where(blockquote p:last-of-type):not(:where([class~=not-typography],[class~=not-typography] *)):after{content:close-quote}.typography :where(h1):not(:where([class~=not-typography],[class~=not-typography] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.typography :where(h1 strong):not(:where([class~=not-typography],[class~=not-typography] *)){color:inherit;font-weight:900}.typography :where(h2):not(:where([class~=not-typography],[class~=not-typography] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.typography :where(h2 strong):not(:where([class~=not-typography],[class~=not-typography] *)){color:inherit;font-weight:800}.typography :where(h3):not(:where([class~=not-typography],[class~=not-typography] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.typography :where(h3 strong):not(:where([class~=not-typography],[class~=not-typography] *)){color:inherit;font-weight:700}.typography :where(h4):not(:where([class~=not-typography],[class~=not-typography] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:1rem;margin-top:.5rem}.typography :where(h4 strong):not(:where([class~=not-typography],[class~=not-typography] *)){color:inherit;font-weight:700}.typography :where(img):not(:where([class~=not-typography],[class~=not-typography] *)){margin-bottom:2em;margin-top:2em}.typography :where(picture):not(:where([class~=not-typography],[class~=not-typography] *)){display:block;margin-bottom:2em;margin-top:2em}.typography :where(kbd):not(:where([class~=not-typography],[class~=not-typography] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding:.1875em .375em}.typography :where(code):not(:where([class~=not-typography],[class~=not-typography] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.typography :where(code):not(:where([class~=not-typography],[class~=not-typography] *)):before{content:"`"}.typography :where(code):not(:where([class~=not-typography],[class~=not-typography] *)):after{content:"`"}.typography :where(a code):not(:where([class~=not-typography],[class~=not-typography] *)){color:inherit}.typography :where(h1 code):not(:where([class~=not-typography],[class~=not-typography] *)){color:inherit}.typography :where(h2 code):not(:where([class~=not-typography],[class~=not-typography] *)){color:inherit;font-size:.875em}.typography :where(h3 code):not(:where([class~=not-typography],[class~=not-typography] *)){color:inherit;font-size:.9em}.typography :where(h4 code):not(:where([class~=not-typography],[class~=not-typography] *)){color:inherit}.typography :where(blockquote code):not(:where([class~=not-typography],[class~=not-typography] *)){color:inherit}.typography :where(thead th code):not(:where([class~=not-typography],[class~=not-typography] *)){color:inherit}.typography :where(pre):not(:where([class~=not-typography],[class~=not-typography] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.typography :where(pre code):not(:where([class~=not-typography],[class~=not-typography] *)){background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.typography :where(pre code):not(:where([class~=not-typography],[class~=not-typography] *)):before{content:none}.typography :where(pre code):not(:where([class~=not-typography],[class~=not-typography] *)):after{content:none}.typography :where(table):not(:where([class~=not-typography],[class~=not-typography] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.typography :where(thead):not(:where([class~=not-typography],[class~=not-typography] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.typography :where(thead th):not(:where([class~=not-typography],[class~=not-typography] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}.typography :where(tbody tr):not(:where([class~=not-typography],[class~=not-typography] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.typography :where(tbody tr:last-child):not(:where([class~=not-typography],[class~=not-typography] *)){border-bottom-width:0}.typography :where(tbody td):not(:where([class~=not-typography],[class~=not-typography] *)){vertical-align:baseline}.typography :where(tfoot):not(:where([class~=not-typography],[class~=not-typography] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.typography :where(tfoot td):not(:where([class~=not-typography],[class~=not-typography] *)){vertical-align:top}.typography :where(figure>*):not(:where([class~=not-typography],[class~=not-typography] *)){margin-bottom:0;margin-top:0}.typography :where(figcaption):not(:where([class~=not-typography],[class~=not-typography] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.typography{--tw-prose-body:#374151;
188--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.typography :where(picture>img):not(:where([class~=not-typography],[class~=not-typography] *)){margin-bottom:0;margin-top:0}.typography :where(video):not(:where([class~=not-typography],[class~=not-typography] *)){margin-bottom:2em;margin-top:2em}.typography :where(li):not(:where([class~=not-typography],[class~=not-typography] *)){margin-bottom:.5em;margin-top:.5em}.typography :where(ol>li):not(:where([class~=not-typography],[class~=not-typography] *)){padding-left:.375em}.typography :where(ul>li):not(:where([class~=not-typography],[class~=not-typography] *)){padding-left:.375em}.typography :where(.typography>ul>li p):not(:where([class~=not-typography],[class~=not-typography] *)){margin-bottom:.75em;margin-top:.75em}.typography :where(.typography>ul>li>:first-child):not(:where([class~=not-typography],[class~=not-typography] *)){margin-top:1.25em}.typography :where(.typography>ul>li>:last-child):not(:where([class~=not-typography],[class~=not-typography] *)){margin-bottom:1.25em}.typography :where(.typography>ol>li>:first-child):not(:where([class~=not-typography],[class~=not-typography] *)){margin-top:1.25em}.typography :where(.typography>ol>li>:last-child):not(:where([class~=not-typography],[class~=not-typography] *)){margin-bottom:1.25em}.typography :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-typography],[class~=not-typography] *)){margin-bottom:.75em;margin-top:.75em}.typography :where(dl):not(:where([class~=not-typography],[class~=not-typography] *)){margin-bottom:1.25em;margin-top:1.25em}.typography :where(dd):not(:where([class~=not-typography],[class~=not-typography] *)){margin-top:.5em;padding-left:1.625em}.typography :where(hr+*):not(:where([class~=not-typography],[class~=not-typography] *)){margin-top:0}.typography :where(h2+*):not(:where([class~=not-typography],[class~=not-typography] *)){margin-top:0}
188.typography :where(h3+*):not(:where([class~=not-typography],[class~=not-typography] *)){margin-top:0}.typography :where(h4+*):not(:where([class~=not-typography],[class~=not-typography] *)){margin-top:0}.typography :where(thead th:first-child):not(:where([class~=not-typography],[class~=not-typography] *)){padding-left:0}.typography :where(thead th:last-child):not(:where([class~=not-typography],[class~=not-typography] *)){padding-right:0}.typography :where(tbody td,tfoot td):not(:where([class~=not-typography],[class~=not-typography] *)){padding:.5714286em}.typography :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-typography],[class~=not-typography] *)){padding-left:0}.typography :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-typography],[class~=not-typography] *)){padding-right:0}.typography :where(figure):not(:where([class~=not-typography],[class~=not-typography] *)){margin-bottom:2em;margin-top:2em}.typography :where(.typography>:first-child):not(:where([class~=not-typography],[class~=not-typography] *)){margin-top:0}.typography :where(.typography>:last-child):not(:where([class~=not-typography],[class~=not-typography] *)){margin-bottom:0}.typography :where(h1,h2,h3):not(:where([class~=not-typography],[class~=not-typography] *)){margin-bottom:1rem;margin-top:.5rem}.typography :where(ul,ol):not(:where([class~=not-typography],[class~=not-typography] *))>li::marker{color:rgb(var(--color-primary)/<alpha-value>);font-weight:600}.button{--tw-border-opacity:1;--tw-bg-opacity:1;fill:#fff;stroke:#fff;--tw-text-opacity:1;background-color:rgb(var(--color-primary)/var(--tw-bg-opacity));border-color:rgb(var(--color-primary)/var(--tw-border-opacity));border-radius:9999px;border-width:1px;color:rgb(255 255 255/var(--tw-text-opacity));display:inline-block;font-size:1rem;font-weight:700;line-height:1.5;margin-bottom:1rem;padding:.75rem 1rem;text-decoration-line:none;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);will-change:auto}.button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(var(--color-primary-dark)/var(--tw-bg-opacity));border-color:rgb(var(--color-primary-dark)/var(--tw-border-opacity))}.button:focus{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
188--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:1400px){.button{padding-left:1.2rem;padding-right:1.2rem}}.link-button{--tw-text-opacity:1;background-color:transparent;color:rgb(var(--color-primary)/var(--tw-text-opacity));font-weight:700;padding-left:0;padding-right:0}.link-button:hover{--tw-text-opacity:1;color:rgb(var(--color-primary-dark)/var(--tw-text-opacity))}.hide{display:none!important}.show{display:flex!important}#header nav.js-main-nav .main-menu .dropdown-menu{display:none}.splide{position:relative;visibility:hidden}.splide__slide{display:list-item;width:100%}.splide__list{display:flex}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:1rem auto 1.5rem;text-align:center}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.\!visible{visibility:visible!important}.invisible{visibility:hidden}.fixed{position:fixed}.\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.\!top-\[55\%\]{top:55%!important}.-left-1{left:-1rem}.-left-1\.5{left:-1.5rem}.-left-\[30\%\]{left:-30%}.-right-\[10px\]{right:-10px}.-right-\[35\%\]{right:-35%}.-top-\[5\%\]{top:-5%}.bottom-0{bottom:0}.bottom-1{bottom:1rem}.bottom-1\.5{bottom:1.5rem}.bottom-2{bottom:2rem}.bottom-3{bottom:3rem}.left-0{left:0}.left-1{left:1rem}.left-1\.5{left:1.5rem}.left-1\/2{left:50%}.left-half{left:.5rem}.right-0{right:0}.right-1{right:1rem}.right-\[-8px\]{right:-8px}.right-half{right:.5rem}.top-0{top:0}.top-1{top:1rem}.top-2{top:2rem}.top-3{top:3rem}.top-4{top:4rem}.top-\[38\%\]{top:38%}.top-auto{top:auto}.top-half{top:.5rem}.z-10{z-index:10}.z-20{z-index:20}.z-\[1\]{z-index:1}.z-\[9999\]{z-index:9999}.z-auto{z-index:auto}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.row-start-4{grid-row-start:4}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mx-half{margin-left:.5rem;margin-right:.5rem}.mx-qtr{margin-left:.25rem;margin-right:.25rem}.my-0{margin-bottom:0;margin-top:0}.my-1{margin-bottom:1rem;margin-top:1rem}.\!mb-qtr{margin-bottom:.25rem!important}.-mt-\[1\.25rem\]{margin-top:-1.25rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:1rem}.mb-1\.5{margin-bottom:1.5rem}.mb-2{margin-bottom:2rem}.mb-2\.5{margin-bottom:2.5rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.mb-5{margin-bottom:5rem}.mb-half{margin-bottom:.5rem}.mb-qtr{margin-bottom:.25rem}.ml-0{margin-left:0}.ml-0\.75{margin-left:.75rem}.ml-qtr{margin-left:.25rem}.mr-1{margin-right:1rem}.mr-2{margin-right:2rem}.mr-\[4px\]{margin-right:4px}.mr-half{margin-right:.5rem}.mr-qtr{margin-right:.25rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-4{margin-top:4rem}.mt-6{margin-top:6rem}.mt-\[12px\]{margin-top:12px}.mt-\[8rem\]{margin-top:8rem}.mt-qtr{margin-top:.25rem}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.\!flex{display:flex!important}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:1rem}.h-1\.25{height:1.25rem}.h-1\.5{height:1.5rem}.h-2{height:2rem}.h-3{height:3rem}.h-\[1\.5em\]{height:1.5em}.h-\[107\%\]{height:107%}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[250px\]{height:250px}.h-\[3px\]{height:3px}.h-\[40px\]{height:40px}.h-\[52px\]{height:52px}.h-\[550px\]{height:550px}.h-\[700px\]{height:700px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[660px\]{max-height:660px}.min-h-\[280px\]{min-height:280px}.w-1{width:1rem}.w-1\.25{width:1.25rem}.w-1\.5{width:1.5rem}.w-1\/3{width:33.333333%}.w-10{width:10rem}.w-2{width:2rem}.w-2\/3{width:66.666667%}.w-3{width:3rem}.w-\[1\.5em\]{width:1.5em}.w-\[20px\]{width:20px}.w-\[230px\]{width:230px}.w-\[300px\]{width:300px}.w-\[40px\]{width:40px}.w-\[50px\]{width:50px}.w-\[95\%\]{width:95%}.w-auto{width:auto}.w-full{width:100%}.max-w-\[100px\]{max-width:100px}.max-w-\[150px\]{max-width:150px}.max-w-\[250px\]{max-width:250px}.max-w-\[28\%\]{max-width:28%}.max-w-\[42\%\]{max-width:42%}.max-w-full{max-width:100%}.max-w-screen-3xl{max-width:1800px}.max-w-screen-lg{max-width:1024px}.max-w-screen-md{max-width:768px}.max-w-screen-xl{max-width:1400px}.shrink{flex-shrink:1}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-rotate-3,.-translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-3{--tw-rotate:-3deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-text{cursor:text}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[minmax\(0\\2c auto\)_minmax\(0\\2c auto\)_minmax\(0\\2c 1fr\)_minmax\(0\\2c 1fr\)\]{grid-template-columns:minmax(0,auto) minmax(0,auto) minmax(0,1fr) minmax(0,1fr)}.grid-rows-\[minmax\(0\\2c 1fr\)_minmax\(0\\2c auto\)_minmax\(0\\2c auto\)_minmax\(0\\2c 1fr\)\]{grid-template-rows:minmax(0,1fr) minmax(0,auto) minmax(0,auto) minmax(0,1fr)}.flex-row{flex-direction:row}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.\!flex-wrap{flex-wrap:wrap!important}.flex-wrap{flex-wrap:wrap}.\!items-start{align-items:flex-start!important}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:1rem}.gap-1\.25{gap:1.25rem}.gap-2{gap:2rem}.gap-half{gap:.5rem}.gap-qtr{gap:.25rem}.space-x-half>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}
188.place-self-center{place-self:center}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.\!overflow-visible{overflow:visible!important}.overflow-y-auto{overflow-y:auto}.overflow-x-clip{overflow-x:clip}.rounded-\[12px_0px_0px_12px\]{border-radius:12px 0 0 12px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.\!border-none{border-style:none!important}.\!border-white{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity))!important}.border-current{border-color:currentColor}.border-primary{--tw-border-opacity:1;border-color:rgb(var(--color-primary)/var(--tw-border-opacity))}.border-primary-light{--tw-border-opacity:1;border-color:rgb(var(--color-primary-light)/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-r-transparent{border-right-color:transparent}.border-opacity-25{--tw-border-opacity:0.25}.\!bg-transparent{background-color:transparent!important}.bg-black{--tw-bg-opacity:1;background-color:rgb(38 38 48/var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(var(--color-primary)/var(--tw-bg-opacity))}.bg-primary-dark{--tw-bg-opacity:1;background-color:rgb(var(--color-primary-dark)/var(--tw-bg-opacity))}.bg-primary\/90{background-color:rgb(var(--color-primary)/.9)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-70{--tw-bg-opacity:0.7}.fill-\[\#F5F5FF\]{fill:#f5f5ff}.fill-primary{fill:rgb(var(--color-primary)/1)}.fill-primary-lightest{fill:rgb(var(--color-primary-lightest)/1)}.fill-white{fill:#fff}.stroke-none{stroke:none}.stroke-primary{stroke:rgb(var(--color-primary)/1)}.stroke-white{stroke:#fff}.stroke-2{stroke-width:2}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-1{padding:1rem!important}.p-0{padding:0}.p-0\.75{padding:.75rem}.p-1{padding:1rem}.p-\[4px\]{padding:4px}.p-half{padding:.5rem}.p-qtr{padding:.25rem}.px-1{padding-left:1rem;padding-right:1rem}.px-1\.5{padding-left:1.5rem;padding-right:1.5rem}.px-2{padding-left:2rem;padding-right:2rem}.px-3{padding-left:3rem;padding-right:3rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.75{padding-bottom:.75rem;padding-top:.75rem}.py-10{padding-bottom:10rem;padding-top:10rem}.py-2{padding-bottom:2rem;padding-top:2rem}.py-4{padding-bottom:4rem;padding-top:4rem}.py-half{padding-bottom:.5rem;padding-top:.5rem}.\!pl-3{padding-left:3rem!important}.pb-2{padding-bottom:2rem}.pl-0{padding-left:0}.pl-1{padding-left:1rem}.pl-1\.5{padding-left:1.5rem}.pl-2{padding-left:2rem}.pl-half{padding-left:.5rem}.pr-3{padding-right:3rem}.pt-half{padding-top:.5rem}.text-center{text-align:center}.align-\[-0\.125em\]{vertical-align:-.125em}.\!text-xs{font-size:.75rem!important;line-height:1.5!important}.text-3xl{font-size:1.75rem;line-height:1.3}.text-base{font-size:1rem;line-height:1.5}.text-lg{font-size:1.125rem;line-height:1.5}.text-sm{font-size:.875rem;line-height:1.5}.text-xs{font-size:.75rem;line-height:1.5}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-6{line-height:1.5rem}.leading-loose{line-height:2}.tracking-widest{letter-spacing:.1em}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.text-black{--tw-text-opacity:1;color:rgb(38 38 48/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-lightgray{--tw-text-opacity:1;color:rgb(110 110 110/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(var(--color-primary)/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}
188.opacity-25{opacity:.25}.\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_4px_8px_0px_rgba\(0\\2c 0\\2c 0\\2c 0\.7\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_8px_0px_rgba\(0\\2c 0\\2c 0\\2c 0\.7\)\]{--tw-shadow:0 4px 8px 0px rgba(0,0,0,.7);--tw-shadow-colored:0 4px 8px 0px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.drop-shadow-lg{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!delay-0{transition-delay:0s!important}.delay-500{transition-delay:.5s}.duration-150{transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.absolute-center{--tw-translate-y:-50%;--tw-translate-x:-50%;left:50%}.absolute-center,.vertical-center{position:absolute;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.vertical-center{--tw-translate-y:-50%}.with-overlay{position:relative;transition-duration:.3s}.with-overlay:before{--tw-bg-opacity:0.5;background-color:rgb(38 38 48/var(--tw-bg-opacity));content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.absolute-cover,.with-overlay:before{height:100%;left:0;position:absolute;top:0;width:100%}.clearfix{clear:both}.clearfix:after{--tw-content:"";clear:both;content:var(--tw-content);display:table}.js-hidden,.js-hidden-scroll,.lozad{pointer-events:none}.js-hidden,.js-hidden-scroll,.js-stagger,.lozad{opacity:0;transition-duration:.15s;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);will-change:auto}.js-stagger{--tw-translate-y:-0.75rem}.js-stagger,.js-staggered{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.js-staggered{--tw-translate-y:0;opacity:1}.js-animate,.js-loaded{opacity:1;pointer-events:auto}.js-hidden.hero picture{--tw-scale-x:1.05;--tw-scale-y:1.05;opacity:0;transition-duration:50ms;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);will-change:auto}.js-hidden.hero picture,.js-hidden.js-animate.hero picture{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.js-hidden.js-animate.hero picture{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.js-hidden.listing-hero img{opacity:0;transition-duration:.15s;transition-duration:1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.js-hidden.js-animate.listing-hero img{opacity:1}@media not all and (min-width:1024px){.max-lg\:h4{--tw-text-opacity:1;color:rgb(38 38 48/var(--tw-text-opacity));font-weight:700;letter-spacing:-.025em;line-height:1.25;margin-bottom:1rem;margin-top:0}:not(.typography) .max-lg\:h4{font-size:1.25rem;line-height:1.4}@media (min-width:1024px){:not(.typography) .max-lg\:h4{font-size:1.5rem;line-height:1.3}}}@media (min-width:768px){.md\:h1{--tw-text-opacity:1;color:rgb(38 38 48/var(--tw-text-opacity));font-size:2rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:1rem;margin-top:0}@media (min-width:1024px){.md\:h1{font-size:2.5rem;line-height:1.1}}}@media (min-width:1400px){.xl\:h4{--tw-text-opacity:1;color:rgb(38 38 48/var(--tw-text-opacity));font-weight:700;letter-spacing:-.025em;line-height:1.25;margin-bottom:1rem;margin-top:0}:not(.typography) .xl\:h4{font-size:1.25rem;line-height:1.4}@media (min-width:1024px){:not(.typography) .xl\:h4{font-size:1.5rem;line-height:1.3}}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:right-\[105\%\]:before{content:var(--tw-content);right:105%}.before\:top-\[50\%\]:before{content:var(--tw-content);top:50%}.before\:z-10:before{content:var(--tw-content);z-index:10}.before\:hidden:before{content:var(--tw-content);display:none}.before\:h-\[1px\]:before{content:var(--tw-content);height:1px}.before\:w-\[130px\]:before{content:var(--tw-content);width:130px}.before\:bg-primary:before{--tw-bg-opacity:1;background-color:rgb(var(--color-primary)/var(--tw-bg-opacity));content:var(--tw-content)}.before\:bg-opacity-20:before{--tw-bg-opacity:0.2;content:var(--tw-content)}.before\:transition-none:before{content:var(--tw-content);transition-property:none}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-0:after{content:var(--tw-content);left:0}.after\:top-0:after{content:var(--tw-content);top:0}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:bg-gradient-to-t:after{background-image:linear-gradient(to top,var(--tw-gradient-stops));content:var(--tw-content)}.after\:from-black:after{--tw-gradient-from:#262630 var(--tw-gradient-from-position);--tw-gradient-to:rgba(38,38,48,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.after\:from-10\%:after{--tw-gradient-from-position:10%;content:var(--tw-content)}
188.after\:via-transparent:after{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to);content:var(--tw-content)}.after\:opacity-50:after{content:var(--tw-content);opacity:.5}.after\:transition-none:after{content:var(--tw-content);transition-property:none}.focus-within\:outline-4:focus-within{outline-width:4px}.focus-within\:outline-offset-2:focus-within{outline-offset:2px}.focus-within\:outline-primary-light:focus-within{outline-color:rgb(var(--color-primary-light)/1)}.hover\:rotate-90:hover{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-b:hover{border-bottom-width:1px}.hover\:border-primary-dark:hover{--tw-border-opacity:1;border-color:rgb(var(--color-primary-dark)/var(--tw-border-opacity))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-primary)/var(--tw-bg-opacity))}.hover\:bg-primary-dark:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-primary-dark)/var(--tw-bg-opacity))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:stroke-gray-300:hover{stroke:#d1d5db}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(var(--color-primary)/var(--tw-text-opacity))}.hover\:opacity-50:hover{opacity:.5}.hover\:opacity-75:hover{opacity:.75}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-4:focus{outline-width:4px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-primary-light:focus{outline-color:rgb(var(--color-primary-light)/1)}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
188dow,0 0 #0000)}.focus\:ring-primary-light:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-primary-light)/var(--tw-ring-opacity))}.enabled\:transition:enabled{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.enabled\:duration-150:enabled{transition-duration:.15s}.enabled\:ease-in-out:enabled{transition-timing-function:cubic-bezier(.4,0,.2,1)}.enabled\:hover\:border-primary-dark:hover:enabled{--tw-border-opacity:1;border-color:rgb(var(--color-primary-dark)/var(--tw-border-opacity))}.enabled\:hover\:bg-primary-dark:hover:enabled{--tw-bg-opacity:1;background-color:rgb(var(--color-primary-dark)/var(--tw-bg-opacity))}@media (prefers-reduced-motion:reduce){@keyframes spin{to{transform:rotate(1turn)}}.motion-reduce\:animate-\[spin_1\.5s_linear_infinite\]{animation:spin 1.5s linear infinite}}@media not all and (min-width:1024px){.max-lg\:\!visible{visibility:visible!important}.max-lg\:invisible{visibility:hidden}.max-lg\:mb-1{margin-bottom:1rem}.max-lg\:mt-1{margin-top:1rem}.max-lg\:\!flex{display:flex!important}.max-lg\:hidden{display:none}.max-lg\:pb-1{padding-bottom:1rem}}@media not all and (min-width:768px){.max-md\:aspect-\[7\/6\]{aspect-ratio:7/6}}@media (min-width:768px){.md\:left-1{left:1rem}.md\:top-auto{top:auto}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-start-2{grid-column-start:2}.md\:row-start-4{grid-row-start:4}.md\:ml-2{margin-left:2rem}.md\:mt-0{margin-top:0}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:aspect-\[23\/11\]{aspect-ratio:23/11}.md\:h-1{height:1rem}.md\:h-1\.5{height:1.5rem}.md\:h-2{height:2rem}.md\:h-\[95vh\]{height:95vh}.md\:w-1{width:1rem}.md\:w-1\.5{width:1.5rem}.md\:w-2{width:2rem}.md\:w-\[40\%\]{width:40%}.md\:w-\[400px\]{width:400px}.md\:w-\[75\%\]{width:75%}.md\:max-w-\[500px\]{max-width:500px}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-x-\[5px\]{-moz-column-gap:5px;column-gap:5px}.md\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(4rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(4rem*var(--tw-space-x-reverse))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md\:place-self-start{place-self:start}.md\:self-end{align-self:flex-end}.md\:p-1{padding:1rem}.md\:pl-3{padding-left:3rem}.md\:text-left{text-align:left}.md\:text-base{font-size:1rem;line-height:1.5}.md\:text-sm{font-size:.875rem;line-height:1.5}.md\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}@media (min-width:1024px){.lg\:absolute{position:absolute}.lg\:bottom-1{bottom:1rem}.lg\:bottom-2{bottom:2rem}.lg\:bottom-3{bottom:3rem}.lg\:bottom-4{bottom:4rem}.lg\:left-2{left:2rem}.lg\:right-0{right:0}.lg\:right-1{right:1rem}.lg\:right-1\.5{right:1.5rem}.lg\:right-auto{right:auto}.lg\:top-0{top:0}.lg\:-z-10{z-index:-10}.lg\:z-10{z-index:10}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:my-0{margin-bottom:0;margin-top:0}.lg\:-mt-\[1\.5rem\]{margin-top:-1.5rem}.lg\:mb-0{margin-bottom:0}.lg\:mb-1{margin-bottom:1rem}.lg\:mb-1\.5{margin-bottom:1.5rem}.lg\:mb-half{margin-bottom:.5rem}.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-2{height:2rem}.lg\:h-\[100vh\]{height:100vh}.lg\:h-\[300px\]{height:300px}.lg\:h-\[50px\]{height:50px}.lg\:h-full{height:100%}.lg\:min-h-\[650px\]{min-height:650px}.lg\:\!w-\[25px\]{width:25px!important}.lg\:\!w-\[280px\]{width:280px!important}.lg\:\!w-\[420px\]{width:420px!important}.lg\:w-2{width:2rem}.lg\:w-3{width:3rem}.lg\:w-\[25\%\]{width:25%}.lg\:w-\[28\%\]{width:28%}.lg\:w-\[550px\]{width:550px}.lg\:max-w-\[140px\]{max-width:140px}.lg\:max-w-\[550px\]{max-width:550px}.lg\:shrink{flex-shrink:1}.lg\:grow{flex-grow:1}.lg\:basis-1\/2{flex-basis:50%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:\!flex-row{flex-direction:row!important}.lg\:flex-row{flex-direction:row}.lg\:flex-col-reverse{flex-direction:column-reverse}.lg\:\!flex-wrap{flex-wrap:wrap!important}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}
188.lg\:gap-1{gap:1rem}.lg\:gap-1\.25{gap:1.25rem}.lg\:gap-half{gap:.5rem}.lg\:overflow-hidden{overflow:hidden}.lg\:border-none{border-style:none}.lg\:bg-primary\/90{background-color:rgb(var(--color-primary)/.9)}.lg\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.lg\:\!p-half{padding:.5rem!important}.lg\:p-0{padding:0}.lg\:p-1{padding:1rem}.lg\:p-2{padding:2rem}.lg\:\!py-1{padding-bottom:1rem!important;padding-top:1rem!important}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-0\.75{padding-left:.75rem;padding-right:.75rem}.lg\:px-\[0\.8rem\]{padding-left:.8rem;padding-right:.8rem}.lg\:py-1{padding-bottom:1rem;padding-top:1rem}.lg\:py-6{padding-bottom:6rem;padding-top:6rem}.lg\:py-half{padding-bottom:.5rem;padding-top:.5rem}.lg\:py-qtr{padding-bottom:.25rem;padding-top:.25rem}.lg\:\!pr-qtr{padding-right:.25rem!important}.lg\:pb-2{padding-bottom:2rem}.lg\:pl-0{padding-left:0}.lg\:pl-2{padding-left:2rem}.lg\:pl-half{padding-left:.5rem}.lg\:pt-2{padding-top:2rem}.lg\:text-left{text-align:left}.lg\:align-bottom{vertical-align:bottom}.lg\:align-text-bottom{vertical-align:text-bottom}.lg\:text-base{font-size:1rem;line-height:1.5}.lg\:text-lg{font-size:1.125rem;line-height:1.5}.lg\:text-sm{font-size:.875rem;line-height:1.5}.lg\:text-xl{font-size:1.25rem;line-height:1.4}.lg\:text-black{--tw-text-opacity:1;color:rgb(38 38 48/var(--tw-text-opacity))}.lg\:opacity-0{opacity:0}.lg\:opacity-100{opacity:1}.lg\:shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
188--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lg\:before\:block:before{content:var(--tw-content);display:block}.lg\:hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(var(--color-primary)/var(--tw-text-opacity))}.lg\:hover\:opacity-80:hover{opacity:.8}}@media (min-width:1400px){.xl\:-right-1{right:-1rem}.xl\:left-0{left:0}.xl\:top-4{top:4rem}.xl\:mb-1{margin-bottom:1rem}.xl\:mb-1\.5{margin-bottom:1.5rem}.xl\:mb-4{margin-bottom:4rem}.xl\:mr-half{margin-right:.5rem}.xl\:h-2{height:2rem}.xl\:h-2\.5{height:2.5rem}.xl\:h-\[350px\]{height:350px}.xl\:h-\[48px\]{height:48px}.xl\:h-\[650px\]{height:650px}.xl\:min-h-\[800px\]{min-height:800px}.xl\:w-2{width:2rem}.xl\:w-2\.5{width:2.5rem}.xl\:w-\[48px\]{width:48px}.xl\:w-\[500px\]{width:500px}.xl\:max-w-\[600px\]{max-width:600px}.xl\:max-w-screen-2xl{max-width:1600px}.xl\:p-3{padding:3rem}.xl\:text-2xl{font-size:1.5rem;line-height:1.3}.xl\:text-4xl{font-size:2rem;line-height:1.2}.xl\:text-7xl{font-size:3.75rem;line-height:1}}@media (min-width:1600px){.\32xl\:bottom-3{bottom:3rem}.\32xl\:left-3{left:3rem}.\32xl\:mb-2{margin-bottom:2rem}.\32xl\:h-\[400px\]{height:400px}.\32xl\:w-\[35\%\]{width:35%}.\32xl\:w-\[600px\]{width:600px}.\32xl\:w-\[88\%\]{width:88%}.\32xl\:max-w-\[650px\]{max-width:650px}.\32xl\:gap-1{gap:1rem}.\32xl\:px-4{padding-left:4rem;padding-right:4rem}.\32xl\:py-1{padding-bottom:1rem;padding-top:1rem}.\32xl\:py-1\.5{padding-bottom:1.5rem;padding-top:1.5rem}.\32xl\:py-5{padding-bottom:5rem;padding-top:5rem}.\32xl\:pb-3{padding-bottom:3rem}.\32xl\:pl-\[3\.25rem\]{padding-left:3.25rem}.\32xl\:pt-5{padding-top:5rem}.\32xl\:text-4xl{font-size:2rem;line-height:1.2}.\32xl\:text-lg{font-size:1.125rem;line-height:1.5}.\32xl\:text-sm{font-size:.875rem;line-height:1.5}.\32xl\:text-xl{font-size:1.25rem;line-height:1.4}}@media (min-width:1800px){.\33xl\:bottom-2{bottom:2rem}.\33xl\:bottom-5{bottom:5rem}.\33xl\:mb-1{margin-bottom:1rem}.\33xl\:mb-1\.5{margin-bottom:1.5rem}.\33xl\:mb-5{margin-bottom:5rem}.\33xl\:h-\[500px\]{height:500px}.\33xl\:h-\[750px\]{height:750px}.\33xl\:w-1\/2{width:50%}.\33xl\:w-\[680px\]{width:680px}.\33xl\:max-w-\[730px\]{max-width:730px}.\33xl\:origin-top{transform-origin:top}.\33xl\:scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\33xl\:py-6{padding-bottom:6rem;padding-top:6rem}.\33xl\:text-5xl{font-size:2.5rem;line-height:1.1}}@media (min-width:2000px){.\34xl\:bottom-4{bottom:4rem}.\34xl\:bottom-7{bottom:7rem}}@media print{.print\:block{display:block}.print\:inline{display:inline}.print\:hidden{display:none}.print\:bg-transparent{background-color:transparent}.print\:text-center{text-align:center}}</style>
189<meta name="_algolia" id="_algolia" content="{&quot;app_id&quot;:&quot;V1TB03XOCT&quot;,&quot;api_key&quot;:&quot;758abfeac06ea95173933d58fabdc514&quot;}">
190</head>
191
192<body class="js-scroll-animate overflow-x-clip ListPage Default things-to-doPage "
193	x-data="headerState" x-init="init()"
194     @keydown.escape="openSearch = false; openFiltersDialog = false; openSharePopup=false;">
195
196    
197    
198        
199            <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 199-200
199
200<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
200GTM-P5ZZNGK
vendor: 83 bytes, line 200
200" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
201<!-- End Google Tag Manager (noscript) -->
202
203        
204        
205    
206
207
208	<a href="#main" class="sr-only">Skip to main content</a>
209
210    
211    
212        
213    
214
215
216        
217        
218            <div id="header" class="header backdrop-blur-sm z-10 relative py-half lg:py-qtr bg-primary w-full lg:absolute top-0  lg:bg-primary/90  hover:bg-primary">
219    <div class="px-1 flex flex-col lg:flex-row">
220    <div class="lg:shrink flex items-center justify-between mb-0">
221        <a href="/" class="brand inline-block">
222            
223                <img src="/_resources/themes/enjoyillinois/images/logo.svg?m=1768923487" alt="Home" width="91" height="40" class="print:hidden" />
224            
225            <img src="/_resources/themes/enjoyillinois/images/logos/logo-primary.svg?m=1768923487" alt="Home" width="91" height="40" class="hidden print:block" />
226        </a>
227
228        <div class="action flex md:gap-x-[5px]">
229            <div class="m-weglot-container p-qtr lg:hidden mb-0">
230               
231            </div>
232            
233                <button
234                    @click="
235                    openSearch = ! openSearch;
236                    setTimeout(function(){
237                        document.getElementById('autocomplete-0-input').focus();
238                    }, 0);
239                " 
240                class="search-toggle p-qtr bg-transparent border-0 active lg:hidden mb-0 mr-half text-primary"
241            >
242                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-1.5 h-1.5 stroke-white hover:stroke-gray-300 transition duration-150 ease-in-out">
243                    <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
244                  </svg>
245                <span class="sr-only">Search</span>
246            </button>
247        
248            <a href="/favorites/" class="relative p-qtr bg-transparent border-0 active lg:hidden mb-0 mr-1 text-primary">
249                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-1.5 h-1.5 stroke-white hover:stroke-gray-300 transition duration-150 ease-in-out">
250                    <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
251                </svg>
252                <span class="js-fav-count absolute bg-white rounded-full text-primary text-xs right-[-8px] w-[20px] h-[20px] block text-center top-0"></span>
253                <span class="sr-only">View My Favorites</span>
254            </a>
255            <button class="menu-toggle p-qtr bg-transparent border-0 active lg:hidden mb-0 text-primary">
256                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-1.5 h-1.5 stroke-white hover:stroke-gray-300 transition duration-150 ease-in-out">
257                    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
258                  </svg>
259                <span class="sr-only">Menu</span>
260            </button>
261        </div>
262    </div>
263
264    <div class="lg:grow lg:flex lg:justify-end lg:items-center print:hidden">
265       <div class="relative lg:mt-0 lg:flex lg:mb-0 flex-col lg:flex-col-reverse lg:grow lg:p-0" :class="navOpen ? 'max-lg:mt-1 max-lg:pb-1' : ''">
266    <div class="flex flex-col lg:flex-row">
267    <nav aria-label="main-navigation" aria-describedby="main-navigation" class="js-main-nav max-lg:hidden max-lg:invisible lg:mb-0 lg:grow lg:pl-2" :class="navOpen ? 'max-lg:mb-1 max-lg:!flex max-lg:!visible' : ''">
268        <ul x-ref="mainMenu" class="menu main-menu flex flex-col lg:flex-row justify-start lg:gap-half 2xl:gap-1 hide">
269            
270            <li class="top-level menu-item current dropdown flex flex-wrap justify-between">
271                <a href="/things-to-do/" class="menu-link py-0.75 lg:p-1 flex text-white text-lg lg:text-base border-b border-primary-light lg:border-none   lg:!pr-qtr 
272                 font-bold ">
273                    Things To Do
274                </a>
275            <button class="dropdown-toggle Default  mb-0 border-b border-primary-light lg:border-none focus:outline-none lg:!w-[25px] focus:ring focus:ring-primary-light hover:bg-primary-dark hover:bg-transparent transition ease-in-out lg:opacity-100 lg:hover:opacity-80" aria-label="Things To Do"></button>
276                
277                
278                <ul class="dropdown-menu lg:bg-white lg:!w-[280px] w-full pl-half my-1 lg:my-0 lg:pl-0 lg:!p-half lg:shadow-lg  lg:!w-[420px] lg:!flex-row lg:!flex-wrap !items-start ">
279                    
280                    <li class="link menu-item lg:basis-1/2">
281                        <a href="/things-to-do/outdoor-recreation/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Outdoor Activities</a>
282                    </li>
283                    
284                    <li class="link menu-item lg:basis-1/2">
285                        <a href="/things-to-do/arts-and-culture/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Arts &amp; Culture</a>
286                    </li>
287                    
288                    <li class="link menu-item lg:basis-1/2">
289                        <a href="/things-to-do/arts-and-culture/museums/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Museums</a>
290                    </li>
291                    
292                    <li class="link menu-item lg:basis-1/2">
293                        <a href="/things-to-do/attractions/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Attractions</a>
294                    </li>
295                    
296                    <li class="link menu-item lg:basis-1/2">
297                        <a href="/things-to-do/food-and-drink/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Food &amp; Drink</a>
298                    </li>
299                    
300                    <li class="link menu-item lg:basis-1/2">
301                        <a href="/things-to-do/history/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">History</a>
302                    </li>
303                    
304                    <li class="link menu-item lg:basis-1/2">
305                        <a href="/things-to-do/history/lincoln-historic-sites/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Lincoln Historic Sites</a>
306                    </li>
307                    
308                    <li class="link menu-item lg:basis-1/2">
309                        <a href="/things-to-do/illinois-scenic-byways/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Illinois Scenic Byways</a>
310                    </li>
311                    
312                    <li class="link menu-item lg:basis-1/2">
313                        <a href="/things-to-do/festivals-and-events/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Festivals &amp; Events</a>
314                    </li>
315                    
316                    <li class="link menu-item lg:basis-1/2">
317                        <a href="/things-to-do/shopping/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Shopping</a>
318                    </li>
319                    
320                    <li class="link menu-item lg:basis-1/2">
321                        <a href="/things-to-do/sports/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Sports</a>
322                    </li>
323                    
324                    <li class="link menu-item lg:basis-1/2">
325                        <a href="/things-to-do/illinois-america-250/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Illinois America 250</a>
326                    </li>
327                    
328                    <li class="link menu-item lg:basis-1/2">
329                        <a href="/things-to-do/route-66-in-illinois/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Route 66</a>
330                    </li>
331                    
332                </ul>
333                
334                
335            </li>
336            
337            <li class="top-level menu-item link dropdown flex flex-wrap justify-between">
338                <a href="/places-to-go/" class="menu-link py-0.75 lg:p-1 flex text-white text-lg lg:text-base border-b border-primary-light lg:border-none   lg:!pr-qtr 
339                ">
340                    Places To Go
341                </a>
342            <button class="dropdown-toggle Default  mb-0 border-b border-primary-light lg:border-none focus:outline-none lg:!w-[25px] focus:ring focus:ring-primary-light hover:bg-primary-dark hover:bg-transparent transition ease-in-out lg:opacity-100 lg:hover:opacity-80" aria-label="Places To Go"></button>
343                
344                
345                <ul class="dropdown-menu lg:bg-white lg:!w-[280px] w-full pl-half my-1 lg:my-0 lg:pl-0 lg:!p-half lg:shadow-lg ">
346                    
347                    <li class="link menu-item lg:basis-1/2">
348                        <a href="/places-to-go/chicago-and-beyond/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Chicago &amp; Beyond</a>
349                    </li>
350                    
351                    <li class="link menu-item lg:basis-1/2">
352                        <a href="/places-to-go/great-rivers-country/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Great Rivers Country</a>
353                    </li>
354                    
355                    <li class="link menu-item lg:basis-1/2">
356                        <a href="/places-to-go/land-of-lincoln/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Land of Lincoln</a>
357                    </li>
358                    
359                    <li class="link menu-item lg:basis-1/2">
360                        <a href="/places-to-go/trails-to-adventure/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Trails to Adventure</a>
361                    </li>
362                    
363                </ul>
364                
365                
366            </li>
367            
368            <li class="top-level menu-item link dropdown flex flex-wrap justify-between">
369                <a href="/plan-your-trip/" class="menu-link py-0.75 lg:p-1 flex text-white text-lg lg:text-base border-b border-primary-light lg:border-none   lg:!pr-qtr 
370                ">
371                    Plan Your Trip
372                </a>
373            <button class="dropdown-toggle Default  mb-0 border-b border-primary-light lg:border-none focus:outline-none lg:!w-[25px] focus:ring focus:ring-primary-light hover:bg-primary-dark hover:bg-transparent transition ease-in-out lg:opacity-100 lg:hover:opacity-80" aria-label="Plan Your Trip"></button>
374                
375                
376                <ul class="dropdown-menu lg:bg-white lg:!w-[280px] w-full pl-half my-1 lg:my-0 lg:pl-0 lg:!p-half lg:shadow-lg  lg:!w-[420px] lg:!flex-row lg:!flex-wrap !items-start ">
377                    
378                    <li class="link menu-item lg:basis-1/2">
379                        <a href="/plan-your-trip/travel-inspiration/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Travel Inspiration</a>
380                    </li>
381                    
382                    <li class="link menu-item lg:basis-1/2">
383                        <a href="/plan-your-trip/road-trip-itineraries/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Road Trip Itineraries</a>
384                    </li>
385                    
386                    <li class="link menu-item lg:basis-1/2">
387                        <a href="/plan-your-trip/illinois-made/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Illinois Made</a>
388                    </li>
389                    
390                    <li class="link menu-item lg:basis-1/2">
391                        <a href="/plan-your-trip/places-to-stay/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Places to Stay</a>
392                    </li>
393                    
394                    <li class="link menu-item lg:basis-1/2">
395                        <a href="/plan-your-trip/seasonal-adventures/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Seasonal Adventures</a>
396                    </li>
397                    
398                    <li class="link menu-item lg:basis-1/2">
399                        <a href="/plan-your-trip/illinois-luxury/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">LUXE by Illinois</a>
400                    </li>
401                    
402                    <li class="link menu-item lg:basis-1/2">
403                        <a href="/plan-your-trip/exploring-illinois-with-electric-vehicles/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">EVs in Illinois</a>
404                    </li>
405                    
406                    <li class="link menu-item lg:basis-1/2">
407                        <a href="/plan-your-trip/getting-here-and-getting-around/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Travel in Illinois</a>
408                    </li>
409                    
410                    <li class="link menu-item lg:basis-1/2">
411                        <a href="/plan-your-trip/maps-and-visitor-guides/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Maps &amp; Visitor Guides</a>
412                    </li>
413                    
414                    <li class="link menu-item lg:basis-1/2">
415                        <a href="/plan-your-trip/lets-go-illinois-travel-podcast/" class="menu-link py-half lg:px-0.75 lg:py-half flex lg:hover:text-primary text-white lg:text-black  ">Let&#039;s Go! The Enjoy Illinois Podcast</a>
416                    </li>
417                    
418                </ul>
419                
420                
421            </li>
422            
423            <li class="top-level menu-item link ">
424                <a href="/accessibility/" class="menu-link py-0.75 lg:p-1 flex text-white text-lg lg:text-base border-b border-primary-light lg:border-none  
425                ">
426                    Accessible Travel
427                </a>
428            
429                
430                
431                
432            </li>
433            
434        </ul>
435    </nav>
436
437    <ul class="flex flex-col lg:flex-row lg:shrink justify-end" :class="!navOpen ? 'max-lg:hidden max-lg:invisible' : ''">
438        <li aria-label="Language Selection" role="region" class="weglot-container w-[50px] hidden lg:flex items-center justify-between mx-half">
439             
440        </li>
441        
442            <li class="hidden lg:flex items-center justify-between mx-half">
443                <button aria-label="Search the Site" role="region" @click="
444                    openSearch = ! openSearch;
445                    setTimeout(function(){
446                    const event = new CustomEvent('placeholderSet', { detail: 'Things to do, events, itineraries, cities, places to 
446stay…' });
447                    document.dispatchEvent(event);
448                        document.getElementById('autocomplete-0-input').focus();
449                    }, 0);" class="alpine-js search-toggle p-qtr bg-transparent active mb-0 text-primary">
450                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-1.5 h-1.5 stroke-white hover:stroke-gray-300 transition duration-150 ease-in-out">
451                        <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
452                    </svg>
453                    <span class="sr-only">Search the Site</span>
454                </button>
455            </li>
456        
457        <li class="hidden lg:flex items-center justify-between mx-half">
458            <a href="/favorites/" class="relative inline-flex gap-qtr p-qtr bg-transparent active mb-0 mr-qtr text-primary">
459                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-1.5 h-1.5 stroke-white hover:stroke-gray-300 transition duration-150 ease-in-out">
460                  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
461                </svg>
462                <span role="region" aria-label="Favorites Count" class="js-fav-count absolute bg-white rounded-full text-primary text-xs -right-[10px] w-[20px] h-[20px] block text-center top-0"></span>
463              <span role="region" aria-label="View My Favorites" class="sr-only">View My Favorites</span>
464          </a>
465        </li>
466        <li class="hidden lg:flex items-center justify-between mx-qtr">
467            <button @click="menuOpen = ! menuOpen;" class="alpine-js menu-toggle p-qtr bg-transparent active mb-0 text-primary">
468                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-1.5 h-1.5 stroke-white hover:stroke-gray-300 transition duration-150 ease-in-out">
469                    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
470                  </svg>
471                <span role="region" aria-label="Menu" class="sr-only">Menu</span>
472            </button>
473        </li>
474    </ul>
475
476    
477        
478            <ul class="hidden invisible text-sm justify-start mt-2 lg:mt-0 lg:mb-half" :class="!navOpen ? 'hidden invisible' : '!flex !flex-col lg:!flex-row !visible'">
479                
480                    <li><a href="https://tourillinois.org/" class="block p-half text-md pl-0 lg:pl-half hover:text-gray-200 text-white" target="_blank">Tour in IL</a></li>
481                
482                    <li><a href="https://media.enjoyillinois.com/" class="block p-half text-md pl-0 lg:pl-half hover:text-gray-200 text-white" target="_blank">Media</a></li>
483                
484                    <li><a href="https://sportsillinois.com/" class="block p-half text-md pl-0 lg:pl-half hover:text-gray-200 text-white" target="_blank">Sports IL</a></li>
485                
486                    <li><a href="https://meetinillinois.com/" class="block p-half text-md pl-0 lg:pl-half hover:text-gray-200 text-white" target="_blank">Meet in IL</a></li>
487                
488                    <li><a href="/tourism/" class="block p-half text-md pl-0 lg:pl-half hover:text-gray-200 text-white" >Tourism Industry</a></li>
489                
490                
491            </ul>
492        
493
494        
495            <ul class="hidden invisible gap-half w-full justify-start mt-2 lg:mt-0 lg:mb-half" :class="!navOpen ? 'hidden invisible' : '!flex !flex-wrap !visible'">
496                
497    <li>
498        <a href="https://www.facebook.com/EnjoyIllinoisUS/" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-white hover:border-primary-dark hover:bg-primary-dark ease-in-out duration-100">
499            <svg aria-hidden="true" width="30" height="30" viewBox="0 0 20 20" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
500                <path class="fill-white group-hover:fill-white" fill="none" d="M11.344,5.71c0-0.73,0.074-1.122,1.199-1.
500122h1.502V1.871h-2.404c-2.886,0-3.903,1.36-3.903,3.646v1.765h-1.8V10h1.8v8.128h3.601V10h2.403l0.32-2.718h-2.724L11.344,5.71z"></path>
501            </svg><span class="sr-only">Like us on Facebook</span>
502        </a>
503    </li>
504
505
506    <li>
507        <a href="https://www.instagram.com/enjoyillinois/" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-white hover:border-primary-dark hover:bg-primary-dark ease-in-out duration-100">
508            <svg aria-hidden="true" width="30" height="30" viewBox="0 0 25.409 25.409"  class="w-1.5 h-1.5 lg:w-2 lg:h-2">
509                <path class="fill-white group-hover:fill-white" fill="none" d="M12.7,0C9.253,0,8.822.016,7.467.076A9.368,9.368,0,0,0,4.383.667,6.221,6.221,0,0,0,2.132,2.132,6.2,6.2,0,0,0,.667,4.383,9.341,9.341,0,0,0,.076,7.467C.013,8.822,0,9.253,0,12.7s.016,3.882.076,5.237a9.374,9.374,0,0,0,.591,3.084,6.23,6.23,0,0,0,1.465,2.251,6.213,6.213,0,0,0,2.251,1.465,9.38,9.38,0,0,0,3.084.591c1.355.064,1.786.076,5.237.076s3.882-.016,5.237-.076a9.4,9.4,0,0,0,3.084-.591,6.493,6.493,0,0,0,3.716-3.716,9.374,9.374,0,0,0,.591-3.084c.064-1.355.076-1.786.076-5.237s-.016-3.882-.076-5.237a9.4,9.4,0,0,0-.591-3.084,6.235,6.235,0,0,0-1.465-2.251A6.19,6.19,0,0,0,21.026.667,9.346,9.346,0,0,0,17.942.076C16.587.013,16.156,0,12.7,0Zm0,2.287c3.391,0,3.8.017,5.135.075A7,7,0,0,1,20.2,2.8a4.181,4.181,0,0,1,2.412,2.411,7.014,7.014,0,0,1,.437,2.358c.06,1.34.074,1.743.074,5.135s-.016,3.8-.078,5.135A7.149,7.149,0,0,1,22.6,20.2a4.034,4.034,0,0,1-.952,1.463,3.963,3.963,0,0,1-1.461.949,7.066,7.066,0,0,1-2.366.437c-1.349.06-1.746.074-5.144.074s-3.8-.016-5.144-.078A7.2,7.2,0,0,1,5.161,22.6a3.934,3.934,0,0,1-1.46-.952,3.858,3.858,0,0,1-.953-1.461A7.21,7.21,0,0,1,2.3,17.817c-.048-1.334-.065-1.746-.065-5.128s.017-3.8.065-5.146a7.2,7.2,0,0,1,.445-2.365A3.766,3.766,0,0,1,3.7,3.715a3.758,3.758,0,0,1,1.46-.951,7.032,7.032,0,0,1,2.351-.446c1.35-.048,1.747-.064,5.144-.064l.048.032Zm0,3.894A6.524,6.524,0,1,0,19.228,12.7,6.523,6.523,0,0,0,12.7,6.181Zm0,10.758A4.235,4.235,0,1,1,16.939,12.7,4.234,4.234,0,0,1,12.7,16.939ZM21.011,5.923A1.525,1.525,0,1,1,19.486,4.4,1.526,1.526,0,0,1,21.011,5.923Z"/>
510            </svg>
511        <span class="sr-only">Follow us on Instagram</span>
512        </a>
513    </li>
514
515
516
517
518
519
520    <li>
521        <a href="https://pinterest.com/enjoyillinois/" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-white hover:border-primary-dark hover:bg-primary-dark ease-in-out duration-100">
522        <svg aria-hidden="true" width="30" height="30"  viewBox="0 0 384 512" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
523        <path class="fill-white group-hover:fill-white" d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/></svg>
524        <span class="sr-only">Check our Pinterest</span>
525        </a>
526    </li>
527
528
529
530    <li>
531        <a href="https://www.tiktok.com/@enjoyillinois" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-white hover:border-primary-dark hover:bg-primary-dark ease-in-out duration-100">
532            <svg aria-hidden="true" width="30" height="30" viewBox="0 0 512 512" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
533            <path class="fill-white group-hover:fill-white" fill="none" d="M412.19,118.66a109.27,109.27,0,0,1-9.45-5.5,132.87,132.87,0,0,1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14,23.9,350,16,350.13,16H267.69V334.78c0,4.28,0,8.51-.18,12.69,0,.52-.05,1-.08,1.56,0,.23,0,.47-.05.71,0,.06,0,.12,0,.18a70,70,0,0,1-35.22,55.56,68.8,68.8,0,0,1-34.11,9c-38.41,0-69.54-31.32-69.54-70s31.13-70,69.54-70a68.9,68.9,0,0,1,21.41,3.39l.1-83.94a153.14,153.14,0,0,0-118,34.52,161.79,161.79,0,0,0-35.3,43.53c-3.48,6-16.61,30.11-18.2,69.24-1,22.21,5.67,45.22,8.85,54.73v.2c2,5.6,9.75,24.71,22.38,40.82A167.53,167.53,0,0,0,115,470.66v-.2l.2.2C155.11,497.78,199.36,496,199.36,496c7.66-.31,33.32,0,62.46-13.81,32.32-15.31,50.72-38.12,50.72-38.12a158.46,158.46,0,0,0,27.64-45.93c7.46-19.61,9.95-43.13,9.95-52.53V176.49c1,.6,14.32,9.41,14.32,9.41s19.19,12.3,49.13,20.31c21.48,5.7,50.42,6.9,50.42,6.9V131.27C453.86,132.37,433.27,129.17,412.19,118.66Z"></path>
534            </svg><span class="sr-only">Follow us on TikTok</span>
535        </a>
536    </li>
537
538
539
540    <li>
541        <a href="https://www.linkedin.com/company/illinois-office-of-tourism/" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-white hover:border-primary-dark hover:bg-primary-dark ease-in-out duration-100">
542        <svg aria-hidden="true" width="30" height="30" viewBox="0 0 30 30" class="w-1.5 h-1.5 lg:w-2 lg:h-2 relative left-[0.2rem]">
543        <path class="fill-white group-hover:fill-white" fill="none" d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"/></svg>
544        <span class="sr-only">Follow us on LinkedIn</span>
545        </a>
546    </li>
547
548
549
550    <li>
551        <a href="https://www.youtube.com/@EnjoyIllinois" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-white hover:border-primary-dark hover:bg-primary-dark ease-in-out duration-100">
552            <svg aria-hidden="true" width="30" height="30" viewBox="0 0 1792 1792" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
553            <path class="fill-white group-hover:fill-white" fill="none" d="M711 1128l484-250-484-253v503zm185-862q168 0 324.5 4.5t229.5 9.5l73 4q1 0 17 1.5t23 3 23.5 4.5 28.5 8 28 13 31 19.5 29 26.5q6 6 15.5 18.5t29 58.5 26.5 101q8 64 12.5 136.5t5.5 113.5v176q1 145-18 290-7 55-25 99.5t-32 61.5l-14 17q-14 15-29 26.5t-31 19-28 12.5-28.5 8-24 4.5-23 3-16.5 1.5q-251 19-627 19-207-2-359.5-6.5t-200.5-7.5l-49-4-36-4q-36-5-54.5-10t-51-21-56.5-41q-6-6-15.5-18.5t-29-58.5-26.5-101q-8-64-12.5-136.5t-5.5-113.5v-176q-1-145 18-290 7-55 25-99.5t32-61.5l14-17q14-15 29-26.5t31-19.5 28-13 28.5-8 23.5-4.5 23-3 17-1.5q251-18 627-18z"></path>
554            </svg><span class="sr-only">Subscribe to our channel on YouTube</span>
555        </a>
556    </li>
557
558            </ul>
559        
560    
561
562</div>
563</div>
564
565    </div>
566</div>
567</div>
568
569            <div x-trap.noscroll="openSearch" class="w-full h-full top-0 left-0 fixed bg-white backdrop-blur-sm opacity-1 shadow-2xl z-[9999] transition ease-in-out duration-300 overflow-auto"
570     :class="openSearch ? '' : 'invisible opacity-0'" tabindex="-1" x-cloak>
571     <div class="hidden lg:block lg:absolute lg:top-0 lg:right-0 lg:h-full lg:overflow-hidden lg:-z-10">
572        <svg class="fill-[#F5F5FF] h-[107%] w-auto relative -top-[5%] -right-[35%]" viewBox="0 0 57.297 79.26" width="57.297" xmlns="http://www.w3.org/2000/svg"><path d="m423 193.522a28.138 28.138 0 0 0 -13.664-3.522 27.678 27.678 0 0 0 -13.663 3.522c-13.96 7.807-19.306 25.416-11.117 38.909 7.383 12.135 15.487 23.8 23.252 35.684.509.764.976 1.146 1.527 1.146q.764 0 1.528-1.146c7.765-11.88 15.911-23.549 23.252-35.684 8.185-13.493 2.885-31.102-11.115-38.909zm-13.663 39.206a14.087 14.087 0 1 1 14.087-14.087 14.079 14.079 0 0 1 -14.088 14.086z" transform="translate(-380.692 -190)"/></svg>
573    </div>
574    <button @click="openSearch = false" class="absolute top-50 text-primary right-1 top-1 p-[4px] mb-0 !bg-transparent !border-none !shadow-none transition duration-500 ease-in-out hover:rotate-90">
575        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
576            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
577        </svg>
578        <span class="sr-only">Close Search</span>
579    </button>
580
581    <div class="container max-w-screen-lg py-10 lg:py-6">
582        
583            
584                <h2 class="mb-2 text-center max-lg:h4 h2">Search the middle of everything...</h2>
585            
586            
587            <div id="algolia-autocomplete" class="simple-popup-search flex mx-auto w-full justify-center mb-2.5">
588            </div>
589
590            
591                <ul class="flex justify-center flex-wrap items-center gap-1 lg:gap-1.25">
592                    <li class="tagline text-xs lg:text-sm text-black">What's trending:</li>
593                    
594                        <li><a href="/search?query=Seasonal+Adventures" class="underline text-base lg:text-lg text-lightgray hover:text-primary">Seasonal Adventures</a></li>
595                    
596                        <li><a href="/search?query=Route+66" class="underline text-base lg:text-lg text-lightgray hover:text-primary">Route 66</a></li>
597                    
598                        <li><a href="/search?query=Festivals+%26+Event" class="underline text-base lg:text-lg text-lightgray hover:text-primary">Festivals &amp; Event</a></li>
599                    
600                        <li><a href="/search?query=Chicago" class="underline text-base lg:text-lg text-lightgray hover:text-primary">Chicago</a></li>
601                    
602                        <li><a href="/search?query=Illinois+State+Parks" class="underline text-base lg:text-lg text-lightgray hover:text-primary">Illinois State Parks</a></li>
603                    
604                        <li><a href="/search?query=Galena" class="underline text-base lg:text-lg text-lightgray hover:text-primary">Galena</a></li>
605                    
606                </ul>
607            
608            
609            
610                <div class="hidden lg:block w-full h-[3px] bg-primary mt-[8rem] mb-4"></div>
611
612                <div class="hidden lg:flex justify-between">
613                    <div class="flex gap-1.25">
614                        
615                            <div class="w-[230px]">
616                                <h3 class="h5 mb-1.5">Helpful Links</h3>
617                                <ul>
618                                    
619                                        <li class="text-lightgray hover:text-primary mb-half">
620    <a href="/plan-your-trip/" >Plan Your Trip</a>
621
622</li>
623                                    
624                                        <li class="text-lightgray hover:text-primary mb-half">
625    <a href="/places-to-go/" >Places To Go in Illinois</a>
626
627</li>
628                                    
629                                        <li class="text-lightgray hover:text-primary mb-half">
630    <a href="/things-to-do/" >Things To Do</a>
631
632</li>
633                                     
634                                </ul>
635                            </div>
636                        
637                        
638                            <div class="w-[230px]">
639                                <h4 class="h5 mb-1.5">About Enjoy Illinois</h4>
640                                <ul>
641                                    
642                                        <li class="text-lightgray hover:text-primary mb-half">
643    <a href="/tourism/" >Tourism Industry</a>
644
645</li>
646                                    
647                                        <li class="text-lightgray hover:text-primary mb-half">
648    <a href="/accessibility/" >Accessible Travel in Illinois</a>
649
650</li>
651                                     
652                                </ul>
653                            </div>
654                        
655                    </div>
656                    
657                        <div class="flex gap-2">
658                            
659                                <a href="/plan-your-trip/maps-and-visitor-guides/">
660                                    <img width="150" height="150" data-src="/assets/Magazine/ILFW26_Cover__FitWzMwMCwzMDBd.jpeg" src="/_resources/themes/enjoyillinois/images/px.png?m=1768923488" class="lozad shadow-lg -rotate-3 max-w-[150px] h-auto 
660self-center" alt="Inspiration Guide" />
661                                </a>
662                            
663                            <div class="max-w-[250px]">
664                                <h4 class="h5 mb-1">Enjoy Illinois Inspiration Guide</h4>
665                                <p>Find unexpected ways to Enjoy Illinois in this biannual inspiration guide that explores every corner of the state.</p>
666                                <a href="/plan-your-trip/maps-and-visitor-guides/" class="button primary">Learn More</a>
667                            </div>
668                        </div>
669                    
670                </div>
671            
672
673            <div class="simple-popup-search hidden flex shadow-lg mx-auto w-[95%] md:w-[75%] lg:w-[550px] lg:max-w-[550px] justify-center items-center mt-1 mb-1">
674                <form class="aa-Form aa-InputWrapper relative w-full" action="/search/">
675                    <input
676                        type="text"
677                        id="query"
678                        placeholder=""
679                        class="!p-1 text-gray-600 text-center border-0"
680                        name="query">
681                </form>
682            </div>
683        
684    </div>
685</div>
686            
687            <div x-trap.noscroll="menuOpen" class="w-full h-full top-0 left-0 fixed bg-white shadow-2xl z-20 transition transition-all ease-in-out duration-300"
688    :class="menuOpen ? '' : 'invisible opacity-0'" tabindex="-1" x-cloak>
689
690    <div class="flex flex-row w-full h-full mx-auto">
691		
692			
693				<figure class="w-1/3 3xl:w-1/2 h-full relative before:transition-none with-overlay from-bottom">
694					<img class="object-cover w-full h-full" src="/assets/Images/Indoor-Activities/Shedd-Aquarium__FillMaxWzEyMDAsMTIwMF0_ExtRewriteWyJqcGciLCJ3ZWJwIl0.webp"
695                    srcset="/assets/Images/Indoor-Activities/Shedd-Aquarium__FillMaxWzQwMCw5MDBd_ExtRewriteWyJqcGciLCJ3ZWJwIl0.webp 1024w, /assets/Images/Indoor-Activities/Shedd-Aquarium__FillMaxWzQ1MCwxMDAwXQ_ExtRewriteWyJqcGciLCJ3ZWJwIl0.webp 1400w, /assets/Images/Indoor-Activities/Shedd-Aquarium__FillMaxWzU1MCwxMTAwXQ_ExtRewriteWyJqcGciLCJ3ZWJwIl0.webp 1600w, /assets/Images/Indoor-Activities/Shedd-Aquarium__FillMaxWzkwMCwxMjAwXQ_ExtRewriteWyJqcGciLCJ3ZWJwIl0.webp 1900w" alt="" />
696                    
697                        <figcaption class="flex absolute right-1 bottom-1 gap-qtr lg:gap-half flex-col items-center lg:right-1.5 lg:bottom-2 text-white text-xs md:text-sm">
698                            <svg xmlns="http://www.w3.org/2000/svg" width="15.297" height="79.26" viewBox="0 0 57.297 79.26" fill="currentColor" class="inline w-1.5 h-1.5 mb-qtr">
699                                <g transform="translate(-358.422 78.41)">
700                                <path d="M423,193.522A28.138,28.138,0,0,0,409.336,190a27.678,27.678,0,0,0-13.663,3.522c-13.96,7.807-19.306,25.416-11.117,38.909,7.383,12.135,15.487,23.8,23.252,35.684.509.764.976,1.146,1.527,1.146q.764,0,1.528-1.146c7.765-11.88,15.911-23.549,23.252-35.684C442.3,218.938,437,201.329,423,193.522Zm-13.663,39.206a14.087,14.087,0,1,1,14.087-14.087A14.079,14.079,0,0,1,409.336,232.727Z" transform="translate(-22.27 -268.41)" fill="#fff"/>
701                                </g>
702                            </svg>
703                            <span class="max-w-[100px] text-xs lg:max-w-[140px] inline-block text-center">Shedd Aquarium</span>
704                        </figcaption>
705                    
706				</figure>
707			
708		
709        <div class="w-2/3 3xl:w-1/2 h-full overflow-y-auto relative">
710                <div class="lozad bg-repeat bg-top bg-[length:500px_auto] md:bg-[length:600px_auto] lg:bg-[length:700px_auto]  xl:bg-[length:750px_auto] 2xl:bg-[length:800px_auto] absolute-cover -z-10 print:hidden" data-background-image="/_resources/themes/enjoyillinois/images/backgrounds/bg-pattern-transparent.webp?m=1768923482"></div>
711                <div class="max-w-screen-lg mx-auto px-3 py-4 2xl:pt-5 2xl:px-4">
712                            <div class="menu-columns grid grid-cols-2 lg:grid-cols-3 gap-2 mb-5">
713                                
714                                    <div class="menu-column">
715                                        <h2 class="h5 xl:h4 !mb-qtr hover:text-primary   text-primary  "><a href="/things-to-do/">Things To Do</a></h2>
716                                        <ul class="sub-menu">
717                                            
718                                                <li class="pt-half"><a href="/things-to-do/outdoor-recreation/" class="text-gray-600 hover:text-primary ">Outdoor Activities</a></li>
719                                            
720                                                <li class="pt-half"><a href="/things-to-do/arts-and-culture/" class="text-gray-600 hover:text-primary ">Arts &amp; Culture</a></li>
721                                            
722                                                <li class="pt-half"><a href="/things-to-do/arts-and-culture/museums/" class="text-gray-600 hover:text-primary ">Museums</a></li>
723                                            
724                                                <li class="pt-half"><a href="/things-to-do/attractions/" class="text-gray-600 hover:text-primary ">Attractions</a></li>
725                                            
726                                                <li class="pt-half"><a href="/things-to-do/food-and-drink/" class="text-gray-600 hover:text-primary ">Food &amp; Drink</a></li>
727                                            
728                                                <li class="pt-half"><a href="/things-to-do/history/" class="text-gray-600 hover:text-primary ">History</a></li>
729                                            
730                                                <li class="pt-half"><a href="/things-to-do/history/lincoln-historic-sites/" class="text-gray-600 hover:text-primary ">Lincoln Historic Sites</a></li>
731                                            
732                                                <li class="pt-half"><a href="/things-to-do/illinois-scenic-byways/" class="text-gray-600 hover:text-primary ">Illinois Scenic Byways</a></li>
733                                            
734                                                <li class="pt-half"><a href="/things-to-do/festivals-and-events/" class="text-gray-600 hover:text-primary ">Festivals &amp; Events</a></li>
735                                            
736                                                <li class="pt-half"><a href="/things-to-do/shopping/" class="text-gray-600 hover:text-primary ">Shopping</a></li>
737                                            
738                                                <li class="pt-half"><a href="/things-to-do/sports/" class="text-gray-600 hover:text-primary ">Sports</a></li>
739                                            
740                                                <li class="pt-half"><a href="/things-to-do/illinois-america-250/" class="text-gray-600 hover:text-primary ">Illinois America 250</a></li>
741                                            
742                                                <li class="pt-half"><a href="/things-to-do/route-66-in-illinois/" class="text-gray-600 hover:text-primary ">Route 66 Centennial</a></li>
743                                            
744                                        </ul>
745                                    </div>
746                                
747                                    <div class="menu-column">
748                                        <h2 class="h5 xl:h4 !mb-qtr hover:text-primary  "><a href="/places-to-go/">Places To Go in Illinois</a></h2>
749                                        <ul class="sub-menu">
750                                            
751                                                <li class="pt-half"><a href="/places-to-go/chicago-and-beyond/" class="text-gray-600 hover:text-primary ">Chicago &amp; Beyond</a></li>
752                                            
753                                                <li class="pt-half"><a href="/places-to-go/great-rivers-country/" class="text-gray-600 hover:text-primary ">Great Rivers Country</a></li>
754                                            
755                                                <li class="pt-half"><a href="/places-to-go/land-of-lincoln/" class="text-gray-600 hover:text-primary ">Land of Lincoln</a></li>
756                                            
757                                                <li class="pt-half"><a href="/places-to-go/trails-to-adventure/" class="text-gray-600 hover:text-primary ">Trails to Adventure</a></li>
758                                            
759                                        </ul>
760                                    </div>
761                                
762                                    <div class="menu-column">
763                                        <h2 class="h5 xl:h4 !mb-qtr hover:text-primary  "><a href="/plan-your-trip/">Plan Your Trip</a></h2>
764                                        <ul class="sub-menu">
765                                            
766                                                <li class="pt-half"><a href="/plan-your-trip/travel-inspiration/" class="text-gray-600 hover:text-primary ">Travel Inspiration</a></li>
767                                            
768                                                <li class="pt-half"><a href="/plan-your-trip/road-trip-itineraries/" class="text-gray-600 hover:text-primary ">Road Trip Itineraries</a></li>
769                                            
770                                                <li class="pt-half"><a href="/plan-your-trip/illinois-made/" class="text-gray-600 hover:text-primary ">Illinois Made</a></li>
771                                            
772                                                <li class="pt-half"><a href="/plan-your-trip/places-to-stay/" class="text-gray-600 hover:text-primary ">Places to Stay</a></li>
773                                            
774                                                <li class="pt-half"><a href="/plan-your-trip/seasonal-adventures/" class="text-gray-600 hover:text-primary ">Seasonal Adventures</a></li>
775                                            
776                                                <li class="pt-half"><a href="/plan-your-trip/illinois-luxury/" class="text-gray-600 hover:text-primary ">LUXE</a></li>
777                                            
778                                                <li class="pt-half"><a href="/plan-your-trip/exploring-illinois-with-electric-vehicles/" class="text-gray-600 hover:text-primary ">Exploring Illinois with Electric Vehicles</a></li>
779                                            
780                                                <li class="pt-half"><a href="/plan-your-trip/getting-here-and-getting-around/" class="text-gray-600 hover:text-primary ">Getting Here &amp;
780 Getting Around</a></li>
781                                            
782                                                <li class="pt-half"><a href="/plan-your-trip/maps-and-visitor-guides/" class="text-gray-600 hover:text-primary ">Maps &amp; Visitor Guides</a></li>
783                                            
784                                                <li class="pt-half"><a href="/plan-your-trip/lets-go-illinois-travel-podcast/" class="text-gray-600 hover:text-primary ">Let&#039;s Go! The Enjoy Illinois Podcast</a></li>
785                                            
786                                        </ul>
787                                    </div>
788                                
789                                    <div class="menu-column">
790                                        <h2 class="h5 xl:h4 !mb-qtr hover:text-primary  "><a href="/accessibility/">Accessible Travel in Illinois</a></h2>
791                                        <ul class="sub-menu">
792                                            
793                                        </ul>
794                                    </div>
795                                
796                            </div>
797
798                            
799                                
800                                    <ul class="flex flex-col mb-3  text-sm leading-loose">
801                                        
802                                            <li><a href="https://meetinillinois.com/" class="text-gray-600 hover:text-primary" target="_blank">Meet in IL</a></li>
803                                        
804                                            <li><a href="/tourism/" class="text-gray-600 hover:text-primary" >Tourism Industry</a></li>
805                                        
806                                            <li><a href="https://tourillinois.org/" class="text-gray-600 hover:text-primary" target="_blank">Tour in IL</a></li>
807                                        
808                                            <li><a href="https://media.enjoyillinois.com/" class="text-gray-600 hover:text-primary" target="_blank">Media</a></li>
809                                        
810                                            <li><a href="https://sportsillinois.com/" class="text-gray-600 hover:text-primary" target="_blank">Sports IL</a></li>
811                                        
812                                        
813                                    </ul>
814                                
815
816                                
817                                    <ul class="flex flex-wrap space-x-half mb-2">
818                                        
819    <li>
820        <a href="https://www.facebook.com/EnjoyIllinoisUS/" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-primary hover:bg-primary-dark ease-in-out duration-100">
821            <svg aria-hidden="true" width="30" height="30" viewBox="0 0 20 20" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
822                <path class="fill-primary group-hover:fill-white" fill="none" d="M11.344,5.71c0-0.73,0.074-1.122,1.199-1.122h1.502V1.871h-2.404c-2.886,0-3.903,1.36-3.903,3.646v1.765h-1.8V10h1.8v8.128h3.601V10h2.403l0.32-2.718h-2.724L11.344,5.71z"></path>
823            </svg><span class="sr-only">Like us on Facebook</span>
824        </a>
825    </li>
826
827
828    <li>
829        <a href="https://www.instagram.com/enjoyillinois/" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-primary hover:bg-primary-dark ease-in-out duration-100">
830            <svg aria-hidden="true" width="30" height="30" viewBox="0 0 25.409 25.409" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
831                <path class="fill-primary group-hover:fill-white" fill="none" d="M12.7,0C9.253,0,8.822.016,7.467.076A9.368,9.368,0,0,0,4.383.667,6.221,6.221,0,0,0,2.132,2.132,6.2,6.2,0,0,0,.667,4.383,9.341,9.341,0,0,0,.076,7.467C.013,8.822,0,9.253,0,12.7s.016,3.882.076,5.237a9.374,9.374,0,0,0,.591,3.084,6.23,6.23,0,0,0,1.465,2.251,6.213,6.213,0,0,0,2.251,1.465,9.38,9.38,0,0,0,3.084.591c1.355.064,1.786.076,5.237.076s3.882-.016,5.237-.076a9.4,9.4,0,0,0,3.084-.591,6.493,6.493,0,0,0,3.716-3.716,9.374,9.374,0,0,0,.591-3.084c.064-1.355.076-1.786.076-5.237s-.016-3.882-.076-5.237a9.4,9.4,0,0,0-.591-3.084,6.235,6.235,0,0,0-1.465-2.251A6.19,6.19,0,0,0,21.026.667,9.346,9.346,0,0,0,17.942.076C16.587.013,16.156,0,12.7,0Zm0,2.287c3.391,0,3.8.017,5.135.075A7,7,0,0,1,20.2,2.8a4.181,4.181,0,0,1,2.412,2.411,7.014,7.014,0,0,1,.437,2.358c.06,1.34.074,1.743.074,5.135s-.016,3.8-.078,5.135A7.149,7.149,0,0,1,22.6,20.2a4.034,4.034,0,0,1-.952,1.463,3.963,3.963,0,0,1-1.461.949,7.066,7.066,0,0,1-2.366.437c-1.349.06-1.746.074-5.144.074s-3.8-.016-5.144-.078A7.2,7.2,0,0,1,5.161,22.6a3.934,3.934,0,0,1-1.46-.952,3.858,3.858,0,0,1-.953-1.461A7.21,7.21,0,0,1,2.3,17.817c-.048-1.334-.065-1.746-.065-5.128s.017-3.8.065-5.146a7.2,7.2,0,0,1,.445-2.365A3.766,3.766,0,0,1,3.7,3.715a3.758,3.758,0,0,1,1.46-.951,7.032,7.032,0,0,1,2.351-.446c1.35-.048,1.747-.064,5.144-.064l.048.032Zm0,3.894A6.524,6.524,0,1,0,19.228,12.7,6.523,6.523,0,0,0,12.7,6.181Zm0,10.758A4.235,4.235,0,1,1,16.939,12.7,4.234,4.234,0,0,1,12.7,16.939ZM21.011,5.923A1.525,1.525,0,1,1,19.486,4.4,1.526,1.526,0,0,1,21.011,5.923Z"/>
832            </svg>
833        <span class="sr-only">Follow us on Instagram</span>
834        </a>
835    </li>
836
837
838
839
840
841
842    <li>
843        <a href="https://pinterest.com/enjoyillinois/" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-primary hover:bg-primary-dark ease-in-out duration-100">
844        <svg aria-hidden="true" width="30" height="30"  viewBox="0 0 384 512" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
845        <path class="fill-primary group-hover:fill-white" d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/></svg>
846        <span class="sr-only">Check our Pinterest</span>
847        </a>
848    </li>
849
850
851
852    <li>
853        <a href="https://www.tiktok.com/@enjoyillinois" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-primary hover:bg-primary-dark ease-in-out duration-100">
854            <svg aria-hidden="true" width="30" height="30" viewBox="0 0 512 512" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
855            <path class="fill-primary group-hover:fill-white" fill="none" d="M412.19,118.66a109.27,109.27,0,0,1-9.45-5.5,132.87,132.87,0,0,1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14,23.9,350,16,350.13,16H267.69V334.78c0,4.28,0,8.51-.18,12.69,0,.52-.05,1-.08,1.56,0,.23,0,.47-.05.71,0,.06,0,.12,0,.18a70,70,0,0,1-35.22,55.56,68.8,68.8,0,0,1-34.11,9c-38.41,0-69.54-31.32-69.54-70s31.13-70,69.54-70a68.9,68.9,0,0,1,21.41,3.39l.1-83.94a153.14,153.14,0,0,0-118,34.52,161.79,161.79,0,0,0-35.3,43.53c-3.48,6-16.61,30.11-18.2,69.24-1,22.21,5.67,45.22,8.85,54.73v.2c2,5.6,9.75,24.71,22.38,40.82A167.53,167.53,0,0,0,115,470.66v-.2l.2.2C155.11,497.78,199.36,496,199.36,496c7.66-.31,33.32,0,62.46-13.81,32.32-15.31,50.72-38.12,50.72-38.12a158.46,158.46,0,0,0,27.64-45.93c7.46-19.61,9.95-43.13,9.95-52.53V176.49c1,.6,14.32,9.41,14.32,9.41s19.19,12.3,49.13,20.31c21.48,5.7,50.42,6.9,50.42,6.9V131.27C453.86,132.37,433.27,129.17,412.19,118.66Z"></path>
856            </svg><span class="sr-only">Follow us on TikTok</span>
857        </a>
858    </li>
859
860
861
862    <li>
863        <a href="https://www.linkedin.com/company/illinois-office-of-tourism/" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-primary hover:bg-primary-dark ease-in-out duration-100">
864        <svg aria-hidden="true" width="30" height="30" viewBox="0 0 30 30" class="w-1.5 h-1.5 lg:w-2 lg:h-2 relative left-[0.2rem]">
865        <path class="fill-primary group-hover:fill-white" fill="none" d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"/></svg>
866        <span class="sr-only">Follow us on LinkedIn</span>
867        </a>
868    </li>
869
870
871
872    <li>
873        <a href="https://www.youtube.com/@EnjoyIllinois" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-primary hover:bg-primary-dark ease-in-out duration-100">
874            <svg aria-hidden="true" width="30" height="30" viewBox="0 0 1792 1792" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
875            <path class="fill-primary group-hover:fill-white" fill="none" d="M711 1128l484-250-484-253v503zm185-862q168 0 324.5 4.5t229.5 9.5l73 4q1 0 17 1.5t23 3 23.5 4.5 28.5 8 28 13 31 19.5 29 26.5q6 6 15.5 18.5t29 58.5 26.5 101q8 64 12.5 136.5t5.5 113.5v176q1 145-18 290-7 55-25 99.5t-32 61.5l-14 17q-14 15-29 26.5t-31 19-28 12.5-28.5 8-24 4.5-23 3-16.5 1.5q-251 19-627 19-207-2-359.5-6.5t-200.5-7.5l-49-4-36-4q-36-5-
87554.5-10t-51-21-56.5-41q-6-6-15.5-18.5t-29-58.5-26.5-101q-8-64-12.5-136.5t-5.5-113.5v-176q-1-145 18-290 7-55 25-99.5t32-61.5l14-17q14-15 29-26.5t31-19.5 28-13 28.5-8 23.5-4.5 23-3 17-1.5q251-18 627-18z"></path>
876            </svg><span class="sr-only">Subscribe to our channel on YouTube</span>
877        </a>
878    </li>
879
880                                    </ul>
881                                
882
883
884                        
885                </div>
886        </div><!-- end right -->
887    </div><!-- end grid -->
888<button @click="menuOpen = false" class="absolute top-1 right-1 p-[4px] mb-0 !bg-transparent !border-none !shadow-none transition duration-500 ease-in-out hover:rotate-90">
889        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-2 h-2 xl:w-2.5 xl:h-2.5 stroke-primary">
890        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
891        </svg>
892        <span class="sr-only">Close Menu</span>
893</button>
894 </div>
895
896            
897                
898    <section role="region" aria-label="Hero" id="random-hero" class="js-hidden hero bg-black relative w-full h-[550px]
899        
900            mb-2.5 xl:mb-4 3xl:mb-5
901        
902        
903            is-default
904            xl:h-[650px]
905            3xl:h-[750px]
906        
907        
908    "
909    >
910    <div class="overflow-hidden relative h-full w-full">
911        <!-- Desktop Hero Image -->
912        
913            <picture class="block w-full h-full with-overlay before:bg-opacity-20 overflow-hidden !absolute inset-0
914                
915                after:transition-none after:bg-gradient-to-t after:from-black after:from-10% after:via-transparent after:opacity-50 after:absolute after:w-full after:h-full after:top-0 after:left-0
916                ">
917                <source
918                    media="(min-width: 1500px)"
919                    
920                        srcset="/assets/Images/Outdoor-Activities/Fall/Couple-Walking-Bikes-Vineyard-Illinois__FocusFillMaxWyIwLjAwIiwiMC4wMCIsMTgwMCw4MDBd_ExtRewriteWyJqcGciLCJ3ZWJwIl0.webp"
921                    
922                >
923                <source
924                    media="(min-width: 900px)"
925                    
926                        srcset="/assets/Images/Outdoor-Activities/Fall/Couple-Walking-Bikes-Vineyard-Illinois__FocusFillMaxWyIwLjAwIiwiMC4wMCIsMTMwMCw2MDBd_ExtRewriteWyJqcGciLCJ3ZWJwIl0.webp"
927                    
928                >
929                <source
930                    media="(min-width: 599px)"
931                    
932                        srcset="/assets/Images/Outdoor-Activities/Fall/Couple-Walking-Bikes-Vineyard-Illinois__FocusFillMaxWyIwLjAwIiwiMC4wMCIsNDAwLDYwMF0_ExtRewriteWyJqcGciLCJ3ZWJwIl0.webp"
933                    
934                >
935                <img
936                class="object-cover w-full h-full"
937                
938                    src="/assets/Images/Outdoor-Activities/Fall/Couple-Walking-Bikes-Vineyard-Illinois__FocusFillMaxWyIwLjAwIiwiMC4wMCIsNDAwLDYwMF0_ExtRewriteWyJqcGciLCJ3ZWJwIl0.webp"
939                    alt="A couple walking with their bikes through the vines"
940                
941                width="900"
942                height="430"
943            >
944
945            </picture>
946        
947        
948    <div class="absolute-center !top-[55%] text-center flex flex-col px-1 w-full max-w-screen-md z-auto">
949        
950
951    
952    <h1 class="js-stagger text-3xl xl:text-7xl md:h1 text-white md:text-white  drop-shadow-3xl ">
953        
954            
955                Things to do in Illinois
956            
957        
958    </h1>
959    
960
961
962        
963
964        
965
966    </div>
967
968
969        
970            <div class="js-stagger hidden md:flex absolute right-0 bottom-1.5 gap-qtr lg:gap-half flex-col items-center lg:right-0 lg:bottom-3 text-white text-xs md:text-sm bg-primary rounded-[12px_0px_0px_12px] p-1 pr-3 bg-opacity-70">
971                <svg xmlns="http://www.w3.org/2000/svg" width="15.297" height="79.26" viewBox="0 0 57.297 79.26" fill="currentColor" class="inline w-1.5 h-1.5 mb-qtr">
972                    <g transform="translate(-358.422 78.41)">
973                      <path d="M423,193.522A28.138,28.138,0,0,0,409.336,190a27.678,27.678,0,0,0-13.663,3.522c-13.96,7.807-19.306,25.416-11.117,38.909,7.383,12.135,15.487,23.8,23.252,35.684.509.764.976,1.146,1.527,1.146q.764,0,1.528-1.146c7.765-11.88,15.911-23.549,23.252-35.684C442.3,218.938,437,201.329,423,193.522Zm-13.663,39.206a14.087,14.087,0,1,1,14.087-14.087A14.079,14.079,0,0,1,409.336,232.727Z" transform="translate(-22.27 -268.41)" fill="#fff"/>
974                    </g>
975                  </svg>
976                <span id="hero-caption" class="max-w-[100px] text-xs lg:max-w-[140px] inline-block text-center">Couple Walking Bikes - Vineyard - Illinois</span>
977            </div>
978        
979        
980        </div>
981
982        
983        <div class="relative w-full z-[1] h-[40px] lg:h-[50px]  js-stagger  print:hidden">
984            <div class="flex gap-half container justify-center max-w-full lg:justify-end px-2 -mt-[1.25rem] lg:-mt-[1.5rem]">
985                
986    <div
987        class="js-fav-button"
988        data-classes="button page-action"
989        data-type="Page"
990        data-id="12"
991    ></div>
992
993<button 
994    @click="openSharePopup = ! openSharePopup;" 
995    class="button page-action">
996        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-1.5 h-1.5">
997            <path stroke-linecap="round" stroke-linejoin="round" d="M7.217 10.907a2.25 2.25 0 100 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186l9.566-5.314m-9.566 7.5l9.566 5.314m0 0a2.25 2.25 0 103.935 2.186 2.25 2.25 0 00-3.935-2.186zm0-12.814a2.25 2.25 0 103.933-2.185 2.25 2.25 0 00-3.933 2.185z" />
998        </svg>
999        <span class="sr-only">Share this Page</span>
1000</button>
1001
1002            </div>
1003        </div>
1004        
1005    </section>
1006
1007
1008            
1009        
1010    
1011
1012	
1012<script defer src="/_resources/themes/enjoyillinois/dist/dottie.js?m=1785782216"></script>
1012
1013<!-- style.css = required styles for leaflet maps -->
1014
1015<main id="main" class=" ">
1016    
1017
1018    
1019
1020    
1021    
1022	   
1023<section id="e3378" class="js-hidden block-html-content  clearfix
1024     mb-2.5 xl:mb-4 3xl:mb-5
1025">
1026    <div class="container  container
1027max-w-screen-md
1028
1029">
1030        
1031        
1032            <div class="js-stagger typography mb-1 max-w-full">
1033                <h2 class="text-center">Browse Activities &amp; Attractions in Illinois</h2>
1034<p class="text-center">Discover amusement parks, museums, parks &amp; forests, outdoor activities, history, dining, unmissable events and so much more in The Middle of Everything!</p>
1035            </div>
1036        
1037        
1038    </div>
1039</section>
1040
1041
1042
1043    
1044	   
1045<section id="e3477" class="js-hidden block-pathways 
1046     mb-2.5 xl:mb-4 3xl:mb-5
1047">
1048        <div class=" container max-w-screen-xl
1049
1050 container">
1051            
1052        
1053        
1054            
1055                <div x-data="{ items: [], visibleItems: 8 }" class="mb-2">
1056    <div class="grid gap-1 xl:gap-1.5 is-gallery
1057         md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 "
1058        >
1059            
1060                <div x-show="1 <= visibleItems" class="js-stagger relative  cursor-pointer group">
1061                    <figure class="overflow-hidden  after:bg-gradient-to-t after:from-black after:from-30% lg:after:from-20% after:via-transparent after:opacity-80 after:absolute after:w-full after:h-full after:top-0 after:left-0">
1062                        <img class="self-center w-full lozad aspect-auto  group-hover:opacity-70 group-hover:scale-[1.02] group-hover:ease-in-out duration-300 "
1063                            width="500" height="300"
1064                            
1065                                data-src="/assets/Images/Outdoor-Activities/Spring/Summer/Girl-on-Water-Slide__FocusFillWyIwLjAwIiwiMC4wMCIsNTAwLDMwMF0_ExtRewriteWyJqcGciLCJ3ZWJwIl0.webp"
1066                                alt=""
1067                            
1068                            src="/_resources/themes/enjoyillinois/images/no-image-5-3.webp?m=1768923487"
1069                            loading="lazy"
1070                        />
1071                    </figure>
1072                    <div class="absolute bottom-1 left-1 xl:bottom-1.5 xl:left-1.5">
1073                        <h3 class=" group-hover:opacity-75  !mb-0 !text-white lg:h5 h6"> Attractions </h3>
1074                    </div>
1075                    
1076                        <a href="/things-to-do/attractions/" class="absolute-cover" ><span class="sr-only"> Attractions</span></a>
1077                    
1078                </div>
1079            
1080                <div x-show="2 <= visibleItems" class="js-stagger relative  cursor-pointer group">
1081                    <figure class="overflow-hidden  after:bg-gradient-to-t after:from-black after:from-30% lg:after:from-20% after:via-transparent after:opacity-80 after:absolute after:w-full after:h-full after:top-0 after:left-0">
1082                        <img class="self-center w-full lozad aspect-auto  group-hover:opacity-70 group-hover:scale-[1.02] group-hover:ease-in-out duration-300 "
1083                            width="500" height="300"
1084                            
1085                                data-src="/assets/Images/Food-+-Drink/Randolph-Street-Markets-Sprinfield__FocusFillWyItMC4wOSIsIjAuMzYiLDUwMCwzMDBd_ExtRewriteWyJqcGVnIiwid2VicCJd.webp"
1086                                alt="People at a market"
1087                            
1088                            src="/_resources/themes/enjoyillinois/images/no-image-5-3.webp?m=1768923487"
1089                            loading="lazy"
1090                        />
1091                    </figure>
1092                    <div class="absolute bottom-1 left-1 xl:bottom-1.5 xl:left-1.5">
1093                        <h3 class=" group-hover:opacity-75  !mb-0 !text-white lg:h5 h6"> Festivals &amp; Events </h3>
1094                    </div>
1095                    
1096                        <a href="/things-to-do/festivals-and-events/" class="absolute-cover" ><span class="sr-only"> Festivals &amp; Events</span></a>
1097                    
1098                </div>
1099            
1100                <div x-show="3 <= visibleItems" class="js-stagger relative  cursor-pointer group">
1101                    <figure class="overflow-hidden  after:bg-gradient-to-t after:from-black after:from-30% lg:after:from-20% after:via-trans
1101parent after:opacity-80 after:absolute after:w-full after:h-full after:top-0 after:left-0">
1102                        <img class="self-center w-full lozad aspect-auto  group-hover:opacity-70 group-hover:scale-[1.02] group-hover:ease-in-out duration-300 "
1103                            width="500" height="300"
1104                            
1105                                data-src="/assets/Images/Outdoor-Activities/Spring/Summer/Woman-Outdoors-Starved-Rock-State-Park-Utica__FocusFillWyIwLjAyIiwiMC4yNCIsNTAwLDMwMF0_ExtRewriteWyJqcGVnIiwid2VicCJd.webp"
1106                                alt="Woman Outdoors"
1107                            
1108                            src="/_resources/themes/enjoyillinois/images/no-image-5-3.webp?m=1768923487"
1109                            loading="lazy"
1110                        />
1111                    </figure>
1112                    <div class="absolute bottom-1 left-1 xl:bottom-1.5 xl:left-1.5">
1113                        <h3 class=" group-hover:opacity-75  !mb-0 !text-white lg:h5 h6"> Outdoor Activities </h3>
1114                    </div>
1115                    
1116                        <a href="/things-to-do/outdoor-recreation/" class="absolute-cover" ><span class="sr-only"> Outdoor Activities</span></a>
1117                    
1118                </div>
1119            
1120                <div x-show="4 <= visibleItems" class="js-stagger relative  cursor-pointer group">
1121                    <figure class="overflow-hidden  after:bg-gradient-to-t after:from-black after:from-30% lg:after:from-20% after:via-transparent after:opacity-80 after:absolute after:w-full after:h-full after:top-0 after:left-0">
1122                        <img class="self-center w-full lozad aspect-auto  group-hover:opacity-70 group-hover:scale-[1.02] group-hover:ease-in-out duration-300 "
1123                            width="500" height="300"
1124                            
1125                                data-src="/assets/Images/Food-+-Drink/Food-Tangled-Roots-Brewing-Chicago__FocusFillWyIwLjAwIiwiMC4wMCIsNTAwLDMwMF0_ExtRewriteWyJqcGVnIiwid2VicCJd.webp"
1126                                alt="Food and drinks on a table"
1127                            
1128                            src="/_resources/themes/enjoyillinois/images/no-image-5-3.webp?m=1768923487"
1129                            loading="lazy"
1130                        />
1131                    </figure>
1132                    <div class="absolute bottom-1 left-1 xl:bottom-1.5 xl:left-1.5">
1133                        <h3 class=" group-hover:opacity-75  !mb-0 !text-white lg:h5 h6"> Food &amp; Drink </h3>
1134                    </div>
1135                    
1136                        <a href="/things-to-do/food-and-drink/" class="absolute-cover" ><span class="sr-only"> Food &amp; Drink</span></a>
1137                    
1138                </div>
1139            
1140                <div x-show="5 <= visibleItems" class="js-stagger relative  cursor-pointer group">
1141                    <figure class="overflow-hidden  after:bg-gradient-to-t after:from-black after:from-30% lg:after:from-20% after:via-transparent after:opacity-80 after:absolute after:w-full after:h-full after:top-0 after:left-0">
1142                        <img class="self-center w-full lozad aspect-auto  group-hover:opacity-70 group-hover:scale-[1.02] group-hover:ease-in-out duration-300 "
1143                            width="500" height="300"
1144                            
1145                                data-src="/assets/Images/Indoor-Activities/Dinosaur-Museum-of-Science-and-Industry-Chicago__FocusFillWyIwLjAwIiwiMC4wMCIsNTAwLDMwMF0_ExtRewriteWyJqcGVnIiwid2VicCJd.webp"
1146                                alt="Left side of a dinosaur at Museum of Science and Industry."
1147                            
1148                            src="/_resources/themes/enjoyillinois/images/no-image-5-3.webp?m=1768923487"
1149                            loading="lazy"
1150                        />
1151                    </figure>
1152                    <div class="absolute bottom-1 left-1 xl:bottom-1.5 xl:left-1.5">
1153                        <h3 class=" group-hover:opacity-75  !mb-0 !text-white lg:h5 h6"> Museums </h3>
1154                    </div>
1155                    
1156                        <a href="/things-to-do/arts-and-culture/museums/" class="absolute-cover" ><span class="sr-only"> Museums</span></a>
1157                    
1158                </div>
1159            
1160                <div x-show="6 <= visibleItems" class="js-stagger relative  cursor-pointer group">
1161                    <figure class="overflow-hidden  after:bg-gradient-to-t after:from-black after:from-30% lg:after:from-20% after:via-trans
1161parent after:opacity-80 after:absolute after:w-full after:h-full after:top-0 after:left-0">
1162                        <img class="self-center w-full lozad aspect-auto  group-hover:opacity-70 group-hover:scale-[1.02] group-hover:ease-in-out duration-300 "
1163                            width="500" height="300"
1164                            
1165                                data-src="/assets/Images/Historic/Abraham-Lincoln-Presidential-Library-Museum-Springfield__FocusFillWyIwLjAwIiwiMC4wMCIsNTAwLDMwMF0_ExtRewriteWyJqcGVnIiwid2VicCJd.webp"
1166                                alt="A boy and man sitting on chair in a room"
1167                            
1168                            src="/_resources/themes/enjoyillinois/images/no-image-5-3.webp?m=1768923487"
1169                            loading="lazy"
1170                        />
1171                    </figure>
1172                    <div class="absolute bottom-1 left-1 xl:bottom-1.5 xl:left-1.5">
1173                        <h3 class=" group-hover:opacity-75  !mb-0 !text-white lg:h5 h6"> History </h3>
1174                    </div>
1175                    
1176                        <a href="/things-to-do/history/" class="absolute-cover" ><span class="sr-only"> Explore Our Past</span></a>
1177                    
1178                </div>
1179            
1180                <div x-show="7 <= visibleItems" class="js-stagger relative  cursor-pointer group">
1181                    <figure class="overflow-hidden  after:bg-gradient-to-t after:from-black after:from-30% lg:after:from-20% after:via-transparent after:opacity-80 after:absolute after:w-full after:h-full after:top-0 after:left-0">
1182                        <img class="self-center w-full lozad aspect-auto  group-hover:opacity-70 group-hover:scale-[1.02] group-hover:ease-in-out duration-300 "
1183                            width="500" height="300"
1184                            
1185                                data-src="/assets/Images/Arts-+-Culture/National-Museum-of-Mexican-Art-Chicago__FocusFillWyIwLjExIiwiMC4wMSIsNTAwLDMwMF0_ExtRewriteWyJqcGciLCJ3ZWJwIl0.webp"
1186                                alt="Person looking at art at the National Museum of Mexican Art"
1187                            
1188                            src="/_resources/themes/enjoyillinois/images/no-image-5-3.webp?m=1768923487"
1189                            loading="lazy"
1190                        />
1191                    </figure>
1192                    <div class="absolute bottom-1 left-1 xl:bottom-1.5 xl:left-1.5">
1193                        <h3 class=" group-hover:opacity-75  !mb-0 !text-white lg:h5 h6"> Arts &amp; Culture </h3>
1194                    </div>
1195                    
1196                        <a href="/things-to-do/arts-and-culture/" class="absolute-cover" ><span class="sr-only"> Arts &amp; Culture</span></a>
1197                    
1198                </div>
1199            
1200                <div x-show="8 <= visibleItems" class="js-stagger relative  cursor-pointer group">
1201                    <figure class="overflow-hidden  after:bg-gradient-to-t after:from-black after:from-30% lg:after:from-20% after:via-transparent after:opacity-80 after:absolute after:w-full after:h-full after:top-0 after:left-0">
1202                        <img class="self-center w-full lozad aspect-auto  group-hover:opacity-70 group-hover:scale-[1.02] group-hover:ease-in-out duration-300 "
1203                            width="500" height="300"
1204                            
1205                                data-src="/assets/Images/Outdoor-Activities/Spring/Summer/City-Segway-Tours-Michigan-Ave-Chicago__FocusFillWyItMC40NCIsIi0wLjA3Iiw1MDAsMzAwXQ_ExtRewriteWyJwbmciLCJ3ZWJwIl0.webp"
1206                                alt="People on scooter machines"
1207                            
1208                            src="/_resources/themes/enjoyillinois/images/no-image-5-3.webp?m=1768923487"
1209                            loading="lazy"
1210                        />
1211                    </figure>
1212                    <div class="absolute bottom-1 left-1 xl:bottom-1.5 xl:left-1.5">
1213                        <h3 class=" group-hover:opacity-75  !mb-0 !text-white lg:h5 h6"> Tours &amp; Sightseeing </h3>
1214                    </div>
1215                    
1216                        <a href="/things-to-do/tours-and-sightseeing/" class="absolute-cover" ><span class="sr-only"> Tours &amp; Sightseeing</span></a>
1217                    
1218                </div>
1219            
1220                <div x-show="9 <= visibleItems" class="js-stagger relative  cursor-pointer group">
1221                    <figure class="overflow-hidden  after:bg-gradient-to-t after:from-black after:from-30% lg:after:from-20% after:via-trans
1221parent after:opacity-80 after:absolute after:w-full after:h-full after:top-0 after:left-0">
1222                        <img class="self-center w-full lozad aspect-auto  group-hover:opacity-70 group-hover:scale-[1.02] group-hover:ease-in-out duration-300 "
1223                            width="500" height="300"
1224                            
1225                                data-src="/assets/Images/Food-+-Drink/Bar-Sidetrack-Boystown-Chicago__FocusFillWyItMC4xOCIsIjAuMzUiLDUwMCwzMDBd_ExtRewriteWyJwbmciLCJ3ZWJwIl0.webp"
1226                                alt="People in a bar"
1227                            
1228                            src="/_resources/themes/enjoyillinois/images/no-image-5-3.webp?m=1768923487"
1229                            loading="lazy"
1230                        />
1231                    </figure>
1232                    <div class="absolute bottom-1 left-1 xl:bottom-1.5 xl:left-1.5">
1233                        <h3 class=" group-hover:opacity-75  !mb-0 !text-white lg:h5 h6"> Nightlife </h3>
1234                    </div>
1235                    
1236                        <a href="/" class="absolute-cover" ><span class="sr-only"> Nightlife</span></a>
1237                    
1238                </div>
1239            
1240                <div x-show="10 <= visibleItems" class="js-stagger relative  cursor-pointer group">
1241                    <figure class="overflow-hidden  after:bg-gradient-to-t after:from-black after:from-30% lg:after:from-20% after:via-transparent after:opacity-80 after:absolute after:w-full after:h-full after:top-0 after:left-0">
1242                        <img class="self-center w-full lozad aspect-auto  group-hover:opacity-70 group-hover:scale-[1.02] group-hover:ease-in-out duration-300 "
1243                            width="500" height="300"
1244                            
1245                                data-src="/assets/Images/Shopping/Shopping-Fashion-Outlet-Rosemont__FocusFillWyItMC4wMCIsIjAuMjQiLDUwMCwzMDBd_ExtRewriteWyJqcGVnIiwid2VicCJd.webp"
1246                                alt="People walking around an outlet mall"
1247                            
1248                            src="/_resources/themes/enjoyillinois/images/no-image-5-3.webp?m=1768923487"
1249                            loading="lazy"
1250                        />
1251                    </figure>
1252                    <div class="absolute bottom-1 left-1 xl:bottom-1.5 xl:left-1.5">
1253                        <h3 class=" group-hover:opacity-75  !mb-0 !text-white lg:h5 h6"> Shopping </h3>
1254                    </div>
1255                    
1256                        <a href="/things-to-do/shopping/" class="absolute-cover" ><span class="sr-only"> Shopping</span></a>
1257                    
1258                </div>
1259            
1260                <div x-show="11 <= visibleItems" class="js-stagger relative  cursor-pointer group">
1261                    <figure class="overflow-hidden  after:bg-gradient-to-t after:from-black after:from-30% lg:after:from-20% after:via-transparent after:opacity-80 after:absolute after:w-full after:h-full after:top-0 after:left-0">
1262                        <img class="self-center w-full lozad aspect-auto  group-hover:opacity-70 group-hover:scale-[1.02] group-hover:ease-in-out duration-300 "
1263                            width="500" height="300"
1264                            
1265                                data-src="/assets/Images/Events/Ballpark-Chicago-Wrigley-Field__FocusFillWyItMC4yMCIsIjAuNDQiLDUwMCwzMDBd_ExtRewriteWyJqcGVnIiwid2VicCJd.webp"
1266                                alt="Family posing for a photo outside of a stadium "
1267                            
1268                            src="/_resources/themes/enjoyillinois/images/no-image-5-3.webp?m=1768923487"
1269                            loading="lazy"
1270                        />
1271                    </figure>
1272                    <div class="absolute bottom-1 left-1 xl:bottom-1.5 xl:left-1.5">
1273                        <h3 class=" group-hover:opacity-75  !mb-0 !text-white lg:h5 h6"> Sports </h3>
1274                    </div>
1275                    
1276                        <a href="/things-to-do/sports/" class="absolute-cover" ><span class="sr-only"> Sports</span></a>
1277                    
1278                </div>
1279            
1280    </div>
1281
1282<!-- Show more button -->
1283    <div class="js-stagger flex justify-center mt-1.5">
1284        <button
1285            x-show="visibleItems < 11"
1286            @click="visibleItems += 8"
1287            class="link-button underline underline-offset-8"
1288        >
1289            Show More
1290        </button>
1291    </div>
1292</div>
1293
1294            
1295        
1296        
1297    </div>
1298</section>
1299
1300
1301
1302    
1303	   
1304<section
1305    id="e3377"
1306    data-map-box-token="pk.eyJ1IjoiaWwtb2ZmaWNlLXRvdXJpc20iLCJhIjoiY21jdDh0bm54MDJsajJscHZ1ZDg5cHcyMiJ9.FoumJZ3pgb-tc1RxYOhL2A"
1307    class="js-hidden js-dottie-app block-results-map border-b border-color-lightgray 
1308     mb-2.5 xl:mb-4 3xl:mb-5
1309"
1310>
1311</section>
1312
1313
1314
1315    
1316	   
1317
1318<section id="e45" class="js-hidden js-splide js-block-inspirations block-inspirations 
1319 mb-2.5 xl:mb-4 3xl:mb-5
1320
1321block-listings
1322 overflow-hidden print:py-1">
1323    
1324    <div class=" container max-w-screen-xl
1325
1326 container">
1327
1328        
1329            <div role="region" class="splide js-inspirations-slider mb-1"
1330                aria-label="slider-heading-e45">
1331                <div class="flex justify-center sm:justify-between items-end mb-1">
1332                    
1333                        <div class="text-center md:text-left">
1334                            
1335                            
1336                                <h2 id="slider-heading-e45" class="js-stagger h3 mb-0">
1337                                    Upcoming Events
1338                                </h2>
1339                            
1340                        </div>
1341                    
1342                    <div class="hidden md:flex splide__arrows static gap-qtr">
1343                        <button class="splide__arrow splide__arrow--prev mb-0 button primary flex justify-center items-center p-0 static transform-none disabled:hollow disabled:border-solid">
1344                            <span class="sr-only">Prev</span>
1345                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-1.5 h-1.5 stroke-2">
1346                                <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
1347                            </svg>
1348                        </button>
1349                        <button class="splide__arrow splide__arrow--next mb-0 button primary flex justify-center items-center p-0 static transform-none disabled:hollow disabled:border-solid">
1350                        <span class="sr-only">Next</span>
1351                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-1.5 h-1.5 stroke-2">
1352                                <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1353                            </svg>
1354                        </button>
1355                    </div>
1356                </div>
1357                <div class="splide__track overflow-visible">
1358                    <ul class="splide__list">
1359                    
1360                        <li class="splide__slide group relative max-w-screen-sm mb-1">
1361                            <div class="js-stagger">
1362                                <div class="relative">
1363                                    <figure class="w-full overflow-hidden bg-black mb-1">
1364                                        <img
1365                                            loading="lazy"
1366                                            width="384" height="464"
1367                                            class="
1368                                                aspect-[24/29] max-h-[464px]
1369                                                group-hover:scale-[1.02]
1370                                                w-full object-cover
1371                                            "
1372                                            src="/_resources/themes/enjoyillinois/images/no-image.webp?m=1768923487"
1373                                            
1374                                            
1375                                                data-splide-lazy="https://dottie.enjoyillinois.com/assets/Tourism-Operators/images/IMG_7970__FocusFillWyIwLjAwIiwiMC4wMCIsMzg0LDQ2NF0.jpeg"
1376                                                alt=""
1377                                            
1378                                        />
1379                                    </figure>
1380                                    <div class="absolute -bottom-1.25 right-1 z-10">
1381                                        <div
1382                                            class="js-fav-button"
1383                                            data-classes="button favourites"
1384                                            data-type="Listing"
1385                                            data-id="41713">
1386                                        </div>
1387                                    </div>
1388                                </div>
1389                                
1390                                
1391                                <p class="relative mb-half text-xs tagline text-primary hover:text-primary-dark relative z-20 pt-qtr">
1392                                    <span class="sr-only">Show more in category of </span>
1393                                    <strong>
1394                                        
1395                                            Outdoor Adventures
1396                                        
1397                                    </strong>
1398                                </p>
1399                                
1400                                <h3 class="h4 2xl:h3 mb-half 2xl:mb-half group-hover:text-primary">Southern Illinois Route - The American Discovery 250 Relay</h3>
1401                                
1402                                    <p class="text-sm flex items-end">
1403    <span class="text-primary w-[1.5rem] mr-[0.25rem]">
1404        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
1405            <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" />
1406        </svg>
1407    </span>
1408    <span class="text-gray-800">
1409        
1410        Oct 03
1411        
1412            – Oct 09
1413        
1414        
1415    </span>
1416</p>
1417
1418                                
1419
1420                                
1421                                    
1422                                    <span class="text-gray-700">  Explore Southern Illinois by bike, foot, or horse as the Relay travels through towns, forests, &amp; river valleys. Join for a mile or a day-your choice-a… </span>
1423                                
1424
1425                                
1426                                <a
1427                                    
1428                                        href="/explore/listing/southern-illinois-route-the-american-discovery-250-relay/"
1429                                    
1430                                    class="absolute-cover"
1431                                >
1432                                    <span class="sr-only">Read more about Southern Illinois Route - The American Discovery 250 Relay</span>
1433                                </a>
1434                            </div>
1435                        </li>
1436                    
1437                        <li class="splide__slide group relative max-w-screen-sm mb-1">
1438                            <div class="js-stagger">
1439                                <div class="relative">
1440                                    <figure class="w-full overflow-hidden bg-black mb-1">
1441                                        <img
1442                                            loading="lazy"
1443                                            width="384" height="464"
1444                                            class="
1445                                                aspect-[24/29] max-h-[464px]
1446                                                group-hover:scale-[1.02]
1447                                                w-full object-cover
1448                                            "
1449                                            src="/_resources/themes/enjoyillinois/images/no-image.webp?m=1768923487"
1450                                            
1451                                            
1452                                                data-splide-lazy="https://dottie.enjoyillinois.com/assets/Tourism-Operators/images/cmaaa-plein-air-2400__FocusFillWyIwLjAwIiwiMC4wMCIsMzg0LDQ2NF0.jpg"
1453                                                alt=""
1454                                            
1455                                        />
1456                                    </figure>
1457                                    <div class="absolute -bottom-1.25 right-1 z-10">
1458                                        <div
1459                                            class="js-fav-button"
1460                                            data-classes="button favourites"
1461                                            data-type="Listing"
1462                                            data-id="41905">
1463                                        </div>
1464                                    </div>
1465                                </div>
1466                                
1467                                
1468                                <p class="relative mb-half text-xs tagline text-primary hover:text-primary-dark relative z-20 pt-qtr">
1469                                    <span class="sr-only">Show more in category of </span>
1470                                    <strong>
1471                                        
1472                                            Museum &amp; Gallery Exhibits
1473                                        
1474                                    </strong>
1475                                </p>
1476                                
1477                                <h3 class="h4 2xl:h3 mb-half 2xl:mb-half group-hover:text-primary">Plein Air Art Exhibtion at The Oregon Coliseum</h3>
1478                                
1479                                    <p class="text-sm flex items-end">
1480    <span class="text-primary w-[1.5rem] mr-[0.25rem]">
1481        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
1482            <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" />
1483        </svg>
1484    </span>
1485    <span class="text-gray-800">
1486        The Oregon Coliseum CMAAA&nbsp;&bull;&nbsp;
1487        Sep 30
1488        
1489            – Oct 03
1490        
1491        
1492        @ 10AM
1493        
1494    </span>
1495</p>
1496
1497                                
1498
1499                                
1500                                    
1501                                    <span class="text-gray-700">  The Annual Rock River Valley Painters Guild Plein Air Exhibit features 34 works by 13 northern Illinois artists, on display Sept. 2-Oct. 31 at CMAAA in… </span>
1502                                
1503
1504                                
1505                                <a
1506                                    
1507                                        href="/explore/listing/plein-air-art-exhibtion-at-the-oregon-coliseum/"
1508                                    
1509                                    class="absolute-cover"
1510                                >
1511                                    <span class="sr-only">Read more about Plein Air Art Exhibtion at The Oregon Coliseum</span>
1512                                </a>
1513                            </div>
1514                        </li>
1515                    
1516                        <li class="splide__slide group relative max-w-screen-sm mb-1">
1517                            <div class="js-stagger">
1518                                <div class="relative">
1519                                    <figure class="w-full overflow-hidden bg-black mb-1">
1520                                        <img
1521                                            loading="lazy"
1522                                            width="384" height="464"
1523                                            class="
1524                                                aspect-[24/29] max-h-[464px]
1525                                                group-hover:scale-[1.02]
1526                                                w-full object-cover
1527                                            "
1528                                            src="/_resources/themes/enjoyillinois/images/no-image.webp?m=1768923487"
1529                                            
1530                                            
1531                                                data-splide-lazy="https://dottie.enjoyillinois.com/assets/Tourism-Operators/images/Kidsignment3__FocusFillWyIwLjAwIiwiMC4wMCIsMzg0LDQ2NF0.jpg"
1532                                                alt=""
1533                                            
1534                                        />
1535                                    </figure>
1536                                    <div class="absolute -bottom-1.25 right-1 z-10">
1537                                        <div
1538                                            class="js-fav-button"
1539                                            data-classes="button favourites"
1540                                            data-type="Listing"
1541                                            data-id="31714">
1542                                        </div>
1543                                    </div>
1544                                </div>
1545                                
1546                                
1547                                <p class="relative mb-half text-xs tagline text-primary hover:text-primary-dark relative z-20 pt-qtr">
1548                                    <span class="sr-only">Show more in category of </span>
1549                                    <strong>
1550                                        
1551                                            Markets
1552                                        
1553                                    </strong>
1554                                </p>
1555                                
1556                                <h3 class="h4 2xl:h3 mb-half 2xl:mb-half group-hover:text-primary">Semi Annual Kidsignment Expo </h3>
1557                                
1558                                    <p class="text-sm flex items-end">
1559    <span class="text-primary w-[1.5rem] mr-[0.25rem]">
1560        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
1561            <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" />
1562        </svg>
1563    </span>
1564    <span class="text-gray-800">
1565        The Pavilion of the City of Marion&nbsp;&bull;&nbsp;
1566        Oct 01
1567        
1568            – Oct 03
1569        
1570        
1571        @ 10AM
1572        
1573    </span>
1574</p>
1575
1576                                
1577
1578                                
1579                                    
1580                                    <span class="text-gray-700">  The largest selection of new and like new items for children of all ages. Find everything from cribs and bedding to clothing and sports equipment! </sp
1580an>
1581                                
1582
1583                                
1584                                <a
1585                                    
1586                                        href="/explore/listing/semi-annual-kidsignment/"
1587                                    
1588                                    class="absolute-cover"
1589                                >
1590                                    <span class="sr-only">Read more about Semi Annual Kidsignment Expo </span>
1591                                </a>
1592                            </div>
1593                        </li>
1594                    
1595                        <li class="splide__slide group relative max-w-screen-sm mb-1">
1596                            <div class="js-stagger">
1597                                <div class="relative">
1598                                    <figure class="w-full overflow-hidden bg-black mb-1">
1599                                        <img
1600                                            loading="lazy"
1601                                            width="384" height="464"
1602                                            class="
1603                                                aspect-[24/29] max-h-[464px]
1604                                                group-hover:scale-[1.02]
1605                                                w-full object-cover
1606                                            "
1607                                            src="/_resources/themes/enjoyillinois/images/no-image.webp?m=1768923487"
1608                                            
1609                                            
1610                                                data-splide-lazy="https://dottie.enjoyillinois.com/assets/Tourism-Operators/images/mokena-fall-fest__FocusFillWyIwLjAwIiwiMC4wMCIsMzg0LDQ2NF0.jpg"
1611                                                alt=""
1612                                            
1613                                        />
1614                                    </figure>
1615                                    <div class="absolute -bottom-1.25 right-1 z-10">
1616                                        <div
1617                                            class="js-fav-button"
1618                                            data-classes="button favourites"
1619                                            data-type="Listing"
1620                                            data-id="41442">
1621                                        </div>
1622                                    </div>
1623                                </div>
1624                                
1625                                
1626                                <p class="relative mb-half text-xs tagline text-primary hover:text-primary-dark relative z-20 pt-qtr">
1627                                    <span class="sr-only">Show more in category of </span>
1628                                    <strong>
1629                                        
1630                                            Festivals &amp; Fairs
1631                                        
1632                                    </strong>
1633                                </p>
1634                                
1635                                <h3 class="h4 2xl:h3 mb-half 2xl:mb-half group-hover:text-primary">Mokena Fall Fest</h3>
1636                                
1637                                    <p class="text-sm flex items-end">
1638    <span class="text-primary w-[1.5rem] mr-[0.25rem]">
1639        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
1640            <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" />
1641        </svg>
1642    </span>
1643    <span class="text-gray-800">
1644        Yunker Farm&nbsp;&bull;&nbsp;
1645        Oct 01
1646        
1647            – Oct 04
1648        
1649        
1650    </span>
1651</p>
1652
1653                                
1654
1655                                
1656                                    
1657                                    <span class="text-gray-700">  The Mokena Fall Fest is a family-friendly autumn event featuring crafts, food, entertainment, and seasonal activities. </span>
1658                                
1659
1660                                
1661                                <a
1662                                    
1663                                        href="/explore/listing/mokena-fall-fest/"
1664                                    
1665                                    class="absolute-cover"
1666                                >
1667                                    <span class="sr-only">Read more about Mokena Fall Fest</span>
1668                                </a>
1669                            </div>
1670                        </li>
1671                    
1672                        <li class="splide__slide group relative max-w-screen-sm mb-1">
1673                            <div class="js-stagger">
1674                                <div class="relative">
1675                                    <figure class="w-full overflow-hidden bg-black mb-1">
1676                                        <img
1677                                            loading="lazy"
1678                                            width="384" height="464"
1679                                            class="
1680                                                aspect-[24/29] max-h-[464px]
1681                                                group-hover:scale-[1.02]
1682                                                w-full object-cover
1683                                            "
1684                                            src="/_resources/themes/enjoyillinois/images/no-image.webp?m=1768923487"
1685                                            
1686                                            
1687                                                data-splide-lazy="https://dottie.enjoyillinois.com/assets/Tourism-Operators/images/Kutumba-NayanTara__FocusFillWyIwLjAwIiwiMC4wMCIsMzg0LDQ2NF0.jpg"
1688                                                alt=""
1689                                            
1690                                        />
1691                                    </figure>
1692                                    <div class="absolute -bottom-1.25 right-1 z-10">
1693                                        <div
1694                                            class="js-fav-button"
1695                                            data-classes="button favourites"
1696                                            data-type="Listing"
1697                                            data-id="30153">
1698                                        </div>
1699                                    </div>
1700                                </div>
1701                                
1702                                
1703                                <p class="relative mb-half text-xs tagline text-primary hover:text-primary-dark relative z-20 pt-qtr">
1704                                    <span class="sr-only">Show more in category of </span>
1705                                    <strong>
1706                                        
1707                                            Festivals &amp; Fairs
1708                                        
1709                                    </strong>
1710                                </p>
1711                                
1712                                <h3 class="h4 2xl:h3 mb-half 2xl:mb-half group-hover:text-primary">World Music Festival Chicago</h3>
1713                                
1714                                    <p class="text-sm flex items-end">
1715    <span class="text-primary w-[1.5rem] mr-[0.25rem]">
1716        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
1717            <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" />
1718        </svg>
1719    </span>
1720    <span class="text-gray-800">
1721        
1722        Sep 25
1723        
1724            – Oct 04
1725        
1726        
1727    </span>
1728</p>
1729
1730                                
1731
1732                                
1733                                    
1734                                    <span class="text-gray-700">  The 26th annual World Music Festival is your passport to musical acts from across the globe. </span>
1735                                
1736
1737                                
1738                                <a
1739                                    
1740                                        href="/explore/listing/world-music-festival-chicago/"
1741                                    
1742                                    class="absolute-cover"
1743                                >
1744                                    <span class="sr-only">Read more about World Music Festival Chicago</span>
1745                                </a>
1746                            </div>
1747                        </li>
1748                    
1749                        <li class="splide__slide group relative max-w-screen-sm mb-1">
1750                            <div class="js-stagger">
1751                                <div class="relative">
1752                                    <figure class="w-full overflow-hidden bg-black mb-1">
1753                                        <img
1754                                            loading="lazy"
1755                                            width="384" height="464"
1756                                            class="
1757                                                aspect-[24/29] max-h-[464px]
1758                                                group-hover:scale-[1.02]
1759                                                w-full object-cover
1760                                            "
1761                                            src="/_resources/themes/enjoyillinois/images/no-image.webp?m=1768923487"
1762                                            
1763                                            
1764                                                data-splide-lazy="https://dottie.enjoyillinois.com/assets/Tourism-Operators/images/Minecraft-Experience_-Villager-Rescue-3-v2__FocusFillWyIwLjAwIiwiMC4wMCIsMzg0LDQ2NF0.-Credit-Minecraft-Experience.jpg"
1765                                                alt=""
1766                                            
1767                                        />
1768                                    </figure>
1769                                    <div class="absolute -bottom-1.25 right-1 z-10">
1770                                        <div
1771                                            class="js-fav-button"
1772                                            data-classes="button favourites"
1773                                            data-type="Listing"
1774                                            data-id="41683">
1775                                        </div>
1776                                    </div>
1777                                </div>
1778                                
1779                                
1780                                <p class="relative mb-half text-xs tagline text-primary hover:text-primary-dark relative z-20 pt-qtr">
1781                                    <span class="sr-only">Show more in category of </span>
1782                                    <strong>
1783                                        
1784                                            Family Fun
1785                                        
1786                                    </strong>
1787                                </p>
1788                                
1789                                <h3 class="h4 2xl:h3 mb-half 2xl:mb-half group-hover:text-primary">Minecraft Experience: Villager Rescue</h3>
1790                                
1791                                    <p class="text-sm flex items-end">
1792    <span class="text-primary w-[1.5rem] mr-[0.25rem]">
1793        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
1794            <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" />
1795        </svg>
1796    </span>
1797    <span class="text-gray-800">
1798        EXP Rosemont &nbsp;&bull;&nbsp;
1799        May 08
1800        
1801            – Oct 10
1802        
1803        
1804    </span>
1805</p>
1806
1807                                
1808
1809                                
1810                                    
1811                                    <span class="text-gray-700">  For the first time in the Midwest, the iconic world of Minecraft will come to life in an immersive, in-person experience designed for fans and first-time… </span>
1812                                
1813
1814                                
1815                                <a
1816                                    
1817                                        href="/explore/listing/minecraft-experience-villager-rescue/"
1818                                    
1819                                    class="absolute-cover"
1820                                >
1821                                    <span class="sr-only">Read more about Minecraft Experience: Villager Rescue</span>
1822                                </a>
1823                            </div>
1824                        </li>
1825                    
1826                        <li class="splide__slide group relative max-w-screen-sm mb-1">
1827                            <div class="js-stagger">
1828                                <div class="relative">
1829                                    <figure class="w-full overflow-hidden bg-black mb-1">
1830                                        <img
1831                                            loading="lazy"
1832                                            width="384" height="464"
1833                                            class="
1834                                                aspect-[24/29] max-h-[464px]
1835                                                group-hover:scale-[1.02]
1836                                                w-full object-cover
1837                                            "
1838                                            src="/_resources/themes/enjoyillinois/images/no-image.webp?m=1768923487"
1839                                            
1840                                            
1841                                                data-splide-lazy="https://dottie.enjoyillinois.com/assets/Tourism-Operators/images/3rd-saturdays__FocusFillWyIwLjAwIiwiMC4wMCIsMzg0LDQ2NF0.jpg"
1842                                                alt=""
1843                                            
1844                                        />
1845                                    </figure>
1846                                    <div class="absolute -bottom-1.25 right-1 z-10">
1847                                        <div
1848                                            class="js-fav-button"
1849                                            data-classes="button favourites"
1850                                            data-type="Listing"
1851                                            data-id="41410">
1852                                        </div>
1853                                    </div>
1854                                </div>
1855                                
1856                                
1857                                <p class="relative mb-half text-xs tagline text-primary hover:text-primary-dark relative z-20 pt-qtr">
1858                                    <span class="sr-only">Show more in category of </span>
1859                                    <strong>
1860                                        
1861                                            Markets
1862                                        
1863                                    </strong>
1864                                </p>
1865                                
1866                                <h3 class="h4 2xl:h3 mb-half 2xl:mb-half group-hover:text-primary">3rd Saturday Flea Market</h3>
1867                                
1868                                    <p class="text-sm flex items-end">
1869    <span class="text-primary w-[1.5rem] mr-[0.25rem]">
1870        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
1871            <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" />
1872        </svg>
1873    </span>
1874    <span class="text-gray-800">
1875        Times Square Mall&nbsp;&bull;&nbsp;
1876        Mar 21
1877        
1878            – Oct 17
1879        
1880        
1881        @ 9AM
1882        
1883    </span>
1884</p>
1885
1886                                
1887
1888                                
1889                                    
1890                                    <span class="text-gray-700">  Enjoy a fun, positive atmosphere while you shop </span>
1891                                
1892
1893                                
1894                                <a
1895                                    
1896                                        href="/explore/listing/3rd-saturday-flea-market/"
1897                                    
1898                                    class="absolute-cover"
1899                                >
1900                                    <span class="sr-only">Read more about 3rd Saturday Flea Market</span>
1901                                </a>
1902                            </div>
1903                        </li>
1904                    
1905                        <li class="splide__slide group relative max-w-screen-sm mb-1">
1906                            <div class="js-stagger">
1907                                <div class="relative">
1908                                    <figure class="w-full overflow-hidden bg-black mb-1">
1909                                        <img
1910                                            loading="lazy"
1911                                            width="384" height="464"
1912                                            class="
1913                                                aspect-[24/29] max-h-[464px]
1914                                                group-hover:scale-[1.02]
1915                                                w-full object-cover
1916                                            "
1917                                            src="/_resources/themes/enjoyillinois/images/no-image.webp?m=1768923487"
1918                                            
1919                                            
1920                                                data-splide-lazy="https://dottie.enjoyillinois.com/assets/Tourism-Operators/images/Drury-Lane-Theatre-v3__FocusFillWyIwLjAwIiwiMC4wMCIsMzg0LDQ2NF0.jpg"
1921                                                alt=""
1922                                            
1923                                        />
1924                                    </figure>
1925                                    <div class="absolute -bottom-1.25 right-1 z-10">
1926                                        <div
1927                                            class="js-fav-button"
1928                                            data-classes="button favourites"
1929                                            data-type="Listing"
1930                                            data-id="41841">
1931                                        </div>
1932                                    </div>
1933                                </div>
1934                                
1935                                
1936                                <p class="relative mb-half text-xs tagline text-primary hover:text-primary-dark relative z-20 pt-qtr">
1937                                    <span class="sr-only">Show more in category of </span>
1938                                    <strong>
1939                                        
1940                                            Performing Arts
1941                                        
1942                                    </strong>
1943                                </p>
1944                                
1945                                <h3 class="h4 2xl:h3 mb-half 2xl:mb-half group-hover:text-primary">Buddy - The Buddy Holly Story at Drury Lane Theatre &amp; Events</h3>
1946                                
1947                                    <p class="text-sm flex items-end">
1948    <span class="text-primary w-[1.5rem] mr-[0.25rem]">
1949        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
1950            <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" />
1951        </svg>
1952    </span>
1953    <span class="text-gray-800">
1954        Drury Lane Theatre &amp; Events&nbsp;&bull;&nbsp;
1955        Aug 19
1956        
1957            – Oct 18
1958        
1959        
1960    </span>
1961</p>
1962
1963                                
1964
1965                                
1966                                    
1967                                    <span class="text-gray-700">  Follow Buddy Holly’s rise from his Texas roots to rock and roll stardom in this celebration of the music and legacy that changed the genre forever. </span>
1968                                
1969
1970                                
1971                                <a
1972                                    
1973                                        href="/explore/listing/the-buddy-holly-story-at-drury-lane-theatre-and-events/"
1974                                    
1975                                    class="absolute-cover"
1976                                >
1977                                    <span class="sr-only">Read more about Buddy - The Buddy Holly Story at Drury Lane Theatre &amp; Events</span>
1978                                </a>
1979                            </div>
1980                        </li>
1981                    
1982                    </ul>
1983                </div>
1984                <ul class="splide__pagination carousel-dots"></ul>
1985            </div>
1986        
1987        
1988    </div>
1989</section>
1990
1991
1992
1993
1994    
1995
1996
1997
1998</main>
1999
2000    
2001        
2002            
2003    <section id="block-ugc" class="js-hidden block-ugc">
2004        <div role="region" aria-label="Share Your Moments" class="container max-w-screen-xl pt-1">
2005            <div class="flex flex-col align-center lg:items-end lg:flex-row mb-1">
2006                
2007                    <div class="js-stagger text-center mb-1 lg:text-left lg:grow">
2008                        <h2 class="tagline mb-half">Share your Moments</h2>
2009                        
2010                            <h3 class="h2 mb-0">#EnjoyIllinois</h3>
2011                        
2012                    </div>
2013                
2014    
2015                
2016                <div class="js-stagger lg:flex-none flex ">
2017                    <ul class="flex flex-wrap space-x-half w-full justify-center   lg:text-right lg:align-right  lg:mb-1">
2018                        
2019    <li>
2020        <a href="https://www.facebook.com/EnjoyIllinoisUS/" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-primary hover:bg-primary-dark ease-in-out duration-100">
2021            <svg aria-hidden="true" width="30" height="30" viewBox="0 0 20 20" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
2022                <path class="fill-primary group-hover:fill-white" fill="none" d="M11.344,5.71c0-0.73,0.074-1.122,1.199-1.122h1.502V1.871h-2.404c-2.886,0-3.903,1.36-3.903,3.646v1.765h-1.8V10h1.8v8.128h3.601V10h2.403l0.32-2.718h-2.724L11.344,5.71z"></path>
2023            </svg><span class="sr-only">Like us on Facebook</span>
2024        </a>
2025    </li>
2026
2027
2028    <li>
2029        <a href="https://www.instagram.com/enjoyillinois/" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-primary hover:bg-primary-dark ease-in-out duration-100">
2030            <svg aria-hidden="true" width="30" height="30" viewBox="0 0 25.409 25.409" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
2031                <path class="fill-primary group-hover:fill-white" fill="none" d="M12.7,0C9.253,0,8.822.016,7.467.076A9.368,9.368,0,0,0,4.383.667,6.221,6.221,0,0,0,2.132,2.132,6.2,6.2,0,0,0,.667,4.383,9.341,9.341,0,0,0,.076,7.467C.013,8.822,0,9.253,0,12.7s.016,3.882.076,5.237a9.374,9.374,0,0,0,.591,3.084,6.23,6.23,0,0,0,1.465,2.251,6.213,6.213,0,0,0,2.251,1.465,9.38,9.38,0,0,0,3.084.591c1.355.064,1.786.076,5.237.076s3.882-.016,5.237-.076a9.4,9.4,0,0,0,3.084-.591,6.493,6.493,0,0,0,3.716-3.716,9.374,9.374,0,0,0,.591-3.084c.064-1.355.076-1.786.076-5.237s-.016-3.882-.076-5.237a9.4,9.4,0,0,0-.591-3.084,6.235,6.235,0,0,0-1.465-2.251A6.19,6.19,0,0,0,21.026.667,9.346,9.346,0,0,0,17.942.076C16.587.013,16.156,0,12.7,0Zm0,2.287c3.391,0,3.8.017,5.135.075A7,7,0,0,1,20.2,2.8a4.181,4.181,0,0,1,2.412,2.411,7.014,7.014,0,0,1,.437,2.358c.06,1.34.074,1.743.074,5.135s-.016,3.8-.078,5.135A7.149,7.149,0,0,1,22.6,20.2a4.034,4.034,0,0,1-.952,1.463,3.963,3.963,0,0,1-1.461.949,7.066,7.066,0,0,1-2.366.437c-1.349.06-1.746.074-5.144.074s-3.8-.016-5.144-.078A7.2,7.2,0,0,1,5.161,22.6a3.934,3.934,0,0,1-1.46-.952,3.858,3.858,0,0,1-.953-1.461A7.21,7.21,0,0,1,2.3,17.817c-.048-1.334-.065-1.746-.065-5.128s.017-3.8.065-5.146a7.2,7.2,0,0,1,.445-2.365A3.766,3.766,0,0,1,3.7,3.715a3.758,3.758,0,0,1,1.46-.951,7.032,7.032,0,0,1,2.351-.446c1.35-.048,1.747-.064,5.144-.064l.048.032Zm0,3.894A6.524,6.524,0,1,0,19.228,12.7,6.523,6.523,0,0,0,12.7,6.181Zm0,10.758A4.235,4.235,0,1,1,16.939,12.7,4.234,4.234,0,0,1,12.7,16.939ZM21.011,5.923A1.525,1.525,0,1,1,19.486,4.4,1.526,1.526,0,0,1,21.011,5.923Z"/>
2032            </svg>
2033        <span class="sr-only">Follow us on Instagram</span>
2034        </a>
2035    </li>
2036
2037
2038
2039
2040
2041
2042    <li>
2043        <a href="https://pinterest.com/enjoyillinois/" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-primary hover:bg-primary-dark ease-in-out duration-100">
2044        <svg aria-hidden="true" width="30" height="30"  viewBox="0 0 384 512" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
2045        <path class="fill-primary group-hover:fill-white" d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/></svg>
2046        <span class="sr-only">Check our Pinterest</span>
2047        </a>
2048    </li>
2049
2050
2051
2052    <li>
2053        <a href="https://www.tiktok.com/@enjoyillinois" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-primary hover:bg-primary-dark ease-in-out duration-100">
2054            <svg aria-hidden="true" width="30" height="30" viewBox="0 0 512 512" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
2055            <path class="fill-primary group-hover:fill-white" fill="none" d="M412.19,118.66a109.27,109.27,0,0,1-9.45-5.5,132.87,132.87,0,0,1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14,23.9,350,16,350.13,16H267.69V334.78c0,4.28,0,8.51-.18,12.69,0,.52-.05,1-.08,1.56,0,.23,0,.47-.05.71,0,.06,0,.12,0,.18a70,70,0,0,1-35.22,55.56,68.8,68.8,0,0,1-34.11,9c-38.41,0-69.54-31.32-69.54-70s31.13-70,69.54-70a68.9,68.9,0,0,1,21.41,3.39l.1-83.94a153.14,153.14,0,0,0-118,34.52,161.79,161.79,0,0,0-35.3,43.53c-3.48,6-16.61,30.11-18.2,69.24-1,22.21,5.67,45.22,8.85,54.73v.2c2,5.6,9.75,24.71,22.38,40.82A167.53,167.53,0,0,0,115,470.66v-.2l.2.2C155.11,497.78,199.36,496,199.36,496c7.66-.31,33.32,0,62.46-13.81,32.32-15.31,50.72-38.12,50.72-38.12a158.46,158.46,0,0,0,27.64-45.93c7.46-19.61,9.95-43.13,9.95-52.53V176.49c1,.6,14.32,9.41,14.32,9.41s19.19,12.3,49.13,20.31c21.48,5.7,50.42,6.9,50.42,6.9V131.27C453.86,132.37,433.27,129.17,412.19,118.66Z"></path>
2056            </svg><span class="sr-only">Follow us on TikTok</span>
2057        </a>
2058    </li>
2059
2060
2061
2062    <li>
2063        <a href="https://www.linkedin.com/company/illinois-office-of-tourism/" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-primary hover:bg-primary-dark ease-in-out duration-100">
2064        <svg aria-hidden="true" width="30" height="30" viewBox="0 0 30 30" class="w-1.5 h-1.5 lg:w-2 lg:h-2 relative left-[0.2rem]">
2065        <path class="fill-primary group-hover:fill-white" fill="none" d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"/></svg>
2066        <span class="sr-only">Follow us on LinkedIn</span>
2067        </a>
2068    </li>
2069
2070
2071
2072    <li>
2073        <a href="https://www.youtube.com/@EnjoyIllinois" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center justify-center rounded-full focus:shadow-outline p-half border border-primary hover:bg-primary-dark ease-in-out duration-100">
2074            <svg aria-hidden="true" width="30" height="30" viewBox="0 0 1792 1792" class="w-1.5 h-1.5 lg:w-2 lg:h-2">
2075            <path class="fill-primary group-hover:fill-white" fill="none" d="M711 1128l484-250-484-253v503zm185-862q168 0 324.5 4.5t229.5 9.5l73 4q1 0 17 1.5t23 3 23.5 4.5 28.5 8 28 13 31 19.5 29 26.5q6 6 15.5 18.5t29 58.5 26.5 101q8 64 12.5 136.5t5.5 113.5v176q1 145-18 290-7 55-25 99.5t-32 61.5l-14 17q-14 15-29 26.5t-31 19-28 12.5-28.5 8-24 4.5-23 3-16.5 1.5q-251 19-627 19-207-2-359.5-6.5t-200.5-7.5l-49-4-36-4q-36-5-
207554.5-10t-51-21-56.5-41q-6-6-15.5-18.5t-29-58.5-26.5-101q-8-64-12.5-136.5t-5.5-113.5v-176q-1-145 18-290 7-55 25-99.5t32-61.5l14-17q14-15 29-26.5t31-19.5 28-13 28.5-8 23.5-4.5 23-3 17-1.5q251-18 627-18z"></path>
2076            </svg><span class="sr-only">Subscribe to our channel on YouTube</span>
2077        </a>
2078    </li>
2079
2080                    </ul>
2081                </div>
2082            
2083        </div>
2084        </div>
2085        
2086            <div role="region" aria-label="Enjoy Illinois" id="crowdriff-region">
2086<script id="cr-init__a147610fd719a25f" src="https://starling.crowdriff.com/js/crowdriff.js" async=""></script>
2086</div>
2087        
2088    </section>
2089    
2090    
2091            
2092    <section id="block-newsletter" class="js-hidden block-newsletter bg-primary text-white p-2 lg:p-0 lg:py-2">
2093        <div class="js-stagger container max-w-screen-xl">
2094            <div class="flex flex-col lg:flex-row lg:items-center">
2095                
2096<div role="region" aria-label="Subscribe to Our Newsletter" class="lg:basis-1/3 xl:basis-1/2 xl:pr-4 text-center lg:text-left">
2097    <h2 class="h4 text-white  mb-half lg:mb-1">Subscribe to Our Newsletter</h2>
2098    <p>Get inspired by top travel stories, gain access to exclusive promotions and contests, and discover even more reasons to #EnjoyIllinois.</p>
2099</div>
2100
2101
2102<div role="region" aria-label="Newsletter Signup" id="newsletter_signup" class="grow">
2103    
2104        <form id="newsletter-form" action="https://iot.activehosted.com/proc.php" method="POST" enctype="application/x-www-form-urlencoded" novalidate="novalidate">
2105        
2106        <div class="_form-content">
2107            <div class="flex flex-col gap-x-qtr gap-y-half lg:flex-row">
2108                
2109                    
2110                        <input type="hidden" name="u" value="22" class="hidden" id="newsletter-form_u" />
2111                    
2112                
2113                    
2114                        <input type="hidden" name="f" value="22" class="hidden" id="newsletter-form_f" />
2115                    
2116                
2117                    
2118                        <input type="hidden" name="s" class="hidden" id="newsletter-form_s" />
2119                    
2120                
2121                    
2122                        <input type="hidden" name="c" value="0" class="hidden" id="newsletter-form_c" />
2123                    
2124                
2125                    
2126                        <input type="hidden" name="m" value="0" class="hidden" id="newsletter-form_m" />
2127                    
2128                
2129                    
2130                        <input type="hidden" name="act" value="sub" class="hidden" id="newsletter-form_act" />
2131                    
2132                
2133                    
2134                        <input type="hidden" name="v" value="2" class="hidden" id="newsletter-form_v" />
2135                    
2136                
2137                    
2138                        <input type="hidden" name="or" value="4f842b8b61c5c69edfc358b164294947" class="hidden" id="newsletter-form_or" />
2139                    
2140                
2141                    
2142                        <div class="grow text-left">
2143                            
2144                                <label class="sr-only" for="fullname">Full Name</label>
2145                            
2146                            <input type="text" name="fullname" class="border !border-white" id="fullname" placeholder="First &amp; Last Name" required="required" />
2147                        </div>
2148                    
2149                
2150                    
2151                        <div class="grow text-left">
2152                            
2153                                <label class="sr-only" for="email">Email Address</label>
2154                            
2155                            <input type="text" name="email" class="border !border-white" id="email" placeholder="Email Address" required="required" />
2156                        </div>
2157                    
2158                
2159                    
2160                        <input type="hidden" name="SecurityID" value="500ced49d5155f26f2284be5248c67ff5c54ca76" class="hidden" id="newsletter-form_SecurityID" />
2161                    
2162                
2163                
2164                    <div class="shrink mx-auto">
2165                        
2166                            <button type="submit" name="action_doNewsletterSubscribe" value="Subscribe" class="button hollow white w-10 lg:w-full mb-0" id="newsletter-form_submit">
2167		<span>Subscribe</span>
2168	</button>
2169                        
2170                    </div>
2171                
2172            </div>
2173            <div class="_recaptcha p-half" style="display:none;">
2174                <label for="ls">
2175                  Please verify your request*
2176                </label>
2177                <div class="g-recaptcha" data-sitekey="6LcwIw8TAAAAACP1ysM08EhCgzd6q5JAOUR1a0Go">
2178                </div>
2179            </div>
2180            <div class="_form_errors" style="display:none;">
2181            </div>
2182        </div>
2183        <div class="_form-thank-you" style="display:none;">
2184        </div>
2185        
2186        </form>
2187    
2188</div>
2189
2190<script type="text/javascript">
2191    window.cfields = [];
2192    window._show_thank_you = function(id, message, trackcmp_url, email) {
2193        var form = id==22 
2194            ? document.getElementById('newsletter-form')
2195            : document.getElementById('_form_' + id + '_'), 
2196        thank_you = form.querySelector('._form-thank-you');
2197        
2198        form.querySelector('._form-content').style.display = 'none';
2199        thank_you.innerHTML = message;
2200        thank_you.style.display = 'block';
2201        const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
2202        var visitorObject = window[vgoAlias];
2203        if (email && typeof visitorObject !== 'undefined') {
2204            visitorObject('setEmail', email);
2205            visitorObject('update');
2206        } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
2207            // Site tracking URL to use after inline form submission.
2208            _load_script(trackcmp_url);
2209        }
2210        if (typeof window._form_callback !== 'undefined') window._form_callback(id);
2211        thank_you.setAttribute('tabindex', '-1');
2212        thank_you.focus();
2213    };
2214    window._show_error = function(id, message, html) {
2215        var form = id==22 
2216            ? document.getElementById('newsletter-form')
2217            : document.getElementById('_form_' + id + '_'),
2218        err = document.createElement('div'),
2219        errors_wrapper = form.querySelector('._form_errors'),
2220        old_error = form.querySelector('._form_error');
2221        
2222        if (old_error) old_error.parentNode.removeChild(old_error);
2223        err.innerHTML = message;
2224        err.className = '_error _error-inner _form_error _no_arrow';
2225        var wrapper = document.createElement('div');
2226        wrapper.className = '_form-inner';
2227        wrapper.appendChild(err);
2228        errors_wrapper.appendChild(wrapper);
2229        var submitButton = form.querySelector('[id="newsletter-form_submit"]');
2230        submitButton.disabled = false;
2231        submitButton.classList.remove('processing');
2232        if (html) {
2233            var div = document.createElement('div');
2234            div.className = '_error-html';
2235            div.innerHTML = html;
2236            err.appendChild(div);
2237        }
2238        errors_wrapper.style.display = 'block';
2239    };
2240    window._load_script = function(url, callback, isSubmit) {
2241        var head = document.querySelector('head'), script = document.createElement('script'), r = false;
2242        var submitButton = document.querySelector('#newsletter-form_submit');
2243        script.type = 'text/javascript';
2244        script.charset = 'utf-8';
2245        script.src = url;
2246        if (callback) {
2247            script.onload = script.onreadystatechange = function() {
2248                if (!r && (!this.readyState || this.readyState == 'complete')) {
2249                    r = true;
2250                    callback();
2251                }
2252            };
2253        }
2254        script.onerror = function() {
2255            if (isSubmit) {
2256                if (script.src.length > 10000) {
2257                    _show_error("22", "Sorry, your submission failed. Please shorten your responses and try again.");
2258                } else {
2259                    _show_error("22", "Sorry, your submission failed. Please try again.");
2260                }
2261                submitButton.disabled = false;
2262                submitButton.classList.remove('processing');
2263            }
2264        }
2265
2266        head.appendChild(script);
2267    };
2268    (function() {
2269        if (window.location.search.search("excludeform") !== -1) return false;
2270        var getCookie = function(name) {
2271            var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
2272            return match ? match[2] : null;
2273        }
2274        var setCookie = function(name, value) {
2275            var now = new Date();
2276            var time = now.getTime();
2277            var expireTime = time + 1000 * 60 * 60 * 24 * 365;
2278            now.setTime(expireTime);
2279            document.cookie = name + '=' + value + '; expires=' + now + ';path=/; Secure; SameSite=Lax;';
2280        }
2281        var addEvent = function(element, event, func) {
2282            if (element.addEventListener) {
2283                element.addEventListener(event, func);
2284            } else {
2285                var oldFunc = element['on' + event];
2286                element['on' + event] = function() {
2287                    oldFunc.apply(this, arguments);
2288                    func.apply(this, arguments);
2289                };
2290            }
2291        }
2292        var _removed = false;
2293            var form_to_submit = document.getElementById('newsletter-form');
2294        var allInputs = form_to_submit.querySelectorAll('input, select, textarea'), tooltips = [], submitted = false;
2295
2296        var getUrlParam = function(name) {
2297            var params = new URLSearchParams(window.location.search);
2298            return params.get(name) || false;
2299        };
2300
2301        var acctDateFormat = "%m/%d/%Y";
2302        var getNormalizedDate = function(date, acctFormat) {
2303            var decodedDate = decodeURIComponent(date);
2304            if (acctFormat && acctFormat.match(/(%d|%e).*%m/gi) !== null) {
2305                return decodedDate.replace(/(d{2}).*(d{2}).*(d{4})/g, '$3-$2-$1');
2306            } else if (Date.parse(decodedDate)) {
2307                var dateObj = new Date(decodedDate);
2308                var year = dateObj.getFullYear();
2309                var month = dateObj.getMonth() + 1;
2310                var day = dateObj.getDate();
2311                return `${year}-${month < 10 ? `0${month}` : month}-${day < 10 ? `0${day}` : day}`;
2312            }
2313            return false;
2314        };
2315
2316        var getNormalizedTime = function(time) {
2317            var hour, minutes;
2318            var decodedTime = decodeURIComponent(time);
2319            var timeParts = Array.from(decodedTime.matchAll(/(d{1,2}):(d{1,2})W*([AaPp][Mm])?/gm))[0];
2320            if (timeParts[3]) { // 12 hour format
2321                var isPM = timeParts[3].toLowerCase() === 'pm';
2322                if (isPM) {
2323                    hour = parseInt(timeParts[1]) === 12 ? '12' : `${parseInt(timeParts[1]) + 12}`;
2324                } else {
2325                    hour = parseInt(timeParts[1]) === 12 ? '0' : timeParts[1];
2326                }
2327            } else { // 24 hour format
2328                hour = timeParts[1];
2329            }
2330            var normalizedHour = parseInt(hour) < 10 ? `0${parseInt(hour)}` : hour;
2331            var minutes = timeParts[2];
2332            return `${normalizedHour}:${minutes}`;
2333        };
2334
2335        for (var i = 0; i < allInputs.length; i++) {
2336            var regexStr = "field\[(\d+)\]";
2337            var results = new RegExp(regexStr).exec(allInputs[i].name);
2338            if (results != undefined) {
2339                allInputs[i].dataset.name = allInputs[i].name.match(/[time]$/)
2340                    ? `${window.cfields[results[1]]}_time`
2341                    : window.cfields[results[1]];
2342            } else {
2343                allInputs[i].dataset.name = allInputs[i].name;
2344            }
2345            var fieldVal = getUrlParam(allInputs[i].dataset.name);
2346
2347            if (fieldVal) {
2348                if (allInputs[i].dataset.autofill === "false") {
2349                    continue;
2350                }
2351                if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
2352                    if (allInputs[i].value == fieldVal) {
2353                        allInputs[i].checked = true;
2354                    }
2355                } else if (allInputs[i].type == "date") {
2356                    allInputs[i].value = getNormalizedDate(fieldVal, acctDateFormat);
2357                } else if (allInputs[i].type == "time") {
2358                    allInputs[i].value = getNormalizedTime(fieldVal);
2359                } else {
2360                    allInputs[i].value = fieldVal;
2361                }
2362            }
2363        }
2364
2365        var remove_tooltips = function() {
2366            for (var i = 0; i < tooltips.length; i++) {
2367                tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
2368            }
2369            tooltips = [];
2370        };
2371        var remove_tooltip = function(elem) {
2372            for (var i = 0; i < tooltips.length; i++) {
2373                if (tooltips[i].elem === elem) {
2374                    tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
2375                    tooltips.splice(i, 1);
2376                    return;
2377                }
2378            }
2379        };
2380        var create_tooltip = function(elem, text) {
2381            var tooltip = document.createElement('div'),
2382                arrow = document.createElement('div'),
2383                inner = document.createElement('div'), new_tooltip = {};
2384            if (elem.type != 'radio' && elem.type != 'checkbox') {
2385                tooltip.className = '_error';
2386                arrow.className = '_error-arrow';
2387                inner.className = '_error-inner';
2388                inner.innerHTML = text;
2389                tooltip.appendChild(arrow);
2390                tooltip.appendChild(inner);
2391                elem.parentNode.appendChild(tooltip);
2392            } else {
2393                tooltip.className = '_error-inner _no_arrow';
2394                tooltip.innerHTML = text;
2395                elem.parentNode.insertBefore(tooltip, elem);
2396                new_tooltip.no_arrow = true;
2397            }
2398            new_tooltip.tip = tooltip;
2399            new_tooltip.elem = elem;
2400            tooltips.push(new_tooltip);
2401            return new_tooltip;
2402        };
2403        var resize_tooltip = function(tooltip) {
2404            var rect = tooltip.elem.getBoundingClientRect();
2405            var doc = document.documentElement,
2406                scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop)  - (doc.clientTop || 0));
2407            if (scrollPosition < 40) {
2408                tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
2409            } else {
2410                tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
2411            }
2412        };
2413        var resize_tooltips = function() {
2414            if (_removed) return;
2415            for (var i = 0; i < tooltips.length; i++) {
2416                if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
2417            }
2418        };
2419        var validate_field = function(elem, remove) {
2420            var tooltip = null, value = elem.value, no_error = true;
2421            remove ? remove_tooltip(elem) : false;
2422            if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
2423            if (elem.getAttribute('required') !== null) {
2424                if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
2425                    var elems = form_to_submit.elements[elem.name];
2426                    if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
2427                        no_error = elem.checked;
2428                    }
2429                    else {
2430                        no_error = false;
2431                        for (var i = 0; i < elems.length; i++) {
2432                            if (elems[i].checked) no_error = true;
2433                        }
2434                    }
2435                    if (!no_error) {
2436                        tooltip = create_tooltip(elem, "Please select an option.");
2437                    }
2438                } else if (elem.type =='checkbox') {
2439                    var elems = form_to_submit.elements[elem.name], found = false, err = [];
2440                    no_error = true;
2441                    for (var i = 0; i < elems.length; i++) {
2442                        if (elems[i].getAttribute('required') === null) continue;
2443                        if (!found && elems[i] !== elem) return true;
2444                        found = true;
2445                        elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
2446                        if (!elems[i].checked) {
2447                            no_error = false;
2448                            elems[i].className = elems[i].className + ' _has_error';
2449                            err.push("Checking %s is required".replace("%s", elems[i].value));
2450                        }
2451                    }
2452                    if (!no_error) {
2453                        tooltip = create_tooltip(elem, err.join('<br/>'));
2454                    }
2455                } else if (elem.tagName == 'SELECT') {
2456                    var selected = true;
2457                    if (elem.multiple) {
2458                        selected = false;
2459                        for (var i = 0; i < elem.options.length; i++) {
2460                            if (elem.options[i].selected) {
2461                                selected = true;
2462                                break;
2463                            }
2464                        }
2465                    } else {
2466                        for (var i = 0; i < elem.options.length; i++) {
2467                            if (elem.options[i].selected
2468                                && (!elem.options[i].value
2469                                || (elem.options[i].value.match(/n/g)))
2470                            ) {
2471                                selected = false;
2472                            }
2473                        }
2474                    }
2475                    if (!selected) {
2476                        elem.className = elem.className + ' _has_error';
2477                        no_error = false;
2478                        tooltip = create_tooltip(elem, "Please select an option.");
2479                    }
2480                } else if (value === undefined || value === null || value === '') {
2481                    elem.className = elem.className + ' _has_error';
2482                    no_error = false;
2483                    tooltip = create_tooltip(elem, "This field is required.");
2484                }
2485            }
2486            if (no_error && (elem.id == 'field[]' || elem.id == 'ca[11][v]')) {
2487                if (elem.className.includes('phone-input-error')) {
2488                    elem.className = elem.className + ' _has_error';
2489                    no_error = false;
2490                }
2491            }
2492            if (no_error && elem.name == 'email') {
2493                if (!value.match(/^[+_a-z0-9-'&=]+(.[+_a-z0-9-']+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,})$/i)) {
2494                    elem.className = elem.className + ' _has_error';
2495                    no_error = false;
2496                    tooltip = create_tooltip(elem, "Enter a valid email address.");
2497                }
2498            }
2499            if (no_error && /date_field/.test(elem.className)) {
2500                if (!value.match(/^dddd-dd-dd$/)) {
2501                    elem.className = elem.className + ' _has_error';
2502                    no_error = false;
2503                    tooltip = create_tooltip(elem, "Enter a valid date.");
2504                }
2505            }
2506            tooltip ? resize_tooltip(tooltip) : false;
2507            return no_error;
2508        };
2509        var needs_validate = function(el) {
2510            if(el.getAttribute('required') !== null){
2511                return true
2512            }
2513            if(el.name === 'email' && el.value !== ""){
2514                return true
2515            }
2516
2517            if((el.id == 'field[]' || el.id == 'ca[11][v]') && el.className.includes('phone-input-error')){
2518                return true
2519            }
2520
2521            return false
2522        };
2523        var validate_form = function(e) {
2524            var err = form_to_submit.querySelector('._form_error'), no_error = true;
2525            if (!submitted) {
2526                submitted = true;
2527                for (var i = 0, len = allInputs.length; i < len; i++) {
2528                    var input = allInputs[i];
2529                    if (needs_validate(input)) {
2530                        if (input.type == 'tel') {
2531                            addEvent(input, 'blur', function() {
2532                                this.value = this.value.trim();
2533                                validate_field(this, true);
2534                            });
2535                        }
2536                        if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
2537                            addEvent(input, 'blur', function() {
2538                                this.value = this.value.trim();
2539                                validate_field(this, true);
2540                            });
2541                            addEvent(input, 'input', function() {
2542                                validate_field(this, true);
2543                            });
2544                        } else if (input.type == 'radio' || input.type == 'checkbox') {
2545                            (function(el) {
2546                                var radios = form_to_submit.elements[el.name];
2547                                for (var i = 0; i < radios.length; i++) {
2548                                    addEvent(radios[i], 'click', function() {
2549                                        validate_field(el, true);
2550                                    });
2551                                }
2552                            })(input);
2553                        } else if (input.tagName == 'SELECT') {
2554                            addEvent(input, 'change', function() {
2555                                validate_field(this, true);
2556                            });
2557                        } else if (input.type == 'textarea'){
2558                            addEvent(input, 'input', function() {
2559                                validate_field(this, true);
2560                            });
2561                        }
2562                    }
2563                }
2564            }
2565            remove_tooltips();
2566            for (var i = 0, len = allInputs.length; i < len; i++) {
2567                var elem = allInputs[i];
2568                if (needs_validate(elem)) {
2569                    if (elem.tagName.toLowerCase() !== "select") {
2570                        elem.value = elem.value.trim();
2571                    }
2572                    validate_field(elem) ? true : no_error = false;
2573                }
2574            }
2575            if (!no_error && e) {
2576                e.preventDefault();
2577            }
2578            resize_tooltips();
2579            return no_error;
2580        };
2581        addEvent(window, 'resize', resize_tooltips);
2582        addEvent(window, 'scroll', resize_tooltips);
2583
2584        var hidePhoneInputError = function(inputId) {
2585            var errorMessage =  document.getElementById("error-msg-" + inputId);
2586            var input = document.getElementById(inputId);
2587            errorMessage.classList.remove("phone-error");
2588            errorMessage.classList.add("phone-error-hidden");
2589            input.classList.remove("phone-input-error");
2590        };
2591
2592        var initializePhoneInput = function(input, defaultCountry) {
2593            return window.intlTelInput(input, {
2594                utilsScript: "https://unpkg.com/[email protected]/build/js/utils.js",
2595                autoHideDialCode: false,
2596                separateDialCode: true,
2597                initialCountry: defaultCountry,
2598                preferredCountries: []
2599            });
2600        }
2601
2602        var setPhoneInputEventListeners = function(inputId, input, iti) {
2603            input.addEventListener('blur', function() {
2604                var errorMessage = document.getElementById("error-msg-" + inputId);
2605                if (input.value.trim()) {
2606                    if (iti.isValidNumber()) {
2607                        iti.setNumber(iti.getNumber());
2608                        if (errorMessage.classList.contains("phone-error")){
2609                            hidePhoneInputError(inputId);
2610                        }
2611                    } else {
2612                        showPhoneInputError(inputId)
2613                    }
2614                } else {
2615                    if (errorMessage.classList.contains("phone-error")){
2616                        hidePhoneInputError(inputId);
2617                    }
2618                }
2619            });
2620
2621            input.addEventListener("countrychange", function() {
2622                iti.setNumber('');
2623            });
2624
2625            input.addEventListener("keydown", function(e) {
2626                var charCode = (e.which) ? e.which : e.keyCode;
2627                if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode !== 8) {
2628                    e.preventDefault();
2629                }
2630            });
2631        };
2632
2633        var showPhoneInputError = function(inputId) {
2634            var errorMessage =  document.getElementById("error-msg-" + inputId);
2635            var input = document.getElementById(inputId);
2636            errorMessage.classList.add("phone-error");
2637            errorMessage.classList.remove("phone-error-hidden");
2638            input.classList.add("phone-input-error");
2639        };
2640
2641        window['recaptcha_callback'] = function() {
2642            // Get all recaptchas in the DOM (there may be more than one form on the page).
2643            var recaptchas = document.getElementsByClassName("g-recaptcha");
2644            for (var i in recaptchas) {
2645                // Set the recaptcha element ID, so the recaptcha can be applied to each element.
2646                var recaptcha_id = "recaptcha_" + i;
2647                recaptchas[i].id = recaptcha_id;
2648                var el = document.getElementById(recaptcha_id);
2649                if (el != null) {
2650                    var sitekey = el.getAttribute("data-sitekey");
2651                    var stoken = el.getAttribute("data-stoken");
2652                    grecaptcha.render(recaptcha_id, {"sitekey":sitekey,"stoken":stoken});
2653                }
2654            }
2655        };
2656        _load_script("https://www.google.com/recaptcha/api.js?onload=recaptcha_callback&render=explicit");
2657
2658        // HACK: Reveal ReCAPTCHA when a form input is blurred (to prevent ReCAPTCHA from showing if the user doesn't interact with the form).
2659        form_to_submit.querySelectorAll('input').forEach(function(elem){
2660            elem.addEventListener("blur", function() {
2661                var recaptcha = document.querySelector('._recaptcha');
2662                if (recaptcha != null) {
2663                    recaptcha.style.display = "block";
2664                }
2665            });
2666        });
2667
2668        var _form_serialize = function(form){if(!form||form.nodeName!=="FORM"){return }var i,j,q=[];for(i=0;i<form.elements.length;i++){if(form.elements[i].name===""){continue}switch(form.elements[i].nodeName){case"INPUT":switch(form.elements[i].type){case"tel":q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].previousSibling.querySelector('div.iti__selected-dial-code').innerText)+encodeURIComponent(" ")+encodeURIComponent(form.elements[i].value));break;case"text":case"number":case"date":case"time":case"hidden":case"password":case"button":case"reset":case"submit":q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value));break;case"checkbox":case"radio":if(form.elements[i].checked){q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value))}break;case"file":break}break;case"TEXTAREA":q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value));break;case"SELECT":switch(form.elements[i].type){case"select-one":q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value));break;case"select-multiple":for(j=0;j<form.elements[i].options.length;j++){if(form.elements[i].options[j].selected){q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].options[j].value))}}break}break;case"BUTTON":switch(form.elements[i].type){case"reset":case"submit":case"button":q.push(form.elements[i].name+"="+encodeURIComponent(form.elements[i].value));break}break}}return q.join("&")};
2669
2670        const formSupportsPost = false;
2671        var form_submit = function(e) {
2672            e.preventDefault();
2673            if (validate_form()) {
2674                // use this trick to get the submit button & disable it using plain 
2674javascript
2675                var submitButton = e.target.querySelector('#newsletter-form_submit');
2676                submitButton.disabled = true;
2677                submitButton.classList.add('processing');
2678                            var serialized = _form_serialize(
2679                    document.getElementById('newsletter-form')
2680                ).replace(/%0A/g, '\n');
2681                var err = form_to_submit.querySelector('._form_error');
2682                err ? err.parentNode.removeChild(err) : false;
2683                async function submitForm() {
2684                  var formData = new FormData();
2685                  const searchParams = new URLSearchParams(serialized);
2686                  searchParams.forEach((value, key) => {
2687                    formData.append(key, value);
2688                  });
2689
2690                  const response = await fetch('https://iot.activehosted.com/proc.php?jsonp=true', {
2691                    headers: {
2692                      "Accept": "application/json"
2693                    },
2694                    body: formData,
2695                    method: "POST"
2696                  });
2697                  return response.json();
2698                }
2699
2700                if (formSupportsPost) {
2701                    submitForm().then((data) => {
2702                        eval(data.js);
2703                    });
2704                } else {
2705                    _load_script('https://iot.activehosted.com/proc.php?' + serialized + '&jsonp=true', null, true);
2706                }
2707            }
2708            return false;
2709        };
2710        addEvent(form_to_submit, 'submit', form_submit);
2711    })();
2712</script>
2712
2713
2714            </div>
2715        </div>
2716    </section>
2717
2718
2719            
2720            <footer class="js-hidden footer   bg-black  pb-2 relative overflow-hidden">
2721    
2722        <!-- Background image -->
2723        
2724            <img class="h-full w-full object-cover absolute top top-0 left-0 opacity-25 lozad" data-src="/assets/Images/Landscapes-+Gardens-+-State-Parks/Spring/Summer/Cave-in-Rock-State-Park__FillMaxWzE1MDAsODAwXQ_ExtRewriteWyJqcGVnIiwid2VicCJd.webp"
2725            data-srcset="/assets/Images/Landscapes-+Gardens-+-State-Parks/Spring/Summer/Cave-in-Rock-State-Park__FillMaxWzQ4MCw2ODBd_ExtRewriteWyJqcGVnIiwid2VicCJd.webp 480w, /assets/Images/Landscapes-+Gardens-+-State-Parks/Spring/Summer/Cave-in-Rock-State-Park__FillMaxWzgwMCwxMDAwXQ_ExtRewriteWyJqcGVnIiwid2VicCJd.webp 720w, /assets/Images/Landscapes-+Gardens-+-State-Parks/Spring/Summer/Cave-in-Rock-State-Park__FillMaxWzEwMjQsNjAwXQ_ExtRewriteWyJqcGVnIiwid2VicCJd.webp 1024w, /assets/Images/Landscapes-+Gardens-+-State-Parks/Spring/Summer/Cave-in-Rock-State-Park__FillMaxWzE1MDAsODAwXQ_ExtRewriteWyJqcGVnIiwid2VicCJd.webp 1400w" alt="" />
2726        
2727        <!-- Background image -->
2728        <div class="js-stagger p-1">
2729                
2730                <div class="w-full border-b border-white border-opacity-25 mb-2">
2731                    <div class="container max-w-screen-xl">
2732                        <ul class="js-stagger flex flex-col md:space-x-2 md:flex-row md:text-left py-half lg:py-1 text-center mb-1 2xl:text-lg">
2733                            
2734                                <li  class="text-white hover:text-gray-300 py-half font-bold">
2735    <a href="/accessibility/" >Accessibility</a>
2736
2737</li>
2738                            
2739                                <li  class="text-white hover:text-gray-300 py-half font-bold">
2740    <a href="https://media.enjoyillinois.com/" target="_blank" rel="noopener noreferrer">Media</a>
2741
2742</li>
2743                            
2744                                <li  class="text-white hover:text-gray-300 py-half font-bold">
2745    <a href="/tourism/" >Tourism Industry</a>
2746
2747</li>
2748                            
2749                                <li  class="text-white hover:text-gray-300 py-half font-bold">
2750    <a href="https://tourillinois.org/" target="_blank" rel="noopener noreferrer">Tour In IL</a>
2751
2752</li>
2753                            
2754                                <li  class="text-white hover:text-gray-300 py-half font-bold">
2755    <a href="https://sportsillinois.com/" target="_blank" rel="noopener noreferrer">Sports IL</a>
2756
2757</li>
2758                            
2759                                <li  class="text-white hover:text-gray-300 py-half font-bold">
2760    <a href="https://meetinillinois.com/" target="_blank" rel="noopener noreferrer">Meet In IL</a>
2761
2762</li>
2763                            
2764                        </ul>
2765                    </div>
2766                </div>
2767                
2768                <div class="container max-w-screen-xl">
2769                <div class="js-stagger text-white mb-2  md:text-left text-center lg:pt-2">
2770                    <a href="https://www.enjoyillinois.com/" class="brand inline-block mb-1 hover:opacity-50">
2771                         
2772                            <img src="/_resources/themes/enjoyillinois/images/logo.svg?m=1768923487" alt="Enjoy Illinois" width="160" height="77" class="" loading="lazy" />
2773                        
2774                    </a>
2775                    <p class="text-lg"><strong>The Official Website of the Illinois Office of Tourism</strong></p>
2776
2777                    <ul class="site-links flex flex-col space-y-1 md:space-x-2 md:space-y-0 md:flex-row text-sm mb-4">
2778                        <li><a href="https://dceo.illinois.gov/" target="_blank" class="hover:border-b border-white">Illinois Department of Commerce and Economic Opportunity</a></li>
2779                        <li><a href="https://www.illinois.gov/" target="_blank" class="hover:border-b border-white">State of Illinois </a></li>
2780                        <li><a href="https://www.enjoyillinois.com/privacy-policy/" target="_blank" class="hover:border-b border-white">Privacy</a></li>
2781                        <li><a href="/sitemap/" class="hover:border-b border-white">Site Map</a></li>
2782                        <li><a class="hover:border-b border-white" href="javascript:CookieScript.instance.show()">Cookie Settings</a></li>
2783                    </ul>
2784
2785                    <ul class="site-logos flex flex-col space-y-2 md:space-y-0 md:space-x-4 md:flex-row md:items-center text-sm mb-4">
2786                        <li><a href="https://www.choosechicago.com/" class="inline-block hover:opacity-50" target="_blank"><img src="/_resources/themes/enjoyillinois/images/logos/choose-chicago.svg?m=1768923487" alt="Choose Chicago" width="150" loading="lazy" height="61" class="h-[52px] w-auto max-w-[150px]" /></a></li>
2787                        <li><a href="https://greatlakesusa.org/" class="inline-block hover:opacity-50" target="_blank"><img src="/_resources/themes/enjoyillinois/images/logos/great-lakes.svg?m=1768923487" alt="Great Lakes North America" loading="lazy" width="150" height="61" class="h-[52px] w-auto max-w-[150px]" /></a></li>
2788                        <li><a href="https://www.visittheusa.com/" class="inline-block hover:opacity-50" target="_blank"><img src="/_resources/themes/enjoyillinois/images/logos/visit-the-usa.svg?m=1768923487" alt="Visit The USA" width="150" height="61" loading="lazy" class="h-[52px] w-auto max-w-[150px]" /></a></li>
2789                    </ul>
2790                </div>
2791
2792                
2793
2794                <p class="js-stagger text-sm text-white leading-6 md:text-left text-center mb-1.5">
2795                <a href="https://get.adobe.com/reader/" target="_blank" class="underline"> Download Acrobat Reader </a> <br/>
2796                &copy; 2026 Illinois Department of Commerce &amp; Economic Opportunity, Office of Tourism <br />
2797                </p>
2798
2799                <div class="js-stagger f-weglot-container md:text-left text-center mb-3">
2800                    
2801                </div>
2802            </div>
2803        </div>
2804    
2805</footer>
2806
2807         
2808     
2809
2810	<link rel="preload" href="/_resources/themes/enjoyillinois/dist/main.css?m=1774030215" type="text/css" as="style" onload="this.onload=null;this.rel='stylesheet';"/>
2811	
2811<script defer src="/_resources/themes/enjoyillinois/dist/build/build.js?m=1776700614"></script>
2811
2812	
2812<script defer src="/_resources/themes/enjoyillinois/dist/autocomplete.js?m=1768923474"></script>
2812
2813	
2813<script defer src="/_resources/themes/enjoyillinois/dist/favourites.js?m=1776700615"></script>
2813
2814
2815	
2816
2817	
2818<div x-trap.noscroll="openSharePopup" class="w-full h-full top-0 left-0 fixed p-1 xl:py-2 bg-primary/90 shadow-2xl z-[9999] transition ease-in-out duration-300 overflow-auto backdrop-blur-sm" :class="openSharePopup ? '' : 'invisible opacity-0'" tabindex="-1" role="dialog" aria-labelledby="shareTitle" aria-describedby="shareContent" aria-modal="true" x-cloak>
2819    <button @click="openSharePopup = false" class="absolute top-50 text-white right-1 md:top-auto p-[4px] mb-0 !bg-transparent !border-none !shadow-none transition duration-500 ease-in-out hover:rotate-90">
2820        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-2 h-2">
2821            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
2822        </svg>
2823        <span class="sr-only">Close this dialog</span>
2824    </button> 
2825    <div class="m-auto w-full p-1.25 text-center absolute left-2/4 top-2/4 -translate-x-2/4 -translate-y-2/4">
2826        <p id="shareTitle" class="h4 text-white">
2827            
2828                Share this Page
2829            
2830        <p>
2831        <div id="shareContent" class="a2a_kit a2a_kit_size_32 a2a_default_style flex justify-center">
2832            <a title="Share on X" class="a2a_button_x"></a>
2833            <a title="Share on Facebook" class="a2a_button_facebook"></a>
2834            <a title="Share on Pinterest" class="a2a_button_pinterest"></a>
2835            <a title="Share via email" class="a2a_button_email"></a>
2836        </div>
2837    </div>
2838</div>
2839
2840<!-- Go to https://www.addtoany.com/buttons/for/website to customize your buttons -->
2841<script async src="https://static.addtoany.com/menu/page.js"></script>
2841
2842
2843
2844
2845<style>
2846#mn-guidegeek-widget { z-index: 9999 !important; }
2847.grecaptcha-badge { bottom:90px !important; }
2848</style>
2849
2850<link rel="alternate" hreflang="en" href="https://www.enjoyillinois.com">
2851<link rel="alternate" hreflang="de" href="https://de.enjoyillinois.com">
2852<link rel="alternate" hreflang="fr" href="https://fr.enjoyillinois.com">
2853<link rel="alternate" hreflang="es-mx" href="https://es-mx.enjoyillinois.com">
2854<link rel="alternate" hreflang="it" href="https://it.enjoyillinois.com">
2855<link rel="alternate" hreflang="ja" href="https://ja.enjoyillinois.com">
2856<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
vendor: 2 bytes, line 2856
2856
2857<script>
2858    Weglot.initialize({
2859        api_key: 'wg_53d9adf2dcc13b5815c8dac8259606c10',
2860        translate_search: true,
2861        search_forms: ".aa-Form", 
2862        search_parameter: "query" 
2863    });
2864    window.addEventListener('load',function(){
2865        try {
2866            var eles = document.querySelectorAll('.language-option.active-language');
2867            for(var x=0; x<eles.length;x++) eles[x].removeAttribute('aria-label');
2868        } catch(err){
2869            console.log('weglot aria-label error',err);
2870        }
2871
2872        if(crowdriff__gallery.waiting.length>0){
2873            console.log('crowdriff__gallery.waiting');
2874            var ele = document.querySelector('#cr__a147610fd719a25f'),
2875            observer = new MutationObserver(function(mutations){
2876                for(var mutation of mutations){
2877                    for(var child of mutation.addedNodes){
2878                        if(!/cr__asset__button/gi.test(child.className)) continue;
2879                        child.setAttribute('aria-label','View Post');
2880                        console.log(child);
2881
2882                        var eles = document.querySelectorAll('.cr__asset__button');
2883                        if(eles.length==0) observer.disconnect();
2884                    }
2885                }
2886            });
2887            try {
2888                observer.observe(ele,{ childList:true, subtree:true });
2889            } catch(err){
2890                console.log('observer.observe',err);
2891            }
2892        } else if(crowdriff__gallery.rendered.length>0){
2893            console.log('crowdriff__gallery.rendered');
2894            var eles = document.querySelectorAll('.cr__asset__button');
2895            for(var x=0; x<eles.length; x++) eles[x].setAttribute('aria-label','View Post');
2896        }
2897    });
2898</script>
2898
2899</body>
2900
2901</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.