#members-dir-search {
	display : none;
}
#geo_map {
  height: 500px;
}

#description {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
}

#infowindow-content .title {
  font-weight: bold;
}

#infowindow-content {
  display: none;
}

#geo_map #infowindow-content {
  display: inline;
}

.pac-card {
  background-color: #fff;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
  margin: 10px;
  padding: 0 0.5em;
  font: 400 18px Roboto, Arial, sans-serif;
  overflow: hidden;
  font-family: Roboto;
  padding: 0;
}

#pac-container {
  padding-bottom: 12px;
  margin-right: 12px;
}

.pac-controls {
  display: inline-block;
  padding: 5px 11px;
}

.pac-controls label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}
/*
#geo_input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 400px;
}

#geo_input:focus {
  border-color: #4d90fe;
}
*/
#title {
  color: #fff;
  background-color: #4d90fe;
  font-size: 25px;
  font-weight: 500;
  padding: 6px 12px;
}

#target {
  width: 345px;
}	
#geo_working_message,
#geo_bad_address,
#geo_no_results {
	display : none;
}
#geo_results {
	display : flex;
	margin : -10px -10px 40px -10px;
	flex-wrap : wrap;
}
#geo_results > p {
	line-height : 1.5em;
	font-size : 20px;
	border : 1px solid black;
	padding : 10px 10px 40px 10px;
	flex-basis : calc(25% - 20px);
	margin: 10px;
	position : relative;

	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;

}
#geo_results p .inner-wrapper {
	display : block;
	vertical-align : top;
}
#geo_results p a.profile {
	position : absolute;
	bottom : 5px;
	right : 10px;
}
#geo_results p span.avatar {
	display : block;
	margin-bottom : 5px;
	text-align : center;
}
#geo_results p span.avatar img {
	border : none;
	outline : none;
	width : 100px;
	height : 100px;
	object-fit : scale-down;
	object-position : center center;
}
#geo_results p span.name {
	display : inline-block;
	vertical-align : top;
	/* font-size : 120%; */
}
#geo_results p span.active {
	font-size:90%;
	color:green;
}
#geo_results p a.website {
	position : absolute;
	bottom : 5px;
	left : 10px;
}
@media screen and ( max-width : 1024px ){
	#geo_results > p {
		flex-basis : calc(33% - 20px);
	}
}
@media screen and ( max-width : 860px ){
	#geo_results > p {
		flex-basis : calc(50% - 20px);
	}
}
@media screen and ( max-width : 600px ){
	#geo_results > p {
		flex-basis : 100%;
	}
	#geo_results > p > a > * {
		float : none;
		clear : right;
	}
	#geo_results > p > a > span.avatar {
		float : left;
		margin-right : 20px;
	}
	/* #geo_results > p > span.address {
		float : none;
		clear : both;
	} */
}