.callout {
  margin-bottom: var(--space-m);
  padding-bottom: var(--space-m);
  width: 100%;
  gap: var(--gutter-loose);
  will-change: transform;
  border-bottom: 1px solid var(--color-body-a10);
}
.callout:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.callout .callout-img {
  max-width: 17.25rem;
  width: 100%;
  height: 10.375rem;
}
.callout .callout-img img {
  border-radius: 0.5rem;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.callout header {
  width: 100%;
}
@media only screen and (max-width: 48rem) {
  .callout {
    gap: var(--space-m);
  }
  .callout .callout-img {
    width: 4.8rem;
    height: 4.8rem;
  }
  .callout header h1 {
    font-family: var(--font-family-large-heading);
    font-weight: var(--font-weight-large-heading);
    text-transform: var(--text-transform-large-heading);
    font-size: var(--font-size-large-heading-3);
    line-height: var(--line-height-large-heading-3);
    letter-spacing: var(--letter-spacing-large-heading-3);
    font-style: var(--font-style-large-heading);
  }
}
.callout:hover {
  transform: translateX(0.25rem);
}
/*# sourceMappingURL=location_menu.css.map */