.gl-osm-search form {
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
max-width: 800px;
margin-left: auto;
margin-right: auto;
flex-direction: column;
}
.gl-osm-search form br {
display: none;
}
#gl-osm-search-field {
min-width: 300px;
padding: 8px 10px;
font-size: 18px;
line-height: 26px;
border: 1px solid #111;
border-radius: 8px;
color: #111;
}
#gl-osm-search-btn {
border: 0;
background: #111;
color: #fff;
padding: 9px 50px;
line-height: 26px;
font-size: 18px;
border-radius: 3px;
cursor: pointer;
}
#gl-osm-search-btn:hover,
#gl-osm-search-btn:focus {
text-decoration: underline;
}
#gl-osm-map-output {
height: 500px;
max-width: 100%;
width: 100%;
}
.leaflet-popup-content a {
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.leaflet-popup-content {
text-align: center;
}
.gl-osm-map-locations {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
.gl-osm-map-location img {
max-width: 100%;
height: auto;
}
.gl-osm-map-location h3 {
margin-bottom: 0;
margin-top: 10px;
}
.gl-osm-map-location a {
text-decoration: none;
}
.gl-osm-map-location a:hover,
.gl-osm-map-location a:focus {
text-decoration: underline;
}
.gl-osm-map-location p {
margin-top: 5px;
}
body.single-post .gl-osm-search,
body.single-post .gl-osm-map {
max-width: 112rem;
margin: 0 auto;
width: calc(100% - 4rem);
}
body.single-post .gl-osm-search {
margin-top: 50px;
}
@media ( max-width: 600px ) {
.gl-osm-search form {
flex-wrap: wrap;
}
}
@media (min-width: 600px) {
.gl-osm-map-locations {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 700px) {
body.single-post .gl-osm-search,
body.single-post .gl-osm-map {
width: 100%;
margin-top: 30px;
}
}
.gl-osm-map.hide-listing h2,
.gl-osm-map.hide-listing .gl-osm-map-locations {
display: none;
}
.gl-osm-map-location-nothing {
margin-bottom: 20px;
}
.leaflet-marker-icon.marker-cluster,
.leaflet-marker-icon.marker-cluster div {
background: #111;
color: #fff;
}