/* Set defaults */
:root {
--h5pd-global-border-radius: 0.3em;
--h5pd-global-border-thickness: 2px;
--h5pd-color-text-body: #000;
--h5pd-color-link: #0000ee;
--h5pd-color-link-hover: #0000ee;
--h5pd-color-correct-dark: #255c41;
--h5pd-color-correct-light: #b6e4ce;
--h5pd-color-incorrect-dark: #b71c1c;
--h5pd-color-incorrect-light: #fbd7d8;
--h5pd-content-container-bg-color: transparent;
--h5pd-btn-border-radius: 2em;
--h5pd-btn-color-primary: #1a73d9;
--h5pd-btn-color-secondary: #fff;
--h5pd-btn-color-primary-hover: #1356a3;
--h5pd-btn-color-secondary-hover: #fff;
--h5pd-multichoice-color-primary: #ddd;
--h5pd-multichoice-color-secondary: #000;
--h5pd-multichoice-color-primary-hover: #ececec;
--h5pd-multichoice-color-secondary-hover: #000;
--h5pd-multichoice-color-selected-primary: #1a4473;
--h5pd-multichoice-color-selected-secondary: #cee0f4;
--h5pd-progress-dot-color-container: #cecece;
--h5pd-progress-dot-color-hover: #285585;
--h5pd-progress-dot-color-answered: #73a2d5;
--h5pd-progress-dot-color-current: #285585;
--h5pd-progress-bar-container-color: #666;
--h5pd-progress-bar-bar-color: #0097fd;
--h5pd-video-border-radius: 0;
--h5pd-video-controls-bg-color: #2c2c2c;
--h5pd-video-controls-icon-color: #fbfbfb;
--h5pd-video-controls-icon-color-hover: #dbd7d1;
--h5pd-video-ibutton-simple-color: #1d5cff;
--h5pd-video-ibutton-simple-color-hover: #003fdf;
--h5pd-video-ibutton-simple-icon-color: #fff;
--h5pd-video-ibutton-simple-icon-color-hover: #fff;
--h5pd-video-ibutton-quiz-color: #981d99;
--h5pd-video-ibutton-quiz-color-hover: #661366;
--h5pd-video-ibutton-quiz-icon-color: #fff;
--h5pd-video-ibutton-quiz-icon-color-hover: #fff;
--h5pd-video-ibutton-adapt-bg-color: #018d82;
--h5pd-video-ibutton-adapt-text-color: #fff;
--h5pd-accordion-title-color: var(--h5pd-color-link);
--h5pd-accordion-title-color-hover: var(--h5pd-color-link-hover);
--h5pd-icon-info-bg-color: #3580c3;
--h5pd-icon-info-icon-color: #fff;
--h5pd-icon-info-bg-color-hover: #489bd5;
--h5pd-icon-info-icon-color-hover: #fff;
--h5pd-arithmetic-bg-color: #1394c7;
--h5pd-arithmetic-text-color: #fff;
--h5pd-arithmetic-countdown-color: #014876;
--h5pd-flashcard-container-bg-color: #27344e;
--h5pd-flashcard-container-text-color: #fff;
--h5pd-flashcard-card-bg-color: #fff;
--h5pd-flashcard-card-text-color: #27344e;
--h5pd-flashcard-card-border-color: rgba(0,0,0,0.08);
--h5pd-flashcard-progress-border-color: rgba(255,255,255,0.2);
--h5pd-flashcard-progress-container-color: rgba(0,0,0,0.08);
--h5pd-flashcard-progress-bar-color: var(--h5pd-flashcard-container-text-color);
--h5pd-fill-blanks-active-color-lines: #7fb8ff;
--h5pd-fill-blanks-active-color-bg: #7fb8ff;
--h5pd-mark-words-default-color: #ddd;
--h5pd-mark-words-hover-color: #cee0f4;
--h5pd-mark-words-selected-bg-color: #cee0f4;
--h5pd-mark-words-selected-text-color: var(--h5pd-color-text-body);
--h5pd-charts-pie-font-size: 0.75em;
--h5pd-memory-card-front-bg-color: #7d898e;
--h5pd-memory-card-front-bg-color-hover: #6a7579;
--h5pd-memory-card-front-icon-color-hover: currentColor;
--h5pd-memory-card-back-bg-color: #616b6f;
--h5pd-course-prez-toc-bg-color: rgba(255,255,255,0.9);
--h5pd-course-prez-toc-slide-num-color: #333;
--h5pd-course-prez-toc-slide-title-color: var(--h5pd-color-link);
--h5pd-course-prez-toc-slide-num-color-hover: #333);
--h5pd-course-prez-toc-slide-title-color-hover: var(--h5pd-color-link-hover);
--h5pd-course-prez-toc-slide-bg-color-hover: rgba(0,0,0,0.03);
--h5pd-course-prez-footer-bg-color: transparent;
--h5pd-course-prez-footer-text-color: var(--h5pd-color-text-body);
--h5pd-course-prez-footer-link-color: var(--h5pd-color-text-body);
--h5pd-course-prez-footer-link-color-hover: var(--h5pd-color-text-body);
--h5pd-audio-btn-bg-color: #0468ce;
--h5pd-audio-btn-icon-color: #fff;
--h5pd-audio-btn-active-bg-color: #00700a;
--h5pd-audio-btn-active-icon-color: #fff;
--h5pd-recording-color-dark: #d95354;
--h5pd-recording-color-light: #f9e5e6;
--h5pd-drag-drop-item-bg-color: rgba(0,0,0,0.2);
--h5pd-drag-drop-item-text-color: var(--h5pd-color-text-body);
--h5pd-drag-drop-item-bg-color-hover: rgba(0,0,0,0.3);
--h5pd-drag-drop-item-text-color-hover: var(--h5pd-color-text-body);
--h5pd-drag-drop-dropzone-label-bg-color: #ddd;
--h5pd-drag-drop-dropzone-label-text-color: var(--h5pd-color-text-body);
--h5pd-drag-words-dropzone-bg-color: #cee0f4;
} /* :root */

/* Override with Customizer options */
:root {
--h5pd-color-correct-dark: #5c821a;
--h5pd-color-correct-light: #c3d181;
--h5pd-color-incorrect-dark: #dd3333;
--h5pd-color-incorrect-light: #dd9292;
--h5pd-btn-color-primary: #5c821a;
--h5pd-btn-color-secondary: #ffffff;
--h5pd-btn-color-primary-hover: #6d824b;
--h5pd-fill-blanks-active-color-lines: #81d742;
--h5pd-fill-blanks-active-color-bg: #eaeaea;

} /* :root */

/**
 * LINKS
 */

a,
.h5p-documentation-tool-page .page-help-text {
	text-decoration: none;
	color: var(--h5pd-color-link);
}
a:hover,
.h5p-documentation-tool-page .page-help-text:hover {
	text-decoration: underline;
	color: var(--h5pd-color-link-hover);
}

/**
 * CONTENT CONTAINERS
 */

.h5p-content {
	background: transparent;
	border: 0;
}

.h5p-container,
.h5p-container.h5p-image-hotspot-question {
	background: var(--h5pd-content-container-bg-color);
	border-radius: var(--h5pd-global-border-radius);
}
.h5p-container.h5p-audio-wrapper,
.h5p-container.h5p-interactive-video,
.h5p-container.h5p-course-presentation,
.h5p-container.h5p-accordion,
.h5p-container.h5p-baq,
.h5p-container.h5p-flashcards,
.h5p-container.h5p-image-hotspots,
.questionset .h5p-question {
	background: transparent;
	border: 0;
}

/* H5P Actions: Can be hidden in settings on each piece of content */
.h5p-content ul.h5p-actions {
	background: transparent;
	border: 0;
	padding: 2px 5px;
}
.h5p-content,
.h5p-content input,
.h5p-dictation .h5p-text-input,
.h5p-interactive-video .h5p-question,
.h5p-dialog-wrapper,
.joubel-speech-bubble,
.h5p-task-description,
.h5p-documentation-tool-page-container,
.goals-assessment-view .goal,
.h5p-dialogcards .h5p-dialogcards-progress {
	color: var(--h5pd-color-text-body);
}
.h5p-container[style*="url"] {
	border-radius: var(--h5pd-global-border-radius);
}
.h5p-container[style*="url"] .h5p-question {
	padding: 1.25em;
}

.h5p-multichoice,
.h5p-content .questionset,
.h5p-drag-text,
.h5p-single-choice-set,
.h5p-dragquestion,
.h5p-dictation {
	padding: 1em 1em 0;
}
.h5p-chart {
	padding: 1em;
}
.h5p-image-hotspot-question {
	padding-top: 1px;
}
.h5p-dialogcards {
	padding: 1em;
}

/**
 * BUTTONS
 */

.h5p-joubelui-button,
button.h5p-joubelui-button,
button.h5p-core-button:visited,
button.h5p-core-button:link,
button.h5p-core-button,
.joubel-simple-rounded-button,
.h5p-single-choice-set .h5p-sc-solution-view .h5p-sc-close-solution-view {
	border: 0;
	border-radius: var(--h5pd-btn-border-radius);
	background-color: var(--h5pd-btn-color-primary);
	color: var(--h5pd-btn-color-secondary);
	font-family: inherit;
	font-weight: normal;
	transition: none;
}
.h5p-documentation-tool-nav-button::before,
.h5p-documentation-tool-nav-button.next::before {
	color: var(--h5pd-btn-color-secondary);
}
.h5p-documentation-tool-nav-button[aria-disabled="true"] {
	opacity: 0.5;
}

	.h5p-joubelui-button,
	button.h5p-joubelui-button,
	.h5p-joubelui-button.mq-control-button,
	button.h5p-core-button:visited,
	button.h5p-core-button:link,
	button.h5p-core-button,
	.joubel-simple-rounded-button {
		font-weight: bold;
	}
.h5p-joubelui-button:hover,
.h5p-joubelui-button:active,
.h5p-joubelui-button:focus,
button.h5p-joubelui-button:hover,
button.h5p-joubelui-button:active,
button.h5p-joubelui-button:focus,
button.h5p-core-button:hover,
button.h5p-core-button:active,
button.h5p-core-button:focus,
.h5p-single-choice-set .h5p-sc-solution-view .h5p-sc-close-solution-view:hover,
.h5p-single-choice-set .h5p-sc-solution-view .h5p-sc-close-solution-view:active,
.h5p-single-choice-set .h5p-sc-solution-view .h5p-sc-close-solution-view:focus,
.joubel-simple-rounded-button:hover,
.joubel-simple-rounded-button:active,
.joubel-simple-rounded-button:focus {
	background-color: var(--h5pd-btn-color-primary-hover);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: var(--h5pd-btn-color-secondary-hover);
}
.h5p-documentation-tool-nav-button:hover::before,
.h5p-documentation-tool-nav-button.next:hover::before {
	color: var(--h5pd-btn-color-secondary-hover);
}


/**
 * INPUT & TEXTAREA FORM FIELDS
 * Used in Dictation
 */
.h5p-dictation .h5p-text-input {
	padding: 0.5em;
	line-height: 1;
	border: 1px solid rgba(0,0,0,0.4);
}


/**
 * PROGRESS BARS
 */

/* General */
.h5p-joubelui-progressbar {
	background: var(--h5pd-progress-bar-container-color);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.h5p-joubelui-progressbar-background {
	background: var(--h5pd-progress-bar-bar-color);
}

/* Single Choice Set */
.h5p-single-choice-set .h5p-joubelui-progressbar {
	background-color: var(--h5pd-progress-bar-container-color);
	border-radius: calc(var(--h5pd-global-border-radius) * 0.85);
}
.h5p-single-choice-set .h5p-joubelui-progressbar-background {
	background-color: var(--h5pd-progress-bar-bar-color);
	box-shadow: none;
	border-radius: calc(var(--h5pd-global-border-radius) * 0.85);
}

/* Course Presentation Bar */
.h5p-course-presentation .h5p-progressbar {
	background-color: var(--h5pd-progress-bar-container-color);
	box-shadow: none;
}
.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part-show {
	background: var(--h5pd-progress-bar-bar-color);
}

/**
 * SINGLE CHOICE SET
 */
.h5p-sc-sound-control {
	color: rgba(0,0,0,0.5);
}
.h5p-sc-sound-control:hover {
	color: rgba(0,0,0,0.7);
}

/* Solution List */
.h5p-sc-solution-view-header {
	border-radius: var(--h5pd-global-border-radius) var(--h5pd-global-border-radius) 0 0;
	box-shadow: 0 3px 4px rgba(0,0,0,0.07);
}

.h5p-sc-solution-view-title {
	font-weight: 700;
}

.h5p-sc-solution-answer::before {
	color: var(--h5pd-color-correct-dark);
}

/**
 * MULTICHOICE QUESTIONS
 * Also: True/False, Summary, Single Choice Set
 */

.h5p-multichoice .h5p-alternative-container,
/* True/False */
.h5p-true-false-answer,
/* Summary */
.h5p-summary .summary-container li,
.h5p-summary .summary-options li,
/* Single Choice Set */
ul.h5p-sc-alternatives li.h5p-sc-alternative,
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative,
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative:hover,
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative:active,
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative:focus,
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-wrong:hover,
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-wrong:active,
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-wrong:focus {
	background-color: var(--h5pd-multichoice-color-primary);
	color: var(--h5pd-multichoice-color-secondary);
	border: var(--h5pd-global-border-thickness) solid transparent;
	border-radius: var(--h5pd-global-border-radius);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.h5p-multichoice .h5p-answer .h5p-alternative-container::before,
.h5p-true-false-answer::before {
	color: var(--h5pd-multichoice-color-secondary);
}
/* Hover */
.h5p-multichoice .h5p-answer:not([aria-disabled="true"]):hover .h5p-alternative-container,
.h5p-true-false-answer:hover,
.h5p-summary .h5p-panel:not(.panel-disabled) .summary-claim-unclicked:hover,
ul.h5p-sc-alternatives li.h5p-sc-alternative:hover {
	background-color: var(--h5pd-multichoice-color-primary-hover);
	border-color: transparent;
	color: var(--h5pd-multichoice-color-secondary-hover);
}
.h5p-multichoice .h5p-answer:not([aria-disabled="true"]):hover .h5p-alternative-container::before,
.h5p-true-false-answer:hover::before {
	color: var(--h5pd-multichoice-color-secondary-hover);
}
/* Selected */
.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"],
.h5p-true-false-answer[aria-checked="true"]:hover {
	background-color: var(--h5pd-multichoice-color-selected-primary);
	color: var(--h5pd-multichoice-color-selected-secondary);
	box-shadow: none;
	border-color: transparent;
}
.h5p-multichoice .h5p-answer[aria-checked="true"] .h5p-alternative-container::before,
.h5p-multichoice .h5p-answer[role="radio"][aria-checked="true"] .h5p-alternative-container::before,
.h5p-true-false-answer[aria-checked="true"]::before {
	color: var(--h5pd-multichoice-color-selected-secondary);
}

/* On Focus */
body .h5p-multichoice .h5p-answer:not([aria-disabled="true"]):focus .h5p-alternative-container {
	outline: none;
}





/* Multichoice Feedback/Hint/Tip */
.h5p-multichoice .h5p-feedback-dialog {
	width: 96%;
	left: 2%;
}

.h5p-multichoice .h5p-answer .h5p-feedback-inner {
	padding: 0.375em 1.25em;
	background-color: #fff;
	border-radius: 0 0 calc(var(--h5pd-global-border-radius) / 2) calc(var(--h5pd-global-border-radius) / 2);
	border-width: var(--h5pd-global-border-thickness);
	border-color: rgba(0,0,0,0.1);
}

.h5p-multichoice .h5p-answer.h5p-selected .h5p-feedback-inner {
	border-width: var(--h5pd-global-border-thickness);
	border-color: rgba(0,0,0,0.1);
}

.h5p-multichoice .h5p-feedback-inner::before {
	background: #fff;
	box-shadow: inset 1px 1px 0 0 rgba(0,0,0,0.1);
}

.h5p-multichoice .h5p-feedback-text {
	opacity: 0.8;
}

/* Correct / Incorrect */

/* Correct */
.h5p-multichoice .h5p-answer.h5p-correct[aria-checked="true"] .h5p-alternative-container,
.h5p-multichoice .h5p-answer.h5p-correct[aria-checked="true"]:hover .h5p-alternative-container {
	background: var(--h5pd-color-correct-light);
	border-color: var(--h5pd-color-correct-light);
	color: var(--h5pd-color-correct-dark);
	box-shadow: none;
}

.h5p-true-false-answer.correct[aria-checked="true"] {
	background: #fff;
	color: var(--h5pd-color-correct-dark);
}

/* Incorrect */
.h5p-multichoice .h5p-answer.h5p-wrong[aria-checked="true"] .h5p-alternative-container,
.h5p-multichoice .h5p-answer.h5p-wrong[aria-checked="true"]:hover .h5p-alternative-container {
	background: var(--h5pd-color-incorrect-light);
	border-color: var(--h5pd-color-incorrect-light);
	color: var(--h5pd-color-incorrect-dark);
	box-shadow: none;
}

.h5p-true-false-answer.wrong[aria-checked="true"] {
	background: #fff;
	border-color: var(--h5pd-color-incorrect-dark);
	color: var(--h5pd-color-incorrect-dark);
}

.h5p-multichoice .h5p-wrong .h5p-answer-icon::before {
	color: var(--h5pd-color-incorrect-dark);
}

/* Show Solution: Correct Icon */
.h5p-multichoice .h5p-should[role="radio"] .h5p-solution-icon::before,
.h5p-multichoice .h5p-should[role="checkbox"] .h5p-solution-icon::before {
	color: var(--h5pd-color-correct-dark);
}

/**
 * TRUE/FALSE
 */

.h5p-true-false-answer:focus {
	box-shadow: none;
}

.h5p-true-false-answer.correct::after {
	background: var(--h5pd-color-correct-dark);
	border-radius: 0 calc(var(--h5pd-global-border-radius) - var(--h5pd-global-border-thickness)) calc(var(--h5pd-global-border-radius) - var(--h5pd-global-border-thickness)) 0;
}
.h5p-true-false-answer.correct {
	border-color: var(--h5pd-color-correct-dark);
}

.h5p-true-false-answer.wrong::after {
	background: var(--h5pd-color-incorrect-dark);
	border-radius: 0 calc(var(--h5pd-global-border-radius) - var(--h5pd-global-border-thickness)) calc(var(--h5pd-global-border-radius) - var(--h5pd-global-border-thickness)) 0;
}

/**
 * SINGLE CHOICE SET
 */

li.h5p-sc-alternative .h5p-sc-progressbar {
	background: rgba(0,0,0,0.08);
	border-radius: var(--h5pd-global-border-radius);
}

/* Incorrect */
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-wrong.h5p-sc-selected,
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-wrong.h5p-sc-selected:hover,
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-wrong.h5p-sc-selected:active,
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-wrong.h5p-sc-selected:focus,
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-is-wrong.h5p-sc-selected.h5p-sc-reveal-wrong .h5p-sc-progressbar {
	background-color: var(--h5pd-color-incorrect-light);
	color: var(--h5pd-color-incorrect-dark);
	border: 0;
}
.h5p-sc-alternative.h5p-sc-is-wrong.h5p-sc-drummed .h5p-sc-status::after {
	color: var(--h5pd-color-incorrect-dark);
}

/* Correct */
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct,
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct:hover,
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct:active,
ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct:focus,
ul.h5p-sc-alternatives li.h5p-sc-alternative.h5p-sc-is-correct.h5p-sc-selected.h5p-sc-reveal-correct .h5p-sc-progressbar {
	background-color: var(--h5pd-color-correct-light);
	color: var(--h5pd-color-correct-dark);
	border: 0;
}
.h5p-sc-alternative.h5p-sc-is-correct.h5p-sc-drummed .h5p-sc-status::after {
	color: var(--h5pd-color-correct-dark);
}

/**
 * FILL IN THE BLANKS
 */

.h5p-blanks .h5p-input-wrapper {
	margin: 0 1px;
}

.h5p-blanks .h5p-text-input {
	padding: 0.375em 0.375em 0.375em 0.625em;
	background: transparent;
	border-radius: var(--h5pd-global-border-radius);
	border: 1px solid var(--h5pd-color-text-body);
	font-family: inherit;
	transition: all 200ms ease;
	opacity: 0.8;
}

.h5p-blanks .h5p-text-input:focus {
	box-shadow: 0 0 0 1px var(--h5pd-fill-blanks-active-color-lines);
	border-style: solid;
	border-color: var(--h5pd-fill-blanks-active-color-lines);
	opacity: 1;
}



	.h5p-blanks .h5p-text-input {
		border: 0;
		background: var(--h5pd-fill-blanks-active-color-bg);
	}
	.h5p-blanks .h5p-text-input:focus {
		box-shadow: 0 0 0 1px var(--h5pd-fill-blanks-active-color-lines);
		border: 0;
		background: var(--h5pd-fill-blanks-active-color-bg);
	}


/* Correct/Incorrect Answers */

.h5p-blanks .h5p-correct .h5p-text-input,
.h5p-blanks .h5p-wrong .h5p-text-input {
	padding-right: 1.25em;
	border: 0;
	border-radius: var(--h5pd-global-border-radius);
	box-shadow: none;
	opacity: 1;
}

.h5p-blanks .h5p-correct .h5p-text-input {
	background: var(--h5pd-color-correct-light);
	color: var(--h5pd-color-correct-dark);
}
.h5p-blanks .h5p-correct::after {
	color: var(--h5pd-color-correct-dark);
}

.h5p-blanks .h5p-wrong .h5p-text-input {
	background: var(--h5pd-color-incorrect-light);
	color: var(--h5pd-color-incorrect-dark);
}
.h5p-blanks .h5p-wrong::after {
	color: var(--h5pd-color-incorrect-dark);
}

/* Show Correct Answer */
.h5p-blanks .h5p-correct-answer {
	color: var(--h5pd-color-correct-dark);
	font-weight: 600;
	border: var(--h5pd-global-border-thickness) dashed var(--h5pd-color-correct-dark);
	background: transparent;
	padding: 0.375em;
	border-radius: var(--h5pd-global-border-radius);
}

/**
 * MARK THE WORDS
 */

.h5p-mark-the-words .h5p-word-selectable-words {
	line-height: 2.3;
}

/* Default */
.h5p-mark-the-words [role="option"] {
	padding: 0.25em;
	border: var(--h5pd-global-border-thickness) solid var(--h5pd-mark-words-default-color) !important;
	border-radius: calc(var(--h5pd-global-border-radius) * 0.85);
	transition: all 200ms ease;
}

/* Hover */
.h5p-mark-the-words .h5p-word-selectable-words:not(.h5p-disable-hover) [role="option"]:hover {
	border-color: var(--h5pd-mark-words-hover-color) !important;
	box-shadow: inset 0 0 0 1px var(--h5pd-mark-words-hover-color);
}

/* Selected */
.h5p-mark-the-words [aria-selected="true"] {
	background: var(--h5pd-mark-words-selected-bg-color);
	color: var(--h5pd-mark-words-selected-text-color);
	border-color: var(--h5pd-mark-words-selected-bg-color) !important;
}

/* Answered: Correct */
.h5p-mark-the-words [aria-describedby="h5p-description-correct"] {
	background: var(--h5pd-color-correct-light);
	border: var(--h5pd-global-border-thickness) solid var(--h5pd-color-correct-light) !important;
	box-shadow: 0 0 0 1px var(--h5pd-color-correct-light);
	color: var(--h5pd-color-correct-dark);
}
.h5p-mark-the-words [aria-describedby="h5p-description-correct"]::after {
	color: var(--h5pd-color-correct-dark);
}

/* Answered: Incorrect */
.h5p-mark-the-words [aria-describedby="h5p-description-incorrect"] {
	background: var(--h5pd-color-incorrect-light);
	border: var(--h5pd-global-border-thickness) solid var(--h5pd-color-incorrect-light) !important;
	box-shadow: 0 0 0 1px var(--h5pd-color-incorrect-light);
	color: var(--h5pd-color-incorrect-dark);
}
.h5p-mark-the-words [aria-describedby="h5p-description-incorrect"]::after {
	color: var(--h5pd-color-incorrect-dark);
}

/* Missed Correct Answers */
.h5p-mark-the-words [aria-describedby="h5p-description-missed"],
.h5p-mark-the-words .h5p-word-selectable-words:not(.h5p-disable-hover) [aria-describedby="h5p-description-missed"]:hover {
	background: none;
	border: var(--h5pd-global-border-thickness) dashed var(--h5pd-color-correct-dark) !important;
	color: var(--h5pd-color-correct-dark);
	box-shadow: none;
}



/**
 * FIND THE WORDS
 */

.h5p-find-the-words,
.h5p-task-description {
	font-family: inherit;
}

.h5p-find-the-words .h5p-task-description,
.h5p-find-the-words .footer-container {
	border: 0;
}
.h5p-find-the-words .vocabulary-container .vocHeading {
	border-bottom-color: rgba(0,0,0,0.08);
	padding: 10px 15px;
	color: var(--h5pd-color-text-body);
}
.h5p-find-the-words .vocabulary-inline-container {
	border-radius: 0 var(--h5pd-global-border-radius) var(--h5pd-global-border-radius) 0;
}
.h5p-find-the-words .vocabulary-container {
	background: rgba(0,0,0,0.08);
}
.h5p-find-the-words .puzzle-inline {
	border-top: var(--h5pd-global-border-thickness) solid rgba(0,0,0,0.08);
	border-bottom: var(--h5pd-global-border-thickness) solid rgba(0,0,0,0.08);
	border-left: var(--h5pd-global-border-thickness) solid rgba(0,0,0,0.08);
	border-radius: var(--h5pd-global-border-radius) 0 0 var(--h5pd-global-border-radius);
}

/**
 * DRAG AND DROP (some styles also apply to DRAG THE WORDS)
 */

.h5p-question-content.h5p-dragquestion-has-no-background {
	border: 0;
}

.h5p-dragquestion > .h5p-question-content > .h5p-inner {
	border-radius: var(--h5pd-global-border-radius);
}

/* Fullscreen */

.h5p-dragquestion .h5p-my-fullscreen-button-enter,
.h5p-dragquestion .h5p-my-fullscreen-button-exit {
	top: 0;
	right: 5px;
	color: var(--h5pd-color-link);
}
.h5p-dragquestion .h5p-my-fullscreen-button-enter:hover,
.h5p-dragquestion .h5p-my-fullscreen-button-exit:hover {
	color: var(--h5pd-color-link-hover);
}

/* Draggable Items */

.h5p-dragquestion .h5p-draggable,
.h5p-drag-text [aria-grabbed] {
	box-shadow: inset 0 0 0 var(--h5pd-global-border-thickness) rgba(0,0,0,0.1) !important;
	border: 0 !important;
	border-radius: var(--h5pd-global-border-radius);
	background: var(--h5pd-drag-drop-item-bg-color) !important;
	color: var(--h5pd-drag-drop-item-text-color);
}
.h5p-dragquestion .h5p-draggable.h5p-dropped,
.h5p-drag-text [aria-grabbed].h5p-drag-dropped {
	color: var(--h5pd-drag-drop-item-text-color);
}
.h5p-dragquestion .h5p-draggable:hover,
.h5p-dragquestion .h5p-draggable.h5p-dropped:hover,
.h5p-drag-text [aria-grabbed]:hover {
	background: var(--h5pd-drag-drop-item-bg-color-hover) !important;
	color: var(--h5pd-drag-drop-item-text-color-hover);
	cursor: grab;
}

.h5p-dragquestion .h5p-draggable > img {
	border-radius: calc(var(--h5pd-global-border-radius) * 0.85);
}

/* Dropzones */

.h5p-dragquestion .h5p-dropzone > .h5p-inner {
	border-radius: var(--h5pd-global-border-radius);
}

.h5p-dragquestion .h5p-dropzone.h5p-has-label > .h5p-inner {
	border-radius: 0 0 var(--h5pd-global-border-radius) var(--h5pd-global-border-radius);
}
.h5p-dragquestion .h5p-label {
	padding: 0.25em 0.5em;
	border-radius: var(--h5pd-global-border-radius) var(--h5pd-global-border-radius) 0 0;
	background: var(--h5pd-drag-drop-dropzone-label-bg-color) !important;
	color: var(--h5pd-drag-drop-dropzone-label-text-color);
	font-size: 85%;
}


.h5p-dragquestion .h5p-dq-highlight-dz .h5p-dropzone > .h5p-inner.h5p-active,
.h5p-dragquestion .h5p-dq-highlight-dz-always .h5p-dropzone > .h5p-inner {
	border-color: rgba(0,0,0,0.4);
}

.h5p-dragquestion .h5p-dropzone > .h5p-inner.h5p-over {
	background: var(--h5pd-drag-drop-item-bg-color-hover);
	opacity: 0.5;
}

/* Correct / Incorrect */

.h5p-dragquestion .h5p-draggable.h5p-correct,
.h5p-dragquestion .h5p-draggable.h5p-correct:hover {
	background: var(--h5pd-color-correct-light) !important;
	color: var(--h5pd-color-correct-dark);
}
.h5p-dragquestion .h5p-draggable.h5p-wrong,
.h5p-dragquestion .h5p-draggable.h5p-wrong:hover {
	background: var(--h5pd-color-incorrect-light) !important;
	color: var(--h5pd-color-incorrect-dark);
}
.h5p-dragquestion .h5p-draggable.h5p-correct::after,
.h5p-dragquestion .h5p-draggable.h5p-wrong::after,
.h5p-dragquestion .h5p-draggable.h5p-correct.h5p-advanced-text::after, .h5p-dragquestion .h5p-draggable.h5p-wrong.h5p-advanced-text::after {
	bottom: var(--h5pd-global-border-thickness);
	right: var(--h5pd-global-border-thickness);
	padding: 3px 4px;
	border-radius: calc(var(--h5pd-global-border-radius) / 2);
	background: inherit;
}
.h5p-dragquestion .h5p-draggable.h5p-correct::after,
.h5p-dragquestion .h5p-draggable.h5p-correct:hover {
	color: var(--h5pd-color-correct-dark);
}
.h5p-dragquestion .h5p-draggable.h5p-wrong::after,
.h5p-dragquestion .h5p-draggable.h5p-wrong:hover {
	color: var(--h5pd-color-incorrect-dark);
}

/**
 * DRAG THE WORDS
 */

/* Draggables */
.h5p-drag-text [aria-grabbed] {
	padding: 0.25rem 0.75rem;
}

.h5p-drag-text [aria-grabbed='true'],
.h5p-drag-text [aria-grabbed].h5p-drag-dropped:not(.ui-state-disabled):hover,
.h5p-drag-text [aria-grabbed]:not(.ui-state-disabled):hover {
	color: var(--h5pd-drag-drop-item-text-color-hover);
}

/* Dropzones */
.h5p-drag-text [aria-dropeffect] {
	background: var(--h5pd-drag-words-dropzone-bg-color);
	border-radius: var(--h5pd-global-border-radius);
}

/* Correct / Incorrect */

.h5p-drag-text .h5p-drag-dropped.h5p-drag-draggable-correct,
.h5p-drag-text .h5p-drag-dropped.h5p-drag-draggable-wrong {
	height: 1.25em;
}

.h5p-drag-text [aria-dropeffect].h5p-drag-correct-feedback,
.h5p-drag-text [aria-grabbed].h5p-drag-dropped.h5p-drag-draggable-correct {
	background: var(--h5pd-color-correct-light) !important;
}
.h5p-drag-text .h5p-drag-correct-feedback::before,
.h5p-drag-text [aria-grabbed].h5p-drag-dropped.h5p-drag-draggable-correct {
	color: var(--h5pd-color-correct-dark);
}

.h5p-drag-text [aria-dropeffect].h5p-drag-wrong-feedback,
.h5p-drag-text [aria-grabbed].h5p-drag-dropped.h5p-drag-draggable-wrong {
	background: var(--h5pd-color-incorrect-light) !important;
	text-decoration: line-through;
}
.h5p-drag-text .h5p-drag-wrong-feedback::before,
.h5p-drag-text [aria-grabbed].h5p-drag-dropped.h5p-drag-draggable-wrong {
	color: var(--h5pd-color-incorrect-dark);
}

.h5p-drag-text [aria-grabbed].h5p-drag-dropped.h5p-drag-draggable-correct,
.h5p-drag-text [aria-grabbed].h5p-drag-dropped.h5p-drag-draggable-wrong {
	box-shadow: none !important;
}

/* Show Solution */

.h5p-drag-text .h5p-drag-show-solution-container.incorrect {
	padding: 0.1em 0.375em;
	background: transparent;
	border: var(--h5pd-global-border-thickness) dashed var(--h5pd-color-correct-dark);
	border-radius: var(--h5pd-global-border-radius);
	color: var(--h5pd-color-correct-dark);
}

/**
 * ACCORDION
 */

.h5p-accordion .h5p-panel-title {
	border-top: var(--h5pd-global-border-thickness) solid rgba(0,0,0,0.08);
	color: var(--h5pd-accordion-title-color);
	transition: none;
}
.h5p-accordion .h5p-panel-title:hover,
.h5p-accordion .h5p-panel-title:focus,
.h5p-accordion .h5p-panel-title:active,
.h5p-accordion .h5p-panel-expanded {
	color: var(--h5pd-accordion-title-color-hover);
}

.h5p-container.h5p-accordion {
	color: #333;
}

/**
 * ICONS
 */

/* Info/Tip Icons, Scorebar Question Icons, Comment Icons in CP */

.joubel-icon-tip-normal .h5p-icon-speech-bubble::before,
.joubel-icon-comment-normal .h5p-icon-speech-bubble::before,
.h5p-joubelui-score-bar .joubel-tip-container {
	color: var(--h5pd-icon-info-bg-color);
}
.joubel-icon-tip-normal .h5p-icon-info::before,
.joubel-icon-comment-normal .h5p-icon-question::before {
	color: var(--h5pd-icon-info-icon-color);
}
.joubel-icon-tip-normal:hover .h5p-icon-speech-bubble::before,
.joubel-icon-tip-normal:active .h5p-icon-speech-bubble::before,
.joubel-icon-comment-normal:hover .h5p-icon-speech-bubble::before,
.joubel-icon-comment-normal:active .h5p-icon-speech-bubble::before,
.h5p-joubelui-score-bar .joubel-tip-container:hover {
	color: var(--h5pd-icon-info-bg-color-hover);
}
.joubel-icon-tip-normal:hover .h5p-icon-info::before,
.joubel-icon-tip-normal:active .h5p-icon-info::before,
.joubel-icon-comment-normal:hover .h5p-icon-question::before,
.joubel-icon-comment-normal:active .h5p-icon-question::before {
	color: var(--h5pd-icon-info-icon-color-hover);
}
/* Hide Shadow */
.joubel-icon-tip-normal .h5p-icon-shadow::before,
.joubel-icon-comment-normal .h5p-icon-shadow::before {
	visibility: hidden;
}

/**
 * ARITHMETIC QUIZ
 */

/* Remove text shadows */
.h5p-baq * {
	text-shadow: none;
}

/* Container */
.h5p-baq {
	background: var(--h5pd-arithmetic-bg-color);
	border-radius: var(--h5pd-global-border-radius);
	font-family: inherit;
	color: var(--h5pd-arithmetic-text-color);
}

/* Intro Page */
.h5p-baq-intro-page {
	background: var(--h5pd-arithmetic-bg-color);
}

/* Countdown */
.h5p-baq-countdown.h5p-joubel-ui-slide {
	background: var(--h5pd-arithmetic-bg-color);
}
.h5p-baq-countdown-bg {
	background: var(--h5pd-arithmetic-countdown-color);
}
.h5p-baq-countdown-text {
	border: 0;
	border-radius: var(--h5pd-global-border-radius);
	background: rgba(0,0,0,0.2);
}

/* Start Button */
.h5p-joubelui-button.mq-control-button {
	background: transparent;
	border: var(--h5pd-global-border-thickness) solid var(--h5pd-arithmetic-text-color);
	border-radius: var(--h5pd-btn-border-radius);
	color: var(--h5pd-arithmetic-text-color);
	transition: none;
}
.h5p-joubelui-button.mq-control-button:hover,
.h5p-joubelui-button.mq-control-button:active,
.h5p-joubelui-button.mq-control-button:focus {
	background: var(--h5pd-arithmetic-text-color);
	border-color: transparent;
	color: var(--h5pd-arithmetic-bg-color);
}

/* Score / Timer */
.h5p-baq-game > .timer,
.h5p-baq-game > .h5p-baq-score-widget {
	padding: 1em;
	font-size: 15px;
	text-shadow: none;
}

.h5p-baq-score-widget-number {
	background: var(--h5pd-arithmetic-text-color);
	color: var(--h5pd-arithmetic-bg-color);
}

/* Answers (buttons) */
.h5p-baq-alternatives > .h5p-joubelui-button {
	border-radius: calc(var(--h5pd-global-border-radius) * 2);
	border: var(--h5pd-global-border-thickness) solid var(--h5pd-arithmetic-text-color);
	color: var(--h5pd-arithmetic-text-color);
}
.h5p-baq-alternatives > .h5p-joubelui-button:active,
.h5p-baq-alternatives > .h5p-joubelui-button:hover,
.h5p-baq-alternatives > .h5p-joubelui-button:focus {
	background: var(--h5pd-arithmetic-text-color);
	color: var(--h5pd-arithmetic-bg-color);
}
.h5p-baq .h5p-joubelui-button:focus {
	outline: 2px dashed var(--h5pd-arithmetic-text-color);
}

/* Answers: Correct/Incorrect */
.h5p-baq-alternatives > .h5p-joubelui-button.reveal-correct {
	background: var(--h5pd-color-correct-dark);
	border-color: var(--h5pd-color-correct-dark);
	color: #fff;
}
.h5p-baq-alternatives > .h5p-joubelui-button.reveal-wrong {
	opacity: 0.8;
}

/**
 * FLASHCARDS
 */

.h5p-flashcards,
.h5p-flashcards .h5p-answer .h5p-textinput {
	font-family: inherit;
}

/* Container */
.h5p-flashcards.h5p-standalone {
	background: var(--h5pd-flashcard-container-bg-color);
	border-radius: var(--h5pd-global-border-radius);
}

/* Title */
.h5p-flashcards.h5p-standalone .h5p-description {
	color: var(--h5pd-flashcard-container-text-color);
	border: 0;
}

/* Progress (1 / 2) */
.h5p-flashcards .h5p-progress,
.h5p-flashcards .h5p-loading {
	color: var(--h5pd-flashcard-container-text-color);
	font-size: 1.125em;
}

/* Card Container */
.h5p-flashcards .h5p-cardholder {
	border-width: var(--h5pd-global-border-thickness);
}

.h5p-flashcards .h5p-cardholder,
.h5p-flashcards .h5p-card > .h5p-flashcard-overlay {
	border-radius: var(--h5pd-global-border-radius);
	transition-duration: 0.2s;
}

.h5p-flashcards .h5p-card > .h5p-flashcard-overlay {
	background: var(--h5pd-flashcard-container-bg-color);
	border-radius: var(--h5pd-global-border-radius);
}

.h5p-flashcards .h5p-card.h5p-current .h5p-cardholder {
	background: var(--h5pd-flashcard-card-bg-color);
	border-color: var(--h5pd-flashcard-card-bg-color);
}






/* Image Holder */
.h5p-flashcards .h5p-imageholder {
	background: var(--h5pd-flashcard-card-bg-color);
	border-radius: var(--h5pd-global-border-radius) var(--h5pd-global-border-radius) 0 0;
	-webkit-filter: none;
	filter: none;
}

/* Image */
.h5p-flashcards .h5p-card .h5p-clue {
	padding: 0;
	box-shadow: none;
	border-radius: var(--h5pd-global-border-radius);
	border: 0;
	background: transparent;
	filter: grayscale(80%);
}
.h5p-flashcards .h5p-card.h5p-current .h5p-clue {
	filter: none;
}

/* Card Footer */
.h5p-flashcards .h5p-foot {
	background: var(--h5pd-flashcard-card-bg-color);
	border-radius: 0 0 var(--h5pd-global-border-radius) var(--h5pd-global-border-radius);
}

/* Question Text */
.h5p-flashcards .h5p-imagetext {
	font-weight: normal;
	color: var(--h5pd-flashcard-card-text-color);
}

/* Answer Input */
.h5p-flashcards .h5p-answer .h5p-textinput {
	background: #fff;
	border: 0;
	border-radius: var(--h5pd-btn-border-radius);
	box-shadow: 0 0 0 2px rgba(0,0,0,0.08);
	color: #333;
}
.h5p-flashcards .h5p-answer .h5p-textinput:focus {
	box-shadow: 0 0 0 2px rgba(0,0,0,0.15);
}

/* "Check" Button */
.h5p-flashcards .h5p-answer .h5p-button {
	background: var(--h5pd-flashcard-card-text-color);
	border-left: var(--h5pd-global-border-thickness) solid var(--h5pd-flashcard-card-bg-color);
	border-radius: 0 var(--h5pd-btn-border-radius) var(--h5pd-btn-border-radius) 0;
	color: var(--h5pd-flashcard-card-bg-color);
	font-family: inherit;
	opacity: 0.75;
}
.h5p-flashcards .h5p-answer .h5p-button:hover,
.h5p-flashcards .h5p-answer .h5p-button:active,
.h5p-flashcards .h5p-answer .h5p-button:focus,
.using-mouse .h5p-flashcards .h5p-button.h5p-check-button:active {
	background: var(--h5pd-flashcard-card-text-color);
	opacity: 1;
}

/* Correct/Incorrect Answers */
.h5p-flashcards .h5p-card.h5p-wrong .h5p-imageholder > .h5p-flashcard-overlay {
	background: var(--h5pd-color-incorrect-dark);
}
.h5p-flashcards .h5p-answer .h5p-wrong .h5p-feedback-label {
	color: var(--h5pd-color-incorrect-dark);
}

.h5p-flashcards .h5p-card.h5p-correct .h5p-imageholder > .h5p-flashcard-overlay {
	background: var(--h5pd-color-correct-dark);
}
.h5p-flashcards .h5p-answer .h5p-correct .h5p-feedback-label {
	color: var(--h5pd-color-correct-dark);
}

/* Show Results */
.h5p-show-results .h5p-show-results-icon::before {
	color: var(--h5pd-flashcard-container-text-color);
}

.h5p-show-results button {
	color: var(--h5pd-flashcard-container-text-color);
	padding: 0.375em 0.75em;
	border-radius: var(--h5pd-btn-border-radius);
}
.h5p-show-results button:hover {
	background: rgba(0,0,0,0.08);
}

/* Next/Prev Navigation */
.h5p-flashcards .h5p-navigation .h5p-button {
	color: var(--h5pd-flashcard-container-text-color);
	border: var(--h5pd-global-border-thickness) solid var(--h5pd-flashcard-container-text-color);
	border-radius: var(--h5pd-btn-border-radius);
}
.h5p-flashcards .h5p-navigation .h5p-button:hover {
	background: var(--h5pd-flashcard-container-text-color);
	color: var(--h5pd-flashcard-container-bg-color);
}
.h5p-flashcards .h5p-button:focus {
	box-shadow: 0 0 0 3px rgba(0,0,0,0.12);
}

.h5p-flashcards .h5p-button.h5p-previous::before,
.h5p-flashcards .h5p-button.h5p-next::before {
	position: relative;
}
.h5p-flashcards .h5p-button.h5p-previous::before {
	top: 2px;
}
.h5p-flashcards .h5p-button.h5p-next::before {
	top: -2px;
}

/* Progress Bar Container */
.h5p-flashcards .h5p-visual-progress {
	padding: 4px;
	background: var(--h5pd-flashcard-progress-container-color);
	border: 1px solid var(--h5pd-flashcard-progress-border-color);
	border-radius: var(--h5pd-global-border-radius);
}
/* Progress Bar */
.h5p-flashcards .h5p-visual-progress div {
	background: var(--h5pd-flashcard-progress-bar-color);
	border-radius: calc(var(--h5pd-global-border-radius) * 0.5);
	transition-duration: 0.4s;
}

/* Results Page */
.h5p-flashcards .h5p-results-title {
	color: var(--h5pd-flashcard-container-text-color);
}

.h5p-flashcards .h5p-results-score,
.h5p-flashcards .h5p-results-score span {
	color: var(--h5pd-flashcard-container-text-color);
	font-weight: 300;
}
.h5p-flashcards .h5p-results-score span {
	font-weight: 500;
	padding: 0 1px;
}

.h5p-flashcards .h5p-results-list-item {
	margin-bottom: 0.875em;
	background: var(--h5pd-flashcard-card-bg-color);
	color: var(--h5pd-flashcard-card-text-color);
	border: 0;
	border-radius: var(--h5pd-global-border-radius);
}


.h5p-flashcards .h5p-results-box {
	background: var(--h5pd-color-correct-dark);
	border-radius: var(--h5pd-global-border-radius);
	color: #fff;
}
.h5p-flashcards .h5p-results-list-item.h5p-incorrect .h5p-results-box {
	background: var(--h5pd-color-incorrect-dark);
}

.h5p-flashcards .h5p-results-image-holder {
	background-color: transparent;
	border-radius: var(--h5pd-global-border-radius);
}
.h5p-flashcards .h5p-results-image-holder.no-image {
	background: transparent;
}

.h5p-flashcards .h5p-results-answer {
	font-size: 90%;
	color: var(--h5pd-color-correct-dark);
}

.h5p-flashcards .h5p-results-list-item.h5p-incorrect .h5p-results-answer {
	color: var(--h5pd-color-incorrect-dark);
}

.h5p-flashcards .h5p-results-answer span {
	color: var(--h5pd-flashcard-card-text-color);
}
.h5p-flashcards .h5p-results-answer span.h5p-correct {
	color: var(--h5pd-color-correct-dark);
}

/* Retry Button */
.h5p-flashcards .h5p-results-retry-button {
	color: var(--h5pd-flashcard-container-text-color);
	border: var(--h5pd-global-border-thickness) solid var(--h5pd-flashcard-container-text-color);
	border-radius: var(--h5pd-btn-border-radius);
}
.h5p-flashcards .h5p-results-retry-button:hover,
.h5p-flashcards .h5p-results-retry-button:active,
.h5p-flashcards .h5p-results-retry-button:focus {
	background: var(--h5pd-flashcard-container-text-color);
	color: var(--h5pd-flashcard-container-bg-color);
}

/**
 * CHARTS: PIE
 */


.h5p-chart-pie {
	font-size: var(--h5pd-charts-pie-font-size);
		}

.h5p-chart-bar > svg > text {
	font-weight: bold;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.2);
}


/**
 * COURSE PRESENTATION
 */

.h5p-course-presentation {
	font-family: inherit;
	color: var(--h5pd-color-text-body);
	border-radius: var(--h5pd-global-border-radius);
}
.h5p-course-presentation .h5p-box-wrapper {
	box-shadow: none;
}



/* Table of Contents / Slide List */
.h5p-course-presentation .h5p-keywords-wrapper {
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0 0 0.875em rgb(0,0,0,0.15);
}

/* Slide # */

.h5p-course-presentation .h5p-keywords-wrapper > [role="menu"] > [role="menuitem"]:hover,
.h5p-course-presentation .h5p-keywords-wrapper > [role="menu"] > [role="menuitem"].h5p-current {
	background-color: var(--h5pd-course-prez-toc-slide-bg-color-hover);
}

.h5p-course-presentation .h5p-keywords-wrapper [role="menuitem"] .h5p-keyword-subtitle {
	color: var(--h5pd-course-prez-toc-slide-num-color);
	font-size: 0.6875em;
	font-weight: bold;
	letter-spacing: 0.04em;
}
.h5p-course-presentation .h5p-keywords-wrapper > [role="menu"] > [role="menuitem"]:hover .h5p-keyword-subtitle,
.h5p-course-presentation .h5p-keywords-wrapper > [role="menu"] > [role="menuitem"].h5p-current .h5p-keyword-subtitle {
	color: var(--h5pd-course-prez-toc-slide-num-color-hover);
}

/* Title */
.h5p-course-presentation .h5p-keywords-wrapper [role="menuitem"] > span {
	color: var(--h5pd-course-prez-toc-slide-title-color);
}
.h5p-course-presentation .h5p-keywords-wrapper > [role="menu"] > [role="menuitem"]:hover span,
.h5p-course-presentation .h5p-keywords-wrapper > [role="menu"] > [role="menuitem"].h5p-current span {
	color: var(--h5pd-course-prez-toc-slide-title-color-hover);
}

/* Videos in Presentations */
.h5p-course-presentation .h5p-element .h5p-video-outer-element {
	border-radius: var(--h5pd-video-border-radius);
}

/* Progress Bar */
.h5p-course-presentation .h5p-progressbar-popup {
	padding: 2px 10px;
	background: #222;
	border-radius: calc(var(--h5pd-global-border-radius) * 0.85);
	font-size: 0.625em;
}

.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part .h5p-progressbar-part-has-task {
	border-color: rgba(255,255,255,0.4);
}
.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part .h5p-progressbar-part-has-task.h5p-answered,
.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part.h5p-progressbar-part-show .h5p-progressbar-part-has-task.h5p-answered {
	border-color: #fff;
	background: #fff;
}

.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part .h5p-progressbar-part-has-task.h5p-is-wrong::after {
	color: var(--h5pd-color-incorrect-dark);
	background: var(--h5pd-color-incorrect-light);
	border-color: var(--h5pd-color-incorrect-dark);
	border-radius: calc(var(--h5pd-global-border-radius) / 2);
}

/* Footer */
.h5p-course-presentation .h5p-footer {
	background-color: var(--h5pd-course-prez-footer-bg-color);
	color: var(--h5pd-course-prez-footer-text-color);
}

.h5p-course-presentation .h5p-footer .h5p-footer-button {
	color: var(--h5pd-course-prez-footer-link-color);
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.h5p-course-presentation .h5p-footer .h5p-footer-button:hover {
	color: var(--h5pd-course-prez-footer-link-color-hover);
}
.h5p-course-presentation .h5p-footer .h5p-footer-button:focus {
	background: rgba(0,0,0,0.2);
}

/* Summary Slide */
.h5p-course-presentation .h5p-summary-slide {
	color: var(--h5pd-color-text-body);
}

/* Summary Table Header */
.h5p-course-presentation .h5p-summary-table-header {
	padding: 0.5625em;
	text-transform: uppercase;
	font-weight: 700;
}

.h5p-course-presentation .h5p-summary-table-header.score {
	padding-right: 1.2em;
}

/* Summary Slide Links */
.h5p-course-presentation .h5p-summary-task-title .h5p-slide-link {
	color: var(--h5pd-color-link);	
}
.h5p-course-presentation .h5p-summary-task-title .h5p-slide-link:hover {
	color: var(--h5pd-color-link-hover);
	text-decoration: underline;
}

/* Info/Comment Popups */
.h5p-course-presentation .h5p-close-popup:hover::before {
	color: var(--h5pd-color-incorrect-dark);
}

.h5p-course-presentation .h5p-popup-overlay.h5p-advancedtext .h5p-popup-container .h5p-popup-wrapper,
.h5p-course-presentation .h5p-popup-overlay.h5p-link .h5p-popup-container .h5p-popup-wrapper,
.h5p-course-presentation .h5p-popup-overlay.h5p-popup-comment-field .h5p-popup-container .h5p-popup-wrapper {
	padding: 1em;
}

/**
 * AUDIO
 */
.h5p-audio-inner .h5p-audio-minimal-button {
	font-size: 1em;
	background: var(--h5pd-audio-btn-bg-color);
	color: var(--h5pd-audio-btn-icon-color);
}
.h5p-audio-inner .h5p-audio-minimal-play-paused,
.h5p-audio-inner .h5p-audio-minimal-pause {
	background: var(--h5pd-audio-btn-active-bg-color);
	color: var(--h5pd-audio-btn-active-icon-color);
}


/**
 * RECORDER
 */
div.h5p-audio-recorder-view {
	font-family: inherit;
}

div.h5p-audio-recorder-view .title,
div.audio-recorder-timer {
	color: var(--h5pd-color-text-body);
}

div.h5p-audio-recorder-view [role="status"] {
	color: var(--h5pd-color-text-body);
	background: rgba(0,0,0,0.05);
	border-radius: calc(var(--h5pd-global-border-radius) * 0.6);
}

/* Recording... Message */
div.h5p-audio-recorder-view [role="status"].recording {
	background: var(--h5pd-recording-color-light);
	color: var(--h5pd-recording-color-dark);
}

/* Buttons */
div.h5p-audio-recorder-view .button {
	font-family: inherit;
	border-radius: var(--h5pd-btn-border-radius);
}
/* Record Button */
div.h5p-audio-recorder-view .button.record {
	background: var(--h5pd-recording-color-dark);
	border-color: var(--h5pd-recording-color-dark);
	opacity: 0.85;
}
div.h5p-audio-recorder-view .button.record:hover {
	background: var(--h5pd-recording-color-dark);
	border-color: var(--h5pd-recording-color-dark);
	opacity: 1;
}
/* Pause Button */
div.h5p-audio-recorder-view .button.pause {
	color: var(--h5pd-recording-color-dark);
	border-color: var(--h5pd-recording-color-dark);
	opacity: 0.85;
}
div.h5p-audio-recorder-view .button.pause:hover {
	color: var(--h5pd-recording-color-dark);
	border-color: var(--h5pd-recording-color-dark);
	opacity: 1;
}
/* Done Button */
div.h5p-audio-recorder-view .button.done {
	color: var(--h5pd-color-correct-dark);
	border-color: var(--h5pd-color-correct-dark);
	opacity: 0.85;
}
div.h5p-audio-recorder-view .button.done:hover {
	color: var(--h5pd-color-correct-dark);
	border-color: var(--h5pd-color-correct-dark);
	opacity: 1;
}


/* Recording Done */
div.h5p-audio-recorder-view [role="status"].done {
	background: var(--h5pd-color-correct-light);
	color: var(--h5pd-color-correct-dark);
}
div.h5p-audio-recorder-view .button.download {
	background: var(--h5pd-color-correct-dark);
	border-color: var(--h5pd-color-correct-dark);
	opacity: 0.85;
}
div.h5p-audio-recorder-view .button.download:hover {
	background: var(--h5pd-color-correct-dark);
	border-color: var(--h5pd-color-correct-dark);
	opacity: 1;
}


/**
 * FOOTER
 */

.h5p-container[style*="url"] .qs-footer {
	padding: 0.25em 1.25em;
}

/**
 * QUESTION SET
 */

.questionset-results .greeting,
.questionset-results .result-header,
.questionset-results .result-text,
.questionset-results .feedback-section .feedback-text {
	color: var(--h5pd-color-text-body);
}

/**
 * QUESTION SET: PROGRESS DOTS
 */


.progress-dot {
	width: 0.75em;
	height: 0.75em;
	min-width: 12px;
	min-height: 12px;
	margin: 0 0.125em;
	background-color: var(--h5pd-progress-dot-color-container);
}
.progress-item .progress-dot::before {
	border: 0;
}
.progress-dot:not(.disabled):hover {
	box-shadow: none;
	background-color: var(--h5pd-progress-dot-color-hover);
}
.progress-dot.answered,
.progress-dot.answered:not(.disabled):hover {
	background-color: var(--h5pd-progress-dot-color-answered);
}
.progress-dot.current,
.progress-dot.current:not(.disabled):hover {
	background-color: var(--h5pd-progress-dot-color-current);
}

/* Question Feedback */
.h5p-question-feedback {
	color: inherit;
	font-weight: normal;
}

/**
 * CORRECT/INCORRECT STYLES
 */

.h5p-multichoice .h5p-answer.h5p-correct .h5p-alternative-container,
.h5p-multichoice .h5p-answer.h5p-correct::hover .h5p-alternative-container {
	background: var(--h5pd-color-correct-light) !important;
	color: var(--h5pd-color-correct-dark) !important;
	box-shadow: none !important;
	border: 0 !important;
}
.h5p-multichoice .h5p-correct .h5p-answer-icon::before {
	color: var(--h5pd-color-correct-dark);
}
.h5p-summary .summary-progress-numeric {
	padding: 0.25em 1em;
	border-radius: var(--h5pd-global-border-radius);
	background: rgba(0,0,0,0.08);
}
.h5p-summary .summary-progress-numeric::before,
.h5p-summary .summary-container li::before {
	color: var(--h5pd-color-correct-dark);
}
.h5p-summary .summary-score {
	padding: 0.25em 1em;
	border-radius: var(--h5pd-global-border-radius);
	background: var(--h5pd-color-incorrect-light);
}
.h5p-summary .summary-score::before {
	color: var(--h5pd-color-incorrect-dark);
}
.h5p-summary li.summary-failed > p,
.h5p-summary li.summary-failed {
	background: var(--h5pd-color-incorrect-light);
	border: inherit;
	color: var(--h5pd-color-incorrect-dark);
	font-weight: normal;
}
.h5p-summary li.summary-failed::before {
	color: var(--h5pd-color-incorrect-dark);
}
.h5p-summary .summary-container.has-results li {
	background: var(--h5pd-color-correct-light);
	border-color: var(--h5pd-color-correct-light);
}

.h5p-summary .summary-container li:not(:last-child) {
	border-bottom: 0;
	border-radius: var(--h5pd-global-border-radius);
	margin-bottom: 0.375em;
}

/* "Your Results" */
.h5p-summary .summary-evaluation-content {
	font-weight: bold;
}

/* Find the Words */
.h5p-find-the-words .vocabulary-container .word-found,
.h5p-find-the-words .vocabulary-inline-container .word-found em {
	color: var(--h5pd-color-correct-dark);
}

/**
 * SCOREBAR
 */

div.h5p-joubelui-score-bar {
	background: transparent;
	border: 0;
}
div.h5p-joubelui-score-bar-progress-wrapper {
	background: rgba(0,0,0,0.1);
}
div.h5p-joubelui-score-bar-progress {
	background: var(--h5pd-color-correct-dark);
}
span.h5p-joubelui-score-numeric {
	font-size: 1.125em;
	font-weight: normal;
}
span.h5p-joubelui-score-number,
span.h5p-joubelui-score-number-separator {
	color: inherit;
}
span.h5p-joubelui-score-separator {
	opacity: 0.75;
}

/**
 * INTERACTIVE VIDEO
 */

.h5p-interactive-video {
	background-color: transparent !important;
}
.h5p-interactive-video,
.h5p-interactive-video .h5p-splash {
	border-radius: var(--h5pd-video-border-radius);
}


.h5p-interactive-video .h5p-splash-wrapper .h5p-splash .h5p-splash-title,
.h5p-interactive-video .h5p-splash-wrapper .h5p-splash .h5p-splash-description {
	font-family: inherit;
}
.h5p-interactive-video .h5p-controls {
	background-color: var(--h5pd-video-controls-bg-color);
}

.h5p-interactive-video .h5p-dialog-close:focus::before,
.h5p-interactive-video .h5p-dialog-close:hover::before {
	color: var(--h5pd-color-incorrect-dark);
}

/* Icons */
.h5p-interactive-video .h5p-control,
.h5p-interactive-video .h5p-control::before,
.h5p-interactive-video .h5p-minimal-overlay [aria-disabled="true"].h5p-minimal-button,
.h5p-interactive-video [aria-disabled="true"].h5p-control::before {
	color: var(--h5pd-video-controls-icon-color);
}
/* Hover */
.h5p-interactive-video .h5p-control:hover::before,
.h5p-interactive-video .h5p-minimal-overlay .h5p-minimal-button:hover {
	color: var(--h5pd-video-controls-icon-color-hover);
}
/* Disabled Icons */
.h5p-interactive-video .h5p-minimal-overlay [aria-disabled="true"].h5p-minimal-button,
.h5p-interactive-video .h5p-minimal-overlay [aria-disabled="true"].h5p-minimal-button:hover,
.h5p-interactive-video [aria-disabled="true"].h5p-control::before,
.h5p-interactive-video [aria-disabled="true"].h5p-control:hover::before {
	opacity: 0.5;
	color: var(--h5pd-video-controls-icon-color);
}
/* Video Timeline */
.h5p-interactive-video .h5p-slider .ui-slider,
.h5p-interactive-video .h5p-buffered,
.h5p-interactive-video .h5p-slider .ui-slider-range {
	border-radius: calc(var(--h5pd-video-border-radius) / 2);
}
/*.h5p-interactive-video .h5p-slider .ui-slider {
	background-color: rgba(255,255,255,0.3);
}
.h5p-interactive-video .h5p-buffered {
	background-color: rgba(255,255,255,0.15);
}*/
.h5p-interactive-video .h5p-slider .ui-slider-range {
	background-image: none;
	background-color: #eee;
}
.h5p-interactive-video .h5p-slider .ui-slider-handle,
.h5p-interactive-video :not([aria-disabled="true"]).h5p-slider .ui-slider-handle:hover::before,
.h5p-interactive-video :not([aria-disabled="true"]).h5p-slider .ui-slider-handle::before {
	color: #eee;
	text-shadow: none;
}
.h5p-interactive-video .h5p-slider .ui-slider-handle {
	background-color: #0b0d0c;
}

/* Settings Slideup */
.h5p-interactive-video .h5p-chooser {
	border-radius: calc(var(--h5pd-video-border-radius) * 0.7) calc(var(--h5pd-video-border-radius) * 0.7) 0 0;
	font-family: sans-serif;
	font-size: 16px;
}

.h5p-interactive-video .h5p-chooser > h3 {
	font-weight: 600;
	font-size: 15px;
}

.h5p-interactive-video .h5p-chooser-close-button:hover {
	color: var(--h5pd-color-incorrect-dark);
}

/* Bookmarks */
.h5p-interactive-video .h5p-bookmark {
	border-color: rgba(255,255,255,0.7);
}
/* Label Overlays */
.h5p-interactive-video .h5p-bookmark-label,
.h5p-interactive-video .h5p-endscreen-label,
.h5p-interactive-video .h5p-prevent-skipping-message,
/* Poster */
.h5p-interactive-video .h5p-interaction.h5p-poster,
/* Dialog */
.h5p-interactive-video .h5p-dialog,
/* Simple Text Label */
.h5p-interactive-video .h5p-interaction-label.h5p-interaction-label-standalone {
	border-radius: var(--h5pd-video-border-radius);
}
/* Time */
.h5p-interactive-video .h5p-control.h5p-time {
	font-family: sans-serif;
}
.h5p-interactive-video .h5p-simple-time .h5p-total,
.h5p-interactive-video .h5p-time .h5p-total,
.h5p-interactive-video .h5p-current + span {
	color: rgba(255,255,255,0.8);
}
/* Interactions */
.h5p-interactive-video .h5p-interaction.h5p-poster {
	overflow: hidden;
}
/* Interaction Buttons */
.h5p-interactive-video .h5p-interaction-button,
.h5p-interactive-video .h5p-interaction-label {
	transition-duration: 125ms;
}
.h5p-interactive-video .h5p-interaction-button,
.h5p-interactive-video .h5p-interaction:hover > .h5p-interaction-button,
.h5p-interactive-video .h5p-interaction:active > .h5p-interaction-button,
.h5p-interactive-video .h5p-interaction:focus > .h5p-interaction-button {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/* Quiz */
.h5p-interactive-video div > .h5p-interaction-button {
	background-color: var(--h5pd-video-ibutton-quiz-color);
	color: var(--h5pd-video-ibutton-quiz-icon-color);
}
.h5p-interactive-video div:hover > .h5p-interaction-button,
.h5p-interactive-video div:active > .h5p-interaction-button {
	background-color: var(--h5pd-video-ibutton-quiz-color-hover);
	color: var(--h5pd-video-ibutton-quiz-icon-color-hover);
}
.h5p-interactive-video div:focus > .h5p-interaction-button,
.h5p-interactive-video .h5p-text-interaction:focus > .h5p-interaction-button,
.h5p-interactive-video .h5p-image-interaction:focus > .h5p-interaction-button,
.h5p-interactive-video .h5p-link-interaction:focus > .h5p-interaction-button,
.h5p-interactive-video .h5p-table-interaction:focus > .h5p-interaction-button {
	border: 2px solid rgba(0,0,0,0.5);
	top: -2px;
	left: -2px;
}
/* Simple (text, image, link, table) */
.h5p-interactive-video .h5p-image-interaction > .h5p-interaction-button,
.h5p-interactive-video .h5p-link-interaction > .h5p-interaction-button,
.h5p-interactive-video .h5p-table-interaction > .h5p-interaction-button,
.h5p-interactive-video .h5p-text-interaction > .h5p-interaction-button {
	background-color: var(--h5pd-video-ibutton-simple-color);
	color: var(--h5pd-video-ibutton-simple-icon-color);
}
.h5p-interactive-video .h5p-image-interaction:hover > .h5p-interaction-button,
.h5p-interactive-video .h5p-link-interaction:hover > .h5p-interaction-button,
.h5p-interactive-video .h5p-table-interaction:hover > .h5p-interaction-button,
.h5p-interactive-video .h5p-text-interaction:hover > .h5p-interaction-button,
.h5p-interactive-video .h5p-image-interaction:active > .h5p-interaction-button,
.h5p-interactive-video .h5p-link-interaction:active > .h5p-interaction-button,
.h5p-interactive-video .h5p-table-interaction:active > .h5p-interaction-button,
.h5p-interactive-video .h5p-text-interaction:active > .h5p-interaction-button {
	background-color: var(--h5pd-video-ibutton-simple-color-hover);
	color: var(--h5pd-video-ibutton-simple-icon-color-hover);
}
/* Interaction Labels */
.h5p-interactive-video .h5p-interaction-label {
	border-top-right-radius: calc(var(--h5pd-video-border-radius) * 2);
	border-bottom-right-radius: calc(var(--h5pd-video-border-radius) * 2);
}
/* Summaries */
.h5p-summary .summary-container.has-results {
	border: 0;
}
/* Summary: Tip Bubbles */
.joubel-speech-bubble-inner {
	padding: 0.375em 1em;
	background: #fff;
	border: var(--h5pd-global-border-thickness) solid #ddd;
	border-radius: var(--h5pd-global-border-radius);
	box-shadow: 0 0.375em 0.5em rgba(0,0,0,0.08);
}
.joubel-speech-bubble-tail {
	background: #fff;
	border: var(--h5pd-global-border-thickness) solid #ddd;
	box-shadow: none;
}
.joubel-speech-bubble-inner-tail {
	background: #fff;
}
/* Crossroads/Go To */
.h5p-gotoquestion-wrapper,
.h5p-gotoquestion-choices {
	background-color: #fff;
}
.h5p-gotoquestion-text {
	background-color: var(--h5pd-video-ibutton-adapt-bg-color);
	color: var(--h5pd-video-ibutton-adapt-text-color);
}
.h5p-gotoquestion-chosentext {
	padding: 0.5em;
	background-color: var(--h5pd-color-correct-dark);
}
.h5p-gotoquestion-continuemsg {
	color: var(--h5pd-color-text-body);
}
.h5p-gotoquestion-button {
	border: 0;
	border-radius: var(--h5pd-global-border-radius);
	background-color: var(--h5pd-multichoice-color-primary);
	color: var(--h5pd-multichoice-color-secondary);
}
.h5p-gotoquestion-button::after {
	display: none;
}
.h5p-gotoquestion-button[aria-disabled="false"]:hover,
.h5p-gotoquestion-button[aria-disabled="false"]:active,
.h5p-gotoquestion-button[aria-disabled="false"]:focus {
	background-color: var(--h5pd-multichoice-color-primary-hover);
	color: var(--h5pd-multichoice-color-secondary-hover);
}
/* Endscreen */

.h5p-interactive-video-bubble-endscreen {
	color: var(--h5pd-color-text-body);
}

.h5p-interactive-video-bubble-endscreen-inner {
	background-color: rgba(255,255,255,0.96);
	border-radius: var(--h5pd-video-border-radius);
}

.h5p-interactive-video-bubble-endscreen-inner-tail,
.h5p-interactive-video-bubble-endscreen-tail {
	display: none;
}

.h5p-interactive-video-endscreen {
	font-family: inherit;
}

/* Star Icon */
.h5p-interactive-video-endscreen-star-symbol::before {
	color: #ffc80b;
}

/* Table Headers */
.h5p-interactive-video-endscreen-overview-title {
	font-size: 90%;
	text-transform: uppercase;
}

/* Rows */
.h5p-interactive-video-endscreen-overview-table-row {
	border-color: rgba(0,0,0,0.12);
}
.h5p-interactive-video-endscreen-overview-table-row:focus, .h5p-interactive-video-endscreen-overview-table-row:hover {
	background: rgba(0,0,0,0.05);
}
.h5p-interactive-video-endscreen-overview-table-row:focus .h5p-interactive-video-endscreen-overview-table-row-title, .h5p-interactive-video-endscreen-overview-table-row:hover .h5p-interactive-video-endscreen-overview-table-row-title {
	color: var(--h5pd-color-link-hover);
	text-decoration: underline;
}

.h5p-interactive-video-endscreen-overview-table-row-time {
	font-weight: 700;
	color: var(--h5pd-color-text-body);
}

/* Answers Submitted */
.h5p-interactive-video-endscreen-introduction-text-submitted {
	color: var(--h5pd-color-correct-dark);
	font-weight: 700;
}

.h5p-interactive-video-endscreen-close-button:hover {
	color: var(--h5pd-color-incorrect-dark);
}

/**
 * IMAGE HOTSPOTS
 */

.h5p-image-hotspot-question .image-wrapper {
	border-radius: 0 0 var(--h5pd-global-border-radius) var(--h5pd-global-border-radius);
}
.h5p-image-hotspots-container {
	border-radius: var(--h5pd-global-border-radius);
}

.h5p-image-hotspot.active,
.h5p-image-hotspot:focus,
.not-an-ios-device .h5p-image-hotspot:hover {
	transform: translate(-50%, -50%) scale(1.3);
}

div.h5p-enable-fullscreen,
div.h5p-disable-fullscreen {
	width: 1.25em;
	border-radius: 0 var(--h5pd-global-border-radius) 0 0;
	text-indent: 0.1em;
}
div.h5p-enable-fullscreen:hover,
div.h5p-disable-fullscreen:hover {
	background: rgba(0,0,0,0.7);
}

div.h5p-image-hotspot-popup {
	border-radius: var(--h5pd-global-border-radius);
}

button.h5p-image-hotspot-close-popup-button {
	border: var(--h5pd-global-border-thickness) solid transparent;
	box-shadow: none;
	transition: none;
}
button.h5p-image-hotspot-close-popup-button:hover, button.h5p-image-hotspot-close-popup-button:focus {
	border-color: var(--h5pd-color-incorrect-dark);
	box-shadow: none;
}

div.h5p-image-hotspot-popup-header {
	font-size: 1em;
}

/* Incorrect */
div.h5p-image-hotspot-question .hotspot-feedback {
	background: var(--h5pd-color-incorrect-light);
	color: var(--h5pd-color-incorrect-dark);
	box-shadow: 0 0 0 var(--h5pd-global-border-thickness) var(--h5pd-color-incorrect-dark);
}

/* Correct */
div.h5p-image-hotspot-question .hotspot-feedback.correct {
	background: var(--h5pd-color-correct-light);
	color: var(--h5pd-color-correct-dark);
	box-shadow: 0 0 0 var(--h5pd-global-border-thickness) var(--h5pd-color-correct-dark);
}


/**
 * DIALOG CARDS
 */
div.h5p-dialogcards .h5p-audio-minimal-button::hover,
div.h5p-dialogcards .h5p-audio-minimal-button::focus {
	background: var(--h5pd-audio-btn-bg-color)
}

/**
 * DICTATION
 */
.h5p-dictation .h5p-question-introduction p:first-of-type {
	margin-top: 0;
}

/* Correct/Incorrect */

/* CORRECT */
.h5p-dictation .h5p-wrapper-match {
	background: var(--h5pd-color-correct-light);
	border-color: var(--h5pd-color-correct-dark);
	color: var(--h5pd-color-correct-dark);
}
.h5p-dictation .h5p-wrapper-match::after {
	color: var(--h5pd-color-correct-dark);
}

/* INCORRECT */
.h5p-dictation .h5p-wrapper-wrong,
.h5p-dictation .h5p-wrapper-missing,
.h5p-dictation .h5p-wrapper-added {
	background: var(--h5pd-color-incorrect-light);
	border-color: var(--h5pd-color-incorrect-dark);
	color: var(--h5pd-color-incorrect-dark);
}
.h5p-dictation .h5p-wrapper-wrong::after,
.h5p-dictation .h5p-wrapper-missing::after,
.h5p-dictation .h5p-wrapper-added::after {
	color: var(--h5pd-color-incorrect-dark);
}


/**
 * MEMORY GAME
 */

.h5p-memory-game .h5p-memory-card .h5p-back,
.h5p-memory-game .h5p-memory-card .h5p-front {
	border-radius: var(--h5pd-global-border-radius);
	border: 0;
}

/* Front */
.h5p-memory-game .h5p-memory-card .h5p-front {
	background-color: var(--h5pd-memory-card-front-bg-color) !important;
}
.h5p-memory-game.h5p-invert-shades .h5p-memory-card .h5p-front::before {
	background-color: var(--h5pd-memory-card-front-bg-color-hover) !important;
	border-radius: var(--h5pd-global-border-radius);
}

/* Back */
.h5p-memory-game.h5p-invert-shades .h5p-memory-card .h5p-back::before,
.h5p-memory-game.h5p-invert-shades .h5p-memory-image::before {
	background-color: var(--h5pd-memory-card-back-bg-color) !important;
	border-radius: var(--h5pd-global-border-radius);
}

.h5p-memory-game .h5p-memory-card .h5p-front:hover::before,
.h5p-memory-game .h5p-memory-card .h5p-back::before,
.h5p-memory-game .h5p-memory-image::before {
	opacity: 1;
}

/* Front: Icon Hover */
.h5p-memory-game .h5p-memory-card .h5p-front:hover > span::before {
	color: var(--h5pd-memory-card-front-icon-color-hover);
}

/* Remove Shadow */
.h5p-memory-game .h5p-memory-card .h5p-front::after {
	display: none;
}

/* Success Popup */
.h5p-memory-game .h5p-memory-pop {
	min-width: 320px !important;
	width: auto;
	padding: 0.5em;
	border-radius: var(--h5pd-global-border-radius);
	box-shadow: 0 0.375em 1.5em rgba(0,0,0,0.3);
}

/* Popup: Top Section */
.h5p-memory-game .h5p-memory-top {
	border: 0;
	background-color: transparent;
}

/* Popup: Image Container */
.h5p-memory-game .h5p-memory-image {
	border: 0;
	border-radius: var(--h5pd-global-border-radius);
	background-color: var(--h5pd-memory-card-back-bg-color);
	box-shadow: none;
}

/* Popup: Close Icon */
.h5p-memory-game .h5p-memory-close {
	top: 0.375em;
	right: 0.375em;
	line-height: 1;
	color: var(--h5pd-color-text-body);
}
.h5p-memory-game .h5p-memory-close:hover {
	color: var(--h5pd-color-incorrect-dark);
}

/* Reset Button */
.h5p-memory-reset {
	border-radius: calc(var(--h5pd-btn-border-radius) * 2);
	background-color: var(--h5pd-color-correct-dark);
	color: #fff;
}
.h5p-memory-reset:hover,
.h5p-memory-reset:focus {
	background-color: var(--h5pd-color-correct-dark);
}

/**
 * QUESTION FEEDBACK POPUPS
 */

div.h5p-question-feedback {
	font-weight: normal;
	color: var(--h5pd-color-text-body);
}

div.h5p-question-feedback.h5p-question-popup {
	border-radius: var(--h5pd-global-border-radius);
	box-shadow: 0 5px 12px 0 rgba(0,0,0,0.15);
}

div.h5p-question-feedback-tail {
	box-shadow: none;
}

/* Close Button */
div.h5p-question-feedback.h5p-question-popup .h5p-question-feedback-close::before {
	color: var(--h5pd-color-text-body);
}
div.h5p-question-feedback.h5p-question-popup .h5p-question-feedback-close:hover::before {
	color: var(--h5pd-color-incorrect-dark);
}

/**
 * QUESTION EXPLAINERS
 */

.h5p-question-explanation-container {
	border-radius: var(--h5pd-global-border-radius);
	background: rgba(0,0,0,0.04);
}

.h5p-question-explanation-list {
	border-radius: calc(var(--h5pd-global-border-radius) * 1.3);
	border-color: rgba(0,0,0,0.1);
}

.h5p-question-explanation-text {
	border-color: rgba(0,0,0,0.1);
}

.h5p-question-explanation-correct {
	color: var(--h5pd-color-correct-dark);
}
.h5p-question-explanation-wrong {
	color: var(--h5pd-color-incorrect-dark);
}

/**
 * DOCUMENTATION TOOL
 */

.h5p-documentation-tool .h5p-navigation-menu .h5p-navigation-menu-entry {
	padding: 2px 1em 1.375em 3em;
	line-height: 1.3;
}

.h5p-documentation-tool-page .page-header,
.goals-assessment-view .goals-header {
	border-bottom-width: var(--h5pd-global-border-thickness);
}
.h5p-documentation-tool-page .page-title {
	font-weight: bold;
	color: var(--h5pd-color-text-body);
}

.h5p-documentation-tool .legend {
	background: rgba(0,0,0,0.08);
	border: 0;
	border-radius: calc(var(--h5pd-global-border-radius) * 1.7 );
}

.legend .rating.low::before,
.rating-container .rating.low[aria-checked="true"]::before {
	background-color: var(--h5pd-color-incorrect-dark);
	border-color: var(--h5pd-color-incorrect-dark);
}
.legend .rating.high::before,
.rating-container .rating.high[aria-checked="true"]::before {
	background-color: var(--h5pd-color-correct-dark);
	border-color: var(--h5pd-color-correct-dark);
}

/* Create Goals */
.h5p-goals-page .created-goal-container {
	background: rgba(0,0,0,0.08);
	border: 0;
	border-radius: var(--h5pd-global-border-radius);
}
.h5p-goals-page button.h5p-created-goal-remove {
	color: var(--h5pd-color-incorrect-dark);
}
.h5p-goals-page .h5p-created-goal-remove::before {
	border: var(--h5pd-global-border-thickness) solid var(--h5pd-color-incorrect-dark);
}
.h5p-goals-page .h5p-created-goal-remove:hover::before {
	background-color: var(--h5pd-color-incorrect-dark);
	border-color: var(--h5pd-color-incorrect-dark);
}

/* Goal Assessment */
.rating-container .rating.low:hover::before {
	color: var(--h5pd-color-incorrect-dark);
	border-color: var(--h5pd-color-incorrect-dark);
}
.rating-container .rating.high:hover::before {
	color: var(--h5pd-color-correct-dark);
	border-color: var(--h5pd-color-correct-dark);
}
.rating-container .rating.low[aria-checked="true"]:hover::before,
.rating-container .rating.mid[aria-checked="true"]:hover::before,
.rating-container .rating.high[aria-checked="true"]:hover::before {
	color: #fff;
}

/**
 * CONFIRMATION DIALOGS / POPUPS
 */

div.h5p-confirmation-dialog-popup,
.h5p-course-presentation .h5p-popup-container,
.joubel-help-text-dialog-container {
	border-radius: var(--h5pd-global-border-radius);
	box-shadow: 0 0 14px 4px rgb(0,0,0,0.3);
	color: var(--h5pd-color-text-body);
}

div.h5p-confirmation-dialog-header {
	padding: 0.75em 1.25em;
	background: #fff;
	border-radius: var(--h5pd-global-border-radius) var(--h5pd-global-border-radius) 0 0;
	color: var(--h5pd-color-text-body);
	font-weight: bold;
}

div.h5p-confirmation-dialog-body {
	background: #fafbfc;
	border-top: 1px solid rgba(0,0,0,0.08);
	border-radius: 0 0 var(--h5pd-global-border-radius) var(--h5pd-global-border-radius);
	padding: 1.25em;
}

button.h5p-confirmation-dialog-exit:focus, button.h5p-confirmation-dialog-exit:hover {
	color: var(--h5pd-color-incorrect-dark);
}

button.h5p-core-cancel-button:visited,
button.h5p-core-cancel-button:link,
button.h5p-core-cancel-button {
	color: var(--h5pd-color-incorrect-dark);
	padding: 5px 12px;
	border-radius: var(--h5pd-btn-border-radius);
}
button.h5p-core-cancel-button:hover,
button.h5p-core-cancel-button:focus {
	background: var(--h5pd-color-incorrect-dark);
	color: #fff;
}
.joubel-help-text-remove:hover {
	color: var(--h5pd-color-incorrect-dark);
}