/* List locations */
.isl-list-container .isl-list-icon{max-width: 48px;}
.isl-list-container{overflow-x:auto}
.loc-directions-details{clear:left}
.isl-listings .isl-hideInList{display:none}
.isl-listings .card{cursor:pointer;}
.isl-listings .card.bg-primary{transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;--t4-card-color: inherit;}
.isl-listings div .loc-name,.gm-style-iw .loc-name{color:#18C;font-weight:bold}
.isl-listings .btn-group,.loc-social-links{margin:0 auto 1px auto;display:table;text-align:center}
.loc-dist{float:right;margin-right:5px}


address.loc-addr .loc-address{display:block}

/* Social links */
a.loc-webpage:hover{color:#FB0}
a.loc-facebook:hover{color:#3b5998}
a.loc-skype:hover{color:#aad450}
a.loc-twitter:hover{color:#00a0d1}
a.loc-linkedin:hover{color:#0073b2}

/* Directions */
#isl-directions-panel-container{background:#FFF}
.isl_map_canvas{}

/* Infowindow (balloon) CSS rules*/
.gm-style-iw{color:#333}
/* Fix scrollbars*/
	.gm-style-iw div{overflow:hidden;line-height:1.35;white-space:nowrap}
	.gm-style-iw address{white-space:normal} /* Avoid address overlap distance marker */
.gm-style-iw .loc-name{font-size:120%}
.gm-style-iw .isl-hideInMap{display:none}
.gm-style-iw .list-image img{max-width:310px}
.isl_map_canvas img{max-width:none !important} /* in order to fix incompatibilities with some templates */


/* Search bar */
.isl-search-bar{margin-top:5px;border-radius:2px 0 0 2px;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;box-shadow:0 2px 6px rgba(0, 0, 0, 0.5)}
.isl-search-bar .btn{border-radius:0} /* In order to avoid problems with Bootstrap v3*/
.isl-search-bar button,.isl-search-bar .input-group-addon,.isl-search-bar input,.isl-search-bar select{padding:7px 9px;} /* ;height:45px */
#maxdistance{min-width:175px}
/* Filter */
.isl-box-shadow{
-moz-box-shadow: 0px 2px 4px #999;
-webkit-box-shadow: 0px 2px 4px #999;
box-shadow: 0px 2px 4px #999;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea));
background: -moz-linear-gradient(top, #fff, #eaeaea);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea)";
opacity: 0.8;
filter: alpha(opacity=80);
}
#isl-filter_tags{min-width:130px}
#isl-filter_tags legend{margin-bottom:6px;
	cursor: pointer;}
#isl-filter_tags legend:after {
	float:right;
    content: "\25B2"; 
    transition: transform 0.3s ease;
}

#isl-filter_tags legend:has(+ .show):after {
	transform: rotate(180deg);
}
.isl-box-shadow:hover{opacity:1;filter:alpha(opacity=100)}
#isl-filter_tags label{display:block}

.isl-search-bar input{box-sizing:border-box;-moz-box-sizing:border-box}

.isl-listings div.isl-hidden{display:none}

@media all and (min-width: 1280px){
    input.isl-location-search{width:250px}
}

@media screen and (max-width: 450px){ /* small screens up to iPhone 6+ portrait */
	.isl_container,.isl-search-bar{width:92%} /* This way we have a scrollable area on the right of the map */
  .isl-search-bar span{display:none}
}

@media screen and (min-width: 451px) and (max-width: 640px){ /* Small devices in Landscape position */
	/* Hide Find My address label, but shows icons */
  .isl-search-bar span{display:none}
	.isl_container{width:92%}
	.gm-style-iw .loc-dist{float:none}
	input.isl-location-search{width:210px}
}
/* In order to avoid problems with some templates */
.gm-style img{max-width:none !important}

@media all and (max-width: 1024px){
	/* shift down the MapControl on smaller screens */
	/* disabled because it was causing problems with Marker click*/
   /* .gmnoprint{margin-top:35px !important} */
}

/* Compatibility with Bootstrap 5 */
@media (max-width: 768px) {
  .isl_container {
    display: block;
  }
}