/* Het officiële 1536×1024-logo blijft byte-exact. Alleen de transparante
   boven- en onderruimte wordt met CSS uit de zichtbare balk gesneden. */
.sc-auth-header img,
.sc-sidebar-brand img,
.sc-files-brand img,
.app-top .brand img,
.logo-link img.logo,
.sc-logo img,
.site-header a.brand > img,
.admin-brand img,
.sc-ref-logo img,
.sc-ref-footer-brand img,
.sc-main-logo img {
  object-fit: cover !important;
  object-position: center 49% !important;
}

.sc-auth-header img,
.sc-main-logo img { height: 50px !important; }
.sc-sidebar-brand img { height: 46px !important; }
.sc-files-brand img { height: 44px !important; }
.app-top .brand img { height: 38px !important; }
.logo-link img.logo {
  width: 190px !important;
  height: 50px !important;
  transform: none !important;
}
.sc-ref-logo img { height: 45px !important; }
.sc-ref-footer-brand img { height: 40px !important; }

/* Oude portaaltemplates hielden een 2048×682-banner op ware grootte vast.
   Deze hoge-specificiteitsregel maakt ook die nog bereikbare pagina's compact
   en laat ze exact hetzelfde bronbestand gebruiken als de actuele site. */
html body header a.sc-main-logo {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 205px !important;
  width: 205px !important;
  min-width: 205px !important;
  max-width: 205px !important;
  height: 50px !important;
  min-height: 50px !important;
  margin-right: 18px !important;
  overflow: hidden !important;
}
html body header a.sc-main-logo picture {
  display: block !important;
  width: 205px !important;
  height: 50px !important;
  overflow: hidden !important;
}
html body header a.sc-main-logo img {
  display: block !important;
  width: 205px !important;
  min-width: 205px !important;
  max-width: 205px !important;
  height: 50px !important;
  max-height: 50px !important;
  transform: none !important;
  filter: none !important;
}
html body header.sc-page-header a.sc-main-logo,
html body header.v50-header a.sc-main-logo,
html body header.portal-header a.sc-main-logo,
html body header.machine-header a.sc-main-logo,
html body header .top a.sc-main-logo,
html body header.sc-page-header a.sc-main-logo picture,
html body header.v50-header a.sc-main-logo picture,
html body header.portal-header a.sc-main-logo picture,
html body header.machine-header a.sc-main-logo picture,
html body header .top a.sc-main-logo picture,
html body header.sc-page-header a.sc-main-logo img,
html body header.v50-header a.sc-main-logo img,
html body header.portal-header a.sc-main-logo img,
html body header.machine-header a.sc-main-logo img,
html body header .top a.sc-main-logo img,
html body.portal-body header.portal-header a.sc-main-logo img {
  width: 205px !important;
  min-width: 205px !important;
  max-width: 205px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  overflow: hidden !important;
  object-fit: cover !important;
  object-position: center 49% !important;
  transform: none !important;
  filter: none !important;
}
.admin-brand img {
  width: 190px !important;
  height: 46px !important;
}
.site-header a.brand > img {
  height: 64px !important;
}

@media (max-width: 620px) {
  .sc-files-brand img { height: 36px !important; }
  .app-top .brand img { height: 32px !important; }
  .logo-link img.logo {
    width: 166px !important;
    height: 44px !important;
    transform: none !important;
  }
  html body header a.sc-main-logo,
  html body header a.sc-main-logo picture,
  html body header a.sc-main-logo img {
    flex-basis: 178px !important;
    width: 178px !important;
    min-width: 178px !important;
    max-width: 178px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }
  html body header.sc-page-header a.sc-main-logo,
  html body header.v50-header a.sc-main-logo,
  html body header.portal-header a.sc-main-logo,
  html body header.machine-header a.sc-main-logo,
  html body header.sc-page-header a.sc-main-logo picture,
  html body header.v50-header a.sc-main-logo picture,
  html body header.portal-header a.sc-main-logo picture,
  html body header.machine-header a.sc-main-logo picture,
  html body header.sc-page-header a.sc-main-logo img,
  html body header.v50-header a.sc-main-logo img,
  html body header.portal-header a.sc-main-logo img,
  html body header.machine-header a.sc-main-logo img,
  html body.portal-body header.portal-header a.sc-main-logo img {
    width: 178px !important;
    min-width: 178px !important;
    max-width: 178px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }
}