body#mercury section.hotspots h3.title {
  position: absolute;
  width: 100%;
  text-align: center;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.6em 0;
}

body#mercury section.hotspots .hotspot-desktop h3.title {
  font-size: 2.25em;
}

body#mercury section.hotspots div.popover {
  background: #00b2b1;
  border-radius: 2px;
  /* box-shadow: 1px 1px 5px white; */
  max-width: 370px;
  border: 0px solid black;
  padding: 1em;
  position: absolute;
  z-index: 55;
}

body#mercury section.hotspots div.popover h3,
body#mercury section.hotspots div.popover a,
body#mercury section.hotspots div.popover a:hover {
  color: white;
  text-decoration: none;
}

body#mercury section.hotspots .hotspot-desktop div.popover {
  font-size: 0.875em;
}

body#mercury section.hotspots .hotspot-mobile div.popover {
  font-size: 0.75em;
}

body#mercury section.hotspots .hotspot-desktop div.popover h3 {
  font-size: 1.5em;
}

body#mercury section.hotspots .hotspot-mobile div.popover h3,
body#mercury section.hotspots .hotspot-mobile h3.title {
  font-size: 1.125em;
}

body#mercury section.hotspots a.default-popup {
  position: absolute;
  background-image: url("/application/blocks/hotspot/icons/hotspot.svg");
  width: 2rem;
  height: 2rem;
  background-size: 2rem;
  margin-left: -1em;
  margin-top: -1em;
}

body#mercury section.hotspots a.default-popup[aria-describedby] {
  background-image: url("/application/blocks/hotspot/icons/hotspot-active.svg");
}

body#mercury section.hotspots img {
  width: 100%;
}

@media only screen and (min-width: 961px) {
  body#mercury section.hotspots .hotspot-mobile {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
  body#mercury section.hotspots .hotspot-mobile div.popover {
    font-size: 1.25em;
  }
  body#mercury section.hotspots .hotspot-desktop {
    display: none;
  }
  body#mercury section.hotspots a.default-popup {
    width: 3rem;
    height: 3rem;
    background-size: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  body#mercury section.hotspots .hotspot-mobile div.popover {
    font-size: 1.15em;
  }
}

/*# sourceMappingURL=view.css.map*/