@charset "UTF-8";
/*****************/
/* STICKY TOPBAR */
/*****************/
:root {
  --logo-height: 15rem;
  --header-pad-y: var(--space-xs);
  --header-height: calc((var(--header-pad-y) * 2) + var(--logo-height));
}
@media screen and (max-width: 991px) {
  :root {
    --logo-height: 10rem;
  }
}
.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(--white);
}
.sticky-navbar.navbar--scrolled .hero-logo {
  height: calc(var(--logo-height) / 1.4);
}