CSS for ACF Google map styling
.map_container {
position: relative;
}
.acf-map {
width: 100%;
height: 400px;
border: #ccc solid 1px;
margin: 0;
position: relative;
}
.acf-map.cover:before {
top: 50%;
left: 50%;
color: #fff;
width: 180px;
border: 1px solid #fff;
z-index: 9;
opacity: 0.8;
content: 'Enable Map';
padding: 15px;
position: absolute;
font-size: 1.5em;
text-align: center;
line-height: 1;
margin-left: -90px;
border-radius: 2px;
}
.acf-map.cover:after {
width: 100%;
height: 100%;
content: '';
z-index: 8;
opacity: 0.4;
position: absolute;
background-color: #0066ae;
}
.acf-map img {
max-width: none;
}
.disable_map_btn {
color: #444;
top: 15px;
right: 15px;
width: 125px;
border: 1px solid #444;
height: 34px;
z-index: 999;
display: block;
overflow: hidden;
position: absolute;
line-height: 32px;
padding-left: 8px;
border-radius: 2px;
opacity: 0.8;
}
.disable_map_btn.hide {
display: none;
}