/*
  MOBILE ONLY.
  No background, colors, content, images, desktop spacing or desktop typography are changed.
*/

@media (max-width: 782px) {

  /* Force text boxes to grow with their contents instead of clipping/overlapping. */
  body p,
  body .wp-block-paragraph,
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6,
  body .wp-block-heading,
  body .kt-adv-heading,
  body .wp-block-kadence-advancedheading,
  body [class*="advancedheading"] {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  /* The actual overlap fix. */
  body p,
  body .wp-block-paragraph,
  body .entry-content p,
  body main p,
  body .site-main p,
  body .content-area p {
    line-height: 1.45 !important;
  }

  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6,
  body .wp-block-heading,
  body .kt-adv-heading,
  body .wp-block-kadence-advancedheading,
  body [class*="advancedheading"] {
    line-height: 1.12 !important;
  }

  /* Prevent fixed-height Kadence/WordPress text containers from causing collisions. */
  body .wp-block-group,
  body .wp-block-column,
  body .wp-block-columns,
  body .kt-inside-inner-col,
  body .kt-row-column-wrap,
  body [class*="wp-block-kadence"],
  body [class*="kadence"] {
    min-height: 0 !important;
    max-height: none !important;
  }
}