.elementor-327 .elementor-element.elementor-element-d9f2563{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-c2a5d59 */<style>
/* =========================================================
TBS FOOTER MEGA FIX (CSS ONLY)
Fixes your screenshot issue:
- Dropdown is NOT skinny anymore
- Full-width mega panel that opens UP above the bar
- Better padding, readable links, proper columns
Works even if Elementor blocks <script>
========================================================= */

/* If this is used as a footer bar, it must be fixed */
#tbs-header{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  z-index: 99999999 !important;
}

/* The LI should NOT constrain sizing */
#tbs-header .tbs-item{ position: static !important; }

/* Mega must be fixed & full width (NOT absolute in LI) */
#tbs-header .tbs-mega{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;

  /* OPEN UPWARD: place above the footer bar */
  bottom: calc(var(--tbsBarH, 120px)) !important;
  top: auto !important;

  padding: 0 18px 16px !important;
  z-index: 999999999 !important;
}

/* Force the “skinny pill” problem to disappear */
#tbs-header .tbs-mega-panel{
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Make the dropdown readable */
#tbs-header .tbs-mega-grid{
  max-height: min(64vh, 520px) !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Stronger spacing */
#tbs-header .tbs-col a{
  padding: 12px 12px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

/* If your mega is still using TOP logic, kill it */
#tbs-header{ --tbsMegaTop: unset !important; }

/* Give the page room so content isn’t hidden behind the fixed footer */
html{ padding-bottom: 140px !important; }
@media (max-width: 980px){
  html{ padding-bottom: 170px !important; }
}

/* MOBILE: collapse columns so it’s readable */
@media (max-width: 980px){
  #tbs-header .tbs-cols-3{ grid-template-columns: 1fr !important; }
  #tbs-header .tbs-cols-2{ grid-template-columns: 1fr !important; }
}
</style>/* End custom CSS */