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="{"key":"9a02e97a3e2fbedd01502302c039e3d39def6701","host":"https:\/\/dottie.enjoyillinois.com\/graphql","pageTitle":"Things To Do","region":0,"locations":[],"categories":["267","269","271","273","275","277","279","293"],"quickFilters":[169,167,166,227],"grades":[],"eventsPage":0,"tracksPage":0,"hideRegionFilters":0,"categorySvgClasses":"w-[30px] h-[30px] mx-auto mb-qtr fill-primary","mapSvgIconClasses":"listing-map-icon","showOnlyLocationsFilter":0,"facets":[],"mapMaxBounds":[[24.396308,-125],[49.384358,-66.93457]],"pageLimit":12,"hideResultsMap":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="{"app_id":"V1TB03XOCT","api_key":"758abfeac06ea95173933d58fabdc514"}"> 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 & 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 & 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 & 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 & 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 & 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'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 & 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 & 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 & 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 & 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 & 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 &
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 & 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'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 & Attractions in Illinois</h2> 1034<p class="text-center">Discover amusement parks, museums, parks & 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 & Events </h3> 1094 </div> 1095 1096 <a href="/things-to-do/festivals-and-events/" class="absolute-cover" ><span class="sr-only"> Festivals & 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 & Drink </h3> 1134 </div> 1135 1136 <a href="/things-to-do/food-and-drink/" class="absolute-cover" ><span class="sr-only"> Food & 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 & Culture </h3> 1194 </div> 1195 1196 <a href="/things-to-do/arts-and-culture/" class="absolute-cover" ><span class="sr-only"> Arts & 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 & Sightseeing </h3> 1214 </div> 1215 1216 <a href="/things-to-do/tours-and-sightseeing/" class="absolute-cover" ><span class="sr-only"> Tours & 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, & 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 & 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 • 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 • 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 & 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 • 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 & 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 • 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 • 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 & 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 & Events • 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 & 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 & 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 © 2026 Illinois Department of Commerce & 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.