/* # Filterable Business Listings
---------------------------------------------------------------------------------------------------- */

#member-filter {
	padding: 0 2%;
	margin-bottom: 40px;
}

#member-filter .filter {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	background: #707a31;
	color: #fff;
	font-size: 14px;
	padding: 8px 16px;
	cursor: pointer;
}

#member-filter .filter:first-child {
	margin-left: 0;
}

#member-filter .filter:hover,
#member-filter .filter.active {
	background: #de8920;
	/*font-weight: bold;*/
}

/* brewers Filter End */

.business-listing .entry-title {
	margin-bottom: 40px;
}
.business-listing .entry-header .entry-title {
	margin-bottom: 0;
}

#members-list {
	text-align: justify; /* evently space items */
}

#members-list:after { /* to break and justify the last line of elements */
    content: '';
    display: inline-block;
    width: 100%;
}

#members-list .entry,
#members-list .gap {
    display: inline-block;
    width: 100%; /* for 4 columns */
}

.business-listing .entry-meta {
	display: none;
}

#members-list .entry {
	text-align: left;
	display: none;
	padding: 2%;
	vertical-align: top;
	margin-bottom: 0;
}

#members-list .entry.odd {
	background-color: #f3f3f3;
}

#members-list .entry span.address {
	margin: 0 20px;
}

#members-list .entry a.button.more-link {
	padding: 10px 20px;
}

#members-list .entry span.address.phone {
    font-weight: 500;
}

#members-list .item:before { /* to maintain a consistent aspect ratio */
    content: '';
    display: inline-block;
    padding-top: 60%;
}

#members-list .entry-header {
	margin-bottom: 10px;
}

.business-listing .site-inner img:hover {
  opacity: .60;
}

#members-list .entry-title {
	font-size: 16px;
	font-size: 1.6rem;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 0;
}

#members-list .entry-footer .entry-meta {
	border-top: none;
	padding-top: 0;
}

#members-list .entry-footer .entry-meta a {
	color: #323232;
}

#members-list .entry-title a:hover,
#members-list .entry-footer .entry-meta a:hover {
	color: #c24711;
}

@media only screen and (max-width: 960px) {

	#members-list .entry,
	#members-list .gap {
		width: 33%;
	}
	
	#members-list .entry-title,
	#members-list .entry span.address {
		display: block;
		width: 100%;
	}
	
	#members-list .entry span.address {
		margin: 0;
	}
	
	#members-list .entry span.address.phone {
		display: block;
		padding: 8px 0;
		margin: 0;
		width: 100%;
	}

}

@media only screen and (max-width: 568px) {
	
	#members-list .entry,
	#members-list .gap {
  		width: 50%;
	}

}

@media only screen and (max-width: 480px) {
	
	#members-list .entry,
	#members-list .gap {
  		width: 100%;
	}

}

@media only screen and (max-width: 320px) {

	#members-list .entry,
	#members-list .gap {
  		width: 100%;
	}

}