/* HLB V5.4.2h - Remove faint divider line on mobile header */
@media (max-width: 820px) {
  /* Clean header shell */
  .topbar,
  .topbar-inner {
    border-bottom: none !important;
    box-shadow: none !important;
    background-image: none !important;
    outline: none !important;
  }

  /* Kill common pseudo-element divider lines */
  .topbar::before,
  .topbar::after,
  .topbar-inner::before,
  .topbar-inner::after,
  header.topbar::before,
  header.topbar::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    height: 0 !important;
  }

  /* Some themes draw a separator using children wrappers */
  .topbar > .divider,
  .topbar .divider,
  .topbar .header-divider,
  .topbar .topbar-divider {
    display: none !important;
    opacity: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  /* In case the line comes from a transparent bottom inset shadow */
  .topbar {
    -webkit-mask-image: none !important;
    mask-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Keep the header looking intentional after removing the line */
  .topbar {
    background: transparent !important;
  }
}