/* Styles for location.hbs — the office card. */

/* An iframe is inline by default, so the line box it sits on reserves room for
   a descender and leaves a few unexplained pixels between the map and the
   bottom of the card. `block` is what makes the card's 16px padding symmetric;
   the legacy has the gap. */
.contact-map {
  display: block;
  width: 100%;
  height: 380px;
  margin-top: 16px;
  border: none;
  border-radius: 8px;
  overflow: hidden;
}

/* From the two-column breakpoint up, this card fills the whole second column
   while the two channel cards stack in the first. The grid it is placed in is
   declared by the parent, in `contact.css`. */
@media (min-width: 1000px) {
  .contact-location {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
}