:root {
  --dpibox-bg: #ffffff;
  --dpibox-text: rgb(22, 22, 21);
  --dpibox-link: #cbd524;
  --dpibox-link-hover: #474e62;
  --dpibox-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

/* Map container */
#leaf-map {
  width: 100%;
  min-height: 480px;
  height: 500px;
  border-radius: 3px;
}
#leaf-map > .e-con-inner {
  display: none;
}

#leaf-map .leaflet-control-container .leaflet-top {
  z-index: 800;
}
#leaf-map .leaflet-control-container .leaflet-bottom.leaflet-right {
  display: none !important;
}
.dpiconcepts-info-box {
  background: var(--dpibox-bg);
  color: var(--dpibox-text);
  padding: 10px 12px;
  border-radius: 3px;
  box-shadow: var(--dpibox-shadow);
  line-height: 1.35;
  max-width: 260px;
}

.dpiconcepts-info-title {
  font-weight: 600;
  font-size: var(--fs-14);
  margin-bottom: 4px;
  font-family: "Poppins", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color: rgb(22, 22, 21);
}

.dpiconcepts-info-link {
  display: inline-block;
  font-size: var(--fs-14);
  color: var(--dpibox-link) !important;
  text-decoration: none;
  font-family: "Poppins", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
.dpiconcepts-info-link:hover {
  color: var(--dpibox-link-hover) !important;
  text-decoration: underline;
}

/* Mobile */
@media screen and (max-width: 500px) {
  #leaf-map {
    height: 480px;
    min-height: 480px;
  }
}