/* Bi-Line v20.4.9 - final shared footer transition cleanup. */

/*
   The screenshots show two distinct layers:
   1) a shared ~20px white transition between the page canvas and footer;
   2) Services adds ~56px from its managed catalogue shell.
   Collapse both without changing footer content or CTA content.
*/

html body #main .main-content,
html body .main-content,
html body .content-bottom-wrapper,
html body #content-bottom {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Pull the shared footer over the remaining legacy white transition. */
html body .footer-wrapper {
  position: relative !important;
  z-index: 2 !important;
  margin-top: -20px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
html body footer#footer,
html body #footer,
html body footer.footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Services has its own 56px bottom shell padding. Remove it explicitly. */
html body #biline-services-managed,
html body #biline-services-managed .svc203-shell {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
html body #biline-services-managed .svc203-cta {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Keep the legacy magenta decorative accent fully suppressed. */
html body .footer-wrapper::before,
html body .footer-wrapper::after,
html body footer#footer::before,
html body footer#footer::after,
html body #footer::before,
html body #footer::after,
html body .footer-wrapper .footer-top::before,
html body .footer-wrapper .footer-top::after,
html body .footer-wrapper .footer-main::before,
html body .footer-wrapper .footer-main::after,
html body #footer .footer-top::before,
html body #footer .footer-top::after,
html body #footer .footer-main::before,
html body #footer .footer-main::after,
html body #biline-services-managed .svc203-cta::before,
html body #biline-services-managed .svc203-cta::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  background-color: transparent !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  html body .footer-wrapper { margin-top: -20px !important; }
}