/* 
 * Always set the map height explicitly to define the size of the div element
 * that contains the map. 
 */
.underdev { 
	color: yellow; 
	font-weight:bold; 
	font-size: 25px; 
}


 
#search-selection {
	min-width:16%;
	margin: 1%;
	padding: 1%;
	float: left;
	border: medium black double;
}
#search-selection label {
	margin-right: 5px;
	float: left;
	clear: both;
}
#search-selection input {
	float: left;
	clear: none;
	margin-top: 7px;
}
#search-selection input.button {
	margin-top: 5px;
	float: right;
	margin-right: 30px;
}
#map {
  height: 520px;
}

/* 
 * Optional: Makes the sample page fill the window. 
 */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* HTML marker styles */
.Xprice-tag {
  background-color: #4285F4;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 14px;
  padding: 10px 15px;
  position: relative;
}

.Xprice-tag::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #4285F4;
}

.farmIcon {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url('/images/tractor-red.png');
    background-size:     cover;                      
    background-repeat:   no-repeat;
    background-position: center center; 
}
.farmPopUp {
	min-height: 100px;
}
.farmPopUp h5 {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 1.3em;
}
.farmPopUp img {
	height:30px;
	width: auto;
	margin-right: 10px;
	margin-top: 10px;
	float: left;
}


@media screen and (max-width: 992px) {
	#xmap {
	  height: 90%;
	  margin-top:60px;
	}
	.farmIcon {
		height: 70px;
		width: 70px;
	}
	.farmPopUp h2, .farmPopUp p  {
		font-size: 2.5em;
	}
	.farmPopUp img {
		height:50px;
	}
}
@media screen and (max-width: 768px) {
/* AJC Overrides for smaller screens */
	.farmIcon {
		height: 80px;
		width: 80px;
	}
	.farmPopUp h5 {
		font-size: 1.0em;
	}
	
	.farmPopUp p {
		font-size: 0.9em;
	}
	.farmPopUp img {
		height:25px;
	}
	
	.underdev { 
		font-size: 10px; 
		display: inline;
	}
		
	
	#search-selection {
		min-width:96%;
		margin: 5px;
		padding: 5px;
		border: thin black solid;
	}	
	#search-selection h3 {
		font-size: 0.8em;
	}
	#search-selection p {
		font-size: 0.7em;
		display: none;
	}
	#search-selection label {
		font-size: 0.7em;
		color: blue;
		clear: none;
	}
	#search-selection input {
		font-size: 0.7em;
		margin-top: 3px;
		margin-right: 10px;
	}
	#search-selection input.button {
		font-size: 0.7em;
		margin-top: 0px;
		margin-right: 10px;
	}
	
	#map {
		width: 100%;
 		height: 390px;
	}
	.footer_section p {
 		padding: 4px 0;
	}
	.farmIcon {
		height: 30px;
		width: 30px;
	}
}