#balaton-map-container {
max-width: 100%;
}
@media (max-width: 1024px) {
.places-button {
display: none;
}
}
.leaflet-popup-content img {
margin-bottom: 10px;
}
.appearance {
display: inherit !important;
}
@media only screen and (min-width: 1024px) {
.leaflet-touch .leaflet-control-layers-toggle {
width: 80px;
height: 80px;
}
.leaflet-control-layers-toggle {
background-size: 40px 40px !important;
}
}
.leaflet-control-layers-base, .leaflet-control-layers-overlays span {
font-size: 14px;
}
#map-overlay {
display: none;
position: absolute;
top: 0px;
left: 50px;
width: 300px;
height: 100%;
background: #ededee;
cursor: default;
z-index: 999999;
overflow: scroll;
}
#map-overlay h2 {
font-weight: 500;
line-height: 15px;
margin-bottom: 24px;
font-size: 18px;
color: #2863c6;
text-transform: capitalize;
}
@media (max-width: 1024px) {
#map-overlay {
display: none;
}
}
.place {
margin: 0 0 10px 0;
padding: 0;
overflow: hidden;
}
.place-item-left {
width: 45%;
float: left;
}
.place-image img {
margin: 0px -20%;
}
.place-item-right {
width: 55%;
float: left;
}
.place-data {
padding: 0 5% 0 5%;
}
.place-data a {
font-size: 12px;
font-weight: 700;
}