

<!DOCTYPE html>
<html lang="en">
<head>
<script>
	window.dataLayer = window.dataLayer || [];
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-itunes-app" content="app-id=736924592" />
<meta name="google-play-app" content="app-id=com.koa.mobileapp" />
<title>Union, Illinois Campground | Chicago Northwest KOA Holiday</title>
<link href="https://koa.com/campgrounds/chicago/" rel="canonical" />
<meta name="description" content="Chicago Northwest KOA Holiday is located in Union, Illinois and offers great camping sites! Click here to find out more information or to book a reservation." />
<script type="application/ld+json">{"@context": "https://schema.org/","@type": "LodgingBusiness","address": {"@type": "PostalAddress","addressLocality": "Union","addressRegion": "IL","addressCountry": "US","postalCode": "60180","streetAddress": "8404 South Union Road"},"aggregateRating": {"@type": "AggregateRating","ratingValue": "4.5","reviewCount": "1000"},"name": "Chicago Northwest KOA Holiday",   "telephone": "1-800-562-2827","email": "camp@chicagokoa.com","logo": "https://koa.com/content/images/bp/brands-koa-holiday-logo.png","image": "https://koa.com/content/campgrounds/chicago/photos/0b917568-377c-49ca-be2a-ff253494d5e7photo031cc1b9-8966-48d4-9cd1-820a8c612c26.jpeg","geo": {"@type": "GeoCoordinates","latitude": "42.2061180000","longitude": "-88.5501370000"},"openingHours": ["Su 09:00-18:00","Mo 09:00-18:00","Tu 09:00-18:00","We 09:00-18:00","Th 09:00-18:00","Fr 09:00-19:00","Sa 09:00-19:00"],"url": "https://koa.com/campgrounds/chicago/","@id": "https://koa.com/campgrounds/chicago/"}</script>
<meta name="twitter:card" content="summary_large_image" />
<meta property="fb:app_id" content="1685564315011866" />
<meta property="og:title" content="Union, Illinois Campground | Chicago Northwest KOA Holiday" />
<meta property="og:description" content="Chicago Northwest KOA Holiday is located in Union, Illinois and offers great camping sites! Click here to find out more information or to book a reservation." />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://koa.com/content/campgrounds/chicago/heroitems/13101heroitems84b6f4e1-d0eb-4c68-ba13-9fb1e1151125.JPG" />
<meta property="og:url" content="https://koa.com/campgrounds/chicago/?feed=rss2" />
<script src="/bundles/googledatalayer?v=9-FStbdusoDSDaA4JH8Gm0HDsqc3BtIa5zj_vlx92dI1"></script>
<script>
		dataLayer.push({ 'campgroundAlias': 'chicago' });
					dataLayer.push({ 'koaId': 'DDA1137F-222F-4F6B-845E-7A99BB569BD5' });
	</script>
<script async src="https://www.googleoptimize.com/optimize.js?id=GTM-M3X6MM5"></script>

<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PXLLXD');</script>

<link href="/content/themes/default/bootstrap4css?v=vIdtT9d01fdVw7AshPr2A6IF9ZehdZYXjkpT_YJIXj01" rel="stylesheet" />
<link href="/content/css/fancybox?v=-ZBTPXaCKA7phLMQiUYsmzB3NsWHTi7RiXuxDYYteHk1" rel="stylesheet" />
<link href="/content/css/campground-css?v=8LVuIYI6-ro08N1IjgLU-sQlMODzmty_0W9msmHU0VI1" rel="stylesheet" />
<link href="/content/themes/font-awesome-5/styles/font-awesome-5-styles?v=Qan92kBHZgU1aYktUcWFZTr0YfstCoE3ZW1rfAIZ9Ck1" rel="stylesheet" />
<script src="/bundles/respond?v=sbFboOuLdtmhD0n_uFzollmELtGkPsU5cTntphHFa-01"></script>

<!--[if lt IE 9]>
      <script src="~/scripts/html5shiv.js"></script>
    <![endif]-->
<script src="/bundles/jquery?v=jh6OW4Md5-JJ8OfboplEWHgvP2R3_aCQEX-fj_6xgGw1"></script>
<script src="/bundles/jqueryui?v=Do8JAHCRHpVnRQMJ65pn-J2N-ZhuZqRy-Qg3Z-Qlpxk1"></script>
<script src="/bundles/bootstrap4js?v=vK8FJypvrqYAVywCuUjKZzP4_GnZfKI2glduYIrVPqE1"></script>
<script src="/bundles/fancybox?v=zYK3dPsensULQM8aXhsm6ikAlnb4wFJgeZYXRruQQE41"></script>
<script src="/bundles/campground?v=gVxzJJoAE54bjPvaq6b0I9Gv3Y-qn96G9oCRhd4c5sY1"></script>
<script src="/bundles/tiles?v=_mAqkQUQlwQY0SpkzI99VV2bafn4H58DQCXuhf2Yp941"></script>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
<a href="#mainContent" class="skip-content">Skip to main content</a>
<style type="text/css">
	.cookie-notice-container {
		background-color: black;
		color: white;
		position: fixed;
		bottom: 1em;
		left: 25vw;
		width: 50vw;
		z-index: 999999;
		border-radius: 10px;
		padding: 16px;
		font-size: .9em;
		line-height: 1.125;
	}

	.close-cookie-notice {
		float: right;
		border: 0;
		background-color: transparent;
		padding: 0;
		color: white;
	}

		.close-cookie-notice:hover {
			opacity: 0.5;
		}

	.cookie-notice-link {
		color: #ffb500; /* KOA Gold */
	}

		.cookie-notice-link:hover {
			color: white;
		}

	.cookie-notice-text-row {
		margin-top: 8px;
	}

	@media screen and (max-width: 992px) {
		.cookie-notice-container {
			width: 74vw;
			left: 13vw;
		}
	}

	@media screen and (max-width: 565px) {
		.cookie-notice-container {
			width: 90vw;
			left: 5vw;
		}
	}
</style>
<div id="cookieNotice" class="container-fluid cookie-notice-container">
<div class="row">
<div class="col-6"><b>Notice</b></div>
<div class="col-6 text-right"><button class="close-cookie-notice" onclick="closeCookieNotice()"><i class="fas fa-times"></i></button></div>
</div>
<div class="row cookie-notice-text-row">
<div class="col-12">
We use cookies on koa.com to help improve your experience by remembering your preferences and repeat visits, troubleshoot how the site operates, and learn more about how koa.com is performing. By using this site, you consent to the use of all the cookies. Learn more about cookies in our <a href="/privacy/" class="cookie-notice-link">privacy policy.</a>
</div>
</div>
</div>
<script>
	function closeCookieNotice() {
		$('#cookieNotice').hide();
		Utils.setCookie("CookieNotice", 1, 1826, "/", null, false);
	}
</script>

<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PXLLXD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<div class="wrapper">
<script async src="https://www.googleoptimize.com/optimize.js?id=GTM-M3X6MM5"></script>
<script src="/bundles/googledatalayer?v=9-FStbdusoDSDaA4JH8Gm0HDsqc3BtIa5zj_vlx92dI1"></script>
<header class="clp-wrapper">
<nav class="navbar fixed-top main-nav navbar-dark" role="navigation" aria-label="Secondary">
<div class="main-nav-container">
<a href="/" class="main-nav-logo-link"><img class="nav-logo navbar-brand" src="/content/images/koa-header-logo.png" alt="KOA Logo" /></a>
<button type="button" class="navbar-toggler icon-button btn-clear-white ml-2 mr-auto" aria-label="Menu" data-toggle="collapse" data-target=".clpMainMenu-collapse" id="clpMainMenuButton"><i class="fas fa-bars fa-2x"></i></button>
<div class="collapse clpMainMenu-collapse">
<ul class="navbar-nav mobile-campground-menu">
<li class="nav-item"><a href="/campgrounds/chicago/" class="active">Home</a></li>
<li class="nav-item"><a href="/campgrounds/chicago/hot-deals/" class>Deals</a></li>
<li class="nav-item">
<a href="/campgrounds/chicago/map/" class>Map</a>
</li>
<li class="nav-item"><a href="/campgrounds/chicago/amenities/" class>Amenities</a></li>
<li class="nav-item"><a href="/campgrounds/chicago/recreation/" class>Recreation</a></li>
<li class="nav-item"><a href="/campgrounds/chicago/events/" class>Events</a></li>
<li class="nav-item"><a href="/campgrounds/chicago/albums/" class>Photos</a></li>
<li class="nav-item"><a href="/campgrounds/chicago/local-area/" class>Local</a></li>
<li class="nav-item"><a href="/campgrounds/chicago/blog/" class>Blog</a></li>
<li class="nav-item"><a class href="/campgrounds/chicago/general-information/">Info</a></li>
<li class="nav-item"><a href="/campgrounds/chicago/groups/" class>Groups</a></li>
</ul>
<ul class="navbar-nav" id="mobileKOAMainMenu">
<li>
<a href="//koa.com/" id="mobileKOAMainMenuTrigger">KOA Main Menu</a>
</li>
</ul>
<div id="mobileKOAMainMenuContainer" class>
<ul class="nav navbar-nav">
<li class="dropdown ">
<a href="//koa.com/" class="dropdown-toggle" id="findACampground" data-toggle="dropdown" data-close-others="true">Find A Campground</a>
<div class="main-menu-container dropdown-menu">
<div class="row">
<div class="col-12">
<form id="form-nav-find-a-koa" method="post" action="/search/">
<div class="input-group">
<label for="input-find-nav" class="sr-only">Find a KOA:</label>
<input id="input-find-nav" class="form-control ada-form-outline" type="text" name="q" data-channel="koa.clpmenu.autosearch" placeholder="Destination, city, or KOA campground" />
<div class="input-group-append">
<button type="submit" class="btn btn-red-white">Find</button>
</div>
<div id="qLocationResults"></div>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="list-group">
<a class="list-group-item" href="//koa.com/find-a-koa/">KOA's in the US<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/find-a-koa/">KOA's in Canada<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/states-provinces/" title="Find by State/Province">Find by State/Province<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/trip-planner/">Trip Planner<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="/hot-deals/" title="Hot Deals">Hot Deals<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="http://koa.uberflip.com/i/641109-2016-koa-directory" target="_blank" rel="nofollow" title="Download a KOA Directory">Download a KOA Directory<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/webtransactions/directory/request/">Request a KOA Directory<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown ">
<a href="//koa.com/why-koa/" data-close-others="true">Camping At KOA</a>
</li>
<li class="dropdown ">
<a href="//koa.com/ways-to-stay/campsites-cabins/" class="dropdown-toggle" data-toggle="dropdown" data-close-others="true">Ways To Stay</a>
<div class="main-menu-container dropdown-menu">
<div class="row">
<div class="col-12">
<div class="list-group">
<a class="list-group-item" href="//koa.com/ways-to-stay/campsites-cabins/">Overview<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<div class="nav-item dropdown sub-dropdown p-0">
<span class="list-group-item">RVing<i class="fas fa-caret-right fa-1x koa-red-font dropdown-toggle" aria-hidden="true"></i></span>
<div class="dropdown-menu mb-md-3 pb-0 pl-3">
<a class="list-group-item dropdown-item pl-4 pl-md-3" href="//koa.com/ways-to-stay/rv-sites/">RV Camping Overview<i class="fas fa-caret-right fa-1x koa-red-font dropdown-toggle" aria-hidden="true"></i></a>
<a class="list-group-item dropdown-item pl-4 pl-md-3" href="//koa.com/ways-to-stay/ways-to-rv-camp/">Ways to RV Camp<i class="fas fa-caret-right fa-1x koa-red-font dropdown-toggle" aria-hidden="true"></i></a>
<a class="list-group-item dropdown-item pl-4 pl-md-3" href="//koa.com/ways-to-stay/successful-rv-camping/">Successful RV Camping<i class="fas fa-caret-right fa-1x koa-red-font dropdown-toggle" aria-hidden="true"></i></a>
</div>
</div>
<div class="nav-item dropdown sub-dropdown p-0">
<span class="list-group-item">Tents<i class="fas fa-caret-right fa-1x koa-red-font dropdown-toggle" aria-hidden="true"></i></span>
<div class="dropdown-menu mb-md-3 pb-0 pl-3">
<a class="list-group-item dropdown-item pl-4 pl-md-3" href="//koa.com/ways-to-stay/tent-sites/">Tent Camping Overview<i class="fas fa-caret-right fa-1x koa-red-font dropdown-toggle" aria-hidden="true"></i></a>
<a class="list-group-item dropdown-item pl-4 pl-md-3" href="//koa.com/ways-to-stay/prepare-tent-camping/">Preparing for Tent Camping<i class="fas fa-caret-right fa-1x koa-red-font dropdown-toggle" aria-hidden="true"></i></a>
</div>
</div>
<div class="nav-item dropdown sub-dropdown p-0">
<span class="list-group-item">Cabins<i class="fas fa-caret-right fa-1x koa-red-font dropdown-toggle" aria-hidden="true"></i></span>
<div class="dropdown-menu mb-md-3 pb-0 pl-3">
<a class="list-group-item dropdown-item pl-4 pl-md-3" href="//koa.com/ways-to-stay/cabins/">Cabin Camping Overview<i class="fas fa-caret-right fa-1x koa-red-font dropdown-toggle" aria-hidden="true"></i></a>
<a class="list-group-item dropdown-item pl-4 pl-md-3" href="//koa.com/ways-to-stay/types-of-cabins/">Types of Cabins<i class="fas fa-caret-right fa-1x koa-red-font dropdown-toggle" aria-hidden="true"></i></a>
<a class="list-group-item dropdown-item pl-4 pl-md-3" href="//koa.com/ways-to-stay/successful-cabin-camping/">Successful Cabin Camping<i class="fas fa-caret-right fa-1x koa-red-font dropdown-toggle" aria-hidden="true"></i></a>
</div>
</div>
<a class="list-group-item" href="//koa.com/ways-to-stay/unique-accommodations/">Unique Accommodations<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/ways-to-stay/groups/">Groups<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/ways-to-stay/extended-stays/">Extended Stays<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</li>
<li class>
<a href="//koa.com/rewards/" title="Rewards Program">KOA Rewards</a>
</li>
<li class="dropdown ">
<a href="//koa.com/marketplace/" class="dropdown-toggle" data-toggle="dropdown" data-close-others="true">Deals & Coupons</a>
<div class="main-menu-container dropdown-menu">
<div class="row">
<div class="col-12">
<div class="list-group">
<a class="list-group-item" href="//koa.com/marketplace/">Overview<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/marketplace/progressive/">Progressive RV Insurance<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/marketplace/allstate/">Allstate RV RoadHelp<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/marketplace/essex-credit/">Essex Credit<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/marketplace/rv-trader/">RV Trader<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/marketplace/dish/"><span style="text-transform: none;">DISHForMyRV</span><i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/marketplace/outdoorsy/">Outdoorsy<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/rewards/">KOA Rewards<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="/giftcards/" target="_blank">KOA Gift Cards<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="http://koasupplier.com" target="_blank">Partner With KOA<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown ">
<a href="//koa.com/" class="dropdown-toggle" data-toggle="dropdown" data-close-others="true">Resources</a>
<div class="main-menu-container dropdown-menu">
<div class="row">
<div class="col-12">
<div class="list-group">
<a class="list-group-item" href="//koa.com/camping-recipes/">Camping Recipes<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="https://rvservices.koa.com" target="_blank">RV Services<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="https://rvservices.koa.com/rvinformation/rvmaintenance/" target="_blank">RV Information<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/community-camping-programs/work-camps/">Work Kamper<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/ev/">Camping with EVs<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
<a class="list-group-item" href="//koa.com/foundation/">KOA Foundation<i class="fas fa-caret-right fa-1x" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown">
<a href="//koa.com/" class="dropdown-toggle" data-toggle="dropdown" data-close-others="true">Connect</a>
<div class="main-menu-container dropdown-menu">
<div class="row">
<div class="col-12">
<ul class="list-inline menu-padding">
<li>
<a class="btn-share btn-youtube-share" target="_blank" href="https://www.youtube.com/KOAKampgrounds" title="YouTube" rel="nofollow">YouTube</a>
</li>
<li>
<a class="btn-share btn-facebook-share" target="_blank" href="https://www.facebook.com/KOAKampgrounds" title="Facebook" rel="nofollow">Facebook</a>
</li>
<li>
<a class="btn-share btn-twitter-share" target="_blank" href="https://twitter.com/KOAKampgrounds" title="Twitter" rel="nofollow">Twitter</a>
</li>
<li>
<a class="btn-share btn-pinterest-share" target="_blank" href="https://www.pinterest.com/KOAKampgrounds/" title="Pinterest" rel="nofollow">Pinterest</a>
</li>
<li>
<a class="btn-share btn-instagram-share" target="_blank" href="http://instagram.com/kampgroundsofamerica" title="Instagram" rel="nofollow">Instagram</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="dropdown">
<a href="/blog" title="KOA Blog">Blog</a>
</li>
<li class="dropdown">
<a href="//koa.com/get-the-koa-app/" class="dropdown-toggle" data-toggle="dropdown" data-close-others="true">KOA App</a>
<div class="main-menu-container dropdown-menu">
<div class="row">
<div class="col-12">
<ul class="list-inline menu-padding">
<li style="margin-bottom:3px;"><a tabindex="-1" href="https://itunes.apple.com/us/app/koa/id736924592?ls=1&mt=8" target="_blank" rel="nofollow"><img src="/content/images/App-Store.png" alt="App Store" title="App Store" /></a></li>
<li><a tabindex="-1" href="https://play.google.com/store/apps/details?id=com.koa.mobileapp" target="_blank" rel="nofollow"><img src="/content/images/App-Google-Play.png" alt="Google Play" title="Google Play" /></a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="dropdown">
<a href="//koa.com/newsletter/" title="Newsletter">KOA Newsletter</a>
</li>
<li class="dropdown">
<a href="https://ownakoa.com" target="_blank" title="Own A KOA">Own A Koa</a>
</li>
<li class="dropdown saved-reservations-toggler d-inline d-xl-none navbar-toggler" data-toggle="collapse" data-target=".clpMainMenu-collapse" style="border:none;">
<a href="javascript:void(0);" class="save-res-nav-link" aria-expanded="false" aria-controls="saved-reservations" data-target="#saved-reservations" data-hover="collapse" data-toggle="collapse">
Recent
</a>
</li>
<li class="dropdown visible-xxs nav-item">
<a href="/shopping-cart/checkout/" title="Shopping Cart" class="nav-link">Shopping Cart</a>
</li>
</ul>
</div>
</div>
<div class="collapse navbar-collapse mt-3 mt-sm-0" id="mainNavContent">
<form action="/search/" class="form-inline mr-auto ml-2" method="get"> <div id="findCampgroundContainer">
<div class="input-group">
<input id="txtLocation" name="txtLocation" class="form-control required ui-autocomplete-input no-border" type="search" placeholder="Where do you want to go?" data-channel="koa.home.autosearch" aria-label="Where do you want to go?" aria-describedby="findAKOA" aria-required="true">
<div class="input-group-append">
<button id="findAKOA" class="btn btn-danger text-uppercase btn-red-white" type="submit"><span>Find A KOA</span><span><i class="fas fa-search"></i></span></button>
</div>
</div>
<div id="txtLocationResults"></div>
</div>
</form> <div class="ml-auto">
<ul class="navbar-nav">
<li class="dropdown saved-reservations-toggler d-none d-xl-inline">
<a href="javascript:void(0);" class="save-res-nav-link" aria-expanded="false" aria-controls="saved-reservations" data-target="#saved-reservations" data-hover="collapse" data-toggle="collapse">
<i class="fas fa-history pull-left mr-1"></i>
<i class="fas fa-chevron-down pull-left mr-1"></i>
Recent
</a>
</li>
<li class="d-none d-xl-inline">
<a href="javascript:void(0);" class="shopping-cart-toggler shopping-cart-nav-link nav-link" aria-expanded="false" aria-controls="shopping-cart">
<span class="shopping-cart-icon fa-stack fa has-badge" data-count="0">
<i style class="fal fa-shopping-cart shopping-cart-color"></i>
</span>
</a>
</li>
<li class="nav-item camper-rating-wrapper mr-2">
<a href="/campgrounds/chicago/reviews/">
<div class="camper-rating">
<div>Camper Rating</div>
<div class="ratings-rating-nav">
<div class="ratings-rating-4half"></div>
</div>
</div>
</a>
</li>
<li class="nav-item login-user-info pos-rel">
<a href="//koa.com/login/?ReturnUrl=https://koa.com/campgrounds/chicago/?feed=rss2" id="loginBoxLoginBtn" class="nav-link" title="Login"><span>Login</span><span class="notranslate">Entrer</span></a>
</li>
<li class="nav-item pos-rel">
<button type="button" class="icon-button btn-clear-white" aria-label="Share" id="shareButton"><i id="shareIcon" class="fas fa-share-alt fa-2x"></i></button>
<div class="container" id="shareContainer">
<div class="w-50">
<h6>Connect With Us</h6>
<ul>
<li><a target="_blank" href="https://www.facebook.com/ChicagoKOA" title="Facebook for Chicago Northwest KOA Holiday" style="display:inline-block;" rel="nofollow"><i class="fab fa-facebook"></i> Facebook</a></li>
<li><a target="_blank" href="https://www.twitter.com/ChicagoKOA" title="Twitter for Chicago Northwest KOA Holiday" style="display:inline-block;" rel="nofollow" class="w-100"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" /></svg> Twitter</a></li>
<li><a target="_blank" href="https://www.instagram.com/chicagonorthwestkoa/" title="Instagram for Chicago Northwest KOA Holiday" rel="nofollow"><i class="fab fa-instagram"></i> Instagram</a></li>
</ul>
</div>
<div class="w-50 text-center">
<h6>Share This</h6>
<ul class="social-dropdown">
<li><a href="#" title="Share This Page on Facebook" data-type="facebook" data-url="https://koa.com/campgrounds/chicago/?feed=rss2" data-title="Union, Illinois Campground | Chicago Northwest KOA Holiday" data-description="Chicago Northwest KOA Holiday is located in Union, Illinois and offers great camping sites! Click here to find out more information or to book a reservation." data-media="https://koa.com/content/campgrounds/chicago/backgrounds/13101background53464e5d-c18a-40fa-9268-c9ab758bffab.jpg" class="fb-share"><i class="fab fa-facebook"></i></a></li>
<li><a href="#" title="Share This Page on Twitter" data-type="twitter" data-url="https://koa.com/campgrounds/chicago/?feed=rss2" data-description="Chicago Northwest KOA Holiday is located in Union, Illinois and offers great camping sites! Click here to find out more information or to book a reservation." class="prettySocial"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" /></svg></a></li>
<li><a href="#" title="Share This Page on Pinterest" data-type="pinterest" data-url="https://koa.com/campgrounds/chicago/?feed=rss2" data-description="Chicago Northwest KOA Holiday is located in Union, Illinois and offers great camping sites! Click here to find out more information or to book a reservation." data-media="https://koa.com/content/campgrounds/chicago/backgrounds/13101background53464e5d-c18a-40fa-9268-c9ab758bffab.jpg" class="prettySocial"><i class="fab fa-pinterest-square"></i></a></li>
<li><a class="btn-email" title="Email This Page" href="/share/?enc=UDDMa+q5KO5fjGBsLht3lMiIW0B7zZMSfFDoTL3FrkVWmIhSu1dd6YmTBHoOdlNxcvgSncuSV3r5qB5EEeESZh4Ufc9GACiGj38ugW3vi4KOPs920dYBe77i8olYV4+IJ7vaPzCZEsDIUdXQ5rNDrcSok+sLYikB682mInfYSARE4Yi/7bm29z/KDy3VxdXmeKcM8AYpDZDF3fs6LcAGsMjAiUksajCLF20SP7S49SDbFENe5zXm2/dQNFbqB5yVeLJ/CW+6f+qYtgjkhBT/E8uYsAXbN2DFsrcnodr92Afukg0wJWnsJ7/oN4ErlHW28d2W8yqEH/tiY1x0+lk1nkwUAI8MvMIT99NUMXEww1c="><i class="fas fa-envelope"></i></a></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="mobile-login ml-auto ">
<ul class="navbar-nav">
<li class="nav-item d-none d-sm-inline">
<button type="button" class="icon-button btn-clear-white" aria-label="Find Campground" id="findCampgroundButtonMobile"><i id="findCampgroundIcon" class="far fa-search fa-2x"></i></button>
</li>
<li class="d-md-none d-lg-inline pl-3">
<a href="javascript:void(0);" id="shopping-cart-nav-link-mobile" class="shopping-cart-toggler shopping-cart-nav-link nav-link" aria-expanded="false" aria-controls="shopping-cart">
<span class="shopping-cart-icon fa-stack fa has-badge" data-count="0">
<i style class="fal fa-shopping-cart shopping-cart-color"></i>
</span>
</a>
</li>
<li class="nav-item pr-4">
<a href="//koa.com/login/?ReturnUrl=https://koa.com/campgrounds/chicago/?feed=rss2" id="userLoginBtn" title="Login"><span>Login</span><span class="notranslate">Entrer</span></a>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<button type="button" class="btn btn-mobile-reserve" aria-label="Book Now" id="reserveButtonMobile" data-href="#campgroundHorizontalReserve"><span>Book Now</span><span>Réserve</span></button>
</nav>
<div class="container" id="mobileLoginContainer"></div>
<div class="container" id="mobileFindCampgroundContainer">
<form action="/search/" class="form-inline w-100" method="get"> <div class="col-12 col-no-pad">
<div class="input-group">
<label for="txtLocationMobile" class="sr-only">Find a KOA Campground</label>
<input id="txtLocationMobile" name="txtLocation" class="form-control required ui-autocomplete-input no-border" type="search" placeholder="Where do you want to go?" data-channel="koa.home.autosearch" aria-label="Where do you want to go?" aria-describedby="findAKOA" aria-required="true">
<div class="input-group-append">
<button id="findAKOA" class="btn btn-danger text-uppercase btn-red-white" type="submit" aria-label="Submit Search"><i class="fas fa-search"></i></button>
</div>
</div>
</div>
</form></div>
<div id="txtLocationResultsMobile"></div>
<div class="hero-img"></div>
<picture class="d-none">
<source media="(min-width: 1200px)" srcset="/content/campgrounds/chicago/heroitems/13101heroitems84b6f4e1-d0eb-4c68-ba13-9fb1e1151125.JPG?preset=hero-xl">
<source media="(min-width: 992px)" srcset="/content/campgrounds/chicago/heroitems/13101heroitems84b6f4e1-d0eb-4c68-ba13-9fb1e1151125.JPG?preset=hero-lg">
<source media="(min-width: 768px)" srcset="/content/campgrounds/chicago/heroitems/13101heroitems84b6f4e1-d0eb-4c68-ba13-9fb1e1151125.JPG?preset=hero-md">
<source media="(min-width: 576px)" srcset="/content/campgrounds/chicago/heroitems/13101heroitems84b6f4e1-d0eb-4c68-ba13-9fb1e1151125.JPG?preset=hero-sm">
<img src="/content/campgrounds/chicago/heroitems/13101heroitems84b6f4e1-d0eb-4c68-ba13-9fb1e1151125.JPG?preset=hero-sm" onload="HeroLoad(this)" />
</picture>
<section class="campground-welcome has-message">
<div class="campground-welcome-details">
<div class="clp-brand-segmentation-logo">
<a href="#modal-segmentation" data-toggle="modal"><img src="/content/images/bp/brands-koa-holiday-logo.png" alt="KOA Holidays" title="KOA Holidays" width="118" height="154" class="img-fluid" /></a>
</div>
<h1 class="campground-name mt-2">Chicago Northwest KOA Holiday</h1>
<h2>Midweek Glamping Magic: Experience a serene one-night stay in our cozy KOA camping cabins!</h2>
<div>
<a href="https://koa.com/campgrounds/chicago/reserve/" title="Book Now" class="btn btn-blue-white text-uppercase btn-cta faa-parent animated-hover">Book Now<i class="fas fa-chevron-right faa-passing"></i></a>
</div>
</div>
</section>
<div id="modal-segmentation" class="modal fade" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<div class="clearfix"></div>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-4 text-center">
<img src="/content/images/bp/KOA-Holiday-Logo-With-Tagline.png" width="358" height="451" alt="KOA Holiday" title="KOA Holiday" class="img-fluid clp-brand-segmentation-logo-mobile" />
</div>
<div class="col-md-8 mt-5 mt-md-0">
<h2>KOA Holiday Campgrounds</h2>
<div class="dotted-border-separator koa-red-font mt-3 mb-3"></div>
<p>Whether you’re exploring the local area or hanging out at the campground, KOA Holidays are an ideal place to relax and play. There’s plenty to do, with amenities and services to make your stay memorable. Plus, you’ll enjoy the outdoor experience with upgraded RV Sites with KOA Patio<sup>&reg;</sup> and Deluxe Cabins with full baths for camping in comfort. Bring your family, bring your friends, or bring the whole group – there’s plenty of ways to stay and explore.</p>
<h3 class="font-size-h4">KOA Holidays Feature:</h3>
<ul class="black-bullet-list bullet-list-3">
<li>RV Sites with a KOA Patio<sup>&reg;</sup></li>
<li>Deluxe Cabins with full baths</li>
<li>Premium Tent Sites</li>
<li>Group meeting facilities</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="campgroundContactOverlay">
<ul class="nav justify-content-center">
<li class="nav-item">
<a href="tel:1-800-562-2827"><i class="fas fa-calendar-alt mr-1"></i>Reserve: 1-800-562-2827</a>
</li>
<li class="nav-item">
<a href="/cdn-cgi/l/email-protection#8be8eae6fbcbe8e3e2e8eaece4e0e4eaa5e8e4e6" class="gtm-mailto-click" title="Email us at camp@chicagokoa.com"><i class="fas fa-envelope mr-1"></i>Email this Campground</a>
</li>
<li class="nav-item">
<a id="getDirections" href="#campgroundFooter" data-href="#campgroundFooter" title="Get Directions"><i class="fas fa-map-marker-alt mr-1"></i>Get Directions</a>
</li>
<li class="nav-item">
<a id="favoriteCampground" href="/login/?ReturnUrl=/campgrounds/chicago/toggle-favorite-campground/" title="Make this a favorite campground"><i class="far fa-heart mr-1" id="favoriteCampgroundStatusIcon"></i>Add to Favorites</a>
</li>
</ul>
</div>
</header>
<div id="mainContent" role="main" tabindex="-1">
<link href="/content/themes/base/jqueryuicss-datepicker?v=h1NPqvw0Z8xY0VLMIa2cqtS6_GYu-Y-HkcJOs4Txm4M1" rel="stylesheet" />
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/bundles/localization?v=6SKEBtFwN99ydmsaQsNmlLO96K73KXoRMprvhudc20Q1"></script>
<script src="/bundles/jqueryvalresformh?v=5moGHQI4_J-vLSOUqDZWNDhB_ZsT1TOzMibTq-B47s41"></script>
<script lang="javascript" type="text/javascript">
	var ALL_EQUIPMENT = [
		{ "code": "T", "equipment": [{"code":  'A', name: 'Automobile'},{"code":  'V', name: 'Van'},{"code":  'BM', name: 'Bike/motorcycle'},{"code":  'NT', name: 'Tent trailer'},{"code":  'TT', name: 'Travel trailer'},{"code":  'PC', name: 'Pickup camper'},{"code":  'T', name: 'Tent'},{"code":  'RT', name: 'Roof Top Tent'}] }, 
		{ "code": "R", "equipment": [{"code":  'MT', name: 'Motorhome towing'},{"code":  'MH', name: 'Motorhome'},{"code":  'F', name: 'Fifth Wheel'},{"code":  'NT', name: 'Tent trailer'},{"code":  'TT', name: 'Travel trailer'},{"code":  'PC', name: 'Pickup camper'},{"code":  'V', name: 'Van'},{"code":  'A', name: 'Automobile'},{"code":  'BM', name: 'Bike/motorcycle'},{"code":  'T', name: 'Tent'},{"code":  'O', name: 'Other'},{"code":  'TH', name: 'Toy hauler'},{"code":  'RT', name: 'Roof Top Tent'}] }, 
		{ "code": "A", "equipment": [{"code":  'A', name: 'Automobile'},{"code":  'V', name: 'Van'},{"code":  'BM', name: 'Bike/motorcycle'}] }, 
	];

	var EQUIPMENT_KAMPSIGHTADDS = "".split(',');
	var EQUIPMENT_REQUIRESLENGTH = "V,NT,TT,PC,F,MH,MT,TH,RT".split(',');
	var currentEquipmentType = "";
	var currentEquipmentSelection = "";
	var totalClicks = 0;

	//keeping track for display updates.
	var showingLength;
	var showingSlideouts;

		var campgroundClosures = ["10/15/2024","10/16/2024","10/17/2024","10/18/2024","10/19/2024","10/20/2024","10/21/2024","10/22/2024","10/23/2024","10/24/2024","10/25/2024","10/26/2024","10/27/2024","10/28/2024","10/29/2024","10/30/2024","10/31/2024","11/1/2024","11/2/2024","11/3/2024","11/4/2024","11/5/2024","11/6/2024","11/7/2024","11/8/2024","11/9/2024","11/10/2024","11/11/2024","11/12/2024","11/13/2024","11/14/2024","11/15/2024","11/16/2024","11/17/2024","11/18/2024","11/19/2024","11/20/2024","11/21/2024","11/22/2024","11/23/2024","11/24/2024","11/25/2024","11/26/2024","11/27/2024","11/28/2024","11/29/2024","11/30/2024","12/1/2024","12/2/2024","12/3/2024","12/4/2024","12/5/2024","12/6/2024","12/7/2024","12/8/2024","12/9/2024","12/10/2024","12/11/2024","12/12/2024","12/13/2024","12/14/2024","12/15/2024","12/16/2024","12/17/2024","12/18/2024","12/19/2024","12/20/2024","12/21/2024","12/22/2024","12/23/2024","12/24/2024","12/25/2024","12/26/2024","12/27/2024","12/28/2024","12/29/2024","12/30/2024","12/31/2024","1/1/2025","1/2/2025","1/3/2025","1/4/2025","1/5/2025","1/6/2025","1/7/2025","1/8/2025","1/9/2025","1/10/2025","1/11/2025","1/12/2025","1/13/2025","1/14/2025","1/15/2025","1/16/2025","1/17/2025","1/18/2025","1/19/2025","1/20/2025","1/21/2025","1/22/2025","1/23/2025","1/24/2025","1/25/2025","1/26/2025","1/27/2025","1/28/2025","1/29/2025","1/30/2025","1/31/2025","2/1/2025","2/2/2025","2/3/2025","2/4/2025","2/5/2025","2/6/2025","2/7/2025","2/8/2025","2/9/2025","2/10/2025","2/11/2025","2/12/2025","2/13/2025","2/14/2025","2/15/2025","2/16/2025","2/17/2025","2/18/2025","2/19/2025","2/20/2025","2/21/2025","2/22/2025","2/23/2025","2/24/2025","2/25/2025","2/26/2025","2/27/2025","2/28/2025","3/1/2025","3/2/2025","3/3/2025","3/4/2025","3/5/2025","3/6/2025","3/7/2025","3/8/2025","3/9/2025","3/10/2025","3/11/2025","3/12/2025","3/13/2025","3/14/2025","3/15/2025","3/16/2025","3/17/2025","3/18/2025","3/19/2025","3/20/2025","3/21/2025","3/22/2025","3/23/2025","3/24/2025","3/25/2025","3/26/2025","3/27/2025","3/28/2025","3/29/2025","3/30/2025","3/31/2025","4/1/2025","4/2/2025","4/3/2025","4/4/2025","4/5/2025","4/6/2025","4/7/2025","4/8/2025","4/9/2025","4/10/2025",];

	$(document).ready(function (e) {
			
				if ($("#Reservation_CheckInDate").val() == "1/1/0001" || $("#Reservation_CheckInDate").val() == "0001-01-01" || $("#Reservation_CheckInDate").val() == "01/01/0001") {
					$("#Reservation_CheckInDate").val('');
				}
			

			
				if ($("#Reservation_CheckOutDate").val() == "1/1/0001" || $("#Reservation_CheckOutDate").val() == "0001-01-01" || $("#Reservation_CheckOutDate").val() == "01/01/0001") {
					$("#Reservation_CheckOutDate").val('');
				}
			

		enquire.register("screen and (min-width:1024px)", {
			match: function () {
				$("#Reservation_CheckInDate").datepicker("destroy");
				$("#Reservation_CheckOutDate").datepicker("destroy");

				var dates = $("#Reservation_CheckInDate, #Reservation_CheckOutDate").datepicker({
					changeMonth: true,
					changeYear: true,
					numberOfMonths: 3,
					disableTouchKeyboard: true,
					ignoreReadonly: true,
					minDate: 0,
					maxDate: "+376D",
					defaultDate: null,
					beforeShowDay: function (checkDate) {
						var checkDateString = (checkDate.getMonth() + 1) + "/" + checkDate.getDate() + "/" + checkDate.getFullYear();

						var selectedCheckInString = $("#Reservation_CheckInDate").val();
						var selectedCheckOutString = $("#Reservation_CheckOutDate").val();

						var selectedCheckIn = $("#Reservation_CheckInDate").datepicker('getDate');
						var selectedCheckOut = $("#Reservation_CheckOutDate").datepicker('getDate');


						if (checkDateString == selectedCheckInString) {
							return [true, "date-highlight-end-point", ""]
						}
						if (checkDateString == selectedCheckOutString) {
							return [true, "date-highlight-end-point", ""]
						}

						if (checkDate > selectedCheckIn && checkDate < selectedCheckOut) {
							return [true, "date-highlight-mid", ""]
						}



						

								if ($.inArray(checkDateString, campgroundClosures) == -1)
								{
									return [true, ""];
								}
								else
								{
									return [false, "", "Unavailable"];
								}
						

						//default to normal/selectable.
						return [true, "", ""];
					},
					onSelect: function (selectedDate) {
						var option = this.id == "Reservation_CheckInDate" ? "minDate" : "maxDate",
							instance = $(this).data("datepicker"),
							date = $.datepicker.parseDate(
								instance.settings.dateFormat ||
								$.datepicker._defaults.dateFormat,
								selectedDate, instance.settings);
						if (this.id == "Reservation_CheckInDate") {
							dates.not(this).datepicker("option", option, date);
							ValidateCheckIn();
						}
						else {
							ValidateCheckOut();
						}
						UpdateErrorMessages();
					},
					beforeShow: function () {
						var minDate = $("#Reservation_CheckInDate").val();
						if (minDate != "") {
							$("#Reservation_CheckOutDate").datepicker("option", "minDate", new Date(minDate));
						}
					}
				});

					
						var options = $.extend(
							$.datepicker.regional[""],
							{ dateFormat: "m/d/yy" }
						);
						$.datepicker.setDefaults(options);
					
			},
			unmatch: function () {

			}
		});

		enquire.register("screen and (max-width:1023px)", {
			match: function () {
				$("#Reservation_CheckInDate").datepicker("destroy");
				$("#Reservation_CheckOutDate").datepicker("destroy");

				var dates = $("#Reservation_CheckInDate, #Reservation_CheckOutDate").datepicker({
					changeMonth: true,
					changeYear: true,
					disableTouchKeyboard: true,
					ignoreReadonly: true,
					numberOfMonths: 1,
					minDate: 0,
					maxDate: "+376D",
					defaultDate: null,
					beforeShowDay: function (checkDate) {
						var checkDateString = (checkDate.getMonth() + 1) + "/" + checkDate.getDate() + "/" + checkDate.getFullYear();

						var selectedCheckInString = $("#Reservation_CheckInDate").val();
						var selectedCheckOutString = $("#Reservation_CheckOutDate").val();

						var selectedCheckIn = $("#Reservation_CheckInDate").datepicker('getDate');
						var selectedCheckOut = $("#Reservation_CheckOutDate").datepicker('getDate');


						if (checkDateString == selectedCheckInString) {
							return [true, "date-highlight-end-point", ""]
						}
						if (checkDateString == selectedCheckOutString) {
							return [true, "date-highlight-end-point", ""]
						}

						if (checkDate > selectedCheckIn && checkDate < selectedCheckOut) {
							return [true, "date-highlight-mid", ""]
						}

							
								if ($.inArray(checkDateString, campgroundClosures) == -1)
								{
									return [true, ""];
								}
								else
								{
									return [false, "", "Unavailable"];
								}
							

						//default to normal/selectable.
						return [true, "", ""];
					},
					onSelect: function (selectedDate) {
						var option = this.id == "Reservation_CheckInDate" ? "minDate" : "maxDate",
							instance = $(this).data("datepicker"),
							date = $.datepicker.parseDate(
								instance.settings.dateFormat ||
								$.datepicker._defaults.dateFormat,
								selectedDate, instance.settings);
						if (this.id == "Reservation_CheckInDate") {
							dates.not(this).datepicker("option", option, date);
							ValidateCheckIn();
						}
						else {
							ValidateCheckOut();
						}
						UpdateErrorMessages();
					},
					beforeShow: function () {
						var minDate = $("#Reservation_CheckInDate").val();
						if (minDate != "") {
							$("#Reservation_CheckOutDate").datepicker("option", "minDate", new Date(minDate));
						}
					}
				});

					
						var options = $.extend(
							$.datepicker.regional[""],
							{ dateFormat: "m/d/yy" }
						);
						$.datepicker.setDefaults(options);
					

				$("#Reservation_CheckInDate").attr("readonly", "true");
				$("#Reservation_CheckOutDate").attr("readonly", "true");
			},
			unmatch: function () {
				$("#Reservation_CheckInDate").removeAttr("readonly");
				$("#Reservation_CheckOutDate").removeAttr("readonly");
			}
		});

		$('.ui-datepicker').addClass('notranslate');

		$('#Reservation_SiteCategory').change(function () {
			UpdateEquipmentTypeForm($(this).val());
			UpdateEquipment();
			UpdateSiteCategoryIcon();

			ValidateOnCategoryChange();
			UpdateErrorMessages();
		});

		$('#Reservation_EquipmentType').change(function () {
			ValidateEquipmentType();
			UpdateErrorMessages();

			currentEquipmentSelection = $(this).val();
			UpdateTowLength($(this).val());
			UpdateEquipment();
		});

		$('#Reservation_EquipmentLength').change(function () {
			ValidateEquipmentLength();
			UpdateErrorMessages();
		});

		$('#Reservation_Adults').change(function () {
			if ($(this).val() !== 0) {
				ValidateGuestsAdults();
				UpdateErrorMessages();
			}
		});

		UpdateEquipmentTypeForm($('#Reservation_SiteCategory').val());
	});

	function UpdateTowLength(equipmentType) {
		var siteCategory = $('#Reservation_SiteCategory').val();

		if (siteCategory == "R") {
			$("#reserve-smallform-equipmentlength").show();
			showingLength = true;
		}
		else {
			if (equipmentType == "") {
				$("#reserve-smallform-equipmentlength").hide();
				showingLength = false;
			}
			else {
				if (jQuery.inArray(equipmentType, EQUIPMENT_REQUIRESLENGTH) >= 0) {
					$("#reserve-smallform-equipmentlength").show();
					showingLength = true;
				}
				else {
					$("#reserve-smallform-equipmentlength").hide();
					showingLength = false;
				}
			}
		}
	}

	function UpdateSiteCategoryIcon() {
		var control = $('#Reservation_SiteCategory');
		var icon = $('#SiteCategoryIcon');

		if (control.val() == "A") {
			icon.css("top", "");
			icon.html("<span class='icon'><i class='fas fa-home-alt fa-lg' alt='Cabins' title='Cabins'></i></span>");
		}
		else if (control.val() == "R") {
			icon.css("top", "");
			icon.html("<span class='icon'><i class='fas fa-rv fa-lg' alt='RV Site' title='RV Site'></i></span>");
		}
		else if (control.val() == "O") {
			icon.html("<span class='iconOther'><img src='/content/images/koa-site-type-logo-gray-scale-2.png' alt='Unique' title='Unique' height='22'></span>");
			icon.css("top", 30);
		}
		else if (control.val() == "T") {
			icon.css("top", "");
			icon.html("<span class='icon'><i class='fas fa-campground fa-lg' alt='Tent Site' title='Tent Site'></i></span>");
		}
		else {
			icon.html("<span class='iconOther'><img src='/content/images/koa-site-type-logo-gray-scale-2.png' alt='Other KOA Site' title='Other KOA Site' height='22'></span>");
			icon.css("top", 30);
		}
	}

	function EquipmentIsInList(equipmentCode, equipmentList) {
		for (var i = 0; i < equipmentList.length; i++) {
			if (equipmentList[i].code == equipmentCode) {
				return true;
			}
		}

		return false;
	}

	function UpdateEquipmentTypeForm(siteCategory) {
		$.each(ALL_EQUIPMENT, function (key, value) {
			if (value.code == siteCategory) {
				var list = "<option value=''> - Select Equipment - </option>";

				$.each(value.equipment, function (equipmentKey, equipmentValue) {
					list += "<option value='" + equipmentValue.code + "'>" + equipmentValue.name + "</option>";
				});

				$('#Reservation_EquipmentType').html(list).show();

				//default to -select- if none selected
				if (currentEquipmentSelection != "" && EquipmentIsInList(currentEquipmentSelection, value.equipment)) {
					$('#Reservation_EquipmentType').val(currentEquipmentSelection);
				}
				else {
					$('#Reservation_EquipmentType').val("");
				}
			}
		});

		if (siteCategory == 'R') {
			$('#Reservation_EquipmentType').attr('disabled', false);
			$('#Reservation_EquipmentType').fadeTo('slow', 1, function () {
				// Animation complete.
			});
			$('#reserve-smallform-equipmentslideouts').show();
			$('#reserve-smallform-equipmentlength').show();
			$('#slideouts').show();

			if (currentEquipmentType != "RV") {
				currentEquipmentType = "RV";
			}
			showingLength = true;
			showingSlideouts = true;
			$('#typeLengthSlideoutsBtn').html('Type/Length/Slideouts');

		}
		else if (siteCategory != "") {
			$('#Reservation_EquipmentType').attr('disabled', false);
			$('#Reservation_EquipmentType').fadeTo('slow', 1, function () {
				// Animation complete.
			});

			$('#reserve-smallform-equipmentslideouts').hide();
			$('#reserve-smallform-equipmentlength').hide();
			$('#slideouts').hide();

			showingLength = false;
			showingSlideouts = false;

			if (currentEquipmentType != "Normal") {
				currentEquipmentType = "Normal";
			}

			$('#typeLengthSlideoutsBtn').html('Type');

			$('#typeLengthSlideoutsBtn, #Reservation_EquipmentLength, #Reservation_SlideOuts').removeClass('is-invalid');
		}
		else {
			$('#Reservation_EquipmentType').attr("disabled", true);
			$('#Reservation_EquipmentType').fadeTo('slow', 0.25, function () {
				// Animation complete.
			});
			$('#reserve-equipment-slideouts').hide();
			$('#reserve-equipment-length').hide();
			$('#slideouts').hide();
			$('#typeLengthSlideoutsBtn').html('Type');

			showingLength = false;
			showingSlideouts = false;
		}

		UpdateTowLength($('#Reservation_EquipmentType').val());
		UpdateEquipment();
	}
</script>
<form action="/campgrounds/chicago/reserve/" method="post" class="reserve-form" id="reserveForm" novalidate="novalidate">
<div id="campgroundHorizontalReserveValidationSummary" class="justify-content-center">
<div id="validation-summary-errors" class="validation-summary-errors" style="display:none;">
<div class="float-left" style="padding:10px; width:60px;">
<i class="far fa-exclamation-triangle" style="font-size:40px; color:#c00;"></i>
</div>
<div class="float-left" role="alert" aria-live="assertive">
<h2 class="validation-errors-title">Please fix the following errors to proceed</h2>
<ul id="error-list">
<li>There was an error gathering form errors.</li>
</ul>
</div>
</div>
</div>
<div id="campgroundHorizontalReserve">
<ul class="nav justify-content-center">
<li class="nav-item">
<div class="form-group" id="reserve-sitecategory">
<label for="Reservation_SiteCategory">Ways To Stay*<span class="sr-only">(required)</span></label>
<select class="form-control wtsDropdown ada-form-outline-resbar" id="Reservation_SiteCategory" name="Reservation.SiteCategory" required="required"><option value="R">RV</option>
<option value="A">Lodging</option>
<option value="T">Tent Site</option>
</select>
<span class="site-category-icon" id="SiteCategoryIcon"><i class="fas fa-rv fa-lg "></i></span>
</div>
</li>
<li class="nav-item res-date">
<div class="form-group has-feedback">
<label for="Reservation_CheckInDate">Check in</label>*<span class="sr-only">(required)</span> <span class="far fa-exclamation-triangle validation-icon" id="checkInIcon"></span>
<input Value="1/1/0001" autocomplete="off" class="form-control date-picker ada-form-outline-resbar" data-target="#Reservation_CheckInDate" id="Reservation_CheckInDate" name="Reservation.CheckInDate" type="text" value="1/1/0001 12:00:00 AM" />
<i class="fal fa-calendar-alt fa-lg " style="pointer-events: none;"></i>
</div>
</li>
<li class="nav-item res-date">
<div class="form-group has-feedback">
<label for="Reservation_CheckOutDate">Check out</label>*<span class="sr-only">(required)</span> <span class="far fa-exclamation-triangle validation-icon" id="checkOutIcon"></span>
<input Value="1/1/0001" autocomplete="off" class="form-control date-picker ada-form-outline-resbar" data-target="#Reservation_CheckOutDate" id="Reservation_CheckOutDate" name="Reservation.CheckOutDate" type="text" value="1/1/0001 12:00:00 AM" />
<i class="fal fa-calendar-alt fa-lg " style="pointer-events: none;"></i>
</div>
</li>
<li class="nav-item ">
<div class="form-group has-feedback">
<label for="guestDropdown">Guests</label> <span class="far fa-exclamation-triangle validation-icon" id="guestsIcon"></span>
<div class="dropdown" id="guestDropdown">
<a href="#" class="btn-persistant dropdown-toggle form-control persistant-dropdown ada-form-outline-resbar" id="adultsKidsPetsBtn" data-toggle="dropdown" role="button" aria-expanded="false">Select Guests...</a>
<div class="dropdown-menu  persistantDropdown dropdown-menu-right" style="padding: 1em;">
<div class="form-group">
<label for="Reservation_Adults">Adults 21+*<span class="sr-only">(required)</span></label>
<div class="input-group" id="Reservation_Adults_Group">
<span class="input-group-btn">
<button type="button" class="btn btn-outline-primary koa-red-font btn-number spinner-button" data-type="minus" data-field="Reservation.Adults" aria-label="Decrement Adults">
<span class="fas fa-minus-circle"></span>
</button>
</span>
<input type="text" name="Reservation.Adults" id="Reservation_Adults" value="0" class="form-control ada-form-outline input-number spinner-input" onchange="UpdateGuests();" required min="0" max="8">
<span class="input-group-btn">
<button type="button" class="btn btn-outline-primary btn-number spinner-button" data-type="plus" data-field="Reservation.Adults" aria-label="Increment Adults">
<span class="fas fa-plus-circle"></span>
</button>
</span>
</div>
</div>
<div class="form-group">
<label for="Reservation_Kids">Kids 2-20</label>
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="btn btn-outline-primary btn-number spinner-button" data-type="minus" data-field="Reservation.Kids" aria-label="Decrement Kids">
<span class="fas fa-minus-circle"></span>
</button>
</span>
<input type="text" name="Reservation.Kids" id="Reservation_Kids" value="0" class="form-control ada-form-outline input-number spinner-input" onchange="UpdateGuests();" required min="0" max="8">
<span class="input-group-btn">
<button type="button" class="btn btn-outline-primary btn-number spinner-button" data-type="plus" data-field="Reservation.Kids" aria-label="Increment Kids">
<span class="fas fa-plus-circle"></span>
</button>
</span>
</div>
</div>
<div class="form-group">
<label for="Reservation_Free">Free 0-1</label>
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="btn btn-outline-primary btn-number spinner-button" data-type="minus" data-field="Reservation.Free" aria-label="Decrement Free Kids">
<span class="fas fa-minus-circle"></span>
</button>
</span>
<input type="text" name="Reservation.Free" id="Reservation_Free" value="0" class="form-control ada-form-outline input-number spinner-input" onchange="UpdateGuests();" required min="0" max="8">
<span class="input-group-btn">
<button type="button" class="btn btn-outline-primary btn-number spinner-button" data-type="plus" data-field="Reservation.Free" aria-label="Increment Free Kids">
<span class="fas fa-plus-circle"></span>
</button>
</span>
</div>
</div>
<div role="group" aria-labelledby="petsGroup" class="form-group">
<fieldset id="petsFieldset">
<legend class="fullspan campground-form-legend" id="petsGroup">Pets*<span class="sr-only">(required)</span></legend>
<div class="clearfix"></div>
<div class="btn-group btn-group-toggle toggle-buttons" id="Reservation_Pets_Group" data-toggle="buttons">
<label class="btn btn-outline">
<input autocomplete="off" id="Reservation_Pets" name="Reservation.Pets" onchange="PetsClick(true)" type="radio" value="Yes" />
Pets
</label>
<label class="btn btn-outline">
<input autocomplete="off" id="Reservation_Pets" name="Reservation.Pets" onchange="PetsClick(true)" type="radio" value="No" />
No Pets
</label>
</div>
<div class="clearfix"></div>
</fieldset>
<div style="padding-top:0px;">
<a data-fancybox data-type="iframe" data-auto-focus="false" data-toolbar="false" data-small-btn="false" href="/pet-policy/?popup=true" id="reserve-pet-policy">Pet Policy</a>
</div>
</div>
<div class="dropdown-action-wrapper">
<button type="button" class="btn btn-blue-white" onclick=" GuestsDoneClick();" style="height:36px;">
Done
</button>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item " data-keepOpenOnClick>
<div class="form-group has-feedback">
<label for="equipmentDropdown">Equipment</label> <span class="far fa-exclamation-triangle validation-icon" id="equipmentIcon"></span>
<div class="dropdown" id="equipmentDropdown">
<a href="#" class="btn-persistant dropdown-toggle form-control persistant-dropdown ada-form-outline-resbar" id="typeLengthSlideoutsBtn" data-toggle="dropdown" role="button" aria-expanded="false">Select Equipment...</a>
<div class="dropdown-menu persistantDropdown dropdown-menu-right" style="padding: 1em; min-width: 280px;">
<div class="form-group">
<div class="reserve-smallform-equipmentselect">
<label for="Reservation_Equipment">Equipment Type*<span class="sr-only">(required)</span></label>
<select class="form-control ada-form-outline" id="Reservation_EquipmentType" name="Reservation.EquipmentType" onchange="UpdateEquipment();"><option value>- Select Equipment -</option>
<option value="A">Automobile</option>
<option value="V">Van</option>
<option value="BM">Bike/motorcycle</option>
<option value="NT">Tent trailer</option>
<option value="TT">Travel trailer</option>
<option value="PC">Pickup camper</option>
<option value="T">Tent</option>
<option value="O">Other</option>
<option value="F">Fifth Wheel</option>
<option value="MH">Motorhome</option>
<option value="MT">Motorhome towing</option>
<option value="TH">Toy hauler</option>
<option value="RT">Roof Top Tent</option>
</select>
</div>
</div>
<div class="form-group">
<div id="reserve-smallform-equipmentlength">
<label for="Reservation_EquipmentLength">Length (1-99 ft)*<span class="sr-only">(required)</span></label>
<div class="input-group">
<input class="form-control ada-form-outline" id="Reservation_EquipmentLength" name="Reservation.EquipmentLength" onClick="this.select();" onchange="UpdateEquipment()" type="number" value="0" />
<div class="input-group-append">
<span class="input-group-text">Feet</span>
</div>
</div>
</div>
</div>
<div id="slideouts" class="form-group" role="group" aria-labelledby="slideoutsGroup">
<fieldset id="slideOutsFieldset">
<legend class="fullspan campground-form-legend" id="slideOutsGroup">With Slideouts?*<span class="sr-only">(required)</span></legend>
<div class="clearfix"></div>
<div class="btn-group btn-group-toggle toggle-buttons" role="group" id="Reservation_SlideOuts_Group" data-toggle="buttons">
<label class="btn btn-outline">
<input autocomplete="off" id="Reservation_SlideOuts" name="Reservation.SlideOuts" onchange="SlideoutsClick(true)" type="radio" value="Yes" />
Slideouts
</label>
<label class="btn btn-outline">
<input autocomplete="off" id="Reservation_SlideOuts" name="Reservation.SlideOuts" onchange="SlideoutsClick(true)" type="radio" value="No" />
No Slideouts
</label>
</div>
</fieldset>
</div>
<div class="dropdown-action-wrapper">
<button type="button" class="btn btn-blue-white" onclick="EquipmentDoneClick();" style="height:36px;">
Done
</button>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item nav-item-reserve-button">
<button class="btn btn-blue-white text-uppercase btn-reserve faa-parent animated-hover btn-choose-sweep-right" type="submit">
<i class="fal fa-search-dollar faa-pulse mr-1"></i>
Get Rates and Availability
</button>
<input name="__RequestVerificationToken" type="hidden" value="fnfy_ZGljJVIjTeilTspNgxwyfbMT64kSfeRtkj9mn6UlRvqMDKy9iXPcyoU4BJ9CdsiPkn77YALQ1lRTvwZY3n8SwA1" />
</li>
</ul>
</div>
</form>
<script>
	//error messages
	var errorMessages = {
		checkInDate: "",
		checkOutDate: "",
		adultCount: "",
		kidsCount: "",
		freeCount: "",
		pets: "",
		equipmentType: "",
		length: "",
		slideouts: ""
	};

	// Set up localized strings to use in JavaScript
	var ReservationsText = ReservationsText || {};
	ReservationsText.AdultsStr = 'Adults';
	ReservationsText.KidsStr = 'Kids';
	ReservationsText.PetsStr = 'Pets';
	ReservationsText.NoPetsStr = 'No Pets';
	ReservationsText.AutomobileStr = 'Automobile';
	ReservationsText.Length1Str = 'Length';
	ReservationsText.SlideoutsStr = 'Slideouts';
	ReservationsText.NoSlideoutsStr = 'No Slideouts';
	ReservationsText.TypeStr = 'Type';

	var ReservationErrors = ReservationErrors || {};
	ReservationErrors.PetsNotSelectedStr = 'Please select if you are traveling with pets.';
	ReservationErrors.AdultsCountStr = 'The number of adults in your party should be between 1 and 8.';
	ReservationErrors.KidsCountStr = 'The number of children in your party should be between 0 and 8.';
	ReservationErrors.FreeKidsCountStr = 'The number of free children in your party should be between 0 and 8.';
	ReservationErrors.EquipmentLengthStr = 'Please enter a valid equipment length.';
	ReservationErrors.EquipmentTypeMissingStr = 'Please select type of equipment.';
	ReservationErrors.SlideOutsNotSelectedStr = 'Please select if you have slideouts.';
	ReservationErrors.CheckInDateMissingStr = 'Please enter a check in date.';
	ReservationErrors.CheckOutDateMissingStr = 'Please enter a check out date.';

	$(document).ready(function () {
		// Fetch all the forms we want to apply custom Bootstrap validation styles to
		var $form = $('#reserveForm');
		var validation = Array.prototype.filter.call($form, function (form) {
			form.addEventListener('submit', function (event) {
				var errorCount = ValidateForm();

				if(errorCount == 0){
					$('button[type=submit]').find('i').removeClass('fa-search-dollar faa-pulse').addClass('fa-spinner fa-spin');
					$('button[type=submit]').attr('disabled', 'disabled');
				}
				form.classList.add('was-validated');

			}, false);
		});
	});

	UpdateEquipment();
	UpdateGuests();
	UpdateSiteCategoryIcon();

	//needed to trigger default value for radio button.
	$(function () {
		//slideouts
		$("input[name='Reservation.SlideOuts']:checked").trigger('click');

		//pets
		$("input[name='Reservation.Pets']:checked").trigger('click');
	})

	//run through all spinner -/+ guest fields and set "+/-" to disabled if needed (because of set values on page reload)
	$('.spinner-input').each(function () {
		minValue = parseInt($(this).attr('min'));
		maxValue = parseInt($(this).attr('max'));
		valueCurrent = parseInt($(this).val());

		name = $(this).attr('name');
		if (valueCurrent <= minValue) {
			$(".btn-number[data-type='minus'][data-field='" + name + "']").attr('disabled', 'disabled');
		}
		else {
			$(".btn-number[data-type='minus'][data-field='" + name + "']").removeAttr('disabled');
		}

		if (valueCurrent >= maxValue) {
			$(".btn-number[data-type='plus'][data-field='" + name + "']").attr('disabled', 'disabled');
		} else {
			$(".btn-number[data-type='plus'][data-field='" + name + "']").removeAttr('disabled');
		}
	});

	//custom input spinner code
	$('.btn-number').click(function (e) {
		e.preventDefault();

		fieldName = $(this).attr('data-field');
		type = $(this).attr('data-type');
		var input = $("input[name='" + fieldName + "']");
		var currentVal = parseInt(input.val());
		if (!isNaN(currentVal)) {
			if (type == 'minus') {

				if (currentVal > input.attr('min')) {
					input.val(currentVal - 1).change();
				}
				if (parseInt(input.val()) == input.attr('min')) {
					$(this).attr('disabled', true);
				}

			} else if (type == 'plus') {

				if (currentVal < input.attr('max')) {
					input.val(currentVal + 1).change();
				}
				if (parseInt(input.val()) == input.attr('max')) {
					$(this).attr('disabled', true);
				}
			}
		} else {
			input.val(0);
		}
	});
	$('.input-number').focusin(function () {
		$(this).data('oldValue', $(this).val());
	});
	$('.input-number').change(function () {

		minValue = parseInt($(this).attr('min'));
		maxValue = parseInt($(this).attr('max'));
		valueCurrent = parseInt($(this).val());

		name = $(this).attr('name');
		if (valueCurrent >= minValue) {
			$(".btn-number[data-type='minus'][data-field='" + name + "']").removeAttr('disabled')
		} else {
			$(this).val(minValue);
			$(".btn-number[data-type='minus'][data-field='" + name + "']").attr('disabled', 'disabled')
			UpdateGuests();
		}
		if (valueCurrent <= maxValue) {
			$(".btn-number[data-type='plus'][data-field='" + name + "']").removeAttr('disabled')
		} else {
			$(this).val(maxValue);
			$(".btn-number[data-type='plus'][data-field='" + name + "']").attr('disabled', 'disabled')
			UpdateGuests();
		}
	});
	$(".input-number").keydown(function (e) {
		// Allow: backspace, delete, tab, escape, enter and .
		if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
			// Allow: Ctrl+A
			(e.keyCode == 65 && e.ctrlKey === true) ||
			// Allow: home, end, left, right
			(e.keyCode >= 35 && e.keyCode <= 39)) {
			// let it happen, don't do anything
			return;
		}
		// Ensure that it is a number and stop the keypress
		if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
			e.preventDefault();
		}
	});


	$('.persistantDropdown').on({
		"click": function (event) {
			var events = $._data(document, 'events') || {};
			events = events.click || [];
			for (var i = 0; i < events.length; i++) {
				if (events[i].selector) {
					//Check if the clicked element matches the event selector
					if ($(event.target).is(events[i].selector)) {
						// Pet Policy modal
						if ('[data-fancybox]' === events[i].selector) {
							return true;
						}
						events[i].handler.call(event.target, event);
					}

					// Check if any of the clicked element parents matches the
					// delegated event selector (Emulating propagation)
					$(event.target).parents(events[i].selector).each(function () {
						events[i].handler.call(this, event);
					});
				}
			}
			event.stopPropagation(); //Always stop propagation
		}
	});

	function UpdateErrorMessages() {
		var errorSummary = $("#validation-summary-errors");


		var showErrors = false;
		var errorList = $("#error-list");
		errorList.empty();
		if (errorMessages.checkInDate.length > 0) {
			showErrors = true;
			errorList.append("<li><a href='#Reservation_CheckInDate'>" + errorMessages.checkInDate + "</a></li>");
		}
		if (errorMessages.checkOutDate.length > 0) {
			showErrors = true;
			errorList.append("<li><a href='#Reservation_CheckOutDate'>" + errorMessages.checkOutDate + "</a></li>");
		}
		if (errorMessages.adultCount.length > 0) {
			showErrors = true;
			errorList.append("<li><a class='error-link-guests' href='#Reservation_Adults'>" + errorMessages.adultCount + "</a></li>");
		}
		if (errorMessages.kidsCount.length > 0) {
			showErrors = true;
			errorList.append("<li><a class='error-link-guests' href='#Reservation_Kids'>" + errorMessages.kidsCount + "</a></li>");
		}
		if (errorMessages.freeCount.length > 0) {
			showErrors = true;
			errorList.append("<li><a class='error-link-guests' href='#Reservation_Free'>" + errorMessages.freeCount + "</a></li>");
		}
		if (errorMessages.pets.length > 0) {
			showErrors = true;
			errorList.append("<li><a class='error-link-guests' href='#petsFieldset'>" + errorMessages.pets + "</a></li>");
		}
		if (errorMessages.equipmentType.length > 0) {
			showErrors = true;
			errorList.append("<li><a class='error-link-equipment' href='#Reservation_EquipmentType'>" + errorMessages.equipmentType + "</a></li>");
		}
		if (errorMessages.length.length > 0) {
			showErrors = true;
			errorList.append("<li><a class='error-link-equipment' href='#Reservation_EquipmentLength'>" + errorMessages.length + "</a></li>");
		}
		if (errorMessages.slideouts.length > 0) {
			showErrors = true;
			errorList.append("<li><a class='error-link-equipment' href='#slideOutsFieldset'>" + errorMessages.slideouts + "</a></li>");
		}

		if (showErrors) {
			//show errors
			errorSummary.show();
			$('html, body').animate({ scrollTop: errorSummary.offset().top - 100 }, 500);
			$('.error-link-equipment').on('click', function (e) {
				e.stopPropagation();
				ErrorGroupClicked('equipment');
			});
			$('.error-link-guests').on('click', function (e) {
				e.stopPropagation();
				ErrorGroupClicked('guests');
			});
		}
		else {
			//hide our error div
			errorSummary.hide();
			$('.error-link-equipment').off('click');
			$('.error-link-guests').off('click');
		}
	}

	function ErrorGroupClicked(group) {
		if (group == 'guests') {
			$('#adultsKidsPetsBtn').click();
		}
		else {
			$('#typeLengthSlideoutsBtn').click();
		}
	}

	function UpdateGuests() {
		var adultCount = document.getElementById("Reservation_Adults").value;

		if (adultCount == "") { adultCount = 0; }

		var kidCount = 0;
		var pets;

		var temp = document.getElementById("Reservation_Kids");
		if (temp) {
			kidCount += parseInt(document.getElementById("Reservation_Kids").value);
		}

		var temp = document.getElementById("Reservation_Free");
		if (temp) {
			kidCount += parseInt(document.getElementById("Reservation_Free").value);
		}

		pets = $("#Reservation_Pets:checked").val();
		$("#Reservation_Pets:checked").attr('aria-checked', true);
		$("#Reservation_Pets:checked").prop('checked', true);
		$("#Reservation_Pets:not(:checked)").attr('aria-checked', false);
		$("#Reservation_Pets:not(:checked)").prop('checked', false);

		var updateString = "";

		if (adultCount + kidCount == 0 && pets == "") {
			updateString = "Select Guests...";
		}
		else {
			updateString = adultCount + " " + ReservationsText.AdultsStr + " / " + kidCount + " " + ReservationsText.KidsStr + " / ";

			if (pets == "No") {
				updateString += ReservationsText.NoPetsStr;
			}
			else {
				updateString += ReservationsText.PetsStr;
			}
		}
		document.getElementById("adultsKidsPetsBtn").text = updateString;
	}


	function UpdateEquipment() {
		var equipmentSelect = document.getElementById("Reservation_EquipmentType")
		var equipmentCode = equipmentSelect.value;
		var equipmentType = ReservationsText.TypeStr;

		if (equipmentCode) {
			equipmentType = equipmentSelect.options[equipmentSelect.selectedIndex].text;
		}

		var length = document.getElementById("Reservation_EquipmentLength").value;
		var lengthText;
		if (length == "0" || length == "") {
			lengthText = ReservationsText.Length1Str;
		}
		else {
			lengthText = length + " FT"
		}

		var slideouts;
		slideouts = pets = $("#Reservation_SlideOuts:checked").val();

		var slideOutText;
		if (slideouts == "No") {
			slideOutText = ReservationsText.NoSlideoutsStr;
		}
		else {
			slideOutText = ReservationsText.SlideoutsStr;
		}

		var updateString = equipmentType;
		if (showingLength) {
			updateString += "/" + lengthText;
		}

		if (showingSlideouts) {
			updateString += "/" + slideOutText;
		}

		document.getElementById("typeLengthSlideoutsBtn").text = updateString;
	}


	function ValidateForm() {
		//reset error messages
		errors = [];
		//date error count
		var checkInErrorCount = 0;
		var checkOutErrorCount = 0;
		var dateErrorCount = 0;
		//error counts for dropdowns
		var guestErrorCount = 0;
		var equipmentErrorCount = 0;

		checkInErrorCount = ValidateCheckIn();
		checkOutErrorCount = ValidateCheckOut();
		dateErrorCount = checkInErrorCount + checkOutErrorCount;

		guestErrorCount = ValidateGuests();
		equipmentErrorCount = ValidateEquipment();

		UpdateErrorMessages();

		//any errors and don't submit
		if (equipmentErrorCount + guestErrorCount + dateErrorCount > 0) {
			//set our focus on the first field that needs attention
			if (checkInErrorCount > 0) {
				$('#Reservation_CheckInDate').focus();
			}
			else if (checkOutErrorCount > 0) {
				var i = 1;
			}
			else if (dateErrorCount == 0 && guestErrorCount > 0) {
				//open guest dropdown.
				$('#adultsKidsPetsBtn').click();
			}
			else if (dateErrorCount == 0 && equipmentErrorCount > 0) {
				//open equipment dropdown.
				$('#typeLengthSlideoutsBtn').click();
			}

			event.preventDefault();
			event.stopPropagation();
			totalClicks += 1;
		}

		return equipmentErrorCount + guestErrorCount + dateErrorCount;
	}

	function ValidateCheckIn() {
		var errorCount = 0;
		var todaysDate = Date(new Date().toDateString()); //get only the date, drop the time

		var checkInString = $('#Reservation_CheckInDate').val();
		var checkInDate = new Date(checkInString);

		var campgroundLastReservationDate = new Date("10/13/2025")
		var reservationCutoff = 1080;

		//if we have a cutoff and we're trying to reserve for the same day.
		var pastSameDayCutoff = false;
		if (new Date().toDateString() == checkInDate.toDateString()) {
			if (reservationCutoff > 0) {
				pastSameDayCutoff = IsPastSameDayReservationCutoff(reservationCutoff);
			}
		}

		if (checkInString == "" || new Date(checkInString) < todaysDate || !IsValidDate(checkInString) || new Date(checkInString) > campgroundLastReservationDate) {// || pastSameDayCutoff) {
			$('#Reservation_CheckInDate').addClass('is-invalid');
			$('#checkInIcon').show("fast");
			errorMessages.checkInDate = ReservationErrors.CheckInDateMissingStr;
			errorCount++;
		} else {
			errorMessages.checkInDate = "";
			$('#Reservation_CheckInDate').removeClass('is-invalid')
			$('#checkInIcon').hide("fast");
		}
		return errorCount;
	}

	function ValidateCheckOut() {
		var errorCount = 0;

		var checkOutString = $('#Reservation_CheckOutDate').val();
		var checkInString = $('#Reservation_CheckInDate').val();
		var campgroundLastReservationDate = new Date("10/13/2025")

		if (checkOutString == "" || new Date(checkInString) >= new Date(checkOutString) || !IsValidDate(checkOutString) || new Date(checkOutString) > campgroundLastReservationDate) {
			$('#Reservation_CheckOutDate').addClass('is-invalid');
			$('#Reservation_CheckOutDate').val("");
			$('#checkOutIcon').show("fast");
			errorMessages.checkOutDate = ReservationErrors.CheckOutDateMissingStr;
			errorCount++;
		} else {
			errorMessages.checkOutDate = "";
			$('#Reservation_CheckOutDate').removeClass('is-invalid')
			$('#checkOutIcon').hide("fast");
		}
		return errorCount;
	}

	function ShowGuestFormError() {
		var errors =
			errorMessages.adultCount +
			errorMessages.kidsCount +
			errorMessages.freeCount +
			errorMessages.pets;
		//show guest dropdown with errors
		if (errors.length > 0) {
			$('#adultsKidsPetsBtn').addClass('is-invalid');
			$('#guestsIcon').show("fast");
		} else {
			$('#adultsKidsPetsBtn').removeClass('is-invalid')
			$('#guestsIcon').hide("fast");
		}
	}

	function ValidateGuestsAdults() {
		var errorCount = 0;
		//adults
		var adultCount = $('#Reservation_Adults').val()
		if (adultCount <= 0 || adultCount > 8 || isNaN(adultCount)) {
			errorCount++;
			$('#Reservation_Adults').addClass('is-invalid');
			errorMessages.adultCount = ReservationErrors.AdultsCountStr;
		} else {
			errorMessages.adultCount = "";
			$('#Reservation_Adults').removeClass('is-invalid')
		}
		ShowGuestFormError();
		return errorCount
	}

	function ValidateGuestsKids() {
		var errorCount = 0;
		if ($('#Reservation_Kids').length) {
			var kidsCount = $('#Reservation_Kids').val()
			if (kidsCount < 0 || kidsCount > 8 || isNaN(kidsCount)) {
				errorCount++;
				$('#Reservation_Kids').addClass('is-invalid');
				errorMessages.kidsCount = ReservationErrors.KidsCountStr;
			} else {
				errorMessages.kidsCount = "";
				$('#Reservation_Kids').removeClass('is-invalid')
			}
		}
		ShowGuestFormError();
		return errorCount
	}

	function ValidateGuestsFree() {
		var errorCount = 0;
		if ($('#Reservation_Free').length) {
			var freeCount = $('#Reservation_Free').val()
			if (freeCount < 0 || freeCount > 8 || isNaN(freeCount)) {
				errorCount++;
				$('#Reservation_Free').addClass('is-invalid');
				errorMessages.freeCount = ReservationErrors.FreeKidsCountStr;
			} else {
				errorMessages.freeCount = "";
				$('#Reservation_Free').removeClass('is-invalid')
			}
		}
		ShowGuestFormError();
		return errorCount;
	}

	function ValidateGuestsPets() {
		var errorCount = 0;
		if (!$("#Reservation_Pets:checked").val()) {
			errorCount++;
			$('#Reservation_Pets_Group').addClass('is-invalid');
			errorMessages.pets = ReservationErrors.PetsNotSelectedStr;
		} else {
			errorMessages.pets = "";
			$('#Reservation_Pets_Group').removeClass('is-invalid')
		}
		ShowGuestFormError();
		return errorCount;
	}

	function ValidateGuests() {
		var guestErrorCount = 0;

		//adults
		guestErrorCount += ValidateGuestsAdults();
		//kids -- if we have em
		guestErrorCount += ValidateGuestsKids();
		//free (kids) -- if we have em
		guestErrorCount += ValidateGuestsFree();
		//pets
		guestErrorCount += ValidateGuestsPets();
		console.log("Guest Error Count: " + guestErrorCount)
		//show guest dropdown with errors
		ShowGuestFormError();

		return guestErrorCount;
	}

	function ShowEquipmentFormError(updateDisplay = true) {
		var errors =
			errorMessages.equipmentType +
			errorMessages.length +
			errorMessages.slideouts;
		//show equipment dropdown with errors
		if (errors.length > 0 && updateDisplay) {
			if (updateDisplay) {
				$('#typeLengthSlideoutsBtn').addClass('is-invalid');
				$('#equipmentIcon').show("fast");
			}
		} else {
			$('#typeLengthSlideoutsBtn').removeClass('is-invalid')
			$('#equipmentIcon').hide("fast");
		}
	}

	function ValidateEquipmentType(updateDisplay = true) {
		var errorCount = 0;
		if ($('#Reservation_EquipmentType').val() == '') {
			errorCount++;
			if (updateDisplay) {
				$('#Reservation_EquipmentType').addClass('is-invalid');
				errorMessages.equipmentType = ReservationErrors.EquipmentTypeMissingStr;
			}
		} else {
			errorMessages.equipmentType = "";
			$('#Reservation_EquipmentType').removeClass('is-invalid')
		}

		ShowEquipmentFormError()
		return errorCount;
	}

	function ValidateEquipmentLength(updateDisplay = true) {
		var errorCount = 0;
		if (showingLength) {
			var length = parseInt($('#Reservation_EquipmentLength').val(), 10);
			if (length <= 0 || length > 99 || isNaN(length)) {
				errorCount++;
				if (updateDisplay) {
					$('#Reservation_EquipmentLength').addClass('is-invalid');
					errorMessages.length = ReservationErrors.EquipmentLengthStr;
				}
			} else {
				errorMessages.length = "";
				$('#Reservation_EquipmentLength').removeClass('is-invalid')
			}
		}
		else {
			//empty string can cause odd validation on next (reserve) page. If empty, make it 0.
			if ($('#Reservation_EquipmentLength').val() == "") {
				($('#Reservation_EquipmentLength').val("0"));
			}
		}
		ShowEquipmentFormError()
		return errorCount;
	}

	function ValidateEquipmentSlideouts(updateDisplay = true) {
		var errorCount = 0;
		if (showingSlideouts && !$("#Reservation_SlideOuts:checked").val()) {
			errorCount++;
			if (updateDisplay) {
				$('#Reservation_SlideOuts_Group').addClass('is-invalid');
				errorMessages.slideouts = ReservationErrors.SlideOutsNotSelectedStr;
			}
		} else {
			errorMessages.slideouts = "";
			$('#Reservation_SlideOuts_Group').removeClass('is-invalid')
		}
		ShowEquipmentFormError()
		return errorCount;
	}

	function ValidateEquipment(updateDisplay = true) {

		var equipmentErrorCount = 0;
		//equipment type
		equipmentErrorCount += ValidateEquipmentType(updateDisplay);
		//length
		equipmentErrorCount += ValidateEquipmentLength(updateDisplay);
		//slide outs
		equipmentErrorCount += ValidateEquipmentSlideouts(updateDisplay);
		//show equipment dropdown with errors
		ShowEquipmentFormError(updateDisplay)

		return equipmentErrorCount;
	}

	//kind of a special case. On category change, some fields get hidden, we need to account for those here.
	function ValidateOnCategoryChange() {
		//if we're not showing length, but are showing an error, hide it.
		if (!showingLength && errorMessages.length != "") {
			errorMessages.length = "";
			$('#Reservation_EquipmentLength').removeClass('is-invalid')
		}

		//if we're not showing slideouts, but are showing an error, hide it
		if (!showingSlideouts && errorMessages.slideouts != "") {
			errorMessages.slideouts = "";
			$('#Reservation_SlideOuts_Group').removeClass('is-invalid')
		}

		//check to see if the sub-form is valid, and remove triangle exlaimation icon if so
		ShowEquipmentFormError(true);
	}

	function GuestsDoneClick() {
		var errorCount = ValidateGuests();

		if (errorCount == 0) {
			$('#adultsKidsPetsBtn').click();

			//check validation on equipment dropdown
			var equipmentErrors = ValidateEquipment(false);

			//only open if it doesn't validate
			if (equipmentErrors > 0) {
				$('#typeLengthSlideoutsBtn').click();
			}
		}
		ValidateGuests();
		UpdateErrorMessages();
	}

	function EquipmentDoneClick() {
		var errorCount = ValidateEquipment();

		if (errorCount == 0) {
			$('#typeLengthSlideoutsBtn').click();
		}
		ValidateEquipment();
		UpdateErrorMessages();
	}

	function PetsClick(updateValidation = false) {
		UpdateGuests();
		if (updateValidation) {
			ValidateGuestsPets();
			UpdateErrorMessages();
		}
	}

	function SlideoutsClick(updateValidation = false) {
		UpdateEquipment();
		if (updateValidation) {
			ValidateEquipmentSlideouts();
			UpdateErrorMessages();
		}
	}

	function IsValidDate(inputDate) {
		validFormats = ["MM/DD/YYYY", "MM/D/YYYY", "M/DD/YYYY", "M/D/YYYY", "YYYY-MM-D", "YYYY-MM-DD"]
		var m = moment(inputDate, validFormats, true)
		return m.isValid();
	}

	function IsPastSameDayReservationCutoff(cutOffMinutes) {
		var d = new Date();
		//current minutes past UTC midnight
		var utcMinutes = d.getUTCHours() * 60 + d.getUTCMinutes();

		console.log(utcMinutes + ", " + cutOffMinutes)

		return utcMinutes > cutOffMinutes;
	}
</script>
<script type="text/javascript">
	$(document).ready(function () {
		var resCookie = Utils.getCookie("MobileResPanel");
		if (resCookie != "") {
			$(".reservation-panel-body").show();
		}
	});
</script>
<nav class="navbar clp-nav navbar-expand-md navbar-dark">
<div class="main-nav-container">
<button type="button" class="navbar-toggler icon-button btn-clear-white" data-toggle="collapse" data-target="#campgroundSecondaryNav"><i class="fas fa-plus mr-2"></i> CAMPGROUND MENU</button>
<div class="collapse navbar-collapse clp-collapse" id="campgroundSecondaryNav">
<ul class="navbar-nav mobile-campground-menu">
<li class="nav-item"><a href="/campgrounds/chicago/" class="active">Home</a></li>
<li class="nav-item"><a href="/campgrounds/chicago/hot-deals/" class>Deals</a></li>
<li class="nav-item">
<a href="/campgrounds/chicago/map/" class>Map</a>
</li>
<li class="nav-item"><a href="/campgrounds/chicago/amenities/" class>Amenities</a></li>
<li class="nav-item"><a href="/campgrounds/chicago/recreation/" class>Recreation</a></li>
<li class="nav-item"><a href="/campgrounds/chicago/events/" class>Events</a></li>
<li class="nav-item"><a href="/campgrounds/chicago/albums/" class>Photos</a></li>
<li class="nav-item"><a href="/campgrounds/chicago/local-area/" class>Local</a></li>
<li class="nav-item"><a href="/campgrounds/chicago/blog/" class>Blog</a></li>
<li class="nav-item"><a class href="/campgrounds/chicago/general-information/">Info</a></li>
<li class="nav-item"><a href="/campgrounds/chicago/groups/" class>Groups</a></li>
</ul>
</div>
</div>
</nav>
<div id="modalSegmentation" class="modal fade" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" aria-label="Close"><i class="fal fa-times"></i></button>
<div class="clearfix"></div>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-4 text-center">
<img src="/content/images/bp/KOA-Holiday-Logo-With-Tagline.png" width="358" height="451" alt="KOA Holiday" title="KOA Holiday" class="img-fluid clp-brand-segmentation-logo-mobile" />
</div>
<div class="col-md-8 mt-5 mt-md-0">
<h2>KOA Holiday Campgrounds</h2>
<div class="dotted-border-separator koa-red-font mt-3 mb-3"></div>
<p>Whether you’re exploring the local area or hanging out at the campground, KOA Holidays are an ideal place to relax and play. There’s plenty to do, with amenities and services to make your stay memorable. Plus, you’ll enjoy the outdoor experience with upgraded RV Sites with KOA Patio<sup>&reg;</sup> and Deluxe Cabins with full baths for camping in comfort. Bring your family, bring your friends, or bring the whole group – there’s plenty of ways to stay and explore.</p>
<h3 class="font-size-h4">KOA Holidays Feature:</h3>
<ul class="black-bullet-list bullet-list-3">
<li>RV Sites with a KOA Patio<sup>&reg;</sup></li>
<li>Deluxe Cabins with full baths</li>
<li>Premium Tent Sites</li>
<li>Group meeting facilities</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="modalDirections" class="modal fade" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="modalLabel">Directions</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" aria-label="Close"><i class="fal fa-times"></i></button>
</div>
<div class="modal-body">
<div class="directions-photo"><img src="/content/campgrounds/chicago/documents/map_13101.gif" alt="Locator Map" title="Locator Map" class="img-fluid" /></div>
<p><b>From I-90 driving West:</b> Exit 42, IL 20 (Marengo/Hampshire); turn left (west) onto Hwy 20; 4 1/2 miles then right onto South Union Rd. Follow signs to Wild West Town.<br/><b>From I-90 driving East:</b> Exit 36, IL 23 (Marengo): follow IL 23 north, turn right onto Harmony Road, turn left unto Maple, turn right onto Beck, turn left onto S. Union Road.<br/>Driveway entrance next to Wild West Town.</p><p>(We recommend to always check for area construction updates)</p><p><b>GPS:</b> N42.206118, W88.550137</p>
<a class="no-print bold-blue-link" href="https://www.google.com/maps/dir/8404+South+Union+Road+Union+IL+60180" target="_blank">Get Google Directions</a>
</div>
</div>
</div>
</div>
<section class="clp-section clp-section-wedge">
<div class="clp-section-hero-img" style="background: url('/content/campgrounds/chicago/backgrounds/13101background53464e5d-c18a-40fa-9268-c9ab758bffab.jpg?preset=heroimage');" role="presentation"></div>
<div class="clp-section-container-wrapper">
<div class="container no-padding">
<div class="clp-section-content-wrapper bottom-wedge-wrapper">
<div class="clp-section-content">
<h2>
Welcome to the closest KOA to Chicago and O&#39;Hare International Airport
</h2>
<div class="dotted-border-separator koa-yellow-font mt-3 mb-3"></div>
<p>
Enjoy a peaceful camping experience in a friendly and quiet country setting. We offer a variety of basic and upgraded RV sites, shaded tent sites, rustic and deluxe camping cabins, and a fully equipped travel trailer for rent. WI-FI is complimentary throughout the park.<p>There is a lot to do for families! Check out the Gem Mine, Jump Pad, Gagaball, Mini Golf, Pool, and huge playground! Join us for guided activities on weekends.</p><p>Visit area attractions, like the Illinois Railway Museum, Santa's Village Azoosment Park and more.</p><p>Take the "Metra" train from nearby Crystal Lake or Woodstock to visit Chicago for sightseeing, festivals, and tours.</p><p>We are also a convenient distance to the Woodfield Mall, Prime Outlet Discount Mall, and the Grand Victoria Riverboat Casino. </p><p>There are many family-owned restaurants within 10 minutes of the campground. We encourage our guests to enjoy the variety of the local cuisine!</p><p><br><b>General Information</b></p><p>You will find us approximately 55 miles from downtown Chicago, 4.5 miles to I-90, in a rural setting of northwestern Illinois.</p><p>24-hour gated campground (after-hour arrivals need reservation), dog breed restrictions apply. Please call for more information, <a class="bbcode-link" href="tel:815 923 4206" target="_blank" rel="nofollow" title="tel:815 923 4206">815 923 4206</a>.</p><p>Deluxe Cabins with patios are set up next to each other in the RV park to facilitate families that like to camp close to each other.</p><p>All our cabins are equipped with an A/C unit.</p>
</p>
</div>
<button type="button" class="btn btn-clear-yellow no-padding btn-read-more">Read More <i class="fas fa-plus-circle ml-1"></i></button>
</div>
</div>
</div>
<img class="bottom-wedge" src="/content/images/bottom-wedge.svg" alt />
</section>
<section class="clp-section clp-section-short clp-section-amenities">
<div class="container justify-content-center">
<div class="clp-section-half d-flex justify-content-center align-items-center">
<img src="/content/images/accents/amenities/dog.jpg?preset=accentphoto" alt class="img-fluid img-clp-section-short d-none d-md-inline" />
</div>
<div class="clp-section-half">
<h2>Campground Amenities</h2>
<div class="dotted-border-separator koa-red-font mt-3 mb-3"></div>
<div class="clearfix"></div>
<ul class="gray-bullet-list row">
<li class="col-sm-6 col-xl-4">50 Max Amp</li>
<li class="col-sm-6 col-xl-4">65&#39; Max Length</li>
<li class="col-sm-6 col-xl-4">Wi-Fi</li>
<li class="col-sm-6 col-xl-4">Pool (5/29 - 9/4)</li>
<li class="col-sm-6 col-xl-4">Mini Golf</li>
<li class="col-sm-6 col-xl-4">Firewood ($)</li>
<li class="col-sm-6 col-xl-4">Bike Rentals ($)</li>
<li class="col-sm-6 col-xl-4">Dog Park</li>
</ul>
<a href="amenities/" class="btn btn-red-border draw-border-light faa-parent animated-hover">More About Amenities <i class="fas fa-chevron-circle-right faa-passing"></i></a>
</div>
</div>
</section>
<section class="clp-section clp-section-wts">
<h2>Ways to Stay</h2>
<div class="row w-100 ml-0 mr-0 justify-content-center">
<div class="col-md-6 col-lg-4 col-xl no-padding">
<div class="img-cover-box-outer">
<div class="img-cover-box img-cover-box-with-button">
<a href="site-type/rv-camping-sites/">
<picture>
<source media="(min-width: 1200px)" srcset="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos892b4191-19fd-4447-9f2c-60d62b83ad76.jpg?preset=srcset-xl">
<source media="(min-width: 992px)" srcset="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos892b4191-19fd-4447-9f2c-60d62b83ad76.jpg?preset=srcset-lg">
<source media="(min-width: 768px)" srcset="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos892b4191-19fd-4447-9f2c-60d62b83ad76.jpg?preset=srcset-md">
<source media="(min-width: 576px)" srcset="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos892b4191-19fd-4447-9f2c-60d62b83ad76.jpg?preset=srcset-sm">
<img class="img-cover" src="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos892b4191-19fd-4447-9f2c-60d62b83ad76.jpg?preset=srcset-xs" alt />
</picture>
</a>
<a href="site-type/rv-camping-sites/" class="btn btn-blue-white">RV Sites <i class="fas fa-chevron-circle-right"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl no-padding">
<div class="img-cover-box-outer">
<div class="img-cover-box img-cover-box-with-button">
<a href="site-type/lodging/">
<picture>
<source media="(min-width: 1200px)" srcset="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos25108a02-b148-48ae-aeaf-44de9843fa5c.JPG?preset=srcset-xl">
<source media="(min-width: 992px)" srcset="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos25108a02-b148-48ae-aeaf-44de9843fa5c.JPG?preset=srcset-lg">
<source media="(min-width: 768px)" srcset="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos25108a02-b148-48ae-aeaf-44de9843fa5c.JPG?preset=srcset-md">
<source media="(min-width: 576px)" srcset="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos25108a02-b148-48ae-aeaf-44de9843fa5c.JPG?preset=srcset-sm">
<img class="img-cover" src="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos25108a02-b148-48ae-aeaf-44de9843fa5c.JPG?preset=srcset-xs" alt />
</picture>
</a>
<a href="site-type/lodging/" class="btn btn-blue-white">Lodging <i class="fas fa-chevron-circle-right"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl no-padding">
<div class="img-cover-box-outer">
<div class="img-cover-box img-cover-box-with-button">
<a href="site-type/tent-camping-sites/">
<picture>
<source media="(min-width: 1200px)" srcset="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos37837fd5-4086-42ad-8830-f55f38693c9a.JPG?preset=srcset-xl">
<source media="(min-width: 992px)" srcset="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos37837fd5-4086-42ad-8830-f55f38693c9a.JPG?preset=srcset-lg">
<source media="(min-width: 768px)" srcset="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos37837fd5-4086-42ad-8830-f55f38693c9a.JPG?preset=srcset-md">
<source media="(min-width: 576px)" srcset="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos37837fd5-4086-42ad-8830-f55f38693c9a.JPG?preset=srcset-sm">
<img class="img-cover" src="/content/campgrounds/chicago/waystostayphotos/13101waystostayphotos37837fd5-4086-42ad-8830-f55f38693c9a.JPG?preset=srcset-xs" alt />
</picture>
</a>
<a href="site-type/tent-camping-sites/" class="btn btn-blue-white">Tent Sites <i class="fas fa-chevron-circle-right"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl no-padding">
<div class="img-cover-box-outer">
<div class="img-cover-box img-cover-box-with-button">
<a href="extended-stays/">
<picture>
<source media="(min-width: 1200px)" srcset="/content/images/our-koa/wts/extended-stays.jpg?preset=srcset-xl">
<source media="(min-width: 992px)" srcset="/content/images/our-koa/wts/extended-stays.jpg?preset=srcset-lg">
<source media="(min-width: 768px)" srcset="/content/images/our-koa/wts/extended-stays.jpg?preset=srcset-md">
<source media="(min-width: 576px)" srcset="/content/images/our-koa/wts/extended-stays.jpg?preset=srcset-sm">
<img class="img-cover" src="/content/images/our-koa/wts/extended-stays.jpg?preset=srcset-xs" alt />
</picture>
</a>
<a href="extended-stays/" class="btn btn-blue-white">Extended Stays <i class="fas fa-chevron-circle-right"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl no-padding">
<div class="img-cover-box-outer">
<div class="img-cover-box img-cover-box-with-button">
<a href="groups/">
<picture>
<source media="(min-width: 1200px)" srcset="/content/images/ways-to-stay/groups/rv-lp-header-groups.jpg?preset=srcset-xl">
<source media="(min-width: 992px)" srcset="/content/images/ways-to-stay/groups/rv-lp-header-groups.jpg?preset=srcset-lg">
<source media="(min-width: 768px)" srcset="/content/images/ways-to-stay/groups/rv-lp-header-groups.jpg?preset=srcset-md">
<source media="(min-width: 576px)" srcset="/content/images/ways-to-stay/groups/rv-lp-header-groups.jpg?preset=srcset-sm">
<img class="img-cover" src="/content/images/ways-to-stay/groups/rv-lp-header-groups.jpg?preset=srcset-xs" alt />
</picture>
</a>
<a href="groups/" class="btn btn-blue-white">Groups <i class="fas fa-chevron-circle-right"></i></a>
</div>
</div>
</div>
</div>
</section>
<section class="clp-section clp-section-short clp-section-small-carousel">
<div class="container justify-content-center">
<div class="text-center">
<h2>What Others Are Saying</h2>
<h3 class="text-upper header-upper">Overall Camper Rating: <a href="reviews/" aria-label="Campground Reviews"><span class="ratings-rating-4half"></span></a></h3>
</div>
<div class="small-carousel-container">
<div id="ratingsSlider" class="small-carousel-slider">
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-5"></span>
We really enjoyed tent camping for one night at this KOA. Check-in was east because you don&#39;t have to get out of your car to walk to the office... <span class="ml-1">9/29/2024</span>
<div>- Jillybilly on Google</div>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-5"></span>
This is an excellent campground. I would happily stay here again. Four adults and our three dogs went down to see my grandson graduate Navy RTC (bootcamp). We take our dogs with us... <span class="ml-1">9/25/2024</span>
<div>- Russ Wilson on Google</div>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-5"></span>
One of the nicest campsites at this campground. <span class="ml-1">9/25/2024</span>
<div>- Gary D on Google</div>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-4"></span>
Nice campground. Bathrooms are in need of an update <span class="ml-1">9/29/2024</span>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-5"></span>
Well run camp with activities for everyone. <span class="ml-1">9/28/2024</span>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-5"></span>
GREAT PLACXE AND STAFF <span class="ml-1">9/28/2024</span>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-5"></span>
Everyone was very helpful and very pleasant!! <span class="ml-1">9/28/2024</span>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-4"></span>
Water seems dirty <span class="ml-1">9/27/2024</span>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-5"></span>
Fun weekend with lots planned for families. Will definitely be back. Loved our site! <span class="ml-1">9/26/2024</span>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-5"></span>
Beautiful property- quiet and so, so clean! <span class="ml-1">9/26/2024</span>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-4"></span>
The grounds are particularly nice, especially with the nice walk they provide. Nicer than most. But this campground tells me that good help is hard to find. The woman who checked me in seemed to be living in another world. And later when visiting a neighboring camper... <span class="ml-1">9/26/2024</span>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-5"></span>
Thank you for staying at your nice location. <span class="ml-1">9/25/2024</span>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-5"></span>
We had a great stay with our two dogs at the puppy site #90. We loved the fenced in area for the dogs and for us with the brick fire place and the wooden swing for two. We also loved that there was a cooking grate right on the fire pit. Made it easy for us to cook hotdogs... <span class="ml-1">9/25/2024</span>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-5"></span>
Th&#233;o givre vert good indications to get to th&#233; Metra train for Chicago Helping us to find our way through th&#233; camping at night Even if th&#233; office is closed <span class="ml-1">9/24/2024</span>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-5"></span>
It was awesome <span class="ml-1">9/23/2024</span>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-5"></span>
We have 3 dogs so really loved having the site with the dog fencing. <span class="ml-1">9/23/2024</span>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-4"></span>
Campgrounds were okay, but spot 112 was not good...it was so far away from level made the use of our primary starecase impossible. Thankfully in the wood pile there was a box we could put under the landing feet for our staircase... <span class="ml-1">9/23/2024</span>
</div>
<div class="font-italic">
<i class="fas fa-quote-left fa-2x mr-1"></i><span class="ratings-rating-5"></span>
the staff @ Chicago NW KOA were amazing. Everyone of them friendly and helpful. Sites were a little narrow, but overall in great shape. Weekend activities for kids were fun and plentiful. <span class="ml-1">9/23/2024</span>
</div>
</div>
</div>
<div class="text-center mt-2">
<a href="reviews/" class="btn btn-red-border draw-border-light faa-parent animated-hover ">More Reviews <i class="fas fa-chevron-circle-right faa-passing"></i></a>
</div>
</div>
</section>
<section class="clp-section clp-section-mobile-expand clp-section-recreation clp-section-wedge">
<img class="top-wedge" src="/content/images/top-wedge.svg" alt />
<div id="activityHeroImg1" class="clp-section-hero-img" style="z-index: -1; background: url('/content/campgrounds/chicago/activities/13101activityb2cda02c-d73c-4e9b-aef6-df875355ad31.JPG?preset=heroimagecropped');" role="presentation"></div>
<div id="activityHeroImg2" class="clp-section-hero-img" style="z-index: -2; background: url('/content/campgrounds/chicago/activities/13101activity7d26b693-39af-443f-bffd-0e167c0bf83c.JPG?preset=heroimagecropped');" role="presentation"></div>
<div id="activityHeroImg3" class="clp-section-hero-img" style="z-index: -3; background: url('/content/campgrounds/chicago/activities/13101activityb5e1ef6c-f8a1-40b1-ba56-0fdd1d541c23.JPG?preset=heroimagecropped');" role="presentation"></div>
<div id="activityHeroImg4" class="clp-section-hero-img" style="z-index: -4; background: url('/content/campgrounds/chicago/activities/13101activity7bc92c1d-78f9-4aa5-8c49-395433f62cd4.JPG?preset=heroimagecropped');" role="presentation"></div>
<div id="activityHeroImg5" class="clp-section-hero-img" style="z-index: -5; background: url('/content/campgrounds/chicago/activities/13101activityc4d03649-d3ab-44ff-b49f-731d9f0b60ab.jpeg?preset=heroimagecropped');" role="presentation"></div>
<div id="activityHeroImg6" class="clp-section-hero-img" style="z-index: -6; background: url('/content/campgrounds/chicago/activities/13101activitya439f5a2-2295-4ae8-ab1e-d12b5faf36a8.jpeg?preset=heroimagecropped');" role="presentation"></div>
<div id="activityHeroImg7" class="clp-section-hero-img" style="z-index: -7; background: url('/content/campgrounds/chicago/activities/13101activity3d2f9600-71e2-4cd1-9ab6-c2ebe635220e.jpeg?preset=heroimagecropped');" role="presentation"></div>
<div id="activityHeroImg8" class="clp-section-hero-img" style="z-index: -8; background: url('/content/campgrounds/chicago/activities/13101activitybb4dd840-3b48-4b8f-b6d1-668c6dfe8de5.jpeg?preset=heroimagecropped');" role="presentation"></div>
<div id="activityHeroImg9" class="clp-section-hero-img" style="z-index: -9; background: url('/content/campgrounds/chicago/activities/13101activityb2f9ab8e-0656-4a65-a44a-119249f992d7.jpg?preset=heroimagecropped');" role="presentation"></div>
<div id="activityHeroImg10" class="clp-section-hero-img" style="z-index: -10; background: url('/content/campgrounds/chicago/activities/13101activitiese663d891-76eb-487f-99e8-9448b879b722.JPG?preset=heroimagecropped');" role="presentation"></div>
<div id="activityHeroImg11" class="clp-section-hero-img" style="z-index: -11; background: url('/content/campgrounds/chicago/activities/13101activitiesf61d5ac9-a885-4f9e-a1ba-13aff0ca552e.JPG?preset=heroimagecropped');" role="presentation"></div>
<div class="clp-section-container-wrapper">
<div class="container no-padding">
<div class="clp-section-content-wrapper d-flex ml-auto top-wedge-wrapper bottom-wedge-wrapper">
<div class="clp-section-content h-auto">
<h2>
Campground Recreation
</h2>
<div class="dotted-border-separator koa-yellow-font mt-3 mb-3"></div>
<div class="clearfix"></div>
<div id="recreationDescriptionContainer">
<p id="recreationTitle" class="h4-p"></p>
<p id="recreationDescription"></p>
<div class="clearfix"></div>
</div>
<ul class="yellow-bullet-list">
<li class="col-sm-6"><a class="activity-link active" data-counter="1" data-photo="/content/campgrounds/chicago/activities/13101activityb2cda02c-d73c-4e9b-aef6-df875355ad31.JPG" data-description="&quot;All You Can Eat&quot; ice cream for $4 per person! &#160;During the summer months we offer our very popular Ice Cream Socials. Build your own sundaes topped with syrup and sprinkles!" data-title="Ice Cream Socials">Ice Cream Socials <i class="far fa-chevron-right ml-1 "></i></a></li>
<li class="col-sm-6"><a class="activity-link " data-counter="2" data-photo="/content/campgrounds/chicago/activities/13101activity7d26b693-39af-443f-bffd-0e167c0bf83c.JPG" data-description="Enjoy old fashioned free hay wagon rides on weekends during the summer months.&#160;&lt;br /&gt;Join the summer fun!" data-title="Haywagon Rides">Haywagon Rides <i class="far fa-chevron-right ml-1 "></i></a></li>
<li class="col-sm-6"><a class="activity-link " data-counter="3" data-photo="/content/campgrounds/chicago/activities/13101activityb5e1ef6c-f8a1-40b1-ba56-0fdd1d541c23.JPG" data-description="Who doesn&#39;t love Bingo? Play one card or as many as you like. We play Bingo on select weekends from Memorial Weekend through Labor Day weekend. Come and join in on the fun." data-title="Bingo">Bingo <i class="far fa-chevron-right ml-1 "></i></a></li>
<li class="col-sm-6"><a class="activity-link " data-counter="4" data-photo="/content/campgrounds/chicago/activities/13101activity7bc92c1d-78f9-4aa5-8c49-395433f62cd4.JPG" data-description="No child is too young or too old to join the candy hunt! Bring your flashlight and spread out by the fence near the jump pad!&#160;Plenty of candy for all!" data-title="Flashlight Candy Hunt">Flashlight Candy Hunt <i class="far fa-chevron-right ml-1 "></i></a></li>
<li class="col-sm-6"><a class="activity-link " data-counter="5" data-photo="/content/campgrounds/chicago/activities/13101activityc4d03649-d3ab-44ff-b49f-731d9f0b60ab.jpeg" data-description="Our bravest campers young and old come together for a Polar Plunge during the early pool season. They are being sponsored by their family members and friends. Everybody wins a price! All benefits go towards&#160;Care Camps for kids with cancer!&lt;/p&gt;&lt;p&gt;Our frozen T-shirt contests will take place on the hottest long summer weekends!" data-title="Polar Plunge/Pool Games/Frozen T-shirt contest">Polar Plunge/Pool Games/Frozen T-shirt contest <i class="far fa-chevron-right ml-1 "></i></a></li>
<li class="col-sm-6"><a class="activity-link " data-counter="6" data-photo="/content/campgrounds/chicago/activities/13101activitya439f5a2-2295-4ae8-ab1e-d12b5faf36a8.jpeg" data-description="Ever wondered how dinosaurs, unicorns or chickens hatch? This short activity lets you take your egg home with you. It will take a little patience, but your new baby friend will be born to you soon!" data-title="Egg Hatching">Egg Hatching <i class="far fa-chevron-right ml-1 "></i></a></li>
<li class="col-sm-6"><a class="activity-link " data-counter="7" data-photo="/content/campgrounds/chicago/activities/13101activity3d2f9600-71e2-4cd1-9ab6-c2ebe635220e.jpeg" data-description="Join our fundraising efforts for Care&#160;Camps! All benefits of this weekly raffle go towards helping families that have a child with cancer!" data-title="50/50 Raffle">50/50 Raffle <i class="far fa-chevron-right ml-1 "></i></a></li>
<li class="col-sm-6"><a class="activity-link " data-counter="8" data-photo="/content/campgrounds/chicago/activities/13101activitybb4dd840-3b48-4b8f-b6d1-668c6dfe8de5.jpeg" data-description="One of our most popular activities for all ages! We carry T-shirts, socks, hats and more for the whole family. How fun it is to wear you own unique souvenir clothing item to school, at home or when planning your next trip!" data-title="Tie Dye T-shirts">Tie Dye T-shirts <i class="far fa-chevron-right ml-1 "></i></a></li>
<li class="col-sm-6"><a class="activity-link " data-counter="9" data-photo="/content/campgrounds/chicago/activities/13101activityb2f9ab8e-0656-4a65-a44a-119249f992d7.jpg" data-description="Create a gift for the person who took you camping!" data-title="Crafts">Crafts <i class="far fa-chevron-right ml-1 "></i></a></li>
<li class="col-sm-6"><a class="activity-link " data-counter="10" data-photo="/content/campgrounds/chicago/activities/13101activitiese663d891-76eb-487f-99e8-9448b879b722.JPG" data-description="Get creative with your glow stuff and meet in front of the store after dark!" data-title="Glow Ride">Glow Ride <i class="far fa-chevron-right ml-1 "></i></a></li>
<li class="col-sm-6"><a class="activity-link " data-counter="11" data-photo="/content/campgrounds/chicago/activities/13101activitiesf61d5ac9-a885-4f9e-a1ba-13aff0ca552e.JPG" data-description="The fastest duck wins a small prize! Proceeds go towards KOA Care Camps supporting families affected by childhood cancer!" data-title="Duck Race">Duck Race <i class="far fa-chevron-right ml-1 "></i></a></li>
</ul>
<a href="recreation/" class="btn btn-yellow-border draw-border-dark faa-parent animated-hover">More About Recreation <i class="fas fa-chevron-circle-right faa-passing"></i></a>
</div>
</div>
</div>
</div>
<img class="bottom-wedge" src="/content/images/bottom-wedge.svg" alt />
</section>
<section class="clp-section clp-section-auto">
<div class="container">
<div class="row">
<div class="col-md-4 text-center">
<img src="/content/images/bp/KOA-Holiday-Logo-With-Tagline.png" width="358" height="451" alt="KOA Holiday" title="KOA Holiday" class="img-fluid clp-brand-segmentation-logo-mobile" />
</div>
<div class="col-md-8 mt-5 mt-md-0">
<h2>KOA Holiday Campgrounds</h2>
<div class="dotted-border-separator koa-red-font mt-3 mb-3"></div>
<p>Whether you’re exploring the local area or hanging out at the campground, KOA Holidays are an ideal place to relax and play. There’s plenty to do, with amenities and services to make your stay memorable. Plus, you’ll enjoy the outdoor experience with upgraded RV Sites with KOA Patio<sup>&reg;</sup> and Deluxe Cabins with full baths for camping in comfort. Bring your family, bring your friends, or bring the whole group – there’s plenty of ways to stay and explore.</p>
<h3 class="font-size-h4">KOA Holidays Feature:</h3>
<ul class="black-bullet-list bullet-list-3">
<li>RV Sites with a KOA Patio<sup>&reg;</sup></li>
<li>Deluxe Cabins with full baths</li>
<li>Premium Tent Sites</li>
<li>Group meeting facilities</li>
</ul>
</div>
</div>
</div>
</section>
<section class="clp-section clp-section-wedge">
<img class="top-wedge" src="/content/images/top-wedge.svg" alt />
<div class="clp-section-hero-img" style="background: url('/content/campgrounds/chicago/sectionheaders/13101sectionheadersc2712eac-ae65-4e52-bb95-03d5abd1eaa6.JPG?preset=heroimagecropped');" role="presentation"></div>
<div class="clp-section-container-wrapper">
<div class="container no-padding">
<div class="clp-section-content-wrapper d-flex mr-auto top-wedge-wrapper bottom-wedge-wrapper">
<div class="clp-section-content left h-auto">
<h2>
Latest Hot Deal
</h2>
<div class="dotted-border-separator koa-yellow-font mt-3 mb-3"></div>
<div class="clearfix"></div>
<h4>KOA Rewards Appreciation Weekend</h4>
<p>
<span class="float-md-right ml-md-1 mb-md-1" style="width: 220px">
<img src="/content/campgrounds/_all/hotdeals/koa-rewards-weekend.jpg?preset=hotdeal" alt="KOA Rewards Appreciation Weekend Photo" title="KOA Rewards Appreciation Weekend Photo" class="img-fluid d-none d-md-block" width="220" />
</span>
<p><strong>WHEN:</strong> September 5-6, 2025</p><p><strong>WHAT:</strong> KOA Rewards holders stay as a paying guest on Friday, September 5th at any participating KOA campground and get Saturday, September 6th for FREE*.</p><p><strong>WHY:</strong> KOA Rewards Appreciation Weekend is designed exclusively for KOA Rewards holders to say thanks for your loyalty and for trusting your camping memories to us. On this late-summer weekend, we gather to celebrate friends, family and fun in the great outdoors we all adore.</p><p><i>* Only at participating KOA locations. </i>Applies to one site per a KOA Rewards account, for two consecutive nights at the same KOA. Sites may be limited. KOA Rewards discount does apply but not valid with other discounts.</p>
</p>
<a href="reserve/?code=*V" class="btn btn-yellow-border draw-border-dark faa-parent animated-hover">Book This Hot Deal <i class="fas fa-chevron-circle-right faa-passing"></i></a>
<p class="mt-2 hot-deals-link">
<a href="hot-deals/">More Hot Deals <i class="fas fa-chevron-circle-right faa-passing"></i></a>
</p>
</div>
</div>
</div>
</div>
<img class="bottom-wedge" src="/content/images/bottom-wedge.svg" alt />
</section>
<section class="clp-section clp-section-auto clp-section-small-carousel pb-5">
<div class="container justify-content-center">
<div class="text-center">
<h2>Campground Events</h2>
</div>
<div class="small-carousel-container">
<div id="eventsSliderNoSlide" class="small-carousel-slider">
<div>
<div class="media p-2">
<span class="media-img">
<picture>
<source media="(min-width: 425px)" srcset="/content/campgrounds/chicago/events/13101eventsc273edcd-6043-4804-be1c-2820b79513ff.JPG?preset=clpcarousel-sm">
<img src="/content/campgrounds/chicago/events/13101eventsc273edcd-6043-4804-be1c-2820b79513ff.JPG?preset=clpcarousel-xs" alt="Fall Fest Weekend" title="Fall Fest Weekend" class="d-sm-block img-fluid" />
</picture>
</span>
<div class="media-body">
<h5>Fall Fest Weekend</h5>
<p><b>Campground</b></p>
<p>
<b>
Oct 4 - 5, 2024
</b>
</p>
<p>Join us to celebrate the Fall Season! There will be Trick-or-Treating, a Site Decoration Contest (win a free night of camping in 2025), and more fall-themed activities.</p>
</div>
<div class="media-calendar">
<span class="media-calendar-month">
Oct
</span>
<span class="media-calendar-days">
4 - 5
</span>
</div>
</div>
</div>
<div>
<div class="media p-2">
<span class="media-img">
<picture>
<source media="(min-width: 425px)" srcset="/content/campgrounds/chicago/events/13101events3968f45e-c569-4859-9b07-f5d8ec815642.jpg?preset=clpcarousel-sm">
<img src="/content/campgrounds/chicago/events/13101events3968f45e-c569-4859-9b07-f5d8ec815642.jpg?preset=clpcarousel-xs" alt="Fall Fest and Closing Weekend" title="Fall Fest and Closing Weekend" class="d-sm-block img-fluid" />
</picture>
</span>
<div class="media-body">
<h5>Fall Fest and Closing Weekend</h5>
<p><b>Campground</b></p>
<p>
<b>
Oct 11 - 13, 2024
</b>
</p>
<p>Join us to celebrate the Fall Season! There will be Trick-or-Treating, a Site Decoration Contest (win a free night of camping in 2025), and more fall-themed activities.</p>
</div>
<div class="media-calendar">
<span class="media-calendar-month">
Oct
</span>
<span class="media-calendar-days">
11 - 13
</span>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-2">
<a href="events/" class="btn btn-red-border draw-border-light faa-parent animated-hover ">More Events <i class="fas fa-chevron-circle-right faa-passing"></i></a>
</div>
</div>
</section>
<section class="clp-section clp-section-wts mt-5 pb-5">
<h2>Local Area</h2>
<div class="row w-100 ml-0 mr-0">
<div class="col-md-6 col-xl no-padding">
<div class="img-cover-box-outer">
<div class="img-cover-box img-cover-box-clickable d-flex justify-content-center">
<picture>
<source media="(min-width: 1200px)" srcset="/content/campgrounds/chicago/attractions/13101attractione71ed8cd-f329-48f1-9877-66accf6fe6c2.jpg?preset=srcset-xl">
<source media="(min-width: 992px)" srcset="/content/campgrounds/chicago/attractions/13101attractione71ed8cd-f329-48f1-9877-66accf6fe6c2.jpg?preset=srcset-lg">
<source media="(min-width: 768px)" srcset="/content/campgrounds/chicago/attractions/13101attractione71ed8cd-f329-48f1-9877-66accf6fe6c2.jpg?preset=srcset-md">
<source media="(min-width: 576px)" srcset="/content/campgrounds/chicago/attractions/13101attractione71ed8cd-f329-48f1-9877-66accf6fe6c2.jpg?preset=srcset-sm">
<img class="img-cover img-fluid w-100" src="/content/campgrounds/chicago/attractions/13101attractione71ed8cd-f329-48f1-9877-66accf6fe6c2.jpg?preset=srcset-xs" alt="Illinois Railway Museum" />
</picture>
<button class="btn icon-button close-overlay" title="Close Local Area"><i class="fal fa-times"></i></button>
<div class="local-area-overlay">
<div>
<p>See, ride and explore a museum in motion. See the trains Hollywood made famous. Ride the trains that took us to war and brought us back to peace. Explore a "living" history museum. One price covers admission and rides. Hours vary. Located only one mile from the KOA. For more information visit their web site!</p>
<p>
<a href="http://www.irm.org" title target="_blank" rel="nofollow" aria-label="Website for Illinois Railway Museum">Website<i class="fas fa-arrow-circle-right ml-1"></i></a>
</p>
<p><a href="local-area/" class="btn icon-button mt-4 faa-parent animated-hover" title="More Info" aria-label="More about Illinois Railway Museum">More <i class="fas fa-arrow-right"></i></a></p>
</div>
</div>
<button class="rounded col-11 mb-4 pl-3 pr-3 btn btn-blue-white local-area-overlay-btn">Illinois Railway Museum <i class="fas fa-plus-circle"></i></button>
</div>
</div>
</div>
<div class="col-md-6 col-xl no-padding">
<div class="img-cover-box-outer">
<div class="img-cover-box img-cover-box-clickable d-flex justify-content-center">
<picture>
<source media="(min-width: 1200px)" srcset="/content/campgrounds/chicago/attractions/13101attraction55dc2684-d9c8-42d1-bbbe-e779c15d6844.bmp?preset=srcset-xl">
<source media="(min-width: 992px)" srcset="/content/campgrounds/chicago/attractions/13101attraction55dc2684-d9c8-42d1-bbbe-e779c15d6844.bmp?preset=srcset-lg">
<source media="(min-width: 768px)" srcset="/content/campgrounds/chicago/attractions/13101attraction55dc2684-d9c8-42d1-bbbe-e779c15d6844.bmp?preset=srcset-md">
<source media="(min-width: 576px)" srcset="/content/campgrounds/chicago/attractions/13101attraction55dc2684-d9c8-42d1-bbbe-e779c15d6844.bmp?preset=srcset-sm">
<img class="img-cover img-fluid w-100" src="/content/campgrounds/chicago/attractions/13101attraction55dc2684-d9c8-42d1-bbbe-e779c15d6844.bmp?preset=srcset-xs" alt="Santa&#39;s Village Azoosment Park" />
</picture>
<button class="btn icon-button close-overlay" title="Close Local Area"><i class="fal fa-times"></i></button>
<div class="local-area-overlay">
<div>
<p>Great Family Fun........<br/>Close by & affordable<br/>Santa's Village Azoosment Park is an all inclusive park, meaning that one admission price covers all of your rides, all of the petting zoo, including Pony Rides, and all shows...and parking is FREE!</p>
<p>
<a href="http://santasvillagedundee.com/" title target="_blank" rel="nofollow" aria-label="Website for Santa&#39;s Village Azoosment Park">Website<i class="fas fa-arrow-circle-right ml-1"></i></a>
</p>
<p><a href="local-area/" class="btn icon-button mt-4 faa-parent animated-hover" title="More Info" aria-label="More about Santa&#39;s Village Azoosment Park">More <i class="fas fa-arrow-right"></i></a></p>
</div>
</div>
<button class="rounded col-11 mb-4 pl-3 pr-3 btn btn-blue-white local-area-overlay-btn">Santa&#39;s Village Azoosment Park <i class="fas fa-plus-circle"></i></button>
</div>
</div>
</div>
<div class="col-md-6 col-xl no-padding">
<div class="img-cover-box-outer">
<div class="img-cover-box img-cover-box-clickable d-flex justify-content-center">
<picture>
<source media="(min-width: 1200px)" srcset="/content/campgrounds/chicago/attractions/13101attractioneb06070b-51c9-4a49-8931-8f9e6197ad91.jpg?preset=srcset-xl">
<source media="(min-width: 992px)" srcset="/content/campgrounds/chicago/attractions/13101attractioneb06070b-51c9-4a49-8931-8f9e6197ad91.jpg?preset=srcset-lg">
<source media="(min-width: 768px)" srcset="/content/campgrounds/chicago/attractions/13101attractioneb06070b-51c9-4a49-8931-8f9e6197ad91.jpg?preset=srcset-md">
<source media="(min-width: 576px)" srcset="/content/campgrounds/chicago/attractions/13101attractioneb06070b-51c9-4a49-8931-8f9e6197ad91.jpg?preset=srcset-sm">
<img class="img-cover img-fluid w-100" src="/content/campgrounds/chicago/attractions/13101attractioneb06070b-51c9-4a49-8931-8f9e6197ad91.jpg?preset=srcset-xs" alt="Golf" />
</picture>
<button class="btn icon-button close-overlay" title="Close Local Area"><i class="fal fa-times"></i></button>
<div class="local-area-overlay">
<div>
<p>Two very nice golf courses are located near the campground. Check them out:<p><a class="bbcode-link" href="http://www.marengoridgegolfclub.com" target="_blank" rel="nofollow" title="http://www.marengoridgegolfclub.com">http://www.marengoridgegolfclub.com</a><br><a class="bbcode-link" href="http://www.blackstonegc.com" target="_blank" rel="nofollow" title="http://www.blackstonegc.com">http://www.blackstonegc.com</a></p></p>
<p><a href="local-area/" class="btn icon-button mt-4 faa-parent animated-hover" title="More Info" aria-label="More about Golf">More <i class="fas fa-arrow-right"></i></a></p>
</div>
</div>
<button class="rounded col-11 mb-4 pl-3 pr-3 btn btn-blue-white local-area-overlay-btn">Golf <i class="fas fa-plus-circle"></i></button>
</div>
</div>
</div>
<div class="col-md-6 col-xl no-padding">
<div class="img-cover-box-outer">
<div class="img-cover-box img-cover-box-clickable d-flex justify-content-center">
<picture>
<source media="(min-width: 1200px)" srcset="/content/campgrounds/chicago/attractions/13101attraction36bf80df-6a22-414f-a9fe-11d3414c5df0.jpg?preset=srcset-xl">
<source media="(min-width: 992px)" srcset="/content/campgrounds/chicago/attractions/13101attraction36bf80df-6a22-414f-a9fe-11d3414c5df0.jpg?preset=srcset-lg">
<source media="(min-width: 768px)" srcset="/content/campgrounds/chicago/attractions/13101attraction36bf80df-6a22-414f-a9fe-11d3414c5df0.jpg?preset=srcset-md">
<source media="(min-width: 576px)" srcset="/content/campgrounds/chicago/attractions/13101attraction36bf80df-6a22-414f-a9fe-11d3414c5df0.jpg?preset=srcset-sm">
<img class="img-cover img-fluid w-100" src="/content/campgrounds/chicago/attractions/13101attraction36bf80df-6a22-414f-a9fe-11d3414c5df0.jpg?preset=srcset-xs" alt="Bike Trails" />
</picture>
<button class="btn icon-button close-overlay" title="Close Local Area"><i class="fal fa-times"></i></button>
<div class="local-area-overlay">
<div>
<p>These websites provide more information on the many nearby walking and biking trails:<p><a class="bbcode-link" href="http://www.mccdistrict.org/web/re-bicycling.htm" target="_blank" rel="nofollow" title="http://www.mccdistrict.org/web/re-bicycling.htm">http://www.mccdistrict.org/web/re-bicycling.htm</a><br><a class="bbcode-link" href="http://www.traillink.com/city/union-il-trails.aspx" target="_blank" rel="nofollow" title="http://www.traillink.com/city/union-il-trails.aspx">http://www.traillink.com/city/union-il-trails.aspx</a></p></p>
<p><a href="local-area/" class="btn icon-button mt-4 faa-parent animated-hover" title="More Info" aria-label="More about Bike Trails">More <i class="fas fa-arrow-right"></i></a></p>
</div>
</div>
<button class="rounded col-11 mb-4 pl-3 pr-3 btn btn-blue-white local-area-overlay-btn">Bike Trails <i class="fas fa-plus-circle"></i></button>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center mt-3 w-100 text-center">
<a href="local-area/" class="btn btn-red-border draw-border-light mr-2 ml-2 faa-parent animated-hover">More Local Area Information <i class="fas fa-chevron-circle-right faa-passing"></i></a>
</div>
</section>
<section class="clp-section clp-section-auto clp-section-small-carousel">
<div class="container justify-content-center">
<div class="text-center">
<h2>Campground Blog</h2>
</div>
<div class="small-carousel-container">
<div id="blogSlider" class="small-carousel-slider">
<div>
<div class="media p-2">
<span class="media-img">
<picture>
<source media="(min-width: 425px)" srcset="/content/campgrounds/chicago/blogposts/13101blogposts6f5a8c42-53b8-4795-bbe7-a59421169951.jpg?preset=clpcarousel-sm">
<img src="/content/campgrounds/chicago/blogposts/13101blogposts6f5a8c42-53b8-4795-bbe7-a59421169951.jpg?preset=clpcarousel-xs" alt="Star Gazing and Fall Fests coming up" title="Star Gazing and Fall Fests coming up" class="d-sm-block img-fluid" />
</picture>
</span>
<div class="media-body">
<h5 id="blogPost0">Star Gazing and Fall Fests coming up</h5>
<p>Hello campersEven though summer is ending, the camping season is still in full swing! We are planning some fantastic activities for the upcoming weekends and look forward to...</p>
<p><a href="blog/star-gazing-and-fall-fests-coming-up_0f0cd177-9249-4b0f-acb3-63e6bb551cd5/" class="btn icon-button" title="More Info" aria-describedby="blogPost0">More <i class="fas fa-arrow-right"></i></a></p>
</div>
</div>
</div>
<div>
<div class="media p-2">
<span class="media-img">
<picture>
<source media="(min-width: 425px)" srcset="/content/campgrounds/chicago/blogposts/13101blogpostsa87cf983-3574-4656-a144-fd05400246b7.jpg?preset=clpcarousel-sm">
<img src="/content/campgrounds/chicago/blogposts/13101blogpostsa87cf983-3574-4656-a144-fd05400246b7.jpg?preset=clpcarousel-xs" alt="Ready for Camping!" title="Ready for Camping!" class="d-sm-block img-fluid" />
</picture>
</span>
<div class="media-body">
<h5 id="blogPost1">Ready for Camping!</h5>
<p>She is ready for camping! Are you?We had a good start to the new season and are now working on more flexibility in our booking windows.Please note that there is no 2-night...</p>
<p><a href="blog/ready-for-camping_d35ec3df-2311-4240-9568-5cdfe3aa5946/" class="btn icon-button" title="More Info" aria-describedby="blogPost1">More <i class="fas fa-arrow-right"></i></a></p>
</div>
</div>
</div>
<div>
<div class="media p-2">
<span class="media-img">
<picture>
<source media="(min-width: 425px)" srcset="/content/campgrounds/chicago/blogposts/13101blogpostse2650933-75bd-4d47-b071-27188d4b9f89.jpeg?preset=clpcarousel-sm">
<img src="/content/campgrounds/chicago/blogposts/13101blogpostse2650933-75bd-4d47-b071-27188d4b9f89.jpeg?preset=clpcarousel-xs" alt="A New Season!" title="A New Season!" class="d-sm-block img-fluid" />
</picture>
</span>
<div class="media-body">
<h5 id="blogPost2">A New Season!</h5>
<p>We are so excited about being open again, welcoming camping friends from past years, and meeting new guests every day. We upgraded some of the equipment at the park, ensured...</p>
<p><a href="blog/a-new-season_e8acbdcb-b28c-47e4-b80c-914a95395f71/" class="btn icon-button" title="More Info" aria-describedby="blogPost2">More <i class="fas fa-arrow-right"></i></a></p>
</div>
</div>
</div>
<div>
<div class="media p-2">
<span class="media-img">
<picture>
<source media="(min-width: 425px)" srcset="/content/campgrounds/chicago/blogposts/13101blogpostsf1368a5a-e8fd-437d-a860-eddfe2700b71.jpeg?preset=clpcarousel-sm">
<img src="/content/campgrounds/chicago/blogposts/13101blogpostsf1368a5a-e8fd-437d-a860-eddfe2700b71.jpeg?preset=clpcarousel-xs" alt="Spring will be here before we know it!" title="Spring will be here before we know it!" class="d-sm-block img-fluid" />
</picture>
</span>
<div class="media-body">
<h5 id="blogPost3">Spring will be here before we know it!</h5>
<p><p>The days are getting longer and warmer! Spring is around the corner!</p><p>We are looking forward to seeing you again in just a few weeks!</p></p>
<p><a href="blog/spring-will-be-here-before-we-know-it_08396172-a762-4324-ab3e-475b054b571e/" class="btn icon-button" title="More Info" aria-describedby="blogPost3">More <i class="fas fa-arrow-right"></i></a></p>
</div>
</div>
</div>
<div>
<div class="media p-2">
<span class="media-img">
<picture>
<source media="(min-width: 425px)" srcset="/content/campgrounds/chicago/blogposts/13101blogposts72c1de26-07a3-422e-bcf3-31e4493c2195.JPG?preset=clpcarousel-sm">
<img src="/content/campgrounds/chicago/blogposts/13101blogposts72c1de26-07a3-422e-bcf3-31e4493c2195.JPG?preset=clpcarousel-xs" alt="End of Season!" title="End of Season!" class="d-sm-block img-fluid" />
</picture>
</span>
<div class="media-body">
<h5 id="blogPost4">End of Season!</h5>
<p><p>Thank you to all our wonderful campers for an excellent season. It was a lot of work, but a ton of fun!&nbsp;</p><p>We look forward to seeing everybody again next year!</p></p>
<p><a href="blog/end-of-season_ae5fd024-9e7f-428d-b84b-c036c869a157/" class="btn icon-button" title="More Info" aria-describedby="blogPost4">More <i class="fas fa-arrow-right"></i></a></p>
</div>
</div>
</div>
<div>
<div class="media p-2">
<span class="media-img">
<picture>
<source media="(min-width: 425px)" srcset="/content/campgrounds/chicago/blogposts/13101blogposts8e0255d7-20ec-42c2-8221-90cc14caa348.jpg?preset=clpcarousel-sm">
<img src="/content/campgrounds/chicago/blogposts/13101blogposts8e0255d7-20ec-42c2-8221-90cc14caa348.jpg?preset=clpcarousel-xs" alt="Fall Fest" title="Fall Fest" class="d-sm-block img-fluid" />
</picture>
</span>
<div class="media-body">
<h5 id="blogPost5">Fall Fest</h5>
<p><p>Get ready for three weekends of Fall fun! (9/24 - 10/8) Among the all-time favorites are our Site Decorating Contest, Trick-or-Treating and the Haunted Hay Wagon Ride!</p></p>
<p><a href="blog/fall-fest_624c29b2-d0ee-44d8-a38b-356d0a435a39/" class="btn icon-button" title="More Info" aria-describedby="blogPost5">More <i class="fas fa-arrow-right"></i></a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="clp-section clp-section-auto">
<div class="row w-100">
<div class="col-12">
<div class="container text-center">
<h2>Campground Awards and Programs</h2>
</div>
</div>
</div>
<div class="row w-100">
<div class="col-12">
<div class="container text-center">
<ul class="list-inline">
<li class="list-inline-item p-3 award-program-item" style="cursor: pointer" id="li-foundersawardimage">
<button class="btn-a" role="tooltip" tabindex="0" data-untranslated-title="Founder&#39;s Award" title="Founder&#39;s Award" data-toggle="popover" data-trigger="manual" data-html="true" data-content="<p>KOA&#39;s highest service award, presented to KOA owners that achieve world class service scores from their camping guests.</p>" data-original-content="<p>KOA&#39;s highest service award, presented to KOA owners that achieve world class service scores from their camping guests.</p>" aria-expanded="false">
<img src="/content/images/awards_2024_founders.png?preset=awards" alt="Founder&#39;s Award" title="Founder&#39;s Award" class="img-fluid" />
</button>
</li>
<li class="list-inline-item p-3 award-program-item" style="cursor: pointer" id="li-presidentsawardimage">
<button class="btn-a" role="tooltip" tabindex="0" data-untranslated-title="President&#39;s Award" title="President&#39;s Award" data-toggle="popover" data-trigger="manual" data-html="true" data-content="<p>Awarded to KOAs that meet exceptional quality standards and are recognized by their guests for outstanding service.</p>" data-original-content="<p>Awarded to KOAs that meet exceptional quality standards and are recognized by their guests for outstanding service.</p>" aria-expanded="false">
<img src="/content/images/awards_2024_presidents.png?preset=awardspresident" alt="President&#39;s Award" title="President&#39;s Award" class="img-fluid" />
</button>
</li>
<li class="list-inline-item p-3 award-program-item" style="cursor: pointer" id="koaCareCamps">
<btn class="btn-a" role="tooltip" tabindex="0" data-untranslated-title="Care Camps" title="Care Camps" data-toggle="popover" data-trigger="manual" data-container="#koaCareCamps" data-html="true" data-original-content="<p>This badge has been earned by this KOA Campground for compassion and support of Care Camps. It is given out following our Big Weekend, and is in effect for one year.</p><p><a href=&quot;//koa.com/community-camping-programs/care-camps/&quot; aria-label=&quot;Learn More About Care Camps&quot; class=&quot;font-weight-bold&quot;>Learn More <i class=&quot;fas fa-arrow-right&quot;></i></a></p>" data-content="<p>This badge has been earned by this KOA Campground for compassion and support of Care Camps. It is given out following our Big Weekend, and is in effect for one year.</p><p><a href=&quot;//koa.com/community-camping-programs/care-camps/&quot; aria-label=&quot;Learn More About Care Camps&quot; class=&quot;font-weight-bold&quot;>Learn More <i class=&quot;fas fa-arrow-right&quot;></i></a></p>" aria-expanded="false">
<img src="/content/images/awards-care-camps.png" class="img-fluid" alt="Care Camps" title="Care Camps" />
</btn>
</li>
</ul>
</div>
</div>
</div>
</section>
</div>
<div class="campground-footer" id="campgroundFooter">
<div class="container">
<div class="row">
<div class="col-xs-1 col-sm-2 col-lg-1">
<a href="#modal-segmentation" data-toggle="modal" class="clp-brand-segmentation-logo-footer"><img src="/content/images/bp/KOA-Holiday-Campground-Logo.png" alt="KOA Holidays" title="KOA Holidays" width="125" height="160" class="img-fluid" /></a>
</div>
<div class="col-xs-11 col-sm-10 col-lg-7">
<h2 class="mt-0 font-size-h1">Chicago Northwest KOA Holiday</h2>
<div class="row">
<div class="col-sm-6">
<div><b>Open April 12 to October 13</b></div>
<div><b>Reserve:</b> <a href="tel:1-800-562-2827">1-800-562-2827</a></div>
<div><b>Info:</b> <a href="tel:1-815-923-4206">1-815-923-4206</a></div>
<div><b>8404 South Union Road</b></div>
<div><b>Union, IL 60180</b></div>
</div>
<div class="col-sm-6">
<div><a href="/cdn-cgi/l/email-protection#6201030f1222010a0b0103050d090d034c010d0f" class="gtm-mailto-click" title="Email us at camp@chicagokoa.com"><i class="fas fa-envelope"></i> Email This Campground</a></div>
<div>
<a href="#" title="Check In and Check Out Times" data-toggle="modal" data-target="#checkInTimes"><i class="fas fa-calendar-check"></i> Check-In/Check-Out Times</a>
</div>
<div id="checkInTimes" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Check-In/Check-Out Times</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p><b>RV Sites, Tent Sites</b></p>
<p>Check-in: 1:00 pm, Check-out: 12:00 pm</p>
<p><b>Accommodations</b></p>
<p>Check-in: 2:00 pm, Check-out: 11:00 am</p>
</div>
</div>
</div>
</div>
<div>
<a href="#" title="Operating Hours" data-toggle="modal" data-target="#operatingHours"><i class="fas fa-clock"></i> Operating Hours</a>
</div>
<div id="operatingHours" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Operating Hours</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<ul>
<li><strong>Sunday</strong>: Open 9:00 AM to 6:00 PM</li>
<li><strong>Monday</strong>: Open 9:00 AM to 6:00 PM</li>
<li><strong>Tuesday</strong>: Open 9:00 AM to 6:00 PM</li>
<li><strong>Wednesday</strong>: Open 9:00 AM to 6:00 PM</li>
<li><strong>Thursday</strong>: Open 9:00 AM to 6:00 PM</li>
<li><strong>Friday</strong>: Open 9:00 AM to 7:00 PM</li>
<li><strong>Saturday</strong>: Open 9:00 AM to 7:00 PM</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<a href="#" title="Driving Directions" data-toggle="modal" data-target="#drivingDirections"><i class="fas fa-map"></i> Driving Directions</a>
</div>
<div id="drivingDirections" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Driving Directions</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<b>From I-90 driving West:</b> Exit 42, IL 20 (Marengo/Hampshire); turn left (west) onto Hwy 20; 4 1/2 miles then right onto South Union Rd. Follow signs to Wild West Town.<br/><b>From I-90 driving East:</b> Exit 36, IL 23 (Marengo): follow IL 23 north, turn right onto Harmony Road, turn left unto Maple, turn right onto Beck, turn left onto S. Union Road.<br/>Driveway entrance next to Wild West Town.</p><p>(We recommend to always check for area construction updates)</p><p><b>GPS:</b> N42.206118, W88.550137
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-4 justify-content-start">
<div class="col-12">
<span class="d-inline-block mr-2 font-weight-bold">Connect With Us: </span>
<ul class="list-inline d-inline-block">
<li class="list-inline-item"><a target="_blank" href="https://www.facebook.com/ChicagoKOA" title="Facebook for Chicago Northwest KOA Holiday" style="display:inline-block;" rel="nofollow"><i class="fab fa-facebook"></i> Facebook</a></li>
<li class="list-inline-item"><a target="_blank" href="https://www.twitter.com/ChicagoKOA" title="Twitter for Chicago Northwest KOA Holiday" style="display:inline-block;" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" /></svg> Twitter</a></li>
<li class="list-inline-item"><a target="_blank" href="https://www.instagram.com/chicagonorthwestkoa/" title="Instagram for Chicago Northwest KOA Holiday" rel="nofollow"><i class="fab fa-instagram"></i> Instagram</a></li>
</ul>
</div>
<div class="col-12">
<span class="d-inline-block mr-2 font-weight-bold">Share This: </span>
<ul class="list-inline d-inline-block">
<li class="list-inline-item"><a href="#" data-type="facebook" data-url="https://koa.com/campgrounds/chicago/?feed=rss2" data-title="Union, Illinois Campground | Chicago Northwest KOA Holiday" data-description="Chicago Northwest KOA Holiday is located in Union, Illinois and offers great camping sites! Click here to find out more information or to book a reservation." data-media="https://koa.com/content/campgrounds/chicago/heroitems/13101heroitems84b6f4e1-d0eb-4c68-ba13-9fb1e1151125.JPG" class="fb-share" aria-label="Share to Facebook"><i class="fab fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="#" data-type="twitter" data-url="https://koa.com/campgrounds/chicago/?feed=rss2" data-description="Chicago Northwest KOA Holiday is located in Union, Illinois and offers great camping sites! Click here to find out more information or to book a reservation." class="prettySocial" aria-label="Share to Twitter"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" /></svg></a></li>
<li class="list-inline-item"><a href="#" data-type="pinterest" data-url="https://koa.com/campgrounds/chicago/?feed=rss2" data-description="Chicago Northwest KOA Holiday is located in Union, Illinois and offers great camping sites! Click here to find out more information or to book a reservation." data-media="https://koa.com/content/campgrounds/chicago/heroitems/13101heroitems84b6f4e1-d0eb-4c68-ba13-9fb1e1151125.JPG" class="prettySocial" aria-label="Share on Pinterest"><i class="fab fa-pinterest-square"></i></a></li>
<li class="list-inline-item"><a class="btn-email" title="Email This Page" href="/share/?enc=UDDMa+q5KO5fjGBsLht3lMiIW0B7zZMSfFDoTL3FrkVWmIhSu1dd6YmTBHoOdlNxcvgSncuSV3r5qB5EEeESZh4Ufc9GACiGj38ugW3vi4KOPs920dYBe77i8olYV4+IJ7vaPzCZEsDIUdXQ5rNDrcSok+sLYikB682mInfYSARE4Yi/7bm29z/KDy3VxdXmeKcM8AYpDZDF3fs6LcAGsMjAiUksajCLF20SP7S49SDbFENe5zXm2/dQNFbqB5yVeLJ/CW+6f+qYtgjkhBT/E8uYsAXbN2DFsrcnodr92Afukg0wJWnsJ7/oN4ErlHW28d2W8yqEH/tiY1x0+lk1nkwUAI8MvMIT99NUMXEww1c=" aria-label="Share in Email"><i class="fas fa-envelope"></i></a></li>
</ul>
</div>
<div class="col-12">
<ol class="breadcrumb clp-breadcrumb">
<li class="breadcrumb-item"><a href="//koa.com/campgrounds/" title="Find A KOA" class="font-weight-normal">KOA Campgrounds</a></li>
<li class="breadcrumb-item"><a href="//koa.com/regions/midwest/" title="Midwest Region" class="font-weight-normal">Midwest Region</a></li>
<li class="breadcrumb-item"><a href="//koa.com/states-provinces/illinois/" title="Illinois Campgrounds" class="font-weight-normal">Illinois Campgrounds</a></li>
<li class="breadcrumb-item">Chicago Northwest KOA Holiday</li>
</ol>
</div>
</div>
</div>
<div class="col-lg-4 text-center">
<a href="https://www.google.com/maps/dir/?api=1&destination=8404+South+Union+Road+Union+IL+60180" title="Get Google directions for Chicago Northwest KOA Holiday" target="_blank">
<img src="https://maps.googleapis.com/maps/api/staticmap?markers=icon:https%3A%2F%2Fkoa.com%2Fcontent%2Fimages%2Fmap-icon.png%7C42.2061180000,-88.5501370000&amp;zoom=16&amp;size=450x300&amp;key=AIzaSyD04VSzomVbcF34IZssDKCkIQG5DziZ648&amp;signature=hHK1O_hyjBTmmrIDuFNwDH1L6ac=" width="450" height="300" class="img-fluid" alt="Chicago Northwest KOA Holiday Map" />
</a>
<div class="clearfix"></div>
<a href="https://www.google.com/maps/dir/?api=1&destination=8404+South+Union+Road+Union+IL+60180" target="_blank">Get Google Directions</a>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<footer class="footer-2">
<div class="container-fluid footer-bottom px-3 py-5">
<div class="container">
<div class="row">
<div class="col-12 col-lg-3">
<div class="footer-card outside-card pt-0 p-lg-0">
<span>
<a class="footer-card-header" data-toggle="collapse" href="#footerCardOutside">Get Outside <span class="fa fa-angle-down footer-mobile-icon"></span></a>
</span>
<div class="footer-card-body collapse" id="footerCardOutside">
<ul>
<li><a href="/find-a-koa/">Find a KOA Campground</a></li>
<li><a href="/campgrounds/">All KOA Campgrounds</a></li>
<li><a href="/rewards/">KOA Rewards</a></li>
<li><a href="/community-camping-programs/care-camps/donations/">Donate to Care Camps</a></li>
<li><a href="//koa.com/login/?ReturnUrl=https://koa.com/campgrounds/chicago/?feed=rss2">Login or Create KOA.com account</a></li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="footer-card about-card p-lg-0">
<span>
<a class="footer-card-header" data-toggle="collapse" href="#footerCardAbout">About KOA <span class="fa fa-angle-down footer-mobile-icon"></span></a>
</span>
<div class="footer-card-body collapse" id="footerCardAbout">
<ul>
<li><a href="/why-koa/">The KOA Difference</a></li>
<li><a href="/koa-get-out-there-grants/">KOA "Get Out There" Grants</a></li>
<li><a href="/foundation/">KOA Foundation</a></li>
<li><a href="http://www.koapressroom.com/">Press Room</a></li>
<li><a href="https://us231.dayforcehcm.com/CandidatePortal/en-US/koa ">Careers</a></li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="footer-card resources-card p-lg-0">
<span>
<a class="footer-card-header" data-toggle="collapse" href="#footerCardResources">Resources <span class="fa fa-angle-down footer-mobile-icon"></span></a>
</span>
<div class="footer-card-body collapse" id="footerCardResources">
<ul>
<li><a href="/blog/">KOA Blog</a></li>
<li><a href="/north-american-camping-report/">North American Camping & Outdoor Hospitality Report</a></li>
<li><a href="/north-american-glamping-report/">North American Glamping Report</a></li>
<li><a href="/contact-us/">Contact Us / Get Help / FAQ</a></li>
<li><a href="http://koa.uberflip.com/i/1492745-koa-digital-directory-fnlr">Download KOA Directory</a></li>
<li><a href="/sitemap/">Site Map</a></li>
<li><a href="https://ownakoa.com/">Buy a KOA</a></li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="footer-card legal-card p-lg-0">
<span>
<a class="footer-card-header" data-toggle="collapse" href="#footerCardLegal">Legal <span class="fa fa-angle-down footer-mobile-icon"></span></a>
</span>
<div class="footer-card-body collapse" id="footerCardLegal">
<ul>
<li><a href="/privacy/">Privacy Policy</a></li>
<li><a href="/privacy/terms-of-use/">Terms of Use</a></li>
<li><a href="/accessibility/">Accessibility Statement</a></li>
<li><a href="/contact-us/faqs/8/801/">KOA National Cancellation Policy</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<div id="saved-reservations" class="collapse container-fluid" style="z-index:1032; top:52px;">
<div class="row d-block d-lg-none">
<div class="col-sm-12 text-right pt-2">
<a href="javascript:void(0);" class="close" aria-expanded="false" aria-controls="saved-reservations" data-target="#saved-reservations" data-hover="collapse" data-toggle="collapse" style="float:none;"><i class="fas fa-window-close"></i></a>
</div>
</div>
<div class="row pt-2">
<div class="row pt-3">
<div class="col-2">
</div>
<div class="col-8">
<h2>Oh My, There's Nothing Here!</h2>
<p>That doesn't mean this area has to always be empty. When you start reviewing camping options, your history will display here to help compare sites and find the best stay. You will be able to share your stay information with friends or family and save it for a later time if you have a KOA Account.<p>
</div>
<div class="col-2">
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 text-center saved-res-bottom-links pt-4">
<a href="javascript:void(0);" aria-expanded="false" aria-controls="saved-reservations" data-target="#saved-reservations" data-hover="collapse" data-toggle="collapse"><i class="far fa-window-close"></i> Close Window</a>
</div>
</div>
</div>
<div id="shopping-cart-wrapper" style="z-index:1029; padding-top:52px; top:0px;">
<div id="shopping-cart-content" style="padding-left:5px; padding-right:5px;">
<div class="container-fluid no-padding">
<div class="row d-block">
<div class="col-sm-12 text-right pt-2">
<a id="shopping-cart-close-link-top" href="javascript:void(0);" class="close" style="float:none; font-size:1em;"><i class="fas fa-window-close"></i></a>
</div>
</div>
<div id="shopping-cart-checkout-button" class="row d-none">
<div class="col-sm-12 pt-2 pb-2">
<a href="/shopping-cart/checkout/" class="button-small btn-cart-checkout chevron-right koa-red-bg text-center text-uppercase w-100">Checkout Now</a>
</div>
</div>
<div id="shopping-cart-cart-items-wrapper" class="row pt-2">
</div>
<div id="shopping-cart-empty-cart-message" class="row pt-3 ">
<div class="offset-1 col-10">
<h4>Your cart is empty!</h4>
<p>Make checkout easy by booking all your reservations at once. Add your sites from different campgrounds into your shopping cart* and then choose checkout.<p>
<p class="text-center pt-4"><a href="/search/" class="button-small chevron-right koa-blue-bg text-center text-uppercase w-100">Find A KOA</a></p>
</div>
</div>
<div class="row">
<div class="offset-1 col-10 shopping-cart-bottom-links pt-3 text-small text-muted">
<small>*Sites added to your shopping cart are not guaranteed, and are sold on a first-come, first-served basis.</small>
</div>
</div>
<div class="row">
<div class="col-sm-12 text-center shopping-cart-bottom-links pt-4">
<span id="shopping-cart-clear-cart-wrapper" class="d-none">
<a class="shopping-cart-clear-cart" href="#"><i class="fas fa-trash-alt"></i> Clear Cart</a><text> | </text>
</span>
<a href="javascript:void(0);" id="shopping-cart-close-link-bottom"><i class="far fa-window-close"></i> Close Window</a>
</div>
</div>
</div>
</div>
</div>
<div id="modal-window" class="modal fade" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content" style="padding:15px;">

</div>
</div>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script language="javascript" type="text/javascript">
	var resizeTimeout;
	
	function resizeIframe(obj) {
		if (resizeTimeout) {
			clearTimeout(resizeTimeout);
		}
		resizeTimeout = setTimeout(function () {
			obj.style.height = obj.contentWindow.document.body.scrollHeight + 20 + 'px';
		}, 1000);
	}
	
	window.closeIFrameModal = function () {
		$('#modal-window-iframe').modal('hide');
	};
</script>
<div id="modal-window-iframe" class="modal fade" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content" style="padding:15px;">
<div class="modal-header">
<h5 class="modal-title text-uppercase" id="modal-window-iframe-title"></h5>
<button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true" aria-label="Close"><i class="fas fa-window-close"></i></button>
</div><iframe src="about:blank" width="99.6%" frameborder="0" scrolling="no" onload="resizeIframe(this);"></iframe>
</div>
</div>
</div>
<script language="javascript" type="text/javascript">
	function resizeScrollingIframe(obj) {
		var $height = $(window).height();
		$(obj).closest(".modal-content").css("height", (parseInt($height) + 20) + "px");
		if (obj.contentWindow.document.body.scrollHeight > 1500) {
			obj.style.height = (parseInt($height) - 180) + "px";// "355px";// obj.contentWindow.document.body.scrollHeight / 3 + 'px';
		} else {
			obj.style.height = (parseInt($height) - 180) + "px"; //"355px";// obj.contentWindow.document.body.scrollHeight / 2 + 'px';
		}
	}
</script>
<div id="modal-window-iframe-scroll" class="modal fade" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content" style="padding:15px;overflow-y:scroll;">
<div class="modal-header" style="border-bottom:0px none;">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" aria-label="Close"><i class="fas fa-window-close"></i></button>
</div>
<iframe src="about:blank" width="99.6%" frameborder="0" scrolling="yes" onload="resizeScrollingIframe(this);"></iframe>
</div>
</div>
</div>
<div id="modal-window-iframe-extra-large" class="modal fade" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content" style="padding:15px;">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" aria-label="Close" style="position:absolute; right:12px; top:10px; z-index:10000;"><i class="fas fa-window-close"></i></button>
<iframe src="about:blank" width="99.6%" frameborder="0" scrolling="no" onload="resizeIframe(this);"></iframe>
</div>
</div>
</div>
<div id="modal-window-iframe-lg" class="modal fade" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content" style="padding:15px;">
<div class="modal-header">
<h5 class="modal-title text-uppercase" id="modal-window-iframe-lg-title"></h5>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" aria-label="Close"><i class="fas fa-window-close"></i></button>
</div>
<iframe src="about:blank" width="99.6%" frameborder="0" scrolling="no" onload="resizeIframe(this);"></iframe>
</div>
</div>
</div>
<div id="modal-window-iframe-xl" class="modal fade" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content" style="padding:15px;">
<div class="modal-header">
<h5 class="modal-title text-uppercase" id="modal-window-iframe-xl-title"></h5>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" aria-label="Close"><i class="fas fa-window-close"></i></button>
</div>
<iframe src="about:blank" width="99.6%" frameborder="0" scrolling="no" onload="resizeIframe(this);"></iframe>
</div>
</div>
</div>

<div class="modal fade" id="add-to-cart-modal" tabindex="-1" role="dialog" aria-labelledby="add-to-cart-modal-label" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="add-to-cart-modal-label">Cart Updated!</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Your site was successfully added to your shopping cart.</p>
<div class="warning-message font-weight-bold font-italic pb-2"></div>
<p class="text-muted"><small>As a reminder, sites saved in your shopping cart are not guaranteed, and are sold on a first-come, first-served basis. If you are interested in a specific campground or site, or availability is limited, we suggest you checkout promptly.</small></p>
</div>
<div class="modal-footer">
<div class="container no-padding">
<div class="row">
<div class="col-md-6 pb-2 pb-sm-0 order-2 order-md-1 pt-2 pt-md-0 text-center text-lg-left">
<a href="/search/"><i class="fas fa-search"></i> Reserve Another Campground</a>
</div>
<div class="col-md-6 order-1 order-md-2 text-center text-lg-right">
<button type="button" class="btn btn-cart-view-cart btn-yellow-border draw-border-dark faa-parent animated-hover"><i class="fal fa-shopping-cart faa-tada"></i>View Cart</button>
<a href="/shopping-cart/checkout/" class="button-small btn-cart-checkout chevron-right koa-red-bg text-center text-uppercase mt-2 mt-lg-0">Checkout</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="modal fade" id="add-to-cart-error-modal" tabindex="-1" role="dialog" aria-labelledby="add-to-cart-modal-label" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="add-to-cart-modal-label">Add To Cart - Error</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="alert alert-danger" role="alert">
<div class="error-message"></div>
</div>
</div>
</div>
</div>
</div>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8cc82031ec66d0a6',t:'MTcyNzkwODExMC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
