/**handles:ahi-map-css**/
/* map styles */

.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
    max-width: inherit !important;
}
.marker-reCenter > div {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    width: auto;
    text-align: center;
    font-size: 22px;
}
.marker-reCenter {
    display: table;
}
.map-listing .marker-list-loc {
	position:relative;
}
.map-listing .marker-list-loc i {
	font-size: 18px;color:#ff0000;margin-right: 5px;
	position:absolute;
	top:2px;
	left:5px;
}
.map-listing .marker-list-loc:hover i {
	font-size: 25px;color:#ff0000;margin-right: 5px;transition:all 0.3s ease;
}
@media (min-width: 1024px) {
.map-listing .marker-list-loc, .map-listing .marker-reCenter {width: 100%;max-width:23%;border:2px solid #efefef; padding: 15px;float:left; /* height: 150px; */margin:1%; border-radius:5px;cursor:pointer;}
.map-listing .marker-list-loc:hover, .map-listing .marker-reCenter:hover {background: #efefef;transition:all 0.3s ease;border:2px solid #000;border-radius:5px;cursor:pointer;}
}
@media (min-width: 769px) and (max-width: 1023px) {
.map-listing .marker-list-loc, .map-listing .marker-reCenter{width: 100%;max-width:31%;border:2px solid #efefef; padding: 15px;float:left; height: 150px;margin:1%; border-radius:5px;cursor:pointer;}
.map-listing .marker-list-loc:hover, .map-listing .marker-reCenter:hover {background: #efefef;transition:all 0.3s ease;border:2px solid #000;border-radius:5px;cursor:pointer;}
}
@media (min-width: 648px) and (max-width: 768px) {
.map-listing .marker-list-loc, .map-listing .marker-reCenter{width: 100%;max-width:46%;border:2px solid #efefef; padding: 15px;float:left; height: 150px;margin:1%; border-radius:5px;cursor:pointer;}
.map-listing .marker-list-loc:hover, .map-listing .marker-reCenter:hover {background: #efefef;transition:all 0.3s ease;border:2px solid #000;border-radius:5px;cursor:pointer;}
}
@media (max-width: 648px) {
.map-listing .marker-list-loc, .map-listing .marker-reCenter{width: 100%;max-width:99%;border:2px solid #efefef; padding: 15px;float:left; height: 150px;margin:1%; border-radius:5px;cursor:pointer;}
.map-listing .marker-list-loc:hover, .map-listing .marker-reCenter:hover {background: #efefef;transition:all 0.3s ease;border:2px solid #000;border-radius:5px;cursor:pointer;}
}