/* Global Changes */
/* Set Font */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html.h5p-iframe,
html.h5p-iframe > body,
.h5p-frame, .h5p-course-presentation, h1.title, .h5p-interactive-book-status-chapter .title, .h5p-interactive-book-status-progress, .h5p-interactive-book-status-progress-divider, .h5p-interactive-book-status-progress-number, .h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-section h4, .h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-list-empty h4 {
	font-family: 'Lato', sans-serif;
    font-weight: 400;
}

/* Standard Text Capitalise for Headings */
h1, h2, h3, h4, .h5p-interactive-book-cover-title {
    text-transform: capitalize;
}

html.h5p-iframe,
html.h5p-iframe > body,
.h5p-frame, .h5p-course-presentation {
    font-size: 17px;
    color: #232c39;
}

.h5p-course-presentation p {
    font-size: 1em;
    color: #232c39;
}

.h5p-dialogcards .joubel-tip-container {
    position: fixed;
    right: 20px;
    top: 10px;
}

.joubel-icon-tip-normal .h5p-icon-speech-bubble:before, .joubel-tip-container:hover .joubel-icon-tip-normal .h5p-icon-speech-bubble:before {
    color: #0099ff;
}

.h5p-dialogcards {
    /* background: #FAFBFD; */
    background: transparent;
}

.h5p-dialogcards .h5p-dialogcards-card-content {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.30);
}

/* Changes to tab selected objects on page */
:focus-visible {
    outline: #0099ff80 2px solid;
    z-index: 999;
}

/* Core Font Settings */
/* Match to core site */
/* Base font setting */
html.h5p-iframe .h5p-content {
    font-size: 17px;
    /* line-height: 1.2; */
    color: #232c39;
}

html.h5p-fullscreen .h5p-iframe .h5p-content {
    font-size: max(16pt);
}

/* Remove Actions Bar from Bottom of H5P content */

html.h5p-iframe .h5p-actions {
    display: none;
}


.h5p-content {
    border: 0px;
}

/* Heading 2 */

h2 {    
    font-size: 30px;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px;
    line-height: 1.3;
    font-weight: 500;
}

/* Game Map Content */
.h5p-game-map-exercise .h5p-game-map-exercise-content-container .h5p-game-map-exercise-content .h5p-game-map-exercise-headline .h5p-game-map-exercise-headline-text, .h5p-game-map-toolbar-tool-bar .toolbar-headline {
    font-family: inherit;
    font-weight: 400 !important;
    line-height: inherit;
    color: inherit;
}

.h5p-game-map-toolbar-tool-bar .toolbar-headline {
    font-size: 1.3em;
}

.status-container .status-container-values span.value, .status-container .status-container-values span.max-value {
    color: #0099FF;
    font-weight: 400;
}

.status-container::before {
    color: #0099ff;
}

.status-container .status-container-values span.delimiter {
    color: #0099ff;
    font-weight: 400;
}

.h5p-game-map-toolbar-tool-bar .toolbar-buttons .toolbar-button {
    color: #0099ff;
}

.h5p-game-map-exercise .h5p-game-map-exercise-content-container .h5p-game-map-exercise-button-close::after {
    border-color: #EF3E46;
    color: #EF3E46;
}

.h5p-game-map-stage .h5p-game-map-stage-content.h5p-game-map-stage-locked, .h5p-game-map-stage .h5p-game-map-stage-content.h5p-game-map-stage-unlocking, .h5p-game-map-stage .h5p-game-map-stage-content.h5p-game-map-stage-sealed, .h5p-game-map-stage .h5p-game-map-stage-content.h5p-game-map-stage-cleared, .h5p-game-map-stage .h5p-game-map-stage-content.h5p-game-map-stage-open {
    box-shadow: 0px 0px 5px 4px #00000041; 
}

.h5p-game-map-stage .h5p-game-map-stage-content.dark-text {
    color: white;
}

.h5p-game-map-stage-label-container .h5p-game-map-stage-label .h5p-game-map-stage-label-inner {
    font-size: 1.3em;
}

/* Special Styling for demo pages */

/* Hidding Game Toolbar for demo editions */

.h5p-game-map-toolbar-tool-bar {
    display: none;
}

.h5p-game-map-main {
    margin: 0 !important;
}

.h5p-game-map-map {
    background-color: #F8F9FA; 
}


/* Course Presentation (H2) */

.h5p-course-presentation h2 {
    font-weight: 500;
    color: #232c39;
    font-size: 30px;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.h5p-fullscreen .h5p-course-presentation h2, .h5p-fullscreen h2 {
    font-size: max(24px);
}

/* Bullet Points (H2) */

.h5p-advanced-text ul > li h2 {
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 0.6px;
}
.h5p-advanced-text ul li h2::marker {
    visibility: hidden;
}

.h5p-advanced-text ul li h2:before {
    content: "\f08d";
    font-family: 'H5PFontAwesome4';
    margin-left: -1em;
    font-size: 1.5em;
    color: #0099ff;
    transform: rotate(10deg);
    background-color:white;
    margin-right: 10px;
}

/* Bullet Points (p) */

.h5p-advanced-text ul li p {
    margin-top: 0;
}

/* Heading 3 */
h3 {
    font-weight: 400;
    font-size: 24px;
    color: #0099ff;
    margin-bottom: 0;
}

li h3 {
    color: #232c39;
}


/* Course Presentation (H2) */
.h5p-course-presentation h2 {
    font-size: 1.3em;
}

/* Course Presentation (H3) */
.h5p-course-presentation h3 {
    font-weight: 400;
    font-size: 1.2em;
    -webkit-line-clamp: 2;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0;
}

.h5p-fullscreen .h5p-course-presentation h3 {
    font-size: max(20px);
}

.h5p-popup-container {
    border-radius: 6px;
}

.h5p-course-presentation .h5p-popup-overlay {
    backdrop-filter: blur(12px);
    background-color: rgba(255,255,255,0.5);
}



/* Interactive Video Splash Screen */

.h5p-interactive-video .h5p-splash {
    width: 100%;
    background: rgba(35, 44, 57, 0.6)
}

.h5p-interactive-video .h5p-splash:focus, .h5p-interactive-video .h5p-splash:hover {
    background: rgba(35, 44, 57, 0.8)
}

/* Spash Title */

.h5p-interactive-video .h5p-splash-wrapper .h5p-splash .h5p-splash-title {
    font-size: 2.5em;
    padding: 0 .5em .5em .5em;
}

/* Spash Description */

.h5p-interactive-video .h5p-splash-wrapper .h5p-splash .h5p-splash-description {
    font-size: 1.25em;
}



/* Interactive Video (H3) */
.h5p-interactive-video h3 {
    font-weight: 400;
}

/* Special sizing for list items (H3)
.h5p-presentation-wrapper .h5p-advanced-text ul li h3 {
    font-size: 1.1em;
} */

.h5p-presentation-wrapper .h5p-advanced-text ul li h3:before {
    margin-left: 0;
}

/* Interactive Book - Sumnmary Page */
.h5p-interactive-book-summary-page .h5p-interactive-box-summary-progress h3 {
    font-style: inherit;
    font-size: 17px;
}

/* Bullet Points (H3) */
.h5p-advanced-text ul li h3 {
    font-size: 17px;
    line-height: 1.3;
    /* background: white; */
    margin-top: 0;
    /* margin-left: -20px; */
    
}

.h5p-course-presentation .h5p-advanced-text ul li h3 {
    margin-left: -20px;
}

.h5p-advanced-text ul li h3:before {
    content: "\f129";
    font-family: 'H5PFontAwesome4';
    font-size: 17px;
    display: inline-block;
    margin-left: -1.25em;
    width: 1.25em;
    color: #0099ff;
    background-color:white;
}

/* Default paragrah text size - presentation (as needs to scale) */

.h5p-course-presentation p {
    line-height: 1.3;
}

.h5p-fullscreen .h5p-course-presentation p {
    font-size: max(16px);
}


/* Adjustment to align with all other content in Interactive Book */
.h5p-interactive-book .h5p-course-presentation {
    padding-left: 1em;
}

/* Bullets for Standard list items */

/* Removes default bullets */
.h5p-advanced-text ul li {
    list-style-type: none;
    margin-left: 0;
    display: flex;
}

.h5p-fullscreen .h5p-advanced-text ul li {
    font-size: max(16px);
}

.h5p-advanced-text ul li:before {
    content: '\f101';
    font-family: 'H5PFontAwesome4';
    color: #0099ff;
    padding-right: 10px;
    /* margin-left: -1em;
    width: 1em; */
}

/* START: Apply styling to key points */
.h5p-content code {
    border-radius: 12px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.h5p-content code {
    margin: 0px 10px 0px 10px;
    background: #fff;
}

.key-point, .h5p-content code:not(.h5p-question-feedback code, .h5p-popup-wrapper code, .h5p-course-presentation .h5p-element .h5p-element-outer.h5p-advancedtext-outer-element code, .h5p-feedback-text code) {
    margin-top: -20px;
    margin-bottom: -20px;
    padding: 10px 10px 10px 15px;
    border: 1px solid #e7e9ec;
    /* border-bottom: 1px solid #e7e9ec;
    border-right: 1px solid #e7e9ec;
    border-left: 1px solid #e7e9ec; */
    border-radius: 10px;
    display: flex;
    /* font-size: 17px; */
    line-height: 1.3;
    font-weight: 400;
    /* letter-spacing: 0.4px; */
    /* align-items: center; */
}

.h5p-essay-solution-sample-text code {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 10px 10px 15px;
    border: 0px solid #e7e9ec;
    /* border-bottom: 1px solid #e7e9ec;
    border-right: 1px solid #e7e9ec;
    border-left: 1px solid #e7e9ec; */
    border-radius: 10px;
    display: flex;
    /* font-size: 17px; */
    line-height: 1.3;
    font-weight: 400;
    /* letter-spacing: 0.4px; */
    /* align-items: center; */
    
}

.key-point:before, .h5p-advanced-text:not(.h5p-element-inner) code:before {
    position: fixed;
    content: "\f08d";
    font-family: 'H5PFontAwesome4';
    font-size: 1.5em;
    color: #0099ff;
    transform: rotate(-20deg);
    margin-left: -15px;
    margin-top: -25px;
}

.h5p-question-feedback code:before, .h5p-feedback-text code:before {
    display: none;
}

/* .h5p-course-presentation .h5p-element .h5p-element-inner.h5p-advanced-text code:before {
    display: none;
} */

.h5p-popup-wrapper code:before {
    display: none;
}

/*.key-point:hover, code:hover {
    box-shadow: 0 4px 32px 0 rgb(18 43 70 / 10%);
    z-index: 1;
}

/* Apply styling to quotes */
.quote {
    margin-top: -20px;
    margin-bottom: -20px;
    padding: 0;
    /* border: 1px solid #e7e9ec;
    border-radius: 10px; */
    display: flex;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 0.6px;
    align-items: flex-start;
}

.quote:before {
    content: "\f10d";
    font-family: 'H5PFontAwesome4';
    font-size: 2em;
    color: #0099ff;
    margin-right: 10px;
    opacity: 0.4;
    margin-top: -4px;
}

/* .quote:hover {
    box-shadow: 0 4px 32px 0 rgb(18 43 70 / 10%);
    z-index: 1;
} */

/* Remove Icon from Check button */
.h5p-question-check-answer:before {
    display: none;
}
/* Remove Icon from Show solution button */
.h5p-question-show-solution:before {
    display: none;
}

/* Remove Icons from ALL buttons
.h5p-joubelui-button:before {
    display: none;
}

/* START: Question media expand / collapse image */

.h5p-question-image-scalable:before {
    background: #28BA6A; 
}

.h5p-question-image-fill-width .h5p-question-image-scalable:before {
    background: #EF3E46;
}

/* START: Font colours */



.h5p-dialogcards-card-text-area .table {
    padding-bottom: 50px !important;
    max-width: 100% !important;
}

.h5p-content table {
    border: none;
}

/* figure.table {
    max-width: 100%;
}

/*START: Find the hotspot */

.h5p-image-hotspot-question .hotspot-feedback.correct:before {
    color: #28BA6A;
}

.h5p-image-hotspot-question .hotspot-feedback.correct {
    background: none;
    color: #28BA6A;
    box-shadow: none;
}

.h5p-image-hotspot-question .hotspot-feedback {
    background: none;
    color: #EF3E46;
    box-shadow: none;
    font-size: 2.5em;
}

/* START: Audio button hover */

.h5p-audio-inner.h5p-audio-transparent .h5p-audio-minimal-button:hover {
    opacity: 0;
}

.h5p-audio-inner.h5p-audio-transparent .h5p-audio-minimal-button {
    color: rgba(0, 153, 255,0)
}

.h5p-question-audio .h5p-audio-inner > button {
    background: #0099ff;
}

/* START: Popup feedback styling */

.h5p-question-feedback.h5p-question-popup .h5p-question-feedback-close {
    margin: 0px;
    font-size: 0.8em;
}

.h5p-question-feedback.h5p-question-popup .h5p-question-feedback-close:before {
    color: #EF3E46;
}

.h5p-question-feedback.h5p-question-popup {
    border-radius: 0.25em;
}

/* START: Drag and drop */

.h5p-dragquestion .h5p-my-fullscreen-button-enter:before, .h5p-dragquestion .h5p-my-fullscreen-button-exit:before {
    color: #0099ff;
}

.h5p-question-content.h5p-dragquestion-has-no-background {
    margin-top: 0;
    border-bottom: none;
}

.h5p-dragquestion .h5p-dq-highlight-dz .h5p-dropzone > .h5p-inner.h5p-active, .h5p-dragquestion .h5p-dq-highlight-dz-always .h5p-dropzone > .h5p-inner {
    border: 1px dashed #0099ff;
}

.h5p-dragquestion .h5p-draggable {
    background-color: rgba(255, 255, 255, 0.75);
    border: 0.1em solid rgb(192,192,192) !important;
    box-shadow: none !important;
    color: #0099ff;
}

.h5p-dragquestion .h5p-draggable:not(.ui-state-disabled).h5p-draggable-hover:not(.h5p-correct) {
    border: 0.1em solid #0099ff !important; 
    background: #dae8f6 !important;
}

.h5p-dragquestion .h5p-draggable.h5p-dropped {
    color: #0099ff;
    border: 0.1em solid #0099ff !important;
    background: #ffffff;
    box-shadow: none !important;
}

.h5p-dragquestion .h5p-dropped.h5p-wrong {
    border: 0.1em solid #EF3E46;
}

.h5p-dragquestion .h5p-dropped.h5p-wrong:after {
    color: #EF3E46;
}

.h5p-dragquestion .h5p-dropped.h5p-correct {
    border: 0.1em solid #28BA6A;
}

.h5p-dragquestion .h5p-dropped.h5p-correct:after {
    color: #28BA6A;
}

/* START: Remove border for images after dropping */

.h5p-draggable.ui-draggable.ui-draggable-handle.h5p-dropped.h5p-image {
    border: none !important;
}

/* START: Make Hyperlinks Brand Blue */

a:-webkit-any-link {
    /* color: #0099ff ; */
    text-decoration: none;
}

/* END: Make Hyperlinks Brand Blue */

/* START: Scorebar progress */

.h5p-joubelui-score-bar-progress {
    background: #28BA6A;
}

/* END: Scorebar progress */


/* START: Video Control Bar */

 /* .h5p-interactive-video .h5p-controls {
    display: none;
    } */


/*.h5p-interactive-video [aria-disabled="true"].h5p-control:before {
    display: none;
} */

/* .h5p-control.h5p-mute.h5p-muted[aria-label="Sound is disabled"] {
    display: none;
} */

.h5p-control.h5p-quality {
    display: none;
}

.h5p-interactive-video .h5p-control:before {
    color: #0099ff;
}

/* .h5p-interactive-video .h5p-fullscreen:before {
    color: #0099ff;
}

.h5p-interactive-video .h5p-mute:before {
    color: #0099ff;
} */

.h5p-interactive-video .h5p-control:hover:before, .h5p-interactive-video .h5p-minimal-overlay .h5p-minimal-button:hover {
    color: #0099ff !important;
}

.h5p-control.h5p-more {
    display: none !important;
}

.h5p-interactive-video .h5p-controls {
    background: #ffffff;
}

.h5p-interactive-video.h5p-minimal .h5p-simple-time {
    display: none;
}

/* START: Video Progress Bar Colour Change */
.h5p-interactive-video .h5p-slider .ui-slider-range {
    background: #0099ff;
    /* display: none; */
}

.h5p-interactive-video [aria-disabled=true].h5p-slider .ui-slider-range {
    background: #0099FF;
}

.h5p-interactive-video .h5p-slider .ui-slider {
    background: #d3ebfb !important;
    /* display: none; */
}

.h5p-interactive-video .h5p-buffered {
    /* display: none; */
    color: #0099ff;
    background:#0099ff60
}

.h5p-interactive-video .h5p-pause:before {
    color: #0099ff;
}

.h5p-interactive-video .h5p-play:before {
    color: #0099ff;
}


/* START: Single Choice set show answers formatting */

.h5p-sc-solution-choices {
    font-weight: 400 !important;
    font-size: 17px !important;
}

.h5p-sc-solution-question {
    font-weight: 400 !important;
}

.h5p-sc-solution-view-title {
    font-weight: 400 !important;
}

/* END: Single Choice set show answers formatting */



html.h5p-iframe .h5p-content td {
    text-align: left !important;
    vertical-align: top;
    border: 0px;
}

html.h5p-iframe th:not(.h5p-question-content) {
    color: #0099ff;
    font-weight: 400;
    text-align: left;
    border-bottom: solid 1px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

/* START: Summary page and summary question changes */

.h5p-summary .summary-evaluation-content {
    font-weight: 400;
    font-size: 17px;
}

.h5p-question-introduction {
        font-size: 17px;
        line-height: 1.3em;
        }

.h5p-summary .summary-container li, .h5p-summary .summary-options li {
    background: #ffffff;
    box-shadow: none;
    border-radius: 0.25em !important;
    border: 0.1em solid #a0a0a0;
    margin: 0px 0px 10px 0px;
}

.h5p-summary .summary-container li, .h5p-summary .summary-options li .has-results {
    border: 0.1em solid #28BA6A;
}

.h5p-summary .summary-container li:not(:last-child) {
    border: 0.1em solid #28BA6A;
}


.h5p-summary .h5p-panel:not(.panel-disabled) .summary-claim-unclicked:hover {
    border: 0.1em solid #0099ff;
    background: #d3ebfb;
}

.h5p-summary li.summary-failed > p, .h5p-summary li.summary-failed {
    color: #EF3E46;
    font-weight: 400;
    border: 0.1em solid;
}

.h5p-summary li.summary-failed:before {
    color: #EF3E46;
}

.h5p-summary .summary-score:before {
    color: #EF3E46;
}

.h5p-summary .summary-score {
    background: none;
}

.h5p-summary .summary-container.has-results {
    border: none;
}

.h5p-summary .summary-container li:before {
    color: #28BA6A;
}

.h5p-summary .summary-progress-numeric:before {
    color: #28BA6A;
}

.h5p-summary .summary-progress-numeric {
    background: none;
}

/* Remove debrief section of summary questions

.h5p-summary .h5p-question-feedback.h5p-question-visible {
    display: none;
}

/* START: Buttons */

.h5p-question-show-solution {
    background: transparent !important;
    color: #0099ff !important;
}

.h5p-question-show-solution:hover {
    background: transparent !important;
    color: #0099ff !important;
}

.h5p-joubelui-button {
    background:#0099ff;
    border: 0.1em solid;
    border-color: #0099ff;
    }

.h5p-joubelui-button:hover {
    background:#0099ff;
    border: 0.1em solid;
    border-color: #0099ff;
}

.h5p-joubelui-button:focus {
    background:#0099ff;
    border: 0.1em solid;
    border-color: #0099ff;
}

.h5p-joubelui-button:active {
    background: #0099ff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* END: Buttons */

/* START: Fill the blanks */

.h5p-blanks .h5p-text-input {
    border: 0.1em solid #a0a0a0;
}

.h5p-blanks .h5p-correct .h5p-text-input {
    font-weight: 400 !important;
    background: #FFFFFF;
    border: 0.1em solid #28BA6A;
    color: #232c39;
}

.h5p-blanks .h5p-correct:after {
    /* top: 3px; */
    color:#28BA6A;
}

.h5p-blanks .h5p-wrong .h5p-text-input {
    font-weight: 400 !important;
    background: #FFFFFF;
    border: 0.1em solid #EF3E46;
    color: #232c39;
}

.h5p-blanks .h5p-wrong:after {
    top: 3px;
    color:#EF3E46;
}

.h5p-blanks .h5p-text-input:focus {
    outline: none;
    box-shadow: none;
    border: 0.1em solid #0099ff;
}

.h5p-blanks .h5p-correct-answer {
    font-weight: 400;
    border: 0.1em #28BA6A dashed;
    background-color: #ffffff;
    color: #28BA6A;
}


/* END: Fill the blanks */


.h5p-question-feedback.h5p-question-visible {
    border-radius: 12px;
    background: #fafafa;
    margin-left: 10px;
    margin-right: 10px;
}

 /* .h5p-question-scorebar.h5p-question-visible {
    margin: 0 0 1em 1em;
}  */

/* .h5p-question-buttons .h5p-joubelui-button, .h5p-question-buttons .h5p-joubelui-button:first-child:last-child {
    margin: 1em 0.5em 0 0;
} */

.h5p-question-feedback-content-text li:before {
    content: '\f101';
    font-family: 'H5PFontAwesome4';
    position: absolute;
    margin-left: -20px;
    color: #0099ff;
}

.h5p-question-feedback-content-text ul {
    list-style-type: none;
}

.h5p-question-feedback {
    margin: 0;
    padding: 1em;
    color: #0099FF;
    }

.h5p-summary .summary-score {
    font-weight: 400 !important
}

.h5p-summary .summary-progress-numeric  {
    font-weight: 400 !important
}

.h5p-summary .summary-evaluation-content {
    font-weight: 400 !important;
    font-size: 17px;
}

.h5p-multichoice h2 {
    font-weight: 400 !important;
}

.h5p-multichoice .h5p-answer .h5p-feedback-inner {
    background: #fafafa;
    border-bottom: 1px solid #fafafa;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #fafafa;
    border-radius: 0 0 10px 10px;
}

.h5p-multichoice .h5p-answer.h5p-selected .h5p-feedback-inner {
    border-bottom: 1px solid #fafafa;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #fafafa;
}


/* NOW DONE IN THE GENERAL FEEDBACK CONTAINER 

.h5p-blanks .h5p-question-feedback-container:before {
    content: "Debrief";
    color: #232c39;
    font-size: 1.125em;
} */

 .h5p-multichoice .h5p-question-feedback.h5p-question-visible {
    display: none;
}

.h5p-true-false .h5p-question-feedback-container:before {
    content: "Debrief";
    color: #232c39;
    font-size: 1.125em;
}

/*
.h5p-summary .h5p-question-feedback.h5p-question-visible {
    display: none;
}
*/

.h5p-essay .h5p-question-explanation-container {
    border-radius: 12px;
    margin: 10px 10px 0 10px;
}

.h5p-essay .h5p-essay-solution-container {
    border-radius: 12px;
    margin: 10px 10px 0 10px;
}





/* END: Font Style & Weight Changes */

/* START: VIDEO Handle (Slider) Remove */

.ui-slider-handle {
    display: none;
    }

/* END: VIDEO Handle (Slider) Remove */


/* START: Add 'Debrief' title to feedback display */
.h5p-question-visible .h5p-question-feedback-content.has-content:before {
    content: "Debrief";
    color: #232c39;
    font-size: 1.125em;
}

/* Arrange Defrief as a column */
.h5p-question-visible .h5p-question-feedback-content.has-content {
    display: flex;
    flex-direction: column;
}

/* Exceptions to the debrief title */

.h5p-essay .h5p-question-visible .h5p-question-feedback-content.has-content:before {
   content: none;
}

.h5p-true-false .h5p-question-visible .h5p-question-feedback-content.has-content:before {
   content: none;
}


/* START: Pick the words */

.h5p-mark-the-words .h5p-word-inner p {
    margin: 0;
}

.h5p-mark-the-words code [role="option"] {
    font-weight: 400;
    border: none;
    padding: 0px;
}

.h5p-mark-the-words code [role="option"]:after {
    padding-left: 0;
}

.h5p-mark-the-words code [role="option"]:hover {
    font-weight: 400;
    padding: 0px;
    pointer-events: none;
    border: none !important;
}

.h5p-mark-the-words [role="option"]:after {
    font-family: 'H5PFontAwesome4';
    content: '\f00c';
    color: #ffffff;
    padding-left: 5px;
    /* margin-left: 5px; */
}

.h5p-mark-the-words [role="option"] {
    font-weight: 400;
    border: 1px solid #0099ff;
    padding: 5px 5px 5px 5px;
}

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

.h5p-mark-the-words .h5p-word-selectable-words:not(.h5p-disable-hover) [role="option"]:hover {
    /* font-weight: 400;
    border: 1px solid #0099ff; */
    box-shadow: none;
}

.h5p-mark-the-words [aria-selected="true"] {
    background: #d3ebfb;
    /* border-color: #0099ff; */
}

.h5p-mark-the-words [aria-describedby="h5p-description-correct"] {
    background: none;
    color: #232c39;
    border-color: #28BA6A;
    padding: 6px 5px;
}

.h5p-mark-the-words [aria-describedby="h5p-description-correct"]:after {
    color: #28BA6A !important;
    /* padding-left: 5px; */
    right: 0em;
}

.h5p-mark-the-words [aria-describedby="h5p-description-incorrect"] {
    background: none;
    color: #232c39;
    border-color: #EF3E46;
    text-decoration: none;
    padding: 6px 5px;
}

.h5p-mark-the-words [aria-describedby="h5p-description-incorrect"]:after {
    content: '\f00d' !important;
    color: #EF3E46 !important;
    padding-left: 0em;
    padding-right: 0.25em;
}

.h5p-mark-the-words [aria-describedby="h5p-description-missed"] {
    font-weight: 400;
    background: none;
    border: 1px #28BA6A dashed;
    color: #232c39;
}

.h5p-mark-the-words [aria-selected="true"]:after {
    color: #0099ff;
    padding-left: 5px;
}

/* START: Multi-choice questions */

.h5p-multichoice .h5p-alternative-container {
    border-radius: 0.25em;
    border: 1px solid #a0a0a0;
    box-shadow: none;
    background: #ffffff;
    /* color: #0099ff; */
}

/* .h5p-multichoice .h5p-answer .h5p-feedback-inner {
    color: #0099FF;
} */


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

.h5p-multichoice .h5p-answer[aria-checked="true"] .h5p-alternative-container {
    border: 1px solid #0099ff;
}

.h5p-multichoice .h5p-answer:not([aria-disabled="true"]):focus .h5p-alternative-container {
    outline-width: 0px;
}

.h5p-alternative-container:hover {
    border: 1px solid #0099FF !important;
}

/* Change reveal answer icons to fontawsome ticks (both single and multi select) */
.h5p-multichoice .h5p-answer-icon {
    top: 0.56em;
    left: 0.54em;
}

.h5p-multichoice .h5p-alternative-container {
    padding: 0.25em 2em 0.25em 2.1em;
}

.h5p-multichoice .h5p-solution-icon-radio, .h5p-multichoice .h5p-solution-icon-checkbox {
    font-family: 'H5PFontAwesome4';
}

.h5p-multichoice .h5p-should .h5p-solution-icon-radio:before {
    font-family: 'H5PFontAwesome4';
    content: "\f00c";
    color: #28BA6A;
}

.h5p-multichoice .h5p-should-not .h5p-solution-icon-radio:before {
    display: none;
}

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

.h5p-multichoice .h5p-should .h5p-solution-icon-checkbox:before {
    font-family: 'H5PFontAwesome4';
    content: "\f00c";
    color: #28BA6A;
}

.h5p-multichoice .h5p-should-not .h5p-solution-icon-checkbox:before {
    display: none;
}

.h5p-multichoice .h5p-should-not .h5p-solution-icon-checkbox {
    display: none;
}


/* Change multi select to font awsome tick */

.h5p-multichoice .h5p-answer[role="checkbox"][aria-checked="true"] .h5p-alternative-container:before {
    color: #0099ff;
    font-family: 'H5PFontAwesome4';
    content: "\f00c";
}

/* Change single select to font awsome tick */

.h5p-multichoice .h5p-answer[role="radio"][aria-checked="true"] .h5p-alternative-container:before {
    color: #0099ff;
    font-family: 'H5PFontAwesome4';
    content: "\f00c";
}

.h5p-multichoice .h5p-answers .h5p-answer[aria-disabled="true"] .h5p-alternative-container:before, .h5p-multichoice .h5p-answers .h5p-answer.h5p-correct .h5p-alternative-container:before, .h5p-multichoice .h5p-answers .h5p-answer.h5p-wrong .h5p-alternative-container:before {
    content: '' !important;
}

/* .h5p-multichoice .h5p-answer[role="radio"] .h5p-alternative-container:before {
        display: none;
}

.h5p-multichoice .h5p-answer[role="checkbox"] .h5p-alternative-container:before {
    color: #0099ff;
} */

.h5p-multichoice .h5p-answer:not([aria-disabled="true"]):hover .h5p-alternative-container {
    box-shadow: none;
    background: #d3ebfb;
    border: 0.1em solid #0099ff;
}

.h5p-multichoice .h5p-answer[aria-checked="true"] .h5p-alternative-container {
    box-shadow: none;
    background: #d3ebfb;
    border-color: #0099ff;
    color: #232c39;
}

.h5p-multichoice .h5p-answer[aria-checked="true"]:hover .h5p-alternative-container {
    box-shadow: none;
}

.h5p-multichoice .h5p-wrong .h5p-answer-icon:before {
    color: #EF3E46;
}

.h5p-multichoice .h5p-answer.h5p-wrong .h5p-alternative-container, .h5p-multichoice .h5p-answer.h5p-wrong .h5p-alternative-container {
    border: 1px solid #EF3E46;
    background: #ffffff;
    color: #232c39;
}

.h5p-multichoice .h5p-answer.h5p-wrong .h5p-alternative-container, .h5p-multichoice .h5p-answer.h5p-wrong:hover .h5p-alternative-container {
    border: 1px solid #EF3E46;
    background: #ffffff;
    color: #232c39;
    box-shadow: none;
}

.h5p-multichoice .h5p-correct .h5p-answer-icon:before {
    color: #28BA6A;
}

.h5p-multichoice .h5p-answer.h5p-correct .h5p-alternative-container, .h5p-multichoice .h5p-answer.h5p-correct .h5p-alternative-container {
    border: 1px solid #28BA6A;
    background: #ffffff;
    color: #232c39;
}

.h5p-multichoice .h5p-answer.h5p-correct .h5p-alternative-container, .h5p-multichoice .h5p-answer.h5p-correct:hover .h5p-alternative-container {
    border: 1px solid #28BA6A;
    background: #ffffff;
    color: #232c39;
    box-shadow: none;
}

.h5p-multichoice .h5p-should-not .h5p-solution-icon {
    display: none;
}

.h5p-multichoice .h5p-should .h5p-solution-icon {
    color: #28BA6A;
}

/* Remove radio icons from multiple choice list */
.h5p-multichoice .h5p-answer[role="checkbox"] .h5p-alternative-container:before {
    content: '';
}

/* Remove radio icons from single choice list */
.h5p-multichoice .h5p-answer[role="radio"] .h5p-alternative-container:before {
    content: '';
}

/* END: Multi-choice questions */

/* START: Answers font (weight & family) */

.h5p-joubelui-score-number, span.h5p-joubelui-score-number-separator {
    color: inherit;
}

/* END: Answers font (weight & family) */

/* START: Remove Interactive Video Summary Star */
/* START: Change Interactive Video Summary Star */

.h5p-interactive-video .h5p-control.h5p-star.h5p-star-bar {
    display: none;
}

/*

.h5p-interactive-video .h5p-control.h5p-star.h5p-star-background {
    filter: opacity(0.5);
    background: url(https://www.mysailingcourse.com/wp-content/uploads/2022/12/cropped-Blue-logo.png) center/22px no-repeat;
}

.h5p-interactive-video .h5p-control.h5p-star.h5p-star-animation {
    background: url(https://www.mysailingcourse.com/wp-content/uploads/2022/12/cropped-Blue-logo.png) center/22px no-repeat;
}

 .h5p-interactive-video .h5p-control.h5p-star.h5p-star-foreground {
    filter: opacity(0);
    background: url("https://www.mysailingcourse.com/wp-content/uploads/2022/12/cropped-Blue-logo.png") center/22px no-repeat;
}

.h5p-interactive-video .h5p-control.h5p-star.h5p-star-foreground:hover {
    filter: opacity(1);
    background: url("https://www.mysailingcourse.com/wp-content/uploads/2022/12/cropped-Blue-logo.png") center/22px no-repeat;
}

.h5p-interactive-video .h5p-control.h5p-star.h5p-star-foreground.h5p-star-active {
    filter: opacity(1);
    background: url(https://www.mysailingcourse.com/wp-content/uploads/2022/12/cropped-Blue-logo.png) center/22px no-repeat;
}


/* .h5p-control.h5p-star {
    display: none;
}

/* END: Remove Interactive Video Summary Star */

/* START: Remove Playback Rate Icon */

.h5p-control.h5p-playbackRate {
    display: none !important;
    }

/* END: Remove Playback Rate Icon */

/***************************************************
/* START: True / False Answers */
 
/* .h5p-true-false-answers {
     text-align: center;
} */

.h5p-true-false-answer[aria-checked=true] {
       background: #d3ebfb;
    border-color: #0099ff;
    color: #232c39;
}

.h5p-true-false-answer {
    border: 0.1em solid #a0a0a0;
    border-radius: 0.25em;
    box-shadow: none;
}

.h5p-true-false-answer[aria-checked=true]::before {
    font-family: 'H5PFontAwesome4';
    content: "\f00c";
    color: #0099FF;
}
.h5p-true-false-answer:before {
    color: #FFFFFF;
}

.h5p-true-false-answer:focus {
    border-color: #0099ff;
    box-shadow: none;
}

.h5p-true-false-answer:hover {
    border-color: #0099ff;
}

/* .h5p-true-false-answer:before {
    color: #0099ff;
} */

.h5p-true-false-answer.correct {
    border-color: #28BA6A;
    background: #FFFFFF;
    }

.h5p-true-false-answer.correct:after {
    color: #28BA6A;
    background: rgba(255,255,255,0);
    top: -1px;
}

.h5p-true-false-answer.wrong {
    border-color: #EF3E46;
    background: #FFFFFF;
    }

.h5p-true-false-answer.wrong:after {
    color: #EF3E46;
    background: rgba(255,255,255,0);
    top: -1px;
}

.h5p-true-false-answer[aria-disabled=true]:before {
    color: #FFFFFF;
}
/* END: True / False Answers */
/***************************************************


/* START: Popup Header & Body ---------------------------------------- */

.h5p-image-hotspots-overlay.visible {
    background: none;
}

.h5p-image-hotspot-popup-header {
    font-weight: 400;
    color: #0099ff;
    /* font-size: 1.1em; */
}

/* .h5p-image-hotspot-popup-body > * {
    font-size: 1.0em;
} */

/* Add X close button to text dialiogues */
/* .h5p-course-presentation .h5p-element .h5p-element-outer.h5p-advancedtext-outer-element:before */
.h5p-course-presentation .h5p-close-popup {    
    right: 0.1em;
    top: 0.1em;
    border: none;
}

.h5p-course-presentation .h5p-close-popup:before {
    content: '\f00d';
    color: #EF3E46;
}

.h5p-course-presentation .h5p-close-popup:hover:before {
    color: #EF3E46;
}

/* Remove shadown from popup container in course presentation */
.h5p-course-presentation .h5p-popup-container {
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
}

/* START: H5P Course Presentation Text box wrapper padding */
.h5p-course-presentation .h5p-element .h5p-element-inner.h5p-advanced-text {
    padding: 1em 1.5em;
}


/* START Course presentation experiment to try and align text with hotspots
.h5p-course-presentation .h5p-current {
    display: flex;
}

.h5p-course-presentation .h5p-element .h5p-element-outer.h5p-advancedtext-outer-element {
    display: flex;
    align-items: center;
    height: fit-content;
}

*/
.h5p-course-presentation .h5p-element {
    overflow-y: hidden;
}

.h5p-course-presentation .h5p-element .h5p-element-outer.h5p-advancedtext-outer-element {
    height: fit-content;
}

/* .h5p-course-presentation h3 {
    margin: 0.2em 0;
} */

.h5p-fullscreen .h5p-course-presentation h3 {
    margin: 0.1em 0;
} 

/* END Course presentation experiment */


/* START Replace ol numbers with latin and roman - this is the old WITHOUT parenthesis 

.h5p-advanced-text ol > li li {
    list-style-type: lower-roman;
}

.h5p-advanced-text ol > li {
    list-style-type: lower-latin;
}

/* END of ordered list change */
 

/* START: Feedback messages */

.h5p-question-feedback-content-text {
    color: #232c39;
    padding-top: 5px;
    font-weight: 400;
}

/* END: Feedback messages


/* START: Interactive Video Summary Page Content  for H5P */

/* ELC Provided CSS for Summary screen layout */

.h5p-interactive-video-bubble-endscreen-text {
    overflow-y: auto;
}


.h5p-interactive-video-endscreen-introduction-title-text {
    font-weight:100;
    font-size:1.4em;
    color: #0099ff
}

.h5p-interactive-video-endscreen-overview-table-row-time {
    display: none;
}

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

.h5p-interactive-video-endscreen-overview {
    font-weight: 400 !important;
    font-size: 17px !important;
}

.h5p-interactive-video-endscreen-overview-table-row-score {
    font-weight: 400 !important;
}

.h5p-interactive-video-endscreen-introduction-text {
    font-size: 1.1em !important;
}

.h5p-interactive-video-endscreen-star-symbol:before {
    display: none;
}

/* .h5p-control.h5p-star {
    display: none;
}

.h5p-control.h5p-star.h5p-star-bar {
    display: none;
}

*/

.h5p-interactive-video-endscreen-submit-button {
    font-size: 1.2em !important;
}

.h5p-interactive-video-endscreen-close-button {
    font-size: 1.2em;
    color: lightgray;
}

.h5p-interactive-video-endscreen-close-button:hover {
    font-size: 1.2em;
    color: #EF3E46;
}

.h5p-interactive-video-endscreen-overview-title {
    font-weight: 400;
}

.h5p-interactive-video-endscreen-introduction-text-submitted {
    font-weight: 400 !important;
}

/* .h5p-interactive-video .h5p-question .h5p-joubelui-button {
    float: right;
}


/* END: Interactive Video Summary Page Content  for H5P */
/* --------------------------------------------------------------------------------- 


/* START: Remove time from video progress bar */

.human-time {
    display: none;
    }

/* END: Remove time from video progress bar */

/* .h5p-interactions-container {
    display: none !important;
    }
    
.h5p-bookmarks-container {
    display: none;
    }
*/
.h5p-interactive-video .h5p-time {
    display: none;
    }
    
.h5p-interactive-video .h5p-seekbar-interaction.h5p-ivhotspot-interaction:before, .h5p-interactive-video .h5p-seekbar-interaction.h5p-goto-timecode:before, .h5p-interactive-video .h5p-seekbar-interaction.h5p-image-interaction:before, .h5p-interactive-video .h5p-seekbar-interaction.h5p-text-interaction:before, .h5p-interactive-video .h5p-seekbar-interaction.h5p-link-interaction:before, .h5p-interactive-video .h5p-seekbar-interaction.h5p-table-interaction:before {
    color: transparent;
}
    
.h5p-interactive-video .h5p-seekbar-interaction:before {
    font-size: 12px;
    color: #d3ebfb;
    content: "";
}

.h5p-interactive-video .h5p-seekbar-interaction.h5p-interaction-answered:before {
    color: #0099ff;
}

.h5p-interactive-video .h5p-seekbar-interaction:hover:before {
    color: #d3ebfb;
}

.h5p-interactive-video .h5p-seekbar-interaction {
    top: 5px;
    z-index: 100;
}

.h5p-control.h5p-playbackRate {
    display: none !important;
    }   

/* START: Interactive Book Changes */

/* Fixed footer in full screen */
.h5p-fullscreen .h5p-interactive-book .h5p-interactive-book-status-footer, .h5p-semi-fullscreen .h5p-interactive-book .h5p-interactive-book-status-footer {
    position: fixed;
}

/* START: Remove slide transition */
.h5p-interactive-book-chapter {
    transition: none !important;
}

/*START Remove shadow from submit button */

.h5p-interactive-book-summary-menu-button[data-book-completed="true"], .h5p-interactive-book-summary-menu-button:active {
    box-shadow: none !important;
}

/* Summary block display changed */
.h5p-interactive-book-summary-progress-container.h5p-interactive-book-summary-book-progress {
    display: none !important;
}

/* .h5p-interactive-book-summary-page .h5p-interactive-box-summary-progress {
    flex-direction: row-reverse;
}

/* Remove Interactive Video controls when inside Interactive Book */

.h5p-interactive-book-content .h5p-interactive-video .h5p-controls {
    display: none;
}

/*START: Change background color of scroll bar */
.h5p-interactive-book ::-webkit-scrollbar {
    background: #0099ff20;
}

.h5p-course-presentation .h5p-element .h5p-element-outer::-webkit-scrollbar-thumb, .h5p-course-presentation .h5p-element .h5p-element-outer .h5p-element-inner::-webkit-scrollbar-thumb, .h5p-course-presentation .h5p-summary-table-pages::-webkit-scrollbar-thumb {
    background: #0099ff;
}

.h5p-course-presentation .h5p-keywords-wrapper>[role=menu]::-webkit-scrollbar-thumb, .h5p-course-presentation .h5p-element .h5p-element-outer::-webkit-scrollbar-thumb, .h5p-course-presentation .h5p-element .h5p-element-outer .h5p-element-inner::-webkit-scrollbar-thumb {
    background: #0099ff;
    box-shadow: none;
}

/* 
.h5p-interactive-book ::-webkit-scrollbar-thumb {
    display:none;
} */

/*.h5p-multichoice, .h5p-content .questionset, .h5p-drag-text, .h5p-single-choice-set, .h5p-dragquestion {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    padding-bottom: 1em !important;
}
*/

/* Interactive book cover styling */

.h5p-interactive-book-cover-image {
    box-shadow: none;
}


.h5p-interactive-book-cover-description, .h5p-interactive-book-cover-title {
    font-weight: 400;
    font-family: lato;
    color: #232c39 !important;
}

.h5p-interactive-book-cover-readbutton button {
    border: 0.1em solid !important;
    background-color: transparent !important;
    color: #0099ff !important;
    border-radius: 30px !important;
}


.h5p-interactive-book-navigation-chapter-button .h5p-interactive-book-navigation-chapter-title-text {
    color: #0099ff !important;
}


.h5p-interactive-book-summary-menu-button {
    color: #28BA6A !important;
}

.h5p-interactive-book-status-progress-number {
    color: #0099ff !important;
}


.h5p-interactive-book-status-progress-divider {
    color: #0099ff !important;
}

.h5p-interactive-book-status-progressbar-front {
    background-color: #0099ff !important;
    transition: 2s !important;
}

.h5p-interactive-book-status-arrow .navigation-button {
    color: #0099ff !important;
}

.h5p-interactive-book-status-menu .icon-menu {
    color: #0099ff !important;
}

.h5p-interactive-book-status-fullscreen.h5p-interactive-book-enter-fullscreen::before {
    color: #0099ff !important;
}

/* Summary Page */

/* Progress circles */

.h5p-interactive-book-summary-page .h5p-interactive-book-summary-progress-circle {
    width: 4.5rem;
    height: 4.5rem;
    background: #f4f4f4;
}

/* Border around progress boxes */
.h5p-interactive-book-summary-page .h5p-interactive-box-summary-progress .h5p-interactive-book-summary-progress-container {
    border: 1px solid #E7E9EC;
    border-radius: 10px;
    background-color: #ffffff;
}



.h5p-interactive-book-summary-page .h5p-interactive-box-summary-progress .h5p-interactive-book-summary-progress-container .absolute-value {
    /* font-weight: 400 !important; */
    font-size: inherit;
    color: inherit;
}

.h5p-interactive-book-summary-page .h5p-interactive-box-summary-progress .h5p-interactive-book-summary-progressbox-bigtext, .h5p-interactive-book-summary-page .h5p-interactive-box-summary-progress .h5p-interactive-book-summary-progress-container .separator {
    font-weight: 400;
    color: #232c39;
    font-size: 1.75rem;
}

.h5p-interactive-book-summary-menu-button {
    border: 1px solid #28BA6A !important;
}


.h5p-interactive-book-summary-page .h5p-interactive-book-summary-section-icon {
    color: #0099ff !important;
}

.h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-section h4 span[class^='icon-'], .h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-list-empty h4 span[class^='icon-'], .h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-section h4 span[class*=' icon-'], .h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-list-empty h4 span[class*=' icon-'] {
    color: #0099ff !important;
}

.h5p-interactive-book-navigation-sectionlist .h5p-interactive-book-navigation-section .h5p-interactive-book-navigation-section-icon.h5p-interactive-book-navigation-section-task {
    color: #0099ff !important;
}

.h5p-interactive-book [class^='icon-'], .h5p-interactive-book [class*=' icon-'] {
    color: #0099ff !important;
}


.h5p-interactive-book-summary-page .h5p-interactive-book-summary-no-chapter-interactions p:first-child {
    font-weight: 400 !important;
}

.h5p-interactive-book-summary-menu-button .h5p-interactive-book-summary-icon {
    color: #28BA6A !important;
}

.h5p-interactive-book-summary-menu-button .h5p-interactive-book-summary-menu-button-arrow {
    color: #28BA6A !important;
}

.h5p-interactive-book-navigation-maintitle {
    background-color: #0099ff !important;
}

.h5p-interactive-book.h5p-interactive-book-small .h5p-interactive-book-navigation-open .h5p-interactive-book-navigation-chapter-button.h5p-interactive-book-navigation-current[aria-expanded="true"] {
    border-bottom-color: #28BA6A !important;
}

.h5p-interactive-book-status-menu.h5p-interactive-book-status-menu-active {
    background-color: #0099ff !important;
}

.h5p-interactive-book-status-menu.h5p-interactive-book-status-menu-active .icon-menu {
    color: #ffffff !important;
}

.h5p-drag-text .h5p-drag-show-solution-container.incorrect {
    font-weight: 400 !important;
}

.h5p-interactive-book-navigation-sectionlist .h5p-interactive-book-navigation-section .h5p-interactive-book-navigation-section-title {
    font-size: 1.1em !important;
}

/* Remove Change Sumbit Button Icon to Anchor */
.icon-paper-pencil::before {
    display: none;
    /* content: "\f13d";
    font-family: H5PFontAwesome4; */
}

/* END: Interactive Book Changes */


/* START: Essay questions */

.h5p-essay .h5p-essay-input-field-textfield {
    border: 0.1em solid #a0a0a0;
    border-radius: 0.25em;
}

.h5p-essay .h5p-essay-input-field-textfield:focus {
    outline: none;
    box-shadow: none;
    border: 0.1em solid #0099ff;
}

.h5p-question-explanation-correct {
    font-weight: 400;
    color: #28BA6A;
}

.h5p-question-explanation-wrong {
    font-weight: 400;
    color: #EF3E46;
}

/* END: Essay questions */

.h5p-interactive-book-summary-page .h5p-interactive-book-summary-buttons {
    display: flex;
    flex-direction: row-reverse;
}

.h5p-interactive-book.h5p-interactive-book-small .h5p-interactive-book-summary-buttons .h5p-interactive-book-summary-restart {
    margin-right: 0.5rem;
    margin-left: 0;
}

.h5p-interactive-book-summary-page .h5p-interactive-book-summary-buttons .h5p-interactive-book-summary-button {
    border-radius: 100px;
    font-size: 17px;
    font-weight: inherit;
}

.h5p-interactive-book-summary-page .h5p-interactive-book-summary-buttons .h5p-interactive-book-summary-submit {
    background-color: #0099ff;
    /* color: #232c39; */
    border: 1px solid #0099ff;
}

.h5p-interactive-book-summary-page .h5p-interactive-book-summary-buttons .h5p-interactive-book-summary-submit:hover {
    background-color: #0099ff;
}

.h5p-interactive-book-summary-page .h5p-interactive-book-summary-buttons .h5p-interactive-book-summary-restart:hover {
    border-color: #0099ff;
    background: #ffffff;
}

.h5p-interactive-book-summary-page .h5p-interactive-book-summary-buttons .h5p-interactive-book-summary-submitted p {
    font-weight: 400;
    color: #232c39;
    padding-right: 20px;
}

.h5p-interactive-book-summary-menu-button .h5p-interactive-book-summary-icon {
    display: none;
}

/* Summary Results table outline */

.h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-section, .h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-list-empty {
    border-color: #E7E9EC;
}

.h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-section:first-of-type, .h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-list-empty:first-of-type, .h5p-interactive-book-summary-page .h5p-interactive-book-summary-top-section {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-section:last-of-type, .h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-list-empty:last-of-type, .h5p-interactive-book-summary-page .h5p-interactive-book-summary-bottom-section {
    border-bottom: 1px solid #E7E9EC;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.h5p-interactive-book-summary-page .h5p-interactive-book-summary-buttons .h5p-interactive-book-summary-submitted {
    background-color: #ffffff;
    border: 1px solid #E7E9EC;
    border-radius: 10px;
}

.icon-check-mark::before {
    color: #28BA6A;
}


/* .h5p-interactive-book-summary-page .h5p-interactive-box-summary-progress .h5p-interactive-book-summary-progress-container:last-child {
    display: none;
}

.h5p-interactive-book-summary-chapter-subheader {
    display: none;
}

.h5p-interactive-book-summary-page .h5p-interactive-box-summary-progress .h5p-interactive-book-summary-progressbox-smalltext {
    display: none;
}

/*
span.icon-chapter-done {
    display: none;
}

/* START: Crossword Changes */
.h5p-crossword .h5p-crossword-input-fields-group-title {
    font-weight: 400;
    color: #0099ff;
    font-size: 1.25em;
}

.h5p-crossword .h5p-crossword-clue-announcer {
    font-weight: 400 !important;
    font-size: 1.0em !important;

}

.h5p-crossword-clue-announcer-clue-id {
    font-weight: 400 !important;
    color: #0099ff !important;
    font-size: 1.0em !important;
}

.h5p-crossword .h5p-crossword-cell-content-wrapper {
    border: solid 1px lightgrey;
}
.h5p-crossword .h5p-crossword-input-fields-group-wrapper-clue.h5p-crossword-input-fields-group-clue-highlight-focus .h5p-crossword-input-fields-group-clue-id {
    font-weight: 400;
}

.h5p-crossword .h5p-crossword-input-fields-group-wrapper-clue .h5p-crossword-input-fields-group-clue-id {
    font-style: normal;
}

.h5p-crossword .h5p-crossword-input-fields-group-input {
    height: 1.5em;
    letter-spacing: 0.3em;
    font-size: 1.1em;
    padding-left: 10px;
    width: -webkit-fill-available;
}

.h5p-crossword .h5p-crossword-cell.h5p-crossword-solution-correct .h5p-crossword-cell-canvas {
    color: #ffffff;
}

.h5p-crossword .h5p-crossword-cell.h5p-crossword-solution-correct {
    background: #28BA6A;
}

.h5p-crossword .h5p-crossword-cell.h5p-crossword-solution-neutral {
    background: #EF3E46;
}

.h5p-crossword .h5p-crossword-cell.h5p-crossword-solution-neutral:not(.h5p-crossword-highlight-normal) .h5p-crossword-cell-canvas {
    color: #ffffff;
}

.h5p-crossword .h5p-crossword-cell.h5p-crossword-solution-neutral .h5p-crossword-cell-clue-id-marker, .h5p-crossword .h5p-crossword-cell.h5p-crossword-solution-neutral .h5p-crossword-cell-solution-word-marker {
    background: #f7999d;
}

.h5p-question-plus-one {
    display: none;
}

.h5p-crossword .h5p-crossword-input-fields-group-solution-word>span.h5p-crossword-input-fields-group-solution-char-wrapper.h5p-crossword-solution-correct {
    font-size: 1.25em;
    background: none;
    border: none;
    color: #232c39;
}

.h5p-crossword .h5p-crossword-input-fields-group-solution-word>span.h5p-crossword-input-fields-group-solution-char-wrapper.h5p-crossword-solution-no-input {
    font-size: 1.25em;
    background: none;
    border: none;
    color: #EF3E46;
}

.h5p-crossword .h5p-crossword-input-fields-group-solution-word>span.h5p-crossword-input-fields-group-solution-char-wrapper.h5p-crossword-solution-correct::after {
    color: #28BA6A;
}

.h5p-crossword .h5p-crossword-input-fields-group-solution-inner {
    border-radius: 0 0 10px 10px;
}

/* END: Crossword Changes */

/* START: Question Set Results Text */

.questionset .h5p-question-buttons.h5p-question-visible {
    margin-top: 1em;
}

.questionset-results .feedback-section .feedback-text {
    color: #0099ff !important;
    font-weight: 400;
}

/* END: Question Set Results Text */


/* START: Remove shadow from course presentation  */

.h5p-course-presentation .h5p-box-wrapper {
    box-shadow: none !important;
}

/* END: Remove shadow from course presentation  */


/* START: H5P Presentation Hotspot Hover Colour */

.h5p-course-presentation .h5p-press-to-go.h5p-visible:hover {
    background-color: #09f0
}

/* END: H5P Presentation Hotspot Hover Colour */

/* START: Remove Slide transition from Course Presentation */

.h5p-course-presentation .h5p-slide.h5p-animate { 
/* display: block !important; */
-webkit-transition: -webkit-transform 0.0s ease-in-out !important;
-moz-transition: -moz-transform 0.0s ease-in-out !important;
-ms-transition: -ms-transform 0.0s ease-in-out !important;
transition: transform 0.0s ease-in-out !important;
}

/* END: Remove Slide transition from Course Presentation */

/* START: Interactive Video Summary Page Content  for H5P */

button.h5p-interactive-video-endscreen-submit-button.h5p-joubelui-button, button.h5p-interactive-book-summary-button.h5p-interactive-book-summary-submit {
    text-transform: capitalize;
}

.h5p-interactive-video-endscreen {
    color: #0099ff;
}
.h5p-interactive-video-endscreen-introduction-title-text {
    font-weight:300;
    font-size:1.4em;
}

.h5p-interactive-video-bubble-endscreen-inner {
    background: rgba(255,255,255,0.95);
    box-shadow: 0 0 0.5em #2c2c2c;
}

.h5p-interactive-video-endscreen-star-symbol:before {
    color: #ff6600;
}

.h5p-interactive-video-endscreen-overview-table-row:hover, .h5p-interactive-video-endscreen-overview-table-row:focus {
    background: rgba(0, 153, 255,0.1) !important;
}

 .h5p-interactive-video-endscreen-overview-table-row {
    border-bottom-style: none;
}

.h5p-interactive-video-endscreen-overview-table-row-time {
    display: none;
}

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

.h5p-interactive-video-endscreen-overview {
    font-weight: 300 !important;
    font-size: 17px !important;
}

.h5p-interactive-video-endscreen-overview-table-row-score {
    font-weight: 300 !important;
}

.h5p-interactive-video-endscreen-introduction-text {
    font-size: 1.1em !important;
}

.h5p-interactive-video-endscreen-bold-text {
    font-weight: 300;
    color: #EF3E46;
    font-size: 1.2em;
}
/* .h5p-interactive-video-endscreen-close-button {
    display: none;
}
*/

/* .h5p-control.h5p-star {
    display: none;
}

.h5p-control.h5p-star.h5p-star-bar {
    display: none;
}

*/

.h5p-interactive-video-endscreen-submit-button {
    font-size: 1.2em !important;
}
/* END: Interactive Video Summary Page Content  for H5P */

/* START: Remove full screen from  Presentation  */

.h5p-course-presentation .h5p-toggle-full-screen {
    display: none
}

/* END: Remove full screen from  Presentation  */

/* START: Remove blue outline from clickable elements in course presentation  */

.h5p-course-presentation .h5p-press-to-go.h5p-visible:focus {
    box-shadow: 0 0 0 0px;
}

/* END: Remove blue outline from clickable elements in course presentation  */

/* START Question set changes

/* START: Progress dots colour changes  */

.h5p-question .h5p-question-prev, .h5p-question .h5p-question-next {
    color:#ffffff;
}

/* Speak the Words */
.h5p-speak-the-words .h5p-question-buttons.h5p-question-visible.has-scorebar:not(.wrap) {
    margin-top: 1em;
}

/* Progress dots colour changes  */
.h5p-speak-the-words-set .progress-dot.active {
    background-color: #0099ff !important;
}

.progress-dot.current {
    background: #0099ff !important;
}
.progress-dot.answered {
    background: #0099ff50 !important;
}

.progress-dot.current:before {
    border-color: #0099ff;
}
.progress-dot {
    border: 1px solid #0099ff;

}
/* Progress dots colour changes  */

/* END: Progress dots colour changes  */

/* START: Dialogue Cards Colour changes */

.h5p-dialogcards .h5p-joubelui-button.h5p-dialogcards-answer-button.correct.h5p-dialogcards-quick-progression {
    color: #28ba6a ;
    border-color: #28ba6a;
}

.h5p-dialogcards .h5p-joubelui-button.h5p-dialogcards-answer-button.correct.h5p-dialogcards-quick-progression:hover {
    background-color: #28ba6a;
}

.h5p-dialogcards .h5p-joubelui-button.h5p-dialogcards-answer-button.incorrect.h5p-dialogcards-quick-progression {
    color: #EF3E46 ;
    border-color: #EF3E46;
}

.h5p-dialogcards .h5p-joubelui-button.h5p-dialogcards-answer-button.incorrect.h5p-dialogcards-quick-progression:hover {
    background-color: #EF3E46;
}

.h5p-dialogcards-summary-screen .h5p-dialogcards-summary-header {
    font-weight: 400;
}

.h5p-dialogcards-summary-screen .h5p-dialogcards-summary-table td.h5p-dialogcards-summary-table-row-score {
    font-weight: 400;
}

.h5p-dialogcards-summary-screen .h5p-dialogcards-summary-table td.h5p-dialogcards-summary-table-row-symbol.h5p-dialogcards-check:before {
    color: #28BA6A;
}

.h5p-dialogcards-summary-screen .h5p-dialogcards-summary-table td.h5p-dialogcards-summary-table-row-symbol.h5p-dialogcards-times:before {
    color: #EF3E46;
}

/* Add border radius to cards */
.h5p-dialogcards .h5p-dialogcards-card-content {
	border-radius: 10px;
}

.h5p-dialogcards-card-text-area {
    padding-bottom: 50px;
}

.h5p-dialogcards-card-text-inner {
    height: 15em !important;
}

.h5p-dialogcards-turned .h5p-dialogcards-card-text-inner {
    height: 23em !important;
}

.h5p-dialogcards .h5p-dialogcards-card-text-inner-content {
    position: inherit;
    top: inherit;
    left: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
}

.h5p-dialogcards .h5p-dialogcards-card-text-inner-content td {
    vertical-align: top;
    padding: 5px !important;
    line-height: 1.5;
    border-color: #E7E9EC !important;
}

/* Dialog Cards Heights

.h5p-dialogcards .h5p-dialogcards-image-wrapper {
	height: 20em;
}

.h5p-dialogcards .h5p-dialogcards-card-text-wrapper {
	min-height: 7em;
}
*/

.h5p-dialogcards .h5p-dialogcards-card-text-inner {
    padding-left: 0;
    padding-right: 0;
}

.h5p-dialogcards-turned h3 {
    margin-top: -15px;
    margin-bottom: 5px;
}

.h5p-dialogcards-turned .h5p-dialogcards-image-wrapper {
	height: 7em !important;
}

.h5p-dialogcards-turned .h5p-dialogcards-card-text-wrapper {
	min-height: 22em;
    overflow-y: scroll;
}

.h5p-dialogcards .h5p-dialogcards-card-footer {
    /* position: absolute; */
    position: fixed;
    left: 50%;
    right: 50%;
    /* bottom: 0px; */
    bottom: 15%;
}

.h5p-dialogcards .h5p-dialogcards-card-text-inner-content {
    padding: 0;
}

/* Dialogue Cards Table Styling */

.h5p-dialogcards-card-text-inner-content table {
    font-size: 14px;
}

.h5p-dialogcards-card-text-inner-content table {
    border: 1px solid #E7E9EC !important;
    /* border-radius: 10px; */
}

.h5p-dialogcards-card-text-inner-content td:first-child {
    border-right: 1px solid #E7E9EC !important;
}

.h5p-dialogcards-card-text-inner-content tr:nth-child(odd) {
    background-color: #EFEFEF;
}

/* .h5p-dialogcards-card-text-inner-content tr:first-child td:first-child {
    border-radius: 9px 0 0 0;
}

.h5p-dialogcards-card-text-inner-content tr:first-child td:last-child {
    border-radius: 0 9px 0 0;
}

.h5p-dialogcards-card-text-inner-content tr:last-child td:first-child {
    border-radius: 0 0 0 9px;
}

.h5p-dialogcards-card-text-inner-content tr:last-child td:last-child {
    border-radius: 0 0 9px 0;
}


/* START: Drag the words */

.h5p-drag-text .h5p-drag-droppable-words {
    line-height: 1.8em;
}

.h5p-drag-text [aria-grabbed] {
    border: 0.1em solid #a0a0a0;
    box-shadow: none;
    background: transparent;
}

.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 {
    border: 0.1em solid #0099FF;
    background: #d3ebfb;
    color: #232c39;
}

.h5p-drag-text [aria-dropeffect] {
    border: 0.1em solid #a0a0a0;
    background-color: transparent;
    color: #232c39;
}

.h5p-drag-text [aria-grabbed].h5p-drag-dropped {
    color: #232c39;
    border: 0.1em solid #0099ff;
    background: transparent;
    margin: -0.2em 0 0 -0.1em;
}

.h5p-drag-text .h5p-drag-dropped.h5p-drag-draggable-wrong {
    border-color:transparent !important;
}

.h5p-drag-text .h5p-drag-dropped.h5p-drag-draggable-correct {
    border-color:transparent !important;
}

.h5p-drag-text [aria-dropeffect].h5p-drag-correct-feedback {
    background: transparent;
    border-color: #28BA6A;
}

.h5p-drag-text [aria-dropeffect].h5p-drag-wrong-feedback {
    background: transparent;
    border-color: #EF3E46;
}

.h5p-drag-text .h5p-drag-correct-feedback:before {
    color: #28BA6A;
}

.h5p-drag-text .h5p-drag-wrong-feedback:before {
    color:#EF3E46;
}

.h5p-drag-text .h5p-drag-show-solution-container.incorrect {
    color: #28BA6A;
    font-weight: 400;
    border: 1px #28BA6A dashed;
    background-color: transparent;
}

/* START: Popup dialogue boxes */

.h5p-confirmation-dialog-header {
    color:#0099ff;
}
.h5p-core-button:visited, .h5p-core-button:link, .h5p-core-button {
    background: #0099FF !important;
}

.h5p-core-cancel-button:visited, .h5p-core-cancel-button:link, .h5p-core-cancel-button {
    color: #EF3E46 !important;
}

/* START: Change to Crossroads */

.h5p-gotoquestion-text {
    color: #0099FF;
    background: #ffffff;
}

.h5p-gotoquestion-button[aria-disabled=false]:hover, .h5p-gotoquestion-button[aria-disabled=false]:focus {
    color: #0099FF;
}

.h5p-gotoquestion-button[aria-disabled=false]:active, .h5p-gotoquestion-chosen, .h5p-gotoquestion-chosen:hover, .h5p-gotoquestion-chosen:focus {
    background: #0099ff;
}

.h5p-gotoquestion-button[aria-disabled=false]:hover:after, .h5p-gotoquestion-button[aria-disabled=false]:focus:after {
    border-bottom-color: #0099ff;
}

/* START: Presentation info button styling */

.h5p-course-presentation .h5p-element-button:hover {
    box-shadow: none;
    background: #0099ff;
    border-color: #ffffff;
}

.h5p-course-presentation .h5p-element-button {
    box-shadow: none;
    background: #0099ff;
    border-width: 0.167em;
    border-color: #ffffff;
}

.h5p-course-presentation .h5p-element-button:focus {
    border-color: #ffffff;
    top: 0px;
    left: 0px;
}

.h5p-course-presentation .h5p-advancedtext-button:before {
    content: '\f067';
}



.h5p-dialog-title {
    display: none;
}

.h5p-course-presentation .h5p-cp-dialog-titlebar {
    border-bottom: none;
    padding: 0px 0px 0px 0px;
}

.h5p-course-presentation .h5p-button-element {
    margin: 0.6em 0.6em 0.6em 0.6em;
}

.h5p-course-presentation .h5p-popup-overlay.h5p-advancedtext {
    padding: 0;
    margin: 0;
}

/* .h5p-course-presentation .h5p-popup-overlay {
    background-color: rgba (0, 0, 0, 0.4);
    padding: 0;
    margin: 0;
} */

.h5p-course-presentation .h5p-image-button:before {
    content: '\f129'
}

/* START Bullet changes */

/* START: ORDERED LISTS (ol) numbers with latin and roman - this is the new WITH parenthesis */

/* Removes default ordered list for replacing with fontawsome */

.h5p-advanced-text ol > li li {
    list-style-type: none !important;
}

.h5p-advanced-text ol > li {
    list-style-type: none !important;
}

.h5p-advanced-text ol {
  counter-reset: list;
}

.h5p-advanced-text ol > li:before {
  content: "("counter(list, lower-alpha) ")  ";
  counter-increment: list;
  display: inline-block;
  margin-left: -1.7em;
  width: 1.7em;
}

.h5p-advanced-text ol > li li:before {
  content: "("counter(list, lower-roman) ") ";
  counter-increment: list;
  display: inline-block;
  margin-left: -1.7em;
  width: 1.7em;
}

/* START: ACCORDION CHANGES 

/* Accordion title font size */

/* .h5p-accordion .h5p-panel-title {
    font-size: 1.17em !important;
} */

/* Accordion hover, active, focus changes */

.h5p-accordion .h5p-panel-title:hover, .h5p-accordion .h5p-panel-title:active {
  color: #0099ff;
}

/* Accordion title colour */
.h5p-accordion .h5p-panel-title {
    color: #232c39;
}

/* START: 360 Content type styling */

.nav-button {
    width: 2.1em !important;
    height: 2.1em !important;
    box-shadow: none !important;
    background: #232c39 !important;
}

.h5p-interaction-button .nav-button {
    background: #0099FF !important;
}

.nav-label-container .nav-label {
    background: white !important;
    text-shadow: none;
    color: #0099FF !important;
    border: 1px solid #0099FF;
}

.h5p-go-to-scene-button .nav-button:before {
    font-size: 0.9em;
}

.h5p-medium-tablet-size .h5p-text-dialog {
    padding: 0.25em 1em 0.25em 1em !important;
}

.h5p-text-dialog .close-button-wrapper {
    top: 0.3em !important;
    right: 0.3em !important;
    border: none !important;
    box-shadow: none !important;
    background-color: white !important;
    color:#EF3E46;
    font-size: 0.8em !important;
}

/* START: Feedback image styles */

.h5p-question-feedback img  {
    width: 95%;
}

.h5p-mark-the-words code [role="option"]:after {
    content: '';
}

.h5p-essay .h5p-essay-solution-sample-text img {
    width: 100%;
    height: auto;
}

.h5p-multichoice .h5p-answer .h5p-feedback-inner img {
    width: 100%;
}

/* Transcript Styling */

button.toolbar-button.toolbar-button-visibility.toolbar-button-visible, button.toolbar-button.toolbar-button-visibility.toolbar-button-invisible {
    position: absolute;
    z-index: 10000;
    top:10px;
    left: 10px;
    /* color: white; */
}

.toolbar-tool-bar .toolbar-buttons .toolbar-button.toolbar-button-disabled {
    display: none;
}

.toolbar-tool-bar {
    box-shadow: none;
}

.h5p-transcript-content {
    display: flex;
}

/* button.toolbar-button.toolbar-button-plaintext.toolbar-button-interactive, button.toolbar-button.toolbar-button-visibility.toolbar-button-visible {
    display: none;
} */

.h5p-transcript-snippets-container {
    border-radius: 6px;
    padding: 0 10px 0 10px;
}

/*

.h5p-transcript-snippets-container .h5p-transcript-snippet-separator:not(.h5p-transcript-snippet-separator-line-break)::before {
    color: #4c445200;
    content: "-";
    padding-left: 0;
    padding-right: 0;
} */

.h5p-transcript-snippet.was-passed {
    color: #0099ff;
}

.h5p-transcript-snippet:hover {
    color: white;
    background-color: #0099ff;
}

.h5p-transcript-snippet.highlight {
    background-color: rgba(0, 153, 255,.3);
}
/* ---------------------------------------------------------------------------------