@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

/* ALL RESOLUTION */

body {
	margin: 0;
	padding: 0;
    font-family: 'Lato', sans-serif;
}

hr {
    border: none;
    height: 1px;
    background-color: #333;
}

h1 {font-size: 1.4em;}

#header {
	background: black;
	height: 40px;
	color: white;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}

#header img {max-width: 150px;}

.full-width {
	width: 100%;
	box-sizing: border-box;
	/* padding: 10px; */
	margin: 20px 0px;
}

.logo-left  {
	width: 50%;
	box-sizing: border-box;
	float: left;
	text-align: left;
}

.logo-right  {
	width: 50%;
	box-sizing: border-box;
	float: right;
	text-align: right;
}

.logo-left img, .logo-right img {
	width: 80%;
}

.clear-float {
	clear: both;
	display: block;
}

.italic {
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

.big_bold {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

input[type=submit], button {
	font-size: 16px;
	color: white;
	background-color: #636363;
    font-family: 'Lato', sans-serif;
	border: thin solid #3B3B3B;
	transition: .25s all;
	text-align: left;
	cursor: pointer;
	padding: 3px;
}

input[type=submit]:hover, button:hover {
	font-size: 16px;
	color: #636363;
	background-color: white;
    font-family: 'Lato', sans-serif;
	border: thin solid #3B3B3B;
	box-shadow: 0 0 5px #178ECD;
}
	
#results {
	margin: auto;
	/* TESTING border: thin solid red; */
}

.hide-desktop { display: none; }	
.hide-mobile { display: none; }
.small-text {font-size: .7em; font-weight: bold; line-height: 1.5em;}

#clearloc {display: none;}	

/* Chrome, Safari, Edge, Opera */
#zip {
	-webkit-appearance: none;
  margin: 0;
	-moz-appearance: textfield;
}

@media screen and (max-width: 800px) {
	/* MOBILE */
	
	.main {
		margin: 20px;
		padding: 10px;
	}
	
	#results .list-column {
		padding: 10px;
		float: none;
		/* TESTING border: thin solid red; */
	}
	
	#header {
		height: auto;
		text-align: center;
	}
	
	#header img {
		display: none;
	}

	.float-anyway {
		float: left !important;
	}

	
}

@media screen and (min-width: 801px) {
	/* DESKTOP */
	
	.main {
		max-width: 1000px;
		margin-left: auto;
		margin-right:auto;
		padding: 20px;
	}
	
	.left-half {
		float: left;
		width: 50%;
		text-align: left;
		box-sizing: border-box;
		padding: 10px;
	}
	
	.right-half {
		float: left;
		width: 50%;
		text-align: left;
		box-sizing: border-box;
		background: rgba(246,191,50,1);
		padding: 10px;
	}
	
	.map-half {
		float: left;
		width: 50%;
		text-align: left;
		box-sizing: border-box;
		padding: 20px;
	}
	
	#results {
		/* display: flex; */
	}
	
	#results .list-column {
		padding: 10px;
		float: left;
		display: flex;
		/* TESTING border: thin solid red; */
	}

}