
#page-content .search-by-title h3 {
	border: solid 1px #4286b5;
    text-align: center;
    margin: 0;
    padding: 0.5em;
    font-size: 1.125rem;
    color: #000;
}

.iframeContainer {
	position:relative;
	margin:0 auto;
	padding-bottom: 70%;
	height: 0;
	max-width:100%;
	height:auto;
	border:solid 1px #4286b5;
}

.iframeContainer iframe,
.iframeContainer embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.search-by-region {
	border: solid 1px #4286b5;
	border-top:0;
	border-bottom:0;
    margin: 0;
    padding: 0;
}

.no-border {
	border:0;	
}

.search-by {
	border:0;
	float: none;
	width: 92%;
	height: auto;
	margin:0;
	padding: 0.5em 4% 1em;
	background: #fff;
}

.flavor-finder .search-by {
	padding-left:0;
	padding-right:0;
}

#page-content .flavor-finder .search-by p {
	padding-right:0;
	padding-left:0;
}

#page-content .flavor-finder .search-by p.flavor-search {
	margin-right:2%;
	width:98%;
}

ul.ui-autocomplete {
	max-height:300px;
	overflow-y:scroll;
}

.city-search {
	border-top: solid 1px #4286b5;
}

.flavorsearchform {
	clear:none;
}

.contactform label {
    margin: 0;
    padding: 0;
    font-size: 0.9375rem;
    line-height: 1.125rem;
	margin-bottom:0.375em;
}

.contactform input[type="text"] {
    color: #666;
    background-color: #ebebeb;
    border: 1px solid #ccc;
}

.contactform input[type="text"]:focus {
	border: 1px solid #ccc;
}

.contactform input[type="submit"] {
    padding: .375em 1.125em;
    margin: 0;
    margin-top: 22px;
}

.contactform .zip-code-search input[type="text"] {
	max-width:92px;
}

#page-content .search-by p {
	padding:0 2%;
	white-space: nowrap;
	margin:0;
}

/* GOOGLE MAP HOVER ITEMS */
.map-items {
	position:absolute;
	z-index:9999;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.map-hover {
	background-color:#fff;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	padding:0.5em 1em;
	margin-bottom:0.5em;
}

#page-content .map-hover p {
	font-size:0.875rem;
	line-height:1.25em;
	margin:0;
}

#page-content .map-hover .greenBtn {
	font-size: 0.875rem;
    padding: 0.5em 1em;
    margin: 1em 0 0.5em;
    margin-right: 1em;
    display: inline-block;
}

.map-pin {
	text-align:center;
}

.last-spotted {
	padding-top: 0.625em;
    color: #900028;
}

.drive-it {
	display:block;
	padding-top:0.5em;
}


/* -----------------------  MEDIA QUERIES    ------------------------ */
	/* 400px/16px = 30em */
	@media all and (min-width: 25em) {
		}
	/* 560px/16px = 35em */
	@media all and (min-width: 35em) {
	
		}
	/* 700px/16px = 43.75em */
	@media all and (min-width: 420px) {
	#page-content .search-by p {
		float:left;
	}
		}
	/* 900px/16px = 56.25em */
	@media all and (min-width: 1170px) {
	.search-by {
    	float: left;
    	width: 48%;
    	padding: 0.5em 1% 1em;
	}
	.city-search {
		border-top:0;
		border-left: solid 1px #4286b5;
		width:47%;
	}
	.flavor-finder .search-by {
		/*float:none;*/
		width:auto;
		padding-left:0;
		padding-right:0;
	}
		}
	/* 1020px/16px = 63.75em */
	@media all and (min-width: 63.75em) {
		}
		
/* ----------------------- 