/* .site-header {
  padding-inline: 4vw;
} */
/* .site-nav {
  display: flex;
  align-items: center;
  gap: 32px;
  font-size: 13px;
} */
.map-canvas {
  min-height: 540px;
  background: #d5d1c6;
}
.leaflet-container {
  font-family: "IBM Plex Sans Arabic", Tahoma, sans-serif;
  font-size: 12px;
  z-index: 1;
}
.leaflet-control-attribution {
  font-size: 9px;
}
.leaflet-project-popup {
  min-width: 190px;
  display: grid;
  gap: 4px;
  text-align: right;
  color: #171714;
}
.leaflet-project-popup span {
  font-size: 10px;
  color: #9a7625;
}
.leaflet-project-popup strong {
  font-size: 18px;
}
.leaflet-project-popup small {
  color: #716e66;
}
.leaflet-project-popup em {
  font-style: normal;
  color: #987528;
  font-size: 11px;
}
.leaflet-project-popup b {
  font-size: 10px;
  color: #716e66;
  font-weight: 500;
}
.leaflet-popup-content {
  margin: 14px 16px;
}
.map-project-item.is-selected {
  background: #fff8e6;
  border-right: 3px solid #c7a34c;
  padding-right: 10px;
}
.section-label {
  z-index: 3;
}
.locations .section-label {
  top: 54px;
}
@media (max-width: 1100px) and (min-width: 681px) {
  .site-nav {
    gap: 6px;
    font-size: 10px;
  }
  .nav-cta {
    padding-inline: 9px;
  }
  .site-header {
    padding-inline: 2.5vw;
  }
}
@media (max-width: 680px) {
  .map-canvas {
    height: 410px;
    min-height: 410px;
  }
  .locations .section-label {
    top: 32px;
  }
  .site-nav {
    white-space: normal;
  }
  .leaflet-control-zoom {
    display: none;
  }
}