/*******************************************
  HEADER
*****************************************/
#header {
  position: sticky;
  top: 0;
  left: 0;
  background-color: var(--white);
  padding: 0.75rem;
  transition: all linear 0.5s;
  z-index: 10;
}

.navbar-brand img {
  transition: all linear 0.5s;
  height: 58px;
}

.scrolled #header {
  -webkit-box-shadow: 0px 5px 5px 0px #333;
  box-shadow: 0px 5px 5px 0px #333;
}

.scrolled .navbar-brand img {
  /* height: 45px; */
}

.navigation.menu--secondary>ul {
  flex-direction: column-reverse;
}

.navigation.menu--secondary>ul .nav-link {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-color: rgba(0, 0, 0, 0.55);
}