#vtvn_directory .village-name {
		font-weight:bold;
		font-size: 15px;
	}
	
	.material-icons {
		 font-family: 'Material Icons';
		  font-weight: normal;
		  font-style: normal;
		  font-size: 24px;  /* Preferred icon size */
		  display: inline-block;
		  line-height: 1;
		  text-transform: none;
		  letter-spacing: normal;
		  word-wrap: normal;
		  white-space: nowrap;
		  direction: ltr;
		}

		.filter-grid {
		border: #aaa 2px solid;
		border-radius:6px;
		background-color: transparent;
		width:100%;
		float:left;
		margin-left:5px;
		box-sizing:border-box;
		position:relative;
		padding:10px;
	}

	.content-sub-header-2 {	   /* adding some stuff to common-ui.css */
		padding-top:10px;
		float:left;
	}
	.field-label-left {
		text-align:left;
		padding-left:1px;
		width:auto;
	}
	/*.left-fields {
		width:800px;
		float:left; 

	}*/
	.all-countries {
		position:absolute;
		left:15px;
		font-size:12px;
		color:#5d9632;
		margin-top:23px;
	}
	.form-row { width:100%; float:left; clear:none;box-sizing:border-box;}
	.search-button-container { float:right;position:absolute;right:0%; bottom:5px;}
	.form-row input{ max-width:700px !important;font-size:12px;}
	.form-row .country-drop { max-width:170px;}

	.col1 { width:45%;}
	.col2 {	width: 55%;}
	#vtvn_directory .form-row label {
	clear:left;
	display:block;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,sans-serif;
	line-height: 1.5;
	color: #111;
	text-align:left;
	width:100%;
	font-size:18px;
	font-weight:bold;
}
#vtvn_directory .form-row {
overflow:visible;
}
#vtvn_directory .form-row input,
#vtvn_directory .form-row select,
#vtvn_directory .form-row text,
#vtvn_directory .form-row textarea {
font-size:16px;
}
#vtvn_directory .find-a-village-text {
text-align:center;
padding-top:30px;
padding-bottom:30px;
font-size:22px;
color:#111;
width:80%;
margin-left:auto;
margin-right:auto;
}
#vtvn_directory .form-row .spoke-container label {
float:left;
width:auto;
margin-right:10px;
clear:none;
}
#vtvn_directory .form-row .spoke-container input {
float:right;
width:auto;
margin-top:12px;
}

#vtvn_directory .dir-top {
margin-top:5px;
max-width:150px;
}
#vtvn_directory .zip-text-container {
margin-top:5px;
}
#vtvn_directory .inline-control-box input,
#vtvn_directory .inline-control-box label {
float:left;
clear:none;
width:auto;
margin-right:10px;
}
#vtvn_directory .inline-control-box input {
margin-top:8px;
margin-right:0px;
}
#vtvn_directory .filter-button-container {
width:70%;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
}
#vtvn_directory .filter-button-container .ce-button {
background-image:none;
background-color:#005187;
border:6px solid #005187;
color:#fff;
font-family: inherit;
font-size: inherit;
font-weight: 400;
cursor: pointer;
display: inline-block;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,sans-serif;
font-size:22px;
padding-top:8px;
padding-bottom:8px;
transition: all .3s ease;
width:70%;
}
#vtvn_directory .filter-button-container .ce-button:hover {
background-color: #5d9632;
}
#vtvn_directory .filter-button-container .ce-button.reset-button {
width:20%;
float:right;
padding-left:0px;
padding-right:0px;
}
		/* Smartphones (portrait and landscape) --- */
@media (min-width : 320px) and (max-width : 480px) {
/* Styles */
.filter-grid { width:100%;}
.form-row { clear:left; width:100%;}
.form-row div { clear:left;width:100%;}
.form-row label { text-align:left;}
.search-button-container { float:none; clear:left; width:100%;margin-top:10px; margin-bottom:10px;position:relative;}
.reset-button { width:100%;}
.col1,.col2{ width:100%; }
}

@media (min-width : 375px) and (max-width : 667px) {
/* Styles */
.filter-grid { width:100%;}
.form-row { clear:left; width:100%;}
.form-row div { clear:left;width:90%;}
.form-row label { text-align:left;}
.search-button-container { float:none; clear:left; width:100%;margin-top:10px; margin-bottom:10px;position:relative;}
.reset-button { width:100%;}
.col1,.col2{ width:100%; }

	/*#vtvn_directory .inline-control-box input,*/
	#vtvn_directory .inline-control-box label {
		float: left !important;
		clear: none !important;
		width: auto;
		margin-right: 0px;
	}
}

html, body, #map_canvas { height: 100%; margin: 0; }

#map_canvas_container {
	width:100%;
}
#mobile_content_column #map_canvas_container {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

.center {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	align-items: center;
	/*border: 1px solid red;*/
	margin-left: auto;
	margin-right: auto;
	/*width: 450px;*/
}

.filter-legend {
margin-top:10px;
/*margin-bottom:10px;*/
width:90%;
/*margin-left:auto;*/
/*margin-right:auto;*/
}
.filter-legend .filter-section {
width:30%;
/*float:left;*/
}
	.filter-legend .vtv-icon {
		/*float:left;*/	
		margin:0px;
		padding:0px;
	}
	.filter-legend .icon-text {
		/*float:left;*/
		margin: 0px;
		padding: 0px;
		/*margin-top: 0px;
		margin-bottom: 10px;
		padding-top: 0px;
		padding-bottom: 10px;
		margin-left: 5px;*/
		color: #111;
		font-size: 13px;
		font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,sans-serif;
		white-space: normal;
		max-width:80%;
	}
.filter-section.open-section {
	/*float: left;*/
	width:25%;
}
.filter-section.non-section {
width:35%;
}
.filter-section.nm-section {
width:20%;
}
#vtvn_directory .instruction-text,
#vtvn_directory h1 {
	background-color: #5d9632 !important;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,sans-serif;
	text-align: center;
	color: #FFF;
	border: none;
	font-size: 20px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	border-radius: 0px;
}
#vtvn_directory h1 {
font-size:32px;
font-weight:600px;
text-align:center;
width:100%;
}
#non_member_bio label {
	font-size:24px;
	color:#111;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,sans-serif;
	font-weight:600;
	min-width:150px;
	float:left;
	margin-right:20px;
}
#non_member_bio .content-text {
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,sans-serif;
	color: #111;
	font-size: 24px;
	float:left;
}
.filter-grid.results-row {
	background-color:#f8f8f8;
	display:block;
	margin-bottom:20px;
}
.results-village.village-name {
	width:100%;
	clear:both;
	margin-bottom:20px;
}
.results-info-container {
	width:100%;
	clear:left;
}
.results-location-info,
.results-status-container,
.results-link-container {
	float:left;
	width:31%;
	margin-right:2%;
}
.results-link-container {
	margin-right:0%;
}
#vtvn_directory .results-bio-link,
#vtvn_directory .results-website-link {
	float:none;
	display:block;
}
.results-link-container a {
	width:100px;
	display:block;
	margin-bottom:5px;
	text-align:center;
}
.results-country {
	clear:left;
}

.fullrow {
	width:100%;
}
.half-row1,
.half-row2 {
	float:left;
}
.half-row1 {
	width:540px;
}
.half-row2 {
	max-width:45%;
}
.form-row input.name-textbox {
	width:470px;
}
.form-row input.zip-textbox {
	width:150px;
}
#vtvn_directory .form-row label .abutted {
	 width:auto;
	 display:inline-block;
}
#vtvn_directory .left20 {
	margin-left:20px;
}
#vtvn_directory .form-row .country-drop select {
max-width:150px; 
}
/* Smartphones (portrait and landscape) --- */
@media (min-width : 320px) and (max-width : 480px),
(min-width : 375px) and (max-width : 667px){
/* Styles */
	.results-location-info,
	.results-status-container,
	.results-link-container {
		float:none;
		clear:left;
		width:100%;
		margin-right:0%;
	}
	#mobile_content_column #map_canvas {
		height:400px !important;
	}
	#vtvn_directory .filter-button-container .ce-button,
	#vtvn_directory .filter-button-container .ce-button.reset-button {
		display: block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		float: none;
		clear: both;
	}
	.results-link-container a {
		width:90%;
		margin-left:auto;
		margin-right:auto;
		display:block;
		margin-bottom:5px;
		text-align:center;
	}

	.half-row1,
	.half-row2 {
		float:left;
		clear:left;
		width:100%;
	}
	.form-row input.name-textbox {
		width: 95%;
	}
	#vtvn_directory .left20 {
		margin-left: 0px;
	}
	#vtvn_directory .form-row .spoke-container input {
		float:left;
		width:auto;
	}
	.spoke-row {
		min-width:300px;
	}
	.form-row div.inline-control-box {
		width:100%;
	}
	.inline-control-box .content-text {
		clear:left;
		display:block;
	}
	.empty-row {
		display:none;
	}
	.state-text {
		margin-top:20px;
	}
	.form-row .country-container div{
		float:left;
		width:auto;
		clear:none;
	}
	.form-row .country-drop {
	max-width: 100%;
	}
	.all-countries {
		position:relative;
		left:initial;
		float:left;
		margin-left:10px;
		font-size:12px;
		color:#5d9632;
		margin-top:0px;
	}
	#vtvn_directory .form-row .country-drop select {
max-width:95%; 
}
}

#vtvn_directory .form-row select {
	margin-top:0px;
}

/* iPads (portrait and landscape) --- */
@media (min-width : 750px) and (max-width : 800px) {
	.state-text { margin-top:10px;}
	.zip-textbox { margin-top:0px;}

}


/* iPads (portrait and landscape) --- */
@media (min-width : 768px) and (max-width : 1024px) {
/* Styles */
.half-row1 {
	width:420px;
}
.half-row2 {
max-width:340px;
}
.form-row input.name-textbox {
    width: 400px;
}

}


p .material-icons {
	font-size:40px;
	vertical-align:middle;
}
#hide_search,
#show_search {
	cursor:pointer;
}
#hide_search {
	display:none;
}

