@charset "UTF-8";
/**
 * Style du header UQAM - ESG Nouvelles
 * Styles le header du site nouvelles.esg.uqam.ca
 */
/**
 * Mixin
 * Fonctions qui aide à faire du CSS
 */
.header-esg-nouvelle .header-range1 {
  height: 60px;
  position: relative;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile {
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container-open {
  align-items: center;
  padding: 0 var(--wp--style--root--padding-right);
  height: 100%;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container-open:before {
  background-color: white;
  content: "";
  display: inline-block;
  -webkit-mask-image: url("../../assets/icones/menu-esg-nouvelle.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 18px 18px;
  mask-image: url("../../assets/icones/menu-esg-nouvelle.svg");
  mask-repeat: no-repeat;
  mask-size: 18px 18px;
  height: 18px;
  width: 18px;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container-open:hover {
  background-color: var(--wp--preset--color--faculte-alt);
}
@media (min-width: 1660px) {
  .header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container-open:after {
    content: "Catégories";
    color: white;
    margin-left: 10px;
  }
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container-open svg {
  display: none;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container {
  padding: 0 65px;
  margin-top: 0;
}
@media (min-width: 900px) {
  .header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container {
    max-width: 400px;
    box-sizing: border-box;
  }
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container ul {
  gap: var(--wp--preset--spacing--xx-small) !important;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container a {
  font-weight: 500;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container-close {
  padding: var(--wp--preset--spacing--small);
  right: -65px;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container-close:before {
  background-color: black;
  content: "";
  display: inline-block;
  -webkit-mask-image: url("../../assets/icones/x.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 40px 40px;
  mask-image: url("../../assets/icones/x.svg");
  mask-repeat: no-repeat;
  mask-size: 40px 40px;
  height: 40px;
  width: 40px;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container-close:hover {
  background-color: transparent;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container-close svg {
  display: none;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container-content {
  padding-top: 10px;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container .menu-titre {
  margin-top: 20px;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container .menu-titre a {
  color: var(--wp--preset--color--faculte);
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-dialog {
  margin-top: 0 !important;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-desktop {
  height: 100%;
}
@media (max-width: 1500px) {
  .header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-desktop {
    display: none;
  }
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-desktop ul, .header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-desktop li, .header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-desktop a {
  height: 100%;
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-desktop a {
  display: flex;
  align-items: center;
  padding: 0 var(--wp--preset--spacing--small);
}
.header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-desktop a:hover {
  background-color: var(--wp--preset--color--faculte-alt);
}
.header-esg-nouvelle .row-menu-et-recherche {
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 1;
}
.header-esg-nouvelle .row-logo-et-titre {
  align-items: center;
  height: 100%;
  position: relative;
}
@media (max-width: 899px) {
  .header-esg-nouvelle .wp-block-site-title {
    display: none;
  }
}
.header-esg-nouvelle .wp-block-site-title a {
  color: white;
  font-size: 1.625rem;
}
@media (min-width: 900px) {
  .header-esg-nouvelle .logo-esg-uqam {
    position: absolute;
    left: 60px;
  }
}
@media (min-width: 1920px) {
  .header-esg-nouvelle .logo-esg-uqam {
    left: 0;
  }
}
.header-esg-nouvelle .logo-esg-uqam figure:first-child + figure {
  display: none;
}
@media (min-width: 900px) {
  .header-esg-nouvelle .header-range2 {
    display: none;
  }
}
.header-esg-nouvelle .header-range2 img {
  padding: var(--wp--preset--spacing--small) 0;
  vertical-align: middle;
}

header.header-esg-nouvelle-parent {
  margin-bottom: 30px;
}
@media (min-width: 900px) {
  header.header-esg-nouvelle-parent {
    margin-bottom: 50px;
    position: sticky;
    top: 0;
  }
  header.header-esg-nouvelle-parent .has-faculte-background-color {
    transition: background-color 0.5s ease;
  }
}

header.scroll-sticky-header {
  box-shadow: 0px 9px 5px -3px rgba(0, 0, 0, 0.1);
}
header.scroll-sticky-header .has-faculte-background-color {
  background-color: var(--wp--preset--color--gris-1) !important;
}
header.scroll-sticky-header svg {
  fill: black;
}
header.scroll-sticky-header .wp-block-site-title a,
header.scroll-sticky-header .is-style-uqam-esg-nouvelle-desktop a,
header.scroll-sticky-header .is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container-open:after {
  color: black !important;
}
header.scroll-sticky-header nav.is-style-uqam-esg-nouvelle-mobile .wp-block-navigation__responsive-container-open:before {
  background-color: black;
}
header.scroll-sticky-header .header-esg-nouvelle .logo-esg-uqam figure:first-child {
  display: none;
}
header.scroll-sticky-header .header-esg-nouvelle .logo-esg-uqam figure:first-child + figure {
  display: block;
}
header.scroll-sticky-header .header-esg-nouvelle nav.is-style-uqam-esg-nouvelle-desktop a:hover,
header.scroll-sticky-header .header-esg-nouvelle .header-range1 button:hover {
  background-color: var(--wp--preset--color--gris-3) !important;
}

/*# sourceMappingURL=header-esg-nouvelle.css.map */