@import url(/wp-includes/css/dashicons.min.css);

.ill_directory *, .ill_directory_form, .ill_directory_form *, .ill_directory_map_wrap, .ill_directory_map_wrap * { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }
.ill_directory_back {
	display: inline-block;
	float: right;
	vertical-align: middle;
}
.ill_directory_back:before {
	display: inline-block;
	padding: 0 .25em 0 0;
	vertical-align: middle;
	content: "\f141";
	font: 16px 'dashicons';
}
.ill_directory_intro_text { margin-bottom: 1em; }
#ill_directory_form {
	margin: 0;
}
#ill_directory_form input[type=text] {
	border: 1px solid #888;
	display: inline-block;
	height: 2.07em;
	margin: 0 0 12px 0;
	padding: .3em 1.6em .3em .6em;
	vertical-align: middle;
	width: 20em;
	background-color: #fff;
	color: #333;
	border-radius: 5px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .15) inset;
}
#content #main #ill_directory_form > span {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
#content #main #ill_directory_form > span > input[type=text] {
	width: 100%;
	margin-bottom: 0;
}
#ill_directory_form label { display: none; }
#ill_directory_form select {
	border: 1px solid #888;
	display: inline-block;
	height: 2.07em;
	margin: 0 0 12px 0;
	padding: .3em .6em;
	vertical-align: top;
	background-color: #fff;
	color: #333;
	cursor: pointer;
	font-size: 100%;
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 0 -3px 5px rgba(0, 0, 0, .15) inset;
}
#ill_directory_form input[type=submit], #ill_directory_form button, .ill_directory_btn {
	border: 1px solid rgba(0, 0, 0, .25) !important;
	display: inline-block;
	height: 2.07em;
	margin: 0 0 12px 0;
	padding: .3em .6em;
	vertical-align: middle;
	background-color: #888;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
	border-radius: 5px;
}
#ill_directory_form button {
	background-color: #ddd;
	color: #333;
	text-shadow: 0 1px 0 rgba(255, 255 ,255, .5);
}
#ill_directory_form button#ill_directory_get_geo {
	border: 0 none !important;
	margin-left: -1.75em;
	padding: .3em 0 !important;
	background: transparent;
	opacity: .5;
}
#ill_directory_form button#ill_directory_get_geo:hover { opacity: 1; }
#ill_directory_form button#ill_directory_get_geo:before {
	display: inline-block;
	padding: 0 .25em 0 0;
	vertical-align: bottom;
	content: "\f230";
	font: 16px 'dashicons';
}

/* CATEGORY HYBRID DROPDOWN & CHECKBOXES */
	#ill_directory_form ul.ill_directory_hybrid_dropdown {
		display: inline-block;
		margin: 0;
		padding: 0 !important;
		vertical-align: top;
		list-style-type: none !important;
	}
	#ill_directory_form ul.ill_directory_hybrid_dropdown > li {
		border: 1px solid #888;
		display: inline-block;
		padding: .25em .6em .2em .6em !important;
		position: relative;
		vertical-align: middle;
		background-color: #fff;
		color: #333;
		cursor: pointer;
		font-size: 100% !important;
		text-decoration: none;
		border-radius: 5px;
		box-shadow: 0 -3px 5px rgba(0, 0, 0, .15) inset;
	}
	#ill_directory_form ul.ill_directory_hybrid_dropdown > li:after {
		vertical-align: bottom;
		content: "\f140";
		font: 20px/100% 'dashicons';
	}
	#ill_directory_form ul.ill_directory_hybrid_dropdown li ul {
		border: 1px solid #888;
		display: none;
		left: -1px;
		margin: 0 !important;
		max-height: 20em;
		overflow-y: scroll;
		padding: 0 !important;
		position: absolute;
		top: 100%;
		min-width: 102%;
		z-index: 100;
		background-color: #fff;
		list-style-type: none !important;
		border-radius: 5px;
		box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
		-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
		-ms-box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
		-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
	}
	#ill_directory_form ul.ill_directory_hybrid_dropdown li:hover ul { display: block; }
	#ill_directory_form ul.ill_directory_hybrid_dropdown li ul li {
		border-top: 1px solid rgba(0, 0, 0, .25);
		display: block;
		padding: 0 !important;
		color: #333;
		font-size: 100% !important;
		white-space: nowrap;
	}
	#ill_directory_form ul.ill_directory_hybrid_dropdown li ul li:hover {
		background-color: rgba(0, 0, 0, .15);
		text-decoration: none;
	}
	#ill_directory_form ul.ill_directory_hybrid_dropdown li ul li:first-child { border: 0 none; }
	#ill_directory_form ul.ill_directory_hybrid_dropdown li ul li input[type=checkbox] {
		left: -9999px;
		position: absolute;
	}
	#ill_directory_form ul.ill_directory_hybrid_dropdown li ul li label {
		cursor: pointer;
		display: block;
		padding: .35em 1em .3em .3em !important;
		vertical-align: middle;
	}
	#ill_directory_form ul.ill_directory_hybrid_dropdown li ul li label:before {
		border: 1px solid rgba(0, 0, 0, .25);
		display: inline-block;
		margin: 0 .3em 0 0;
		vertical-align: middle;
		color: rgba(0, 0, 0, 0);
		content: "\f147";
		font: 20px 'dashicons';
		border-radius: 3px;
		box-shadow: 0 3px 5px rgba(0, 0, 0, .15) inset;
		transition: all .15s ease-out;
		-moz-transition: all .15s ease-out;
		-ms-transition: all .15s ease-out;
		-webkit-transition: all .15s ease-out;
	}
	#ill_directory_form ul.ill_directory_hybrid_dropdown li ul li input[type=checkbox]:checked + label:before {
		border-color: rgba(0, 0, 0, .75);
		color: rgba(0, 0, 0, .9);
	}

.ill_directory_btn {
	font-size: 12px;
	line-height: 1.25;
}
#ill_directory_map_wrap {
	border: 5px solid rgba(0, 0, 0, .5);
	margin: 0 0 1em 0;
	padding: 56.75% 0 0 0;
	position: relative;
	z-index: 20;
}
#content #main #ill_directory_map_wrap img {
	border: 0 none;
	height: auto;
	padding: 0;
	max-width: none; 
}
#ill_directory_map {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#ill_directory_map .gm-style-iw { overflow: visible !important; }
#ill_directory_map .ill_directory_map_popup_img {
	display: inline-block;
	height: auto;
	margin: 0 .5em 0 0;
	vertical-align: top;
	width: 100px;
}
#ill_directory_map .ill_directory_map_popup_info {
	display: inline-block;
	vertical-align: top;
}
#ill_directory_results {
	border-left: 1px solid rgba(0, 0, 0, .5);
	height: 100%;
	overflow: auto;
	padding: 1em;
	position: absolute;
	right: 0;
	top: 0;
	width: 33%;
	z-index: 40;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .25) inset;
}
#ill_directory_results + #ill_directory_map {
	width: 67%;
}
#ill_directory_results .ill_directory_result {
	border-bottom: 1px solid rgba(0, 0, 0, .25);
	padding: 1em 0;
}
#ill_directory_results .ill_directory_result .ill_directory_result_img {
	float: right;
	height: auto;
	margin: 0 0 0 .5em;
	width: 100px;
}
#ill_directory_map .ill_directory_map_popup_info .ill_directory_result_img {
	display: inline-block;
	height: auto;
	margin: 0 .5em 0 0;
	vertical-align: top;
	width: 100px;
}
.ill_directory_more_info {
	display: block;
	float: right;
}

/* directory item details */
	#ill_directory_map_wrap.mini {
		border-width: 1px;
		clear: right;
		float: right;
		padding-top: 20%;
		width: 33%;
	}
	#ill_directory_map_wrap.mini .ill_directory_map_directions {
		left: 0;
		padding: .5em 0 0 0;
		position: absolute;
		top: 100%;
		width: 100%;
		font-size: .85em;
		text-align: center;	
	}
	.ill_directory_weather {
		clear: right;
		float: right;
		margin: 2em 0 0;
		width: 33%;
		font-family: sans-serif;
		font-size: 12px;
		text-align: center;
	}
	.ill_directory_weather img {
		border: 1px solid rgba(0, 0, 0, .5);
	}
	#ill_directory_list .ill_directory_list_block {
		display: inline-block;
		padding: 0 1em 1em 0;
		vertical-align: top;
		width: 24%;
	}
	#ill_directory_list .ill_directory_list_block.ill_directory_list_az {
		border: 1px solid rgba(0, 0, 0, .25);
		border-radius: 5px;
		margin: 0 .4em 1em 0;
		min-height: 11em;
		padding: 1em;
		background: #e7e7e7;
	}
	#ill_directory_list .ill_directory_list_block h3 { margin-bottom: 5px; }
	#ill_directory_list .ill_directory_list_block ul {
		margin: 0 0 1em 1.2em;
		padding: 0;
		line-height: 1.25em;
	}
	#ill_directory_list .ill_directory_list_block ul li {
		padding: 0 0 4px 0;
	}
	#ill_directory_list .ill_directory_list_block.ill_directory_list_az {
		padding-bottom: 2em;
	}
	#ill_directory_list .ill_directory_az_links {
		float: right;
		margin: -.2em 0 0 0;
		font-size: 14px;
		font-weight: normal;
	}
	.ill_directory_breadcrumb {
		padding: 0 0 .5em 0;
		font-size: .8em;
	}

#ill_directory_form .twitter-typeahead .tt-hint {
	color: #aaa;
}
.tt-menu {
	width: 422px;
	padding: 8px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-suggestion {
	padding: 3px 20px;
	font-size: 18px;
	line-height: 24px;
}
.tt-suggestion.tt-cursor {
	background-color: #eeeeee;
}
.tt-highlight {
	color: #2161a2;
}

/* RESPONSIVE */
	@media only screen and (max-width: 1024px) {
		#ill_directory_list .ill_directory_list_block { width: 23.85%; }
		#ill_directory_list .ill_directory_az_links { float: none; text-align: center; }
	}
	@media only screen and (max-width: 768px) {
		#ill_directory_list .ill_directory_list_block { width: 32%; }
	}
	@media only screen and (max-width: 600px) {
		#ill_directory_form input[type="text"] { display: block; width: 96% !important; }
		#ill_directory_form ul.ill_directory_hybrid_dropdown { margin: 0 0 .5em 0; min-width: 47%; }
		#ill_directory_form ul.ill_directory_hybrid_dropdown > li { width: 100%; }
		#ill_directory_form ul.ill_directory_hybrid_dropdown > li:after { float: right; }
		#ill_directory_results { border: 0 none; height: auto; overflow: visible; padding: 0; position: relative; right: auto; top: auto; width: auto; box-shadow: none; }
		#ill_directory_map_wrap { border: 0 none; min-height: 250px; padding: 0; }
		#ill_directory_map { border: 1px solid rgba(0, 0, 0, .5); height: 250px; left: auto; position: relative; top: auto; }
		#ill_directory_map_wrap.mini, .ill_directory_weather { float: none; padding: 0; width: auto; }
		#ill_directory_list .ill_directory_az_links { float: none; margin: 0; }
		#ill_directory_list .ill_directory_list_block { width: 47%; }
		#content #main #ill_directory_form > span { width: 86%; }
		#ill_directory_results + #ill_directory_map {
			 width: calc(100% - 1px);
		}
		#ill_directory_results .ill_directory_result {
			padding: 1em;
			background: #f1f1f1;
		}
		#ill_directory_results .ill_directory_result:nth-child(2n) {
			background: #fff;
		}
		#ill_directory_map_wrap.mini .ill_directory_map_directions {
			position: relative;
			text-align: center;
			display: block;
		}
	}

/* PRINT */
	@media only print {
		#ill_directory_form, #ill_directory_map, #ill_directory_results .ill_directory_result .ill_directory_more_info, .ill_directory_btn { display: none; }
		#ill_directory_map_wrap { border: 0 none; padding: 0; }
		#ill_directory_map_wrap.mini { padding-top: 30%; width: 50%; }
		#ill_directory_map_wrap.mini #ill_directory_map { display: block; }
		#ill_directory_results { border: 0 none; height: auto; padding: 0; position: static; right: auto; top: auto; width: auto; box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; }
	}