/*
 * Map call-to-action and access-point links on the recreation pages.
 */

.qriver-map-cta {
  margin: 0 0 18px;
}

.qriver-map-cta__link {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 4px;
  background: #546d7a;
  color: #fff;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.qriver-map-cta__link::after {
  /* A plain arrow rather than an emoji, which not every platform has a
     glyph for and which renders as a tofu box when it is missing. */
  content: " \2192";
}

.qriver-map-cta__link:hover,
.qriver-map-cta__link:focus {
  background: #41555e;
  color: #fff;
}

/* Access points that exist on the map read as links to it. */
.qriver-map-place {
  color: #41697d;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
}

.qriver-map-place:hover,
.qriver-map-place:focus {
  color: #23424f;
  text-decoration-style: solid;
}