/* KAZIO HEADER LOGO SIZE V2 FORCE */

/* remove the thin/empty top padding area */
html body {
  margin-top: 0 !important;
}

body > header:first-child,
header,
#header,
.header,
.site-header,
.kazio-header,
.kz-header,
.top,
.top-bar,
#top,
.kz-topbar,
.kazio-topbar {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body > header:first-child::before,
header::before,
#header::before,
.header::before,
.site-header::before,
.kazio-header::before,
.kz-header::before {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* v2 classes are added by JS to the actual detected logo */
.kz-header-logo-box-v2 {
  width: 136px !important;
  min-width: 136px !important;
  max-width: 136px !important;
  height: 124px !important;
  min-height: 124px !important;
  max-height: 124px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.kz-header-logo-img-v2 {
  width: 128px !important;
  max-width: 128px !important;
  min-width: 128px !important;
  height: auto !important;
  max-height: 116px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* very broad fallback, only in header */
header img.kz-header-logo-img-v2,
#header img.kz-header-logo-img-v2,
.header img.kz-header-logo-img-v2 {
  width: 128px !important;
  max-width: 128px !important;
  max-height: 116px !important;
}

@media (max-width: 768px) {
  .kz-header-logo-box-v2 {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
  }

  .kz-header-logo-img-v2 {
    width: 100px !important;
    max-width: 100px !important;
    min-width: 100px !important;
    max-height: 86px !important;
  }
}