@import "theme.css";

#logoIUT > img {
  width: 65px;
}

#commonMenu {
  height: 65px;
}

.controlIcon {
  height: 20px;
}

#studentsLinks {
  margin: 0 auto;
}

#hamburgerButton {
  width: 32px;
  margin-right: 10px;
}

#hamburgerButton > div,
#hamburgerButton:before,
#hamburgerButton:after {
  background-color: #fff;
  border-radius: 3px;
  content: "";
  display: block;
  height: 3px;
  margin: 7px 2px 7px 0;
  transition: all 0.2s ease-in-out;
}

.hamburgerMenuDisplayed:before {
  transform: translateY(10px) rotate(135deg);
}

.hamburgerMenuDisplayed:after {
  transform: translateY(-10px) rotate(-135deg);
}

.hamburgerMenuDisplayed div {
  transform: scale(0);
}

#navMenusContainer {
  display: none;
  position: fixed;
  flex-direction: column;
  align-items: center;
  background-color: var(--mainColor);
  width: 100%;
  overflow-y: scroll;
  right: 0;
  color: white;
}

.navMenusContainerDisplayed {
  display: flex !important;
}

.pageHeaderIfNavMenusContainerDisplayed {
  position: fixed !important;
}

.bodyIfNavMenusContainerDisplayed {
  overflow-y: hidden !important;
}

#navMenus {
  padding: 0;
  display: flex;
  flex-direction: column;
  list-style: none;
}

/*Ajout d'un espace à la suite du menu de navigation mobile*/
#navMenu:after {
  content: " ";
  display: block;
  padding: 10px 0;
}

#navMenus > li {
  width: 80vw;
  margin: 10px;
  list-style-type: none;
}

#navMenus > li > a {
  font-size: 18px;
  text-decoration: underline;
}

#navMenus ul {
  list-style: none;
  padding: 0;
}

.navTitle {
  justify-content: center;
  padding: 8px 2px 5px 2px;
}

.navTitle > a {
  color: white;
}

.navTitle > div {
  position: absolute;
  right: 11.5vw;
  transition: transform 0.35s;
}

.submenusNav {
  display: none;
  background-color: var(--thirdColor);
}

.submenusNav > li {
  display: flex;
  justify-content: center;
  padding: 5px 7px;
  border-bottom: 1px solid var(--lighterShade);
}

.submenusNav > li > a {
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  color: white;
  width: 100%;
}

@media screen and (max-width: 680px) {
  #luminosityButton,
  #languageButton {
    background-position: center;
  }
  #controls {
    width: 70px;
  }
  #controls span {
    display: none;
  }
}

/* Suppression d'éléments si la largeur d'écran est trop petite (montres connectées...) */

@media screen and (max-width: 340px) {
  #studentsLinks {
    display: none;
  }
}

@media screen and (max-width: 230px) {
  #luminosityButton {
    display: none;
  }
}

@media screen and (max-width: 190px) {
  #controls {
    display: none;
  }
}

/* --- Contenu de la page --- */

#pageContent > section {
  width: 100vw;
  margin: 0;
}

/* Pied de page */

#footerLinksContainer {
  flex-direction: column-reverse;
}

#footerLinks {
  margin: 7px 0;
}

#copyrightBanner {
  margin: 5px 0 5px 10px;
}

#copyrightBanner > p {
  text-align: center;
}

#logoUniv > img {
  width: 90px;
}