/**
 * FGEBA footer layout.
 *
 * Corrects two structural problems in the shared footer template (Elementor 72729) without
 * editing the template itself:
 *
 *   1. An empty container sits between "Quick Links" and "Get In Touch". As a flex child it
 *      still claimed an equal share of the row, which is the large gap in the middle.
 *   2. The footer ran to a 1440px content width while every page above it uses a 1120px
 *      shell, so the footer logo sat ~150px to the left of the page content it belongs under.
 */

/* 1. Match the content shell used by the homepage and the state pages. */
#colophon .elementor-element-a0e6cd0 {
  --content-width: min(1120px, 100% - 48px);
}

/* 2. Collapse any column that holds no widgets. The container is not :empty in the CSS sense
      because Elementor leaves an indentation text node inside it, so match on having no
      element children instead. Written as a condition rather than hiding the column by id, so
      it comes back on its own the moment a widget is added to it. */
#colophon .elementor-element-b911a36 > .e-con:not(:has(*)) {
  display: none;
}

/* 3. Distribute the remaining columns instead of splitting them evenly: the logo takes only
      the room it needs, the two link columns share equally, and the contact column gets a
      little more because the street address wraps. */
#colophon .elementor-element-b911a36 {
  align-items: flex-start;
  gap: clamp(28px, 4vw, 68px);
}

#colophon .elementor-element-b911a36 > .e-con {
  flex: 1 1 0;
  min-width: 0;
}

#colophon .elementor-element-b911a36 > .elementor-element-59435e8 {
  flex: 0 0 auto;
}

#colophon .elementor-element-b911a36 > .e-con:last-child {
  flex: 1.35 1 0;
}

/* 4. Even out the vertical rhythm between the column headings and their lists. */
#colophon .elementor-element-b911a36 .elementor-widget-heading {
  margin-bottom: 6px;
}

/* 5. Bottom bar: keep the copyright and the policy links on opposite edges of the shell. */
#colophon .elementor-element-1aa3350 {
  align-items: center;
  gap: 12px 32px;
}

@media (max-width: 1024px) {
  #colophon .elementor-element-b911a36 {
    flex-wrap: wrap;
  }

  #colophon .elementor-element-b911a36 > .e-con,
  #colophon .elementor-element-b911a36 > .e-con:last-child {
    flex: 1 1 40%;
  }

  #colophon .elementor-element-b911a36 > .elementor-element-59435e8 {
    flex: 0 0 100%;
  }
}

@media (max-width: 767px) {
  #colophon .elementor-element-b911a36 {
    gap: 30px;
  }

  #colophon .elementor-element-b911a36 > .e-con,
  #colophon .elementor-element-b911a36 > .e-con:last-child {
    flex: 1 1 100%;
  }

  #colophon .elementor-element-1aa3350 {
    flex-wrap: wrap;
    gap: 10px;
  }
}