:root {
  --animation-length: 5rem;
  --animation-time: 1s;
  --hero-height: 100svh;
  --header-height:5rem;
  --sticky-top:calc(var(--header-height) + 2rem);
  --nav-color:var(--dark);
  --fluentform-primary:var(--primary);
  --fluentform-secondary:var(--secondary);
  --fluentform-danger:var(--danger);
  --fluentform-border-color:var(--primary);
  --fluentform-border-radius:0;
  --dock-height:0rem;
  --side-menu-height: calc(100svh - var(--dock-height));
}
@media (max-width: 767px) {
  :root {
    --dock-height:5.6rem;
  }
}
html, body {
  max-width: 100vw;
  overflow-x: hidden;
}
body.logged-in {
  --hero-height:calc(100svh - var(--wp-admin--admin-bar--height, 0));
  --sticky-top:calc(var(--header-height) + var(--wp-admin--admin-bar--height, 0) + 2rem);
}
body .brx-animate-fadeInUp {
  animation-name: fadeUp;
}
#brx-header.sticky.scrolling, #brx-header:hover {
  background-color: var(--light);
}
body.nav-inverted #brx-header:not(.scrolling, :hover) {
  --nav-color:var(--light);
  color: var(--light);
}
body.nav-inverted #brx-header:not(.scrolling, :hover) img {
  filter: invert(100%) sepia(100%) saturate(500%) hue-rotate(180deg);
}
body:not(.home) > main#brx-content > section:not([class*="hero"]):first-child {
  margin-top: var(--header-height);
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translate3d(0, var(--animation-length), 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
body .brx-animate-fadeInLeft {
  animation-name: fadeLeft;
}
@keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translate3d(var(--animation-length), 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-webkit-keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translate3d(var(--animation-length), 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
body .brx-animate-fadeInRight {
  animation-name: fadeRight;
  --animation-length: -5rem;
}
@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translate3d(var(--animation-length), 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-webkit-keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translate3d(var(--animation-length), 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}