/* Responsive polish for the static Health Upwardly Mobile export. */
html,
body {
  max-width: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
svg,
video,
iframe {
  max-width: 100%;
}

.text-widget-content,
.text-widget-content h1,
.text-widget-content h2,
.text-widget-content h3,
.text-widget-content p,
.text-widget-content a {
  overflow-wrap: anywhere;
}

@media (max-width: 768px) {
  body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  .widget,
  .widgetResponsive,
  .widget-row,
  .grid-content,
  .grid-column {
    max-width: 100%;
  }

  /* Put the location details below the photo so they remain readable on phones. */
  .hum-location-card {
    min-height: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .hum-location-card > img {
    width: 100% !important;
    height: clamp(240px, 68vw, 360px) !important;
    object-fit: cover !important;
  }

  .hum-location-card > div {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    padding: 20px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .hum-location-card > div a {
    min-height: 44px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  input,
  select,
  textarea,
  button {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  #heading-widget-1684999210707 h1,
  #heading-widget-1684999210707 h1 span {
    font-size: clamp(29px, 8.5vw, 34px) !important;
    line-height: 1.16 !important;
  }

  #heading-widget-1684999210645 h2,
  #heading-widget-1684999210645 h2 span {
    font-size: clamp(26px, 8vw, 32px) !important;
    line-height: 1.12 !important;
  }

  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  .new-hear-mobile {
    right: max(16px, env(safe-area-inset-right)) !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    padding: 30px !important;
    font-size: 34px !important;
  }
}