.page-carte-points-interet #map {
height: 100vh;
height: 100dvh;
width: 100vw;
margin: 0;
padding: 0;
} section.group-map #map {
height: 70vh;
width: 100vw;
margin: 0;
padding: 0;
}
.leaflet-container {
font-family: 'Inter', sans-serif;
font-weight: 400;
} .leaflet-top {
top: 55px;
}
.leaflet-bottom {
z-index: 500;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 1px solid #dddddd;
border-radius: 0.4rem;
overflow: hidden;
}
.leaflet-bar a {
color: #232323;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//discovr.ch/wp-content/themes/discovr/images/layers.svg);
}
.leaflet-control-layers-base,
.leaflet-control-layers-overlays {
padding: 0.5rem;
}
section.leaflet-control-layers-list {
padding-top: 0;
padding-bottom: 0;
} .marker-cluster div {
font-family: 'Inter', sans-serif;
font-weight: 600;
}
.marker-cluster-small {
background-color: rgba(212, 244, 252, 0.3);
}
.marker-cluster-small div {
background-color: rgba(212, 244, 252, 0.6);
}
.marker-cluster-medium {
background-color: rgba(212, 244, 252, 0.3);
}
.marker-cluster-medium div {
background-color: rgba(212, 244, 252, 0.6);
} .map-bottom-card {
visibility: hidden;
position: fixed;
bottom: 90px;
left: 50%;
width: 100%;
max-width: 90%;
transform: translate(-50%, 150%);
transition: transform 280ms cubic-bezier(.2,.8,.2,1);
padding: 0;
z-index: 800;
}
.map-bottom-card.open {
visibility: visible;
transform: translate(-50%, 0);
} .map-bottom-card .close {
top: -15px;
right: -15px;
background-color: var(--color-primary);
}
.map-card.card-item {
width: 100%;
border-radius: var(--br-lg);
} .map-card.card-item.card-grid {
display: grid;
grid-template-columns: 140px 1fr;
gap: 0;
align-items: stretch;
}
.map-card.card-item.card-grid .card-img {
width: 140px;
}
.map-card.card-item.card-grid .card-img img {
width: 100%;
height: 100%;
object-fit: cover;
} .map-card.card-item .card-content {
display: block;
}
.map-card.card-item.card-text .card-content {
padding: var(--padding-sm) var(--padding-md);
}
.map-card.card-item .item-title,
.map-card.card-item .item-adress,
.map-card.card-item .item-more a {
margin: var(--margin-xs) 0 0 0;
font-size: var(--fs-xs);
}
.map-card.card-item .item-title {
font-size: var(--fs-sm);
}
.map-card.card-item .item-adress {
padding: 0;
line-height: var(--line-height-xs);
font-weight: var(--fw-regular);
}
.map-card.card-item .item-more a {
display:inline-block;
font-weight: var(--fw-title-medium);
color: var(--color-light);
padding: 0.3rem 0.5rem;
border-radius: var(--br-sm);
text-decoration: none;
} @media screen and (min-width: 680px) {
.map-bottom-card {
width: auto;
}
.map-card.card-item {
width: 600px;
}
.map-card.card-item.card-text {
width: 400px;
}
.map-card.card-item.card-grid {
grid-template-columns: 170px 1fr;
gap: var(--padding-sm);
}
.map-card.card-item.card-grid .card-img {
width: 170px;
}
} #geo-error {
display: none;
position: absolute;
top: 10px;
left: 10px;
z-index: 9999;
background: #cd1719;
color: white;
padding: 10px 15px;
border-radius: 8px;
font-family: sans-serif;
font-size: 0.9em;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}