/*/* ================================
   CFS — Global Footer (Responsive)
   ================================ */

/* --- Layout: desktop / tablet --- */
footer.global-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 24px 0;
}

footer.global-footer .footer-column {
  flex: 1 1 260px; /* min width before wrapping */
}

/* --- Links (Quick links & contact) --- */
footer.global-footer .footer-link {
  display: block;
  text-decoration: underline;
  margin: 6px 0;
  color: #fff;
}

/* --- Legal row (pipes on desktop) --- */
footer.global-footer .footer-legal { text-align: center; }
footer.global-footer .footer-legal p { margin: 0; }
footer.global-footer .footer-legal-item {
  display: inline-block;
  margin: 0 6px;
  color: #fff;
}
footer.global-footer .footer-legal-sep {
  margin: 0 6px;
  opacity: .85;
  color: #fff;
}

/* --- Contact column (right-aligned on desktop) --- */
footer.global-footer .footer-contact { 
  text-align: right;
  color: #fff;
}
footer.global-footer .footer-contact a { 
  color: #fff; 
  text-decoration: underline; 
}

/* --- Footer logo sizing (HubSpot image widget) --- */
/* Desktop default cap */
footer.global-footer .hs-image-widget img {
  max-width: 200px !important;
  height: auto !important;
}

/* Safety net: if the image isn’t wrapped by the widget class */
footer.global-footer img[alt*="Logo"],
footer.global-footer img[src*="logo"],
footer.global-footer img[src*="Logo"] {
  max-width: 200px;
  height: auto;
}

/* ================================
   Mobile behaviours
   ================================ */
@media (max-width: 768px) {

  /* Stack columns and center */
  footer.global-footer {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    padding: 20px 0;
  }

  footer.global-footer .footer-column {
    width: 100%;
    margin-bottom: 12px;
  }

  /* Center contact on mobile */
  footer.global-footer .footer-contact { 
    text-align: center; 
    margin-top: 4px;
  }

  /* Legal items: break onto separate lines for legibility */
  footer.global-footer .footer-legal-item,
  footer.global-footer .footer-legal-sep {
    display: block;
    margin: 4px 0;
  }

  /* Logo: smaller + spacing below */
  footer.global-footer .hs-image-widget img {
    max-width: 120px !important;
    margin: 0 auto 24px auto;  /* center + add space below */
    display: block;
  }

  /* Safety net for any other footer image acting as the logo */
  footer.global-footer img[alt*="Logo"],
  footer.global-footer img[src*="logo"],
  footer.global-footer img[src*="Logo"] {
    max-width: 120px;
    margin: 0 auto 24px auto;
    display: block;
  }

  /* Touch-friendly quick links */
  footer.global-footer .footer-link {
    font-size: 16px;
    padding: 6px 0;  /* enlarge tap area */
  }
}

/* ================================
   XL screens: keep logo from ballooning
   ================================ */
@media (min-width: 1440px) {
  footer.global-footer .hs-image-widget img {
    max-width: 240px !important;
  }
}
 @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/