/** Explore Whitehorse **/
.filter-container,
.filter-container  form {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.filter-container {
	background-color:#54C9E7;
	padding:0;
	border-bottom:1px solid #ddd;
}
.filter-container .column {
	padding:20px 30px;
}
.filter-container .category-filter {
	 background: #ee705e
}
.filter-container .price-filter {
	 background: #c8c2e0
}

.filter-container  .search-column {
	display:flex;
	background:#e4d376;
}
@media (max-width:767px){
	
	.filter-container .category-filter {
		flex: 0 0 50%;
	}
	.filter-container .price-filter {
		flex: 0 0 50%;
	}

	.filter-container  .search-column {
		flex: 0 0 100%;
	}
}
@media (max-width:500px){
	.filter-container .category-filter,
	.filter-container .price-filter,
	.filter-container  .search-column {
		flex: 0 0 100%;
	}
}
.filter-container  form select,
.filter-container  form input {
	height:50px;
	padding:10px;
	flex: 1;
}
@media (max-width:767px){
	.filter-container  form select {
		width: 100%;
	}
}

.filter-container .btn {
	line-height: 50px;
	height:50px;
	cursor:pointer;
	border:1px solid;
	padding: 0 15px;
	font-weight: normal;
	    display: inline-block;
}

.filter-container  form .search-btn {
	 background: #54C9E7;
	  border-color: #54C9E7;
	  color:#fff;
}


#clear-filters {
    color: #FFF;
}
#clear-filters:hover,
.filter-container .btn:hover {
	  background: #EE705E;
	  border-color: #EE705E;
	  color:#fff;
}

.results-container {
	padding:0 0.75em;
}
@media(min-width:980px){
	
	.column.places-list {
		width:35%;
		min-width:350px;
	}
}
@media(max-width:768px){
	
	.column.places-list {
		margin-bottom:15px;
	}
}
.column.places-list {
height:calc(100vh - 250px);
    overflow-y: scroll;
	padding:0.5em
}

.places-list::-webkit-scrollbar {
  width: 10px;
}
.places-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.places-list::-webkit-scrollbar-thumb {
  background: #EE705E;
}
.places-list::-webkit-scrollbar-thumb:hover {
  background: #54C9E7;
}

#results-loop {
	padding-bottom:40px;
}

#results-loop.loading {
	background-image:url(/wp-content/themes/live-in-whitehorse/images/loading.gif);
	background-position:center top;
	background-size:auto;
	background-repeat:no-repeat;
}
#results-loop.loading > div {
	opacity:0;
}
#results-loop .place {
	transition:opacity 0.4s;
}
.place:nth-child(even) {
	background-color:#f4f4f4;
}
.place > .column {
	padding: 0.75em;
}
.place > .column.place-image {
	width:100%;
	max-width:230px;
	min-width:200px;
}

.place .img-container {
	width: 100%;
    display: inline-block;
    max-height: 170px;
    height: 170px;
    overflow: hidden;
    position: relative;
	background-color:rgba(22,22,22,0.1);
}
.place .img-container >img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
	min-height:100%;
    width: 130%;
	max-width: 130%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.place .img-container >img.icon-img {
	width: auto;
    min-height: 0;
    height: 60px;
	opacity:0.35;
}
.place .place-info {
	position:relative;
	padding-bottom:40px;
}
.place .place-info h3 {
font-size: 1.6em;
}
.place .place-info h3 a {
	color:#454545;
}
.place .place-info p {
	margin-bottom:0.65em;
	font-weight:600;
	font-size:15px;
}
.place .place-info .website a,
.place .place-info .rating .num small{
	font-weight:normal;
}
.place .place-info .website a i{
	font-size: 0.8em;
    margin-right: 0.4em;
}
.place .place-info .stars {
	margin-right:5px;
}
.place .place-info .reviews, 
.place .place-info .price{
	padding-left:1em;
	color: #989898;
}

.place .place-info a.yelp-link {
	position:absolute;
	right:1em;
	bottom:1em;
}
.place .place-info a.place-link {
	position:absolute;
	left:1em;
	bottom:1em;
}

@media(max-width:768px){
	.place .place-info a.yelp-link , .place .place-info a.place-link  {
		position:unset;
		display: inline-block;
	}
}
.place .place-info a.place-link span,
.place .place-info a.yelp-link span {
font-size: 15px;
    font-weight: 700;
    line-height: 36px;
    display: inline-block;
}


.load-more-btn {
	text-align:center;
	display:inline-block;
	width:100%;
	padding-bottom:30px;
}

#map {
	width:100%;
	height:calc(100vh - 250px);
	min-height:calc(100vh - 250px);
}
#map .gm-style .gm-style-iw-c {
	border-radius:2px;
}
.gm-style-iw-d  h4 {
	line-height:1.2em;
}
.gm-style-iw-d .rating span,
.gm-style-iw-d .yelp-link span{
	display:none;
}