.datamap-title,
.datamap-subtitle {
  text-align: center;
}

body .leaflet-popup-content-wrapper,
body .leaflet-popup-tip {
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.1);
}

body .leaflet-container a.leaflet-popup-close-button,
body .leaflet-container a.leaflet-popup-close-button:hover {
  color: transparent;
  width: auto;
  height: auto;
  line-height: 0;
  text-decoration: none;
  font-weight: 400;
}

body .leaflet-container a.leaflet-popup-close-button::after {
  content: "cancel";
  font-family: "Material Symbols Outlined";
  font-size: 1.5rem;
  color: var(--color-functional-black);
  display: block;
  line-height: 1;
}

.leaflet-container a.leaflet-popup-close-button:hover::after {
  color: var(--color-700);
}

body .leaflet-container a {
  color: var(--color-700);
}

.givaudan-datamap .location-name a {
  display: inline-block;
}

/* @todo h4 to h4-size for acessibility? */
.leaflet-popup h4.location-name {
  color: var(--color-700);
}

body .givaudan-datamap .dm-topblock.only-label h4.location-name.no-content {
  padding-bottom: 0.5em;
}

/* .leaflet-popup-content .dm-topblock {
  width: 270px;
  box-sizing: content-box;
} */

/** WIDE AND OVER **/
@media screen and (min-width: 1921px) {
  body .leaflet-container a.leaflet-popup-close-button::after {
    font-size: 2.25rem;
  }
}
/** END WIDE AND OVER **/

/** 4k **/
@media screen and (min-width: 3441px) {
  body .leaflet-container a.leaflet-popup-close-button::after {
    font-size: 3.375rem;
  }
}
/** END 4k **/