/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./components/banniere/banniere.scss ***!
  \**************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * banniere.scss
 * Tout ce qui concerne les bannières en haut de page ainsi que la couleur à la droite des bannières
 */
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./components/activites/activites.scss ***!
  \****************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * _uqam-variables.scss
 * Variable lié à l'UQAM
 * Mixin pour aider à créer du CSS
 */
/**
 * _media-queries.scss
 * MEDIA QUERIES
 * Provient de: https://glennmccomb.com/articles/useful-sass-scss-media-query-mixins-for-bootstrap/
 * Par Glenn McComb
 *
 * Fonctions à utiliser pour créer des Media Queries
 */
.post-type-archive-activite h2 {
  font-size: 18px;
}
.post-type-archive-activite table {
  width: 100%;
  border-top: solid #999 1px;
}
.post-type-archive-activite table td, .post-type-archive-activite table th {
  border-left: solid #999 1px;
  border-right: solid #999 1px;
  text-align: center;
}
.post-type-archive-activite table li::before {
  display: none;
}
.post-type-archive-activite .status-publish {
  width: 90%;
  margin-bottom: 0;
}
.post-type-archive-activite .status-publish:first-child {
  border-top: solid #dee2e6 1px;
}

#activites-list {
  margin-top: 10px;
}
#activites-list .noResult {
  margin-top: 80px;
  margin-bottom: 60px;
  margin-left: 60px;
}
#activites-list #filtres {
  padding-left: 0;
  padding-right: 0;
  margin-top: 40px;
  margin-bottom: 40px;
}
#activites-list #filtres .filtres-mobiles {
  background-color: #FFF;
  margin-left: 10%;
  max-height: 100%;
  overflow-y: scroll;
  padding: 100px 25px 50px;
}
#activites-list #filtres .filtres-titre {
  font-size: 1.75rem;
  margin: -10px 0 30px;
}
#activites-list #filtres .enleverFiltres {
  background-color: #FFF2F2;
  border: 1px solid #0079be;
  color: #0079be;
  font-size: 0.875rem;
  margin-bottom: 25px;
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  padding: 5px 40px 5px 10px;
  position: relative;
  text-align: left;
  width: 100%;
}
#activites-list #filtres .enleverFiltres::after {
  -webkit-mask: url("https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/icone-x2.svg") center center no-repeat;
  mask: url("https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/icone-x2.svg") center center no-repeat;
  background-color: #0079be;
  top: 9px;
  border: 1px solid var(--global-link-color);
  content: "";
  display: block;
  height: 13px;
  position: absolute;
  right: 14px;
  width: 13px;
}
#activites-list #filtres .enleverFiltres.active {
  display: none;
}
#activites-list #filtres span {
  display: block;
  width: 100%;
  border-top: solid 1px #0079be;
  font-size: 20px;
  padding: 10px 0;
}
#activites-list #filtres #accordion-modalite {
  border-bottom: solid #0079be 1px;
}
#activites-list #filtres .accordion {
  margin: 0;
}
#activites-list #filtres .accordion .card {
  margin: 0;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#activites-list #filtres .accordion .card .card-header {
  background-color: unset;
  padding: 0 0 0px;
}
#activites-list #filtres .accordion .card .card-header h3 {
  margin: 0;
}
#activites-list #filtres .accordion .card .card-header h3 button {
  border: none;
  background-color: unset;
  line-height: 1.5rem;
  padding: 10px 0 0;
  border-top: 1px solid #0079be;
  display: block;
  width: 100%;
  text-align: left;
  font-size: 20px;
  color: black !important;
  padding: 15px;
}
#activites-list #filtres .accordion .card .card-header h3 button:after {
  content: "";
  background-color: #0079be;
  -webkit-mask: url(https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/plus.svg) top right/13px no-repeat;
  mask: url(https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/plus.svg) top right/13px no-repeat;
  padding: 10px;
  right: 15px;
  position: absolute;
  height: 20px;
  top: 19px;
}
#activites-list #filtres .accordion .card .card-header h3 button[aria-expanded=true]:after {
  content: "";
  background-color: #0079be;
  -webkit-mask: url("https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/moins.svg") top right/13px no-repeat;
  mask: url("https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/moins.svg") top right/13px no-repeat;
  padding: 10px;
  right: 15px;
  position: absolute;
  height: 100%;
  top: 10px;
}
#activites-list #filtres .accordion .card .card-body {
  border: none;
  padding: 0;
}
#activites-list #filtres .accordion .card .card-body ul {
  margin: 0;
  padding: 0;
}
#activites-list #filtres .accordion .card .card-body ul li {
  margin: 0;
  padding: 0 0 5px;
  background: none;
}
#activites-list #filtres .accordion .card .card-body ul li::before {
  display: none;
}
#activites-list #filtres .accordion .card .card-body ul li button {
  align-items: center;
  background-color: unset;
  border: 1px solid #D4D4D4;
  display: flex;
  font-size: 0.875rem;
  padding: 5px 40px 5px 10px;
  position: relative;
  text-align: left;
  width: 100%;
}
#activites-list #filtres .accordion .card .card-body ul li button:focus, #activites-list #filtres .accordion .card .card-body ul li button:hover {
  border: 1px solid #333;
  color: black;
}
#activites-list #filtres .accordion .card .card-body ul li button:after {
  content: "";
  height: 13px;
  position: absolute;
  right: 14px;
  width: 13px;
}
#activites-list #filtres .accordion .card .card-body ul li button:focus:after, #activites-list #filtres .accordion .card .card-body ul li button:hover:after {
  background-color: #0079be;
}
#activites-list #filtres .accordion .card .card-body ul li button.active {
  background-color: #0079be;
  color: white;
}
#activites-list #filtres .accordion .card .card-body ul li button.active:after {
  -webkit-mask: url(https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/icone-x2.svg) center center no-repeat;
  mask: url(https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/icone-x2.svg) center center no-repeat;
  background-color: #FFF;
}
#activites-list #filtres .accordion .card .card-body ul li:last-child {
  margin-bottom: 10px;
}

@media only screen and (max-width: 992px) {
  #btn-filtres-mobile {
    background: url("https://esg.uqam.ca/wp-content/themes/esg/components/diplome/diplomes-block/build/images/arrow-down-circle.4160f1ce.png") no-repeat left 40% center;
    background-color: #00243A;
    border: none;
    color: #FFF;
    margin: 0 0 20px;
    padding: 10px 20px;
    text-align: center;
    width: 100%;
    max-width: 600px;
  }
  #btn-filtres-mobile:hover {
    background-color: #0079be;
  }
  .filtres-mobile-x {
    height: 46px;
    padding: 0;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 46px;
    align-items: center;
    background-color: unset;
    border: 1px solid #D4D4D4;
    display: flex;
    font-size: 0.875rem;
    text-align: left;
  }
  .filtres-mobile-x:after {
    right: auto;
    background-color: #0079be;
    -webkit-mask: url("https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/icone-x2.svg") no-repeat center center;
    mask: url("https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/icone-x2.svg") no-repeat center center;
    border: 2px solid #0079be;
    content: "";
    display: block;
    height: 13px;
    position: absolute;
    right: 14px;
    width: 13px;
  }
  #filtres {
    display: none;
    background-color: rgba(26, 26, 26, 0.3);
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    overflow: scroll-y;
    height: 100%;
    max-width: 100% !important;
    width: 100%;
    z-index: 1001;
    padding-top: 18px;
  }
  #filtres .filtres-mobile {
    background-color: #FFF;
    margin-left: 10%;
    max-height: 100%;
    overflow-y: scroll;
    padding: 100px 65px 50px 25px;
  }
}
@media only screen and (min-width: 993px) {
  #filtres {
    display: block !important;
  }
  #filtres .card-body button {
    padding: 5px 7px 5px 10px !important;
  }
}
@media only screen and (min-width: 1200px) {
  #filtres .card-body button {
    padding: 5px 36px 5px 10px !important;
  }
}

/*# sourceMappingURL=theme.css.map*/