/** Memory **/
@media (min-width: 960px) {
  .h5p-memory-game {
    max-width: 600px !important;
  }
}

.h5p-memory-game .h5p-memory-card .h5p-front {
  background-color: #707070 !important;
  border-color: #707070 !important;
  background-image: url('../images/h5p/h5p-memory-cardback.png') !important;
}
.h5p-memory-game .h5p-memory-card .h5p-front span {
  display: none;
}

/** Speak de words button colort **/
.h5p-container button, .h5p-container .h5p-joubelui-button {
  background-color: #dd3333;
}
.h5p-container .h5p-speak-the-words-set .progress-dot.active {
  background-color: #ecb101;
}

.h5p-container .h5p-joubelui-button:hover, .h5p-joubelui-button:focus {
  background-color: #8c0000;
}

/** flashcards **/
.h5p-flashcards.h5p-standalone, .h5p-flashcards .h5p-card > .h5p-flashcard-overlay {
  background-color: white;
}
.h5p-flashcards .h5p-current .h5p-cardholder {
  margin: 13px;
  box-shadow: 0px 0px 26px -10px rgba(0,0,0,0.31);
}
.h5p-flashcards .h5p-inner .h5p-cardholder .h5p-imageholder {
  max-height: 200px;
  height: 200px !important;
}
.h5p-flashcards.h5p-standalone .h5p-description, .h5p-flashcards .h5p-progress {
  padding: 0.5em 0;
  color: inherit;
}
.h5p-flashcards .h5p-visual-progress {
  margin: 1em auto 2em auto;
}
.h5p-flashcards .h5p-navigation {
  margin-top: -38px;
  padding: 0px;
}
.h5p-flashcards .h5p-imagetext {
  padding: 0.2em;
}
.h5p-flashcards .h5p-foot {
  margin: 0 1em 0em 1em;
  padding: 0 1em 0.5em 1em;
}


/* .h5p-iframe, html.h5p-iframe .h5p-content {
  height: 400px !important;
  max-height: 400px;
} */