/* ============================================================
   FOOTER COLUMN WIDTHS (desktop)
   Loaded from inc/footer-accordion.php

   NOTE: widget IDs are STAGING IDs. Live uses different ones
   (sign-up = #custom_html-3, link columns = #custom_html-7 / -8).
   Update these when pushing to live, along with pb_footer_accordion_ids().
   ============================================================ */

@media (min-width: 768px) {

  #text-5 {
    max-width: 25% !important;
    width: 30% !important;
    flex: 0 0 30% !important;
  }

  /* Sign-up column */
  #custom_html-5 {
    max-width: 30% !important;
    width: 30% !important;
    flex: 0 0 30% !important;
  }

  #custom_html-5 .klaviyo-form-VFLmLb {
    margin-top: -30px;
    margin-left: -5px;
  }

  /* Link columns */
  #custom_html-7 {
    max-width: 15% !important;
    width: 15% !important;
    flex: 0 0 15% !important;
    margin-right: 0 !important;
  }

  #custom_html-7 .widget-title,
  #custom_html-7 .is-divider {
    text-align: left !important;
    margin-left: 0 !important;
    position: static !important;
    left: auto !important;
    transform: none !important;
  }

  #custom_html-9 {
    max-width: 15% !important;
    width: 15% !important;
    flex: 0 0 15% !important;
    margin-left: 0 !important;
  }

  #custom_html-9 .widget-title,
  #custom_html-9 .is-divider {
    text-align: left !important;
    margin-left: 0 !important;
  }

  #custom_html-11 {
    max-width: 15% !important;
    width: 15% !important;
    flex: 0 0 15% !important;
    margin-left: 0 !important;
  }

  #custom_html-11 .widget-title,
  #custom_html-11 .is-divider {
    text-align: left !important;
    margin-left: 0 !important;
    position: static !important;
    left: auto !important;
    transform: none !important;
  }
}
