/* ===== BSX footer block ===== */
.bsx-footer h3 {
  font-family: var(--bsx-font-heading);
  font-weight: 500;
  font-size: 32px;
  line-height: 1.12;
  color: var(--bsx-ink);
}
.bsx-footer h3 em { color: var(--bsx-mauve); }

.bsx-foot-label {
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--bsx-muted);
  margin-bottom: 18px;
}
.bsx-foot-links { list-style: none; margin: 0; padding: 0; }
/* out-specify Flatsome's .col-inner ul li { margin-left: 1.3em } */
.bsx-footer .col-inner .bsx-foot-links li { margin-left: 0; margin-bottom: 12px; }
.bsx-foot-links a {
  font-size: 14px;
  color: #5f584c;
}
.bsx-foot-links a:hover { color: var(--bsx-mauve); }

/* newsletter pill — works for MC4WP / MailPoet / plain forms.
   Fights Flatsome base rules: input width:100% + margin-bottom (wraps the
   button out of the row), button margin-right:1em + uppercase, and the
   global button_radius 8px!important. */
.bsx-nl form {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 380px;
}
.bsx-nl input[type="email"] {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  margin: 0;
  background: #fff;
  border: 1px solid #e0d6c6;
  border-radius: var(--bsx-radius-pill) !important;
  padding: 13px 18px;
  font-size: 14px;
  box-shadow: none;
  height: auto;
}
.bsx-nl input[type="submit"],
.bsx-nl button {
  flex: 0 0 auto;
  margin: 0;
  background: var(--bsx-ink);
  color: #fff;
  border: 0;
  border-radius: var(--bsx-radius-pill) !important;
  padding: 13px 24px;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  min-height: 0;
  text-transform: none;
  letter-spacing: 0.02em;
}
.bsx-nl input[type="submit"]:hover,
.bsx-nl button:hover { background: #000; color: #fff; }

/* drop the UX-builder divider above the copyright row */
.bsx-footer .is-divider,
.bsx-footer .divider { display: none; }

/* hide Flatsome's empty absolute footer (blank white bar under the section) */
.absolute-footer { display: none; }

.bsx-foot-copy { font-size: 12px; color: var(--bsx-muted); }
.bsx-foot-copy strong { color: #5f584c; }
.bsx-foot-social a {
  font-size: 13px;
  color: #5f584c;
  margin-left: 20px;
  text-decoration: none;
}

@media (max-width: 549px) {
  .bsx-footer h3 { font-size: 26px; }
  .bsx-foot-social a { margin-left: 0; margin-right: 18px; }
}