/* all hp5 style changes */
.h5p-iframe-wrapper {
  width: auto;
  height: auto;
  margin-bottom: 30px;
}
.h5p-flashcards .h5p-answer .h5p-button,
.h5peditor .ui-dialog .h5p-joubelui-button, 
.h5peditor .h5p-joubelui-button, 
.h5p-joubelui-button{
  background-color: #E20A4A;
}

.h5p-flashcards .h5p-answer .h5p-button:hover,
.h5peditor .ui-dialog .h5p-joubelui-button:hover, 
.h5peditor .h5p-joubelui-button:hover, 
.h5p-joubelui-button:hover{
  background-color: #222B5F;
}

.h5p-flashcards .h5p-answer .h5p-button:focus,
.h5peditor .ui-dialog .h5p-joubelui-button:focus, 
.h5peditor .h5p-joubelui-button:focus, 
.h5p-joubelui-button:focus{
  background-color: #222B5F;
}



.h5p-flashcards .h5p-answer .h5p-button, 
.h5peditor .ui-dialog .h5p-joubelui-button, 
.h5peditor .h5p-joubelui-button, 
.h5p-joubelui-button {
  border-radius: 0;
  padding: 1em;
}

.h5p-flashcards .h5p-textinput {
  border-radius: 0 !important;
}

.h5p-flashcards .h5p-visual-progress div{
  background-color: #E20A4A;
}

.h5p-dialogcards-turn.h5p-joubelui-button{
  padding: 0.5em;
}

.h5p-single-choice-set .h5p-joubelui-progressbar-background{
  background-color: #E20A4A;
}

.h5p-drag-text [aria-dropeffect]{
  background-color: #d9d9d9;
}

.h5p-drag-text [aria-grabbed].h5p-drag-dropped{
  background-color: #222B5F;
  color: #fff;
}

.h5p-drag-text .h5p-drag-dropped.h5p-drag-draggable-correct{
  background-color: #b6e4ce;
}
.h5p-drag-text .h5p-drag-dropped.h5p-drag-draggable-wrong{
  background-color: #deb8b8;
}


button.h5p-core-button:visited, 
button.h5p-core-button:link, 
button.h5p-core-button,
.h5p-memory-reset,
.h5p-dialogcards .h5p-audio-minimal-button{
  background-color: #222B5F!important;
  border-radius: 0;
}

.h5p-multichoice .h5p-answer[aria-checked="true"] .h5p-alternative-container,
.h5p-multichoice .h5p-answer[aria-checked="true"]:not(.h5p-wrong):not(.h5p-correct):not([aria-disabled="true"]):hover .h5p-alternative-container,
.h5p-true-false-answer[aria-checked="true"]{
  color: #fff;
  background-color: #222B5F;
}

.h5p-multichoice .h5p-answer.h5p-correct .h5p-alternative-container, 
.h5p-multichoice .h5p-answer.h5p-correct:hover .h5p-alternative-container {
  background: #b6e4ce;
    background-color: rgb(182, 228, 206);
  border-color: #b6e4ce;
  color: #255c41;
  box-shadow: 0 0.1em 0 #a2bdb0;
}

.h5p-multichoice .h5p-answer.h5p-wrong .h5p-alternative-container, .h5p-multichoice .h5p-answer.h5p-wrong:hover .h5p-alternative-container {
  background: #fbd7d8;
    background-color: rgb(251, 215, 216);
  border-color: #fbd7d8;
  color: #b71c1c;
  box-shadow: 0 0.1em 0 #deb8b8;
}

.h5p-true-false-answer.correct {
  background: #fff;
    background-color: rgb(255, 255, 255);
  border-color: #47b47d;
  box-shadow: none;
  color: #47b47d;
}

.h5p-true-false-answer.wrong {
  background: #fff;
    background-color: rgb(255, 255, 255);
  border-color: #dd2e2e;
  box-shadow: none;
  color: #dd2e2e;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-button{
  color: #E20A4A;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph.h5p-sort-paragraphs-over,
.h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph.h5p-sort-paragraphs-selected{
  background:#d9d9d9;border-color:#E20A4A;
  box-shadow:0 .1em 0 #b1c5e0;color:#d9d9d9;
  color: #E20A4A;
}
  
.h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph.h5p-sort-paragraphs-correct{
  background:#b6e4ce;border-color:#b6e4ce;box-shadow:0 .1em 0 #a2bdb0;color:#255c41
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph.h5p-sort-paragraphs-wrong{
  background:#fbd7d8;border-color:#fbd7d8;box-shadow:0 .1em 0 #deb8b8;color:#b71c1c
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-separator.h5p-sort-paragraphs-correct{
  background:#255c41;border-color:#b6e4ce;box-shadow:0 .1em 0 #a2bdb0
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-separator.h5p-sort-paragraphs-wrong{
  background:#b71c1c;border-color:#fbd7d8;box-shadow:0 .1em 0 #deb8b8
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph-placeholder{
  background-color:#c7ceff;border:.25em dashed #E20A4A;border-radius:.3em;box-sizing:border-box}
  
.h5p-content:not(.using-mouse) .h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph.h5p-sort-paragraphs-disabled:focus{
  border-color:rgba(80,80,80,.8);box-shadow:0 0 .5em 0 rgba(80,80,80,.8);outline:none
}

.h5p-content:not(.using-mouse) .h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph:not(.h5p-sort-paragraphs-disabled):focus{
  border-color:#d9d9d9;box-shadow:0 0 .5em 0 #d9d9d9;outline:none
}