/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
 * CONTENTS..............You’re reading it!
*/

.accordion {
  display: block;
}

.chiffres {
  margin-bottom: 1rem;
}

.chiffre--encours.active {
  font-weight: bold;
}

.event {
  background-color: #ebebeb;
}

.event:nth-child(even) {
  background-color: #eee;
}

.events__header {
  border-top: solid 1px #ccc;
  font-weight: bold;
  font-size: 1rem;
  color: #0a0a0a;
}

.events__header > div {
  padding: 1rem;
}

.event .accordion-title {
  color: #000;
  padding: 1rem;
}

.event__soustitre {
  font-weight: bold;
  padding-bottom: .25rem;
}

.event__description {
  padding: .45rem 0;
}

.event__niveau {
  display: flex;
  align-items: center;
  justify-content: center;
}

.accordion-title .event__niveau span {
  color: #fff;
  padding: .3rem;
  min-width: 5rem;
  font-size: .85rem;
  text-align: center;
  letter-spacing: .1rem;
}

/* Evenement en cours */
.event__niveau--faible span {
  background-color: #7cb61f;
}

.event__niveau--moyenne span {
  background-color: #f80;
}

.event__niveau--forte span {
  background-color: #be0000;
}

/* Évènement passé */
.event--past {
  background-color: #fafafa;
}

.event--past .event__title,
.event--past .accordion-title .event__date,
.event--past .accordion-title .event__duree,
.event--past .accordion-title .event__niveau span {
  background-color: transparent;
  color: #808080;
  font-style: italic;
}

.accordion-content .event__niveau,
.accordion-content .event__duree,
.accordion-content .event__date {
  display: none;
}

@media only screen and (max-width: 63.9375em) {
  .accordion-title .event__niveau,
  .accordion-title .event__duree,
  .accordion-title .event__date {
    display: none;
  }

  .accordion-content .event__niveau,
  .accordion-content .event__duree,
  .accordion-content .event__date {
    display: block;
  }

  .events .events__header {
    display: none;
  }
}