/* IFQIS (Pulse) branding */

/* Expanded sidebar: centre the logo in the space left of the collapse button (the logo box spans the whole
   280px header and the button sits over its right end, 48px from it). */
.lpx-sidebar-container .lpx-brand-logo {
  width: calc(100% - 48px);
  background-position: center !important;
}

/* Collapsed sidebar. LeptonX sets the logo as an inline background-image, which wins over its own collapsed rule,
   so the collapsed sidebar shows the left edge of the logo. Langeberg's logo starts with its tree icon; the Pulse
   wordmark doesn't, so the collapsed sidebar gets the square icon instead. */
.hover-trigger .lpx-sidebar-container:not(:hover) .lpx-brand-logo {
  width: auto !important;
  background-image: url('/assets/images/logo/icon.svg') !important;
  background-size: 44px 44px !important;
  background-position: center !important;
}

/* Tablets (768-1199px) collapse the sidebar without the hover-trigger class */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .lpx-sidebar-container:not(:hover) .lpx-brand-logo {
    width: auto !important;
    background-image: url('/assets/images/logo/icon.svg') !important;
    background-size: 44px 44px !important;
    background-position: center !important;
  }
}