@charset "UTF-8";
/*****************/
/* STICKY TOPBAR */
/*****************/
.sticky-navbar {
  background: transparent;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transition: ease 0.3s;
  -o-transition: ease 0.3s;
  transition: ease 0.3s;
  overflow: hidden;
  z-index: 2000;
  /* Dé-commanter pour masquer la topbar au scrolldown
    &.navbar--up {
        top:-100%;
        -webkit-transition: top 0.5s ease-in-out;
        -o-transition: top 0.5s ease-in-out;
        transition: top 0.5s ease-in-out;
    }
    */
}
.sticky-navbar .hero-logo {
  -webkit-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
@media screen and (max-width: 480px) {
  .sticky-navbar .hero-logo {
    height: calc(var(--logo-height) / 1.4);
  }
}
.sticky-navbar.navbar--scrolled {
  background: var(--secondary);
}
.sticky-navbar.navbar--scrolled .hero-logo {
  height: calc(var(--logo-height) / 1.4);
}
@media (min-width: 992px) {
  #brx-header .hero-logo {
    -webkit-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
  }
}
@media (min-width: 992px) {
  #brx-header.scrolling .hero-logo {
    height: calc(var(--logo-height)-.1rem);
  }
}