/* Transparent map annotations: keep the road network visible. */
.leaflet-tooltip,
.station-label {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #8b1424 !important;
  padding: 2px 4px;
  font-size: 15px;
  font-weight: 700;
  opacity: 1 !important;
}
.leaflet-tooltip::before { display: none !important; }
.map-stop-link,
.map-stop-link:hover,
.map-stop-link:active {
  background: transparent !important;
  color: #8b1424 !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.route-number > div {
  background: transparent !important;
  color: #8b1424 !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 25px !important;
  font-weight: 800 !important;
}
.immersive.map-mode .graph-heading h2,
.immersive.map-mode .graph-heading .eyebrow {
  background: transparent;
  color: #8b1424;
}
/* The example's itinerary is also an overlay, rather than a white map cover. */
.panel {
  background: transparent !important;
  box-shadow: none !important;
  border: 0;
  color: #8b1424;
}
.panel a,.panel .hint { color: #8b1424; }
.panel button {
  background: transparent;
  color: #8b1424;
  border-color: #8b142455;
  font-weight: 700;
}
.panel button:hover { background: #8b142410; }