/**
 * Ionis Location Card component styles
 */
.ionis-location-card__card {
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 18px 18px 0 #00000014, 0 0 18px 0 #0000000f;
}

.ionis-location-card__image {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

/* Extra class selectors to win over the image styles from Drupal */
.ionis-location-card .ionis-location-card__image div {
  height: 100%;
}

.ionis-location-card .ionis-location-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ionis-location-card__panel {
  --contact-field-label-width: 113px;
  --contact-field-align: start;
  --contact-field-label-color: var(--color-white);
  --contact-field-value-color: var(--color-white);
  --contact-field-link-color: var(--color-white);
  --focus-ring-color: var(--focus-ring-color-dark-bg);

  display: flex;
  flex-direction: column;
  padding: 16px;
  background: var(--color-purple);
}

.ionis-location-card__cta {
  padding-top: 16px;
}

@media (min-width: 769px) {
  .ionis-location-card__panel {
    padding: 40px 32px 32px;
  }
}