/* HEADER STYLES 
Note: the use of Styles controlled by "MetaBox Page Options"
*/
body {
  --header-overlay-bg-color: var(--black-trans-50);
  --invert-burger-color: var(--white);
  --invert-color-filters: invert(1) contrast(2);
  --animation-duration: 0.6s;
}
body.fixed_header header > .brxe-section, body.fixed_header.overlay_enabled header > .brxe-section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: all var(--animation-duration);
}
body.fixed_header.scrolled.hide_show_header_on_scroll.scroll-down header > .brxe-section, body.fixed_header.overlay_enabled.scrolled.hide_show_header_on_scroll.scroll-down header > .brxe-section {
  transform: translateY(calc(-1 * var(--header-height)));
  background-color: transparent !important;
}
body.overlay_enabled header > .brxe-section {
  background-color: var(--header-overlay-bg-color) !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
body.invert_header_colors header > .brxe-section {
  --x-burger-line-color: var(--invert-burger-color);
}
body.invert_header_colors header > .brxe-section nav {
  filter: var(--invert-color-filters);
}
body.wpe_greyscale {
  /* Do not header, footer or body, mess with the layout */
}
body.wpe_greyscale main {
  filter: grayscale(1);
}