/********************** MENU MULTILEVEL *****************************/ 
 
:root {
  --header: 100px;
 
}

header {
  border-bottom:1px solid var(--wp--preset--color--lightgrey);
  border-top:4px solid var(--wp--preset--color--red);
/*  height: var(--header);*/
  padding-block: var(--wp--preset--spacing--s);
  margin-bottom: var(--wp--preset--spacing--s);
  display: flex;
  width: 100%;
  z-index: 12;
  transition: all 500ms ease;
  
}

.logo-container {
  display: flex;
  align-items: center;
  gap:var(--gap);
  overflow: var(--overflow);
  transition: all 500ms ease;
}



header.inverted {
  --header:80px;
 
}
 
 

 

@media only screen and (max-width: 620px) { 
 

}