:root {
  /* OPTIONAL: Sticky background controls */
  --lytbox-sticky-bg: rgba(17, 17, 17, 0.25);
  --lytbox-sticky-blur: 10px;
  --lytbox-sticky-shadow: 0 10px 30px rgba(18, 22, 30, 0.05);
}

.lytbox-no-trans {
  transition: none !important;
}

/* Sticky behavior */
.lytbox-header{
    padding: 10px 0px;
}
.lytbox-header.lytbox-is-sticky {
    padding:0px 00px;
}
.lytbox-header.lytbox-is-sticky .e-con-inner {
    padding: 5px 16px;
}
.lytbox-header.lytbox-is-sticky {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;
  transform: translateY(-110%);
  transition: transform var(--lytbox-anim-ms) ease;
  will-change: transform;
}

.lytbox-header.lytbox-is-sticky.lytbox-show {
  transform: translateY(0);
}

/* OPTIONAL: add background ONLY when sticky
   To disable: comment these lines. */

.lytbox-header.lytbox-is-sticky {
  background: var(--lytbox-sticky-bg);
  backdrop-filter: blur(var(--lytbox-sticky-blur));
  box-shadow: var(--lytbox-sticky-shadow);
}

/* Logo change on scroll */
/* Add classes logo-1 and logo 2 to your logos, logo-1 shows by default, logo-2 shows on scroll */
.logo-2 {
    display: none;
} 
.header-scrolled .logo-1 {
    display: none;
}
.header-scrolled .logo-2 {
    display: inline-block;
}