/* Prevent city hero content and action rows from being clipped at any viewport size. */
.city-detail-page #city-main,
.city-detail-page .city-detail-shell,
.city-detail-page .city-detail-body {
  overflow: visible !important;
}

.city-detail-page #city-main > section:first-child,
.city-detail-page .city-detail-hero,
.city-detail-page .city-hero,
.city-detail-page .city-editorial-hero,
.city-detail-page .city-ashlar-hero,
.city-detail-page .city-detail-header,
.city-detail-page .city-detail-intro {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.city-detail-page .city-detail-hero__content,
.city-detail-page .city-detail-hero-content,
.city-detail-page .city-hero__content,
.city-detail-page .city-hero-content,
.city-detail-page .city-editorial-hero__content,
.city-detail-page .city-detail-copy,
.city-detail-page .city-hero-copy {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.city-detail-page .city-detail-actions,
.city-detail-page .city-hero-actions,
.city-detail-page .city-actions,
.city-detail-page .hero-actions,
.city-detail-page .cta-button-group {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding-bottom: 20px !important;
}

.city-detail-page .city-detail-actions > *,
.city-detail-page .city-hero-actions > *,
.city-detail-page .city-actions > *,
.city-detail-page .hero-actions > *,
.city-detail-page .cta-button-group > * {
  flex: 0 0 auto;
  margin-bottom: 0 !important;
}

.city-detail-page .city-detail-signals {
  position: relative !important;
  clear: both !important;
  margin-top: 0 !important;
}

@media (max-width: 760px) {
  .city-detail-page .city-detail-actions,
  .city-detail-page .city-hero-actions,
  .city-detail-page .city-actions,
  .city-detail-page .hero-actions,
  .city-detail-page .cta-button-group {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .city-detail-page .city-detail-actions > *,
  .city-detail-page .city-hero-actions > *,
  .city-detail-page .city-actions > *,
  .city-detail-page .hero-actions > *,
  .city-detail-page .cta-button-group > * {
    width: 100% !important;
    max-width: none !important;
  }
}