/*h1
{
	float: left;
	margin:0 0 15px 0;
	font-size:30px;
	line-height:33px;
	width: 700px;
}*/

.feature-text {
	font-size: 22px;
	line-height: 1.4;
}

hr {
	clear: both;
	border: 2px solid #D3D3D3;
	margin-bottom: 10px;
}

#change-state {
	float: right;
}

	#change-state .selectmenu-basic {
		float: right;
		width: 193px;
		height: 24px;
		position: relative;
	}

		#change-state .selectmenu-basic div {
			padding: 0 15px 0 0;
			height: 100%;
			background: url(https://koa.com/content/images/sprite_sliding_door.png) no-repeat 100% -736px;
		}

		#change-state .selectmenu-basic span {
			display: block;
			padding: 0 0 0 10px;
			height: 100%;
			color: #333;
			font-size: 12px;
			font-weight: normal;
			line-height: 25px;
			background: url(https://koa.com/content/images/sprite_sliding_door.png) no-repeat 0 -688px;
		}

		#change-state .selectmenu-basic select {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 24px;
			opacity: 0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			cursor: pointer;
		}

h3.sizable-paint {
	float: left;
	position: relative;
	margin: 5px 0 0 -20px;
	padding: 2px 6px 15px 13px;
	z-index: 1;
	height: 43px;
	background: url(https://koa.com/content/images/brush.png) no-repeat 0 0;
	font-size: 34px;
	white-space: nowrap;
}

	h3.sizable-paint span {
		position: relative;
		z-index: 1;
	}

	h3.sizable-paint div {
		position: absolute;
		top: -5px;
		width: 30px;
		height: 53px;
	}

		h3.sizable-paint div.sizable-paint-left {
			left: -1px;
			background: url(https://koa.com/content/images/brush-left.png) no-repeat 0 0;
		}

		h3.sizable-paint div.sizable-paint-right {
			right: -1px;
			background: url(https://koa.com/content/images/brush-right.png) no-repeat 0 0;
		}

.state-info, .state-info-todo {
	float: left;
	width: 450px;
	margin: 0 15px 0 0;
	padding: 0 0 35px 0;
}

.state-info-todo {
	width: 450px;
	margin-right: 17px;
}

#state-map-sticky.advanced-search {
	margin-bottom: 10px;
}

@media(max-width: 768px) {
	#state-map-sticky {
		position: revert !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}


.state-map {
	width: 100%;
	height: 100%;
}

	.state-map #google-map {
		min-height: 600px;
		cursor: pointer;
	}

@media screen and (max-height:900px) {
	.state-map #google-map {
		min-height: 300px;
		height: 300px;
		cursor: pointer;
	}

	.state-listings-container {
		min-height: 500px;
	}
}

.sticky {
	position: fixed;
	top: 81px;
}

.state-info h4, .state-info-todo h4, #campground-list-by-state th h4 {
	margin: 0 0 10px 0;
	padding: 0 0 0 12px;
	background: url(https://koa.com/content/images/sprite_no_repeat.png) no-repeat 0 2px;
	font-size: 16px;
	line-height: 16px;
}

.state-info-intro {
	margin: 0 0 20px 0;
}

.state-info-todo li {
	padding: 10px 0;
	background: url(https://koa.com/content/images/dot_horizontal_black.png) repeat-x scroll 0 0;
}

	.state-info-todo li a {
		font-weight: bold;
	}

#campground-list-by-state {
	width: 100%;
}

	#campground-list-by-state th h4 {
		margin: 0;
		padding: 0 0 0 12px;
	}

	#campground-list-by-state th {
		padding: 14px 0;
		border-top: 3px solid #D3D3D3;
		border-bottom: 3px solid #D3D3D3;
	}

	#campground-list-by-state td {
		padding: 14px 0;
	}

	#campground-list-by-state tr.odd td {
		background: #F4F4F4;
	}

	#campground-list-by-state td.camp-name {
		padding-left: 15px;
		padding-right: 15px;
	}

	#campground-list-by-state td.camp-events {
		padding-right: 15px;
	}

	#campground-list-by-state td.camp-hot-deals {
		padding-right: 15px;
	}

	#campground-list-by-state th.camp-name, #campground-list-by-state td.camp-name {
		width: 310px;
	}

	#campground-list-by-state th.camp-events, #campground-list-by-state td.camp-events {
		width: 290px;
	}

	#campground-list-by-state th.camp-hot-deals, #campground-list-by-state td.camp-hot-deals {
	}

	#campground-list-by-state th.camp-events, #campground-list-by-state th.camp-hot-deals {
		font-size: 16px;
		font-weight: bold;
		line-height: 16px;
	}

	#campground-list-by-state .link-action3 {
		color: #000;
		font-size: 14px;
		line-height: 16px;
	}

	#campground-list-by-state .location {
		font-size: 13px;
		font-style: italic;
	}

.campground-listing {
	min-height: 315px;
}

	.campground-listing:hover, .hover-state {
		background-color: #dddddd;
		cursor: pointer;
	}

@media only screen and (max-width:400px) {
	.campground-listing-container {
		width: 100%;
	}
}

@media only screen and (min-width:992px) {
	.campground-listing {
		min-height: 285px;
	}
}

@media only screen and (min-width:1200px) {
	.campground-listing {
		min-height: 260px;
	}
}

@media only screen and (min-width:1600px) {
	.campground-listing {
		min-height: 345px;
	}
}

.filter {
	font-size: 12px;
}

	.filter > div {
		background-color: #f4f4f4;
		/*min-height: 40px;*/
		padding: 0px 10px 10px 10px;
	}

	.filter .form-control, .filter .btn-default {
		font-size: 12px;
		padding: 6px 0;
	}

	.filter .form-group {
		margin-left: 15px;
	}

	.filter label {
		text-transform: uppercase;
		font-family: "Fjalla one";
	}

@media (min-width:1100px) {
	.filter {
		margin-top: 80px;
	}
}

#amentiesFilter.dropdown-menu {
	left: 50px;
}

.btn.btn-red.state-reserve {
	font-family: 'Fjalla one';
	width: auto;
	font-size: 0.7em;
	position: absolute;
	bottom: 10px;
	right: 10px;
	left: 10px;
}

@media (min-width:768px) {
	.btn.btn-red.state-reserve {
		font-size: 0.8em;
	}
}

#results-info-overlay {
	display: none;
	position: absolute;
	top: 60px;
	right: 20px;
	z-index: 0;
	margin: 0;
	width: 230px;
	border: solid 1px #aaa;
}

@media (min-width:992px) {
	#results-info-overlay {
		top: 100px;
		right: 40px;
	}
}

.btn-close {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 3px;
	/*width: 13px;*/
	/*height: 12px;*/
	/*background: url(/content/images/sprite_no_repeat_v2.png) no-repeat 0 -579px;*/
	/*text-indent: -1000px;*/
}

	.btn-close:after {
		content: "\e014";
		display: inline-block;
		font-family: "Glyphicons Halflings";
		color: #333;
	}

	.btn-close:hover:after {
		color: #EF3A43;
	}

#camp-info .btn-close {
	top: -4px;
	right: -8px;
}

.camp-name {
	display: table-cell;
	margin: 0 0 3px 0;
	font-family: "Fjalla One";
	color: #333;
	padding: 10px 0;
	vertical-align: middle;
}

	.camp-name h5:after {
		content: "\e250";
		display: inline-block;
		font-family: "Glyphicons Halflings";
		color: #EF3A43;
		padding-left: 5px;
		font-size: 13px;
	}

#state-faq {
	margin-top: 20px;
}

	#state-faq .panel {
		border-color: #f2f2f2;
		margin-bottom: 2px;
	}

		#state-faq .panel .panel-heading {
			background-color: #f2f2f2;
			text-align: left;
		}

			#state-faq .panel .panel-heading .panel-title {
				text-transform: none;
				font-family: 'Gibson Semibold';
				font-size: 20px;
				line-height: 1.4;
			}

				#state-faq .panel .panel-heading .panel-title a {
					display: flex;
				}

					#state-faq .panel .panel-heading .panel-title a span.fa {
						line-height: 1.4;
						margin-left: auto;
					}

		#state-faq .panel .panel-body {
			background-color: #fff;
		}

			#state-faq .panel .panel-body ul, #state-faq .panel .panel-body ol {
				padding-left: 30px;
			}

				#state-faq .panel .panel-body ul li {
					list-style-type: disc;
				}

				#state-faq .panel .panel-body ol li {
					list-style-type: decimal;
				}

#nearby-locations {
	margin: 0;
}

	#nearby-locations ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}



@media (min-width: 992px) {
	#nearby-locations ul {
		grid-template-columns: repeat(3, 1fr);
	}
}


#nearby-locations ul li {
	list-style-type: disc !important;
	margin-bottom: 0.4em;
	margin-left: 1.5em;
}

	#nearby-locations ul li a {
		color: #000;
		text-decoration: underline;
	}
