#propublica-map * {
  margin:  0;
  padding: 0;
  border:  0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

#propublica-map em {
  font-style: italic;
  font-size: 12px;
}

#propublica-map p {
  margin-top: 15px;
}

#propublica-map ul {
  list-style: none;
  padding-top: 5px;
}

#propublica-map {
  width: 800px;
  height: 800px;
  position: relative;
  border: 1px solid #efefef;
  background-color: white;
  font-family:'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
}

#propublica-map #pp-title {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 24px;
  font-family: "Sentinel A", "Sentinel B", Georgia, "Times New Roman", Times, serif;
}

#propublica-map #pp-guff {
  font-family: "Sentinel A", "Sentinel B", Georgia, "Times New Roman", Times, serif;
  margin-bottom: 15px;
  font-size: 14px;
}

#propublica-map img {
  width: 100%;
  height: 100%;
}

#propublica-map svg {
  position: absolute;
  top: 0px;
  left: 0px;
}

#propublica-map svg circle {
  cursor: pointer;
}

#propublica-map #pp-info {
  margin: 10px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 300px;
  font-size: 12px;
}

#propublica-map #pp-legend {
  margin-top: 10px;
}

#propublica-map #pp-legend div {
  display: inline-block;
}

#propublica-map #pp-legend .pp-color {
  width: 11px;
  height: 11px;
  margin-top: -5px;
  vertical-align: middle;
  margin-right: 5px;
  background-color: #cacfd8;
}

#propublica-map #pp-legend .pp-label {
  width: 70px;
}

#propublica-map #pp-legend .pp-mix {
  width: 11px;
  height: 12px;
}

#propublica-map #pp-legend .pp-bar {
  width: 200px;
}

#propublica-map #pp-legend .pp-bar-inner {
  background-color: #fa0;
  height: 12px;
  margin-right: 5px;
}

#propublica-map #pp-controls .pp-business .pp-dot {
  color: #CC1419;
}

#propublica-map #pp-controls .pp-residential .pp-dot {
  color: #fa0;
}

#propublica-map #pp-controls div {
  display: inline-block;
  cursor: pointer;
}

#propublica-map #pp-controls .pp-dot {
  font-size: 17px;
  margin-right: 3px;
  padding-left: 1px;
}

#propublica-map #pp-controls div.pp-active div.pp-dot::before {
  content: '●';
}

#propublica-map #pp-controls div.pp-dot::before {
  content: '○';
}

#pp-tip {
  font-family:'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  font-size: 11px;
  position: absolute;
  background: white;
  border: 1px solid #efefef;
  width: 200px;
  min-height: 30px;
  opacity: 0;
  padding: 5px;
  transition: 150ms opacity;
  transition-timing-function: ease;
}
#pp-tip.active {
  opacity: 1;
}

@media screen and (max-width: 480px) {
  #propublica-map {
    width: 320px;
    height: inherit;
  }

  #propublica-map svg {
    bottom: 5px;
    top: inherit;
  }

  #propublica-map #pp-info {
    position: inherit;
    width: 300px;
  }
}