.h5p-actions {
  display: none;
}


/*==============================*/
/* Matching                     */
/*==============================*/
.h5p-question-content {
  border-bottom: 0 !important;
}

/* Etiquettes */
.h5p-question-content .h5p-draggable {
  font-weight: bold;
  color: white;
  background-color: #00ab9f !important;
  padding: 0.5em 0.8em;
  border: 0 !important;
  border-radius: 25px;
  box-shadow: 3px 3px 10px -2px #cccccc !important;
}

.h5p-dragquestion .h5p-draggable.h5p-dropped {
  color: white;
}

/* Bonne reponse */
.h5p-dragquestion .h5p-draggable.h5p-correct {
  background-color: #b6e4ce !important;
  color: #255c41 !important;
}

/* Mauvaise reponse */
.h5p-dragquestion .h5p-draggable.h5p-wrong {
  background-color: #fbd7d8 !important;
  color: #b71c1c !important;
}

.h5p-dragquestion .h5p-draggable.h5p-correct p, .h5p-dragquestion .h5p-draggable.h5p-wrong p {
  text-align: center;
}

.h5p-dragquestion .h5p-draggable.h5p-correct:after, .h5p-dragquestion .h5p-draggable.h5p-wrong:after {
  display: none;
}

.h5p-dragquestion .h5p-question-buttons {
  text-align: center;
}

.h5p-dragquestion .h5p-question-scorebar.h5p-question-visible {
  display: block;
  margin: 0 auto !important;
}


/*==============================*/
/* Memory                       */
/*==============================*/
.h5p-memory-game ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0 !important;
}

.h5p-memory-wrap:before {
  display: none !important;
}

/* Carte */
.h5p-memory-wrap .h5p-memory-card {
  width: 17.5vh;
  height: auto;
  aspect-ratio: 1 / 1;
  margin: 0 0 1.5rem 0 !important;
}

/* ? carte */
.h5p-memory-game .h5p-memory-card .h5p-front {
  position: relative;
  /* border-color: #64368c !important;
  border-width: 10px; */
  opacity: 1;
  transition: transform 0.6s, opacity 0.6s;
  background-size: cover;
}
.h5p-memory-game .h5p-memory-card .h5p-front>span:before {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: block;
  font-family: auto;
}
/* .h5p-memory-game .h5p-memory-card .h5p-front:before {
  background-color: #000000;
  opacity: 0.25;
} */

.h5p-memory-game .h5p-memory-card.h5p-flipped .h5p-front {
  opacity: 0;
}

.h5p-memory-game .h5p-memory-card .h5p-front, .h5p-memory-game .h5p-memory-card .h5p-back {  
  border-radius: 15px;
  box-shadow: 3px 3px 10px -2px #000000;
  overflow: hidden;
}

/* Image carte */
.h5p-memory-game .h5p-memory-card .h5p-back {
  border: 0;
}

.h5p-memory-game .h5p-memory-card .h5p-back img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* Ombre carte */
.h5p-memory-card .h5p-front:after {
  display: none !important;
}

/* Score (chrono et cartes retournees) */
.h5p-memory-game .h5p-status {
  width: 21rem;
  font-size: 1.5em;
  margin: 2rem auto 0 auto;
}

/* Good work */
.h5p-memory-game .h5p-feedback {
  float: unset;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  margin: 0;
  background-color: #00ab9f;
  color: white;
  font-weight: bold;
  padding: 3rem;
  border-radius: 20px;
  box-shadow: 3px 3px 10px -2px #000000;
}


/*==============================*/
/* Quiz                         */
/*==============================*/
html.h5p-iframe .h5p-content {
  font-size: 20px;
}

/* Image */
.h5p-question-image {
  text-align: center;
}

/* Reponse */
.h5p-answer.h5p-has-feedback .h5p-alternative-inner div {
  color: transparent;
}

.h5p-answer .h5p-feedback-dialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.h5p-answer .h5p-feedback-dialog .h5p-feedback-inner {
  background-color: transparent;
  text-align: center;
}

.h5p-answer .h5p-feedback-dialog .h5p-feedback-inner:before {
  display: none;
}

.h5p-answer:focus .h5p-alternative-container, .h5p-answer:active .h5p-alternative-container {
  outline-style: none;
}

.h5p-answer .h5p-alternative-container {
  text-align: center;
  padding: 0.5rem !important;
}

.h5p-answer .h5p-alternative-container:before {
  opacity: 0;
}

/* Bonne reponse */
.h5p-answer.h5p-should .h5p-alternative-container {
  background: #b6e4ce;
  border-color: #b6e4ce;
  color: #255c41;
  box-shadow: 0 0.1em 0 #a2bdb0;
}

.h5p-solution-icon-radio {
  display: none;
}

.h5p-answer-icon {
  display: none;
}

/*==============================*/
/* Commun                       */
/*==============================*/
html.h5p-iframe, html.h5p-iframe > body {
  font-family: "Poppins", "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* Check, solution et finish */
.h5p-question-check-answer, .h5p-question-show-solution, .h5p-question-finish {
  background-color: #64368c;
}

.h5p-question-visible {
  margin-bottom: 0 !important;
}

/* Suivant */
.h5p-question-next {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: auto !important;
  gap: 0 1rem;
  font-size: 1.25rem;
  padding: 0.75rem 1.5rem !important;
  margin: 0 !important;
  background-color: #64368c;
  transition: background-color 0.3s ease-in-out;
}

.h5p-question-next:hover, .h5p-question-next:focus, .h5p-question-next:active {
  background-color: #00ab9f;
  box-shadow: unset;
  transition: background-color 0.3s ease-in-out;
}

.h5p-question-next .h5p-tooltip {
  position: relative;
  transform: unset;
  bottom: unset;
  left: unset;
  display: block;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  padding: 0;
  z-index: 0;
  cursor: pointer;
  pointer-events: none;
  animation: none;
}