.header-top {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 90;
  transition: box-shadow .25s ease;
}

/* theme sets perspective:1000px here, which makes .site-container the
   containing block for fixed children and kills the sticky bar */
.site-container {
  -webkit-perspective: none;
  perspective: none;
}

/* give back the bar height the fixed positioning removed (JS refines this) */
.site-header .js-background-type {
  padding-top: 67px;
}

/* background colour comes from the theme's --header-background-color,
   set in Voog's design tool — don't override it here */
html.header-stuck .header-top {
  box-shadow: 0 1px 6px rgba(0, 0, 0, .12);
}

/* leave the Voog editor alone */
html.editmode .header-top {
  position: static;
}

html.editmode .site-header .js-background-type {
  padding-top: 0;
}