@import url("https://unpkg.com/leaflet/dist/leaflet.css");

#custom-map {
    width: 100%;
    height: 700px;
    border-radius: 0px;
}

.custom-popup .leaflet-popup-content {
    text-align: center;
}

.popup-container {
    padding: 10px;
    font-family: "DM Sans", sans-serif;
}

.popup-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.popup-text {
    font-size: 14px;
    margin: 5px 0;
}

.popup-link {
    color: black !important;
    text-decoration: none;
    font-weight: bold;
}

.popup-link:hover {
    color: #F1E905 !important;
}

.popup-button {
    font-family: "Oswald", serif !important;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    padding: 8px 12px;
    margin-top: 8px;
    background-color: #F1E905;
    color: black !important;
    font-weight: bold;
    text-decoration: none;
/*     border-radius: 5px; */
    transition: background 0.3s, color 0.3s;
}

.popup-button:hover {
    background-color: black;
    color: #F1E905 !important;
}

.leaflet-control-zoom {
    position: absolute !important;
    bottom: 20px !important;
    left: 20px !important;
    z-index: 1000;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    margin-bottom: 5px;
}
.leaflet-right{
	width: 100% !important;
}
.leaflet-control-zoom{
	border: none !important;
}
@media (max-width: 768px) {
    .leaflet-control-zoom {
        bottom: 20px !important;
        left: 20px !important;
    }
}