@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap');

/* COMMON */
.h5p-joubelui-button:last-child {
    margin: 0 0.5em 1em 0;
}

.h5p-iframe .h5p-content,
.h5p-iframe .h5p-content {
    direction: rtl;
    font-family: 'Assistant', sans-serif;
}

html.h5p-iframe,
html.h5p-iframe>body {
    font-family: 'Assistant', sans-serif;
}

.progress-dot.current:before {
    border-color: #8f465e !important;
}

.h5p-speak-the-words-set .progress-dot.active {
    background-color: #8f465e !important;
}

.h5p-attempts {
    display: none;
}

.h5p-question-audio.h5p-audio-wrapper.h5p-audio-controls .h5p-audio {
    margin-left: auto;
    margin-right: auto;
    border: solid 0.125em #8f465e;
    border-radius: 2em;
}

/* Added 2023-01-08 */
.h5p-question-content {
    margin: 1em;
    box-sizing: border-box;
    padding-left: 17%;
    padding-right: 17%;
    font-size: 1.15em;
}

.h5p-question-visible .h5p-question-feedback-content.has-content {
    background-color: rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
    padding: 0.25em 1em;
    border-radius: 1em;
}

.h5p-question-scorebar.h5p-question-visible {
    padding-right: 1em;
}

/* Speak the Words           */
/* Added 2022-06             */
/* Last changed 2022-12-12   */

.h5p-speak-the-words-set.h5p-question,
.h5p-speak-the-words-set.h5p-question {
    direction: rtl;
    text-align: right;
}

.h5p-speak-the-words-set .questions {
    background-color: transparent !important;
    text-align: center;
}

.h5p-speak-the-words-set .h5p-question-finish,
.h5p-speak-the-words-set .h5p-question-next,
.h5p-speak-the-words-set .h5p-question-previous,
.h5p-speak-the-words-set .h5p-question-finish,
.h5p-speak-the-words-set .h5p-question-next,
.h5p-speak-the-words-set .h5p-question-previous {
    float: left;
    margin: 0 0 0 0.5em;
    width: 3rem;
    height: 3rem;
    box-sizing: border-box;
    border-radius: 0.8em;
}

.h5p-speak-the-words-set .h5p-question-previous:before,
.h5p-speak-the-words-set .h5p-question-previous:before {
    content: "\F054";
    left: 0.125em;
    font-size: 1.25em;
}


.h5p-speak-the-words-set .h5p-question-next:before,
.h5p-speak-the-words-set .h5p-question-next:before {
    content: "\F053";
    left: -0.125em;
    font-size: 1.25em;
}

.h5p-speak-the-words-record:before,
.h5p-speak-the-words-record:before,
.h5p-question-show-solution:before,
.h5p-question-show-solution:before,
.h5p-question-try-again:before,
.h5p-question-try-again:before,
.h5p-speak-the-words-set .retry-button:before,
.h5p-speak-the-words-set .retry-button:before,
.h5p-speak-the-words-set .show-solution-button:before,
.h5p-speak-the-words-set .show-solution-button:before {
    display: inline-block;
    transform: translateX(10px);
}

.h5p-speak-the-words-introduction {
    /*white-space: pre;*/
    line-height: 1.4;
}

/* Added 2023-01 */
.h5p-speak-the-words-set .h5p-speak-the-words .h5p-question-introduction,
.h5p-speak-the-words-set .h5p-speak-the-words .h5p-question-content {
    background-color: rgba(255, 255, 255, 0);
    text-align: center;
}

.h5p-speak-the-words-set .h5p-question-next,
.h5p-speak-the-words-set .h5p-question-previous {
    padding: 0.5em 0;
    box-sizing: border-box;
    width: 3em;
    height: 3em;
    border-radius: 1em;
}

.h5p-speak-the-words .h5p-question-buttons.h5p-question-visible.has-scorebar:not(.wrap) {
    width: 100%;
    display: block;
}

/* Drag the Words            */
/* Added 2022-06             */
.h5p-drag-text .h5p-question-content {
    padding-left: 7%;
    padding-right: 13%;
}

.h5p-drag-text [aria-dropeffect] {
    padding: 0.25em 0 0.25em 1.65em;
    margin-top: 0.25em;
    border-radius: 1.5em;
    margin: 0.35em 0 0.25em 0;
    border: 0.2em solid #c6c6c6;
    box-shadow: 0 0 0 0 transparent;

}

.h5p-drag-text [aria-grabbed] {
    line-height: 1.25;
    cursor: pointer;
    border-radius: 1.5em;
    margin: -0.5em -0.2em 1em 0.5em;
    padding: 0.25em 0.8em;
    border: 0.2em dashed #0b5c89;
    box-shadow: 0 0 0 0 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.2em dashed rgb(212, 190, 216);
}

.h5p-drag-text .h5p-drag-wide-screen {
    float: left;
    margin-top: 1rem;
    margin-left: 10%;
}

.h5p-drag-text .h5p-drag-droppable-words {
    line-height: 1.5;
    margin-right: 5% !important;
    margin-bottom: 1em;
}

.h5p-drag-text .h5p-drag-correct-feedback:before {
    right: auto;
    left: 0.3em;
}

.h5p-drag-text .h5p-drag-wrong-feedback:before {
    right: auto;
    left: 0.3em;
}

.h5p-question-try-again:before,
.h5p-question-show-solution:before,
.h5p-question-check-answer:before {
    display: inline-block;
    transform: translateX(10px);
}

/* Flashcards                */
/* Added 2022-06             */
.h5p-flashcards .h5p-results-answer {
    margin-right: 4.5em;
}

.h5p-flashcards .h5p-results-retry-button:before {
    display: inline-block;
    transform: translateX(10px);
}

.h5p-flashcards .h5p-results-score {
    right: auto;
    left: 1em;
}

.h5p-show-results button:after {
    display: inline-block;
    transform: translateX(-10px);
}

.h5p-blanks .h5p-text-input {
    padding: 0.1875em 0.5em 0.1875em 1em;
    margin-bottom: 0.25em;
}

.h5p-blanks .h5p-correct:after,
.h5p-blanks .h5p-wrong:after {
    top: 4px;
    right: auto;
    left: 0.5em;
}

/* Question Set        */
/* Added  2022-11-30   */
.h5p-question .h5p-question-prev,
.h5p-question .h5p-question-next {
    float: left;
    margin: 0 0 0 0.5em;
    width: 3rem;
    height: 3rem;
    box-sizing: border-box;
    border-radius: 1em;
}

.h5p-question .h5p-question-next:before {
    content: "\F053";
    left: -0.125em;
    font-size: 1.5em;
}

.h5p-question .h5p-question-prev:before {
    content: "\F054";
    left: 0.125em;
    font-size: 1.5em;
}

/* Added  2022-12-19   */
.questionset-results button.h5p-button.qs-solutionbutton:before {
    padding-right: 0;
    padding-left: 0.5em;
}

.questionset-results button.h5p-button.qs-retrybutton:before {
    padding-right: 0;
    padding-left: 0.5em;
}

.h5p-question .h5p-question-finish:before {
    display: inline-block;
    transform: translateX(10px);
}

/* ^^^ */

/* Added 2022-12-01 */
.h5p-question-image {
    text-align: right;
}

.h5p-multichoice .h5p-alternative-container {
    text-align: right;
    padding: 0.25em 3em 0.25em 0.75em;
    text-indent: -1em;
}

.h5p-multichoice .h5p-answer[role="radio"] .h5p-alternative-container:before,
.h5p-multichoice .h5p-answers .h5p-answer[aria-disabled="true"] .h5p-alternative-container:before {
    left: auto;
    right: 1.65em;
    color: #fff;
    z-index: 2;
}

.h5p-multichoice .h5p-answers .h5p-answer.h5p-correct .h5p-alternative-container:before {
    content: "\e603";
}

.h5p-multichoice .h5p-answers .h5p-answer.h5p-wrong .h5p-alternative-container:before {
    content: "\e600";
}

.h5p-multichoice .h5p-answer.h5p-correct[role="radio"][aria-checked="true"] .h5p-alternative-container:before,
.h5p-multichoice .h5p-answer.h5p-wrong[role="radio"][aria-checked="true"] .h5p-alternative-container:before,
.h5p-multichoice .h5p-answer[aria-disabled="true"].h5p-correct[role="radio"][aria-checked="true"] .h5p-alternative-container:before,
.h5p-multichoice .h5p-answer[aria-disabled="true"].h5p-wrong[role="radio"][aria-checked="true"] .h5p-alternative-container:before,
.h5p-multichoice .h5p-answer[aria-disabled="true"][role="radio"][aria-checked="true"] .h5p-alternative-container:before {
    content: "\e603";
}

.h5p-multichoice .h5p-answer.h5p-correct[role="radio"][aria-checked="false"] .h5p-alternative-container:before,
.h5p-multichoice .h5p-answer.h5p-wrong[role="radio"][aria-checked="false"] .h5p-alternative-container:before,
.h5p-multichoice .h5p-answer[aria-disabled="true"].h5p-correct[role="radio"][aria-checked="false"] .h5p-alternative-container:before,
.h5p-multichoice .h5p-answer[aria-disabled="true"].h5p-wrong[role="radio"][aria-checked="false"] .h5p-alternative-container:before,
.h5p-multichoice .h5p-answer[aria-disabled="true"] .h5p-alternative-container:before {
    content: "\e600";
}


.h5p-multichoice .h5p-answer[role="radio"] .h5p-alternative-container:after,
.h5p-multichoice .h5p-answers .h5p-answer[aria-disabled="true"] .h5p-alternative-container:after {
    position: absolute;
    content: "";
    display: block;
    right: -0.25em;
    top: -0.25em;
    height: 2.5em;
    width: 2.5em;
    background-color: #0b5c89;
    border-radius: 0 0.25em 0.25em 0;
}

.h5p-multichoice .h5p-should .h5p-solution-icon-radio:before {
    position: absolute;
    /*right: -0.125em;*/
    color: #fff;
}

/* Image sequencing    */
/* Added 2022-12-14 */
.h5p-image-sequencing .sequencing-item {
    float: right;
}

.h5p-image-sequencing .sequencing-dropzone {
    float: right;
}

.h5p-image-sequencing .h5p-joubelui-button:first-child {
    margin: 0 0 1em 0.5em;
}

.h5p-image-sequencing .h5p-joubelui-button:last-child {
    margin: 0 0.5em 1em 0;
}

.h5p-image-sequencing dl.sequencing-status dd {
    display: inline-block;
    width: 88%;
    margin-inline-start: 0;
}

.h5p-image-sequencing dl.sequencing-status dt {
    display: inline-block;
    width: 11%;
}

.h5p-image-sequencing .sequencing-mark {
    padding-left: 0;
    padding-right: 0.5em;
}


/***************************/
/*       NEW DESIGN        */
/***************************/

.h5p-mark-the-words .h5p-question-introduction,
.h5p-question .h5p-question-introduction,
.h5p-question.h5p-true-false .h5p-question-introduction,
.h5p-question.h5p-sort-paragraphs .h5p-question-introduction {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 8em;
    width: 66%;
    margin: 0 17%;
    color: #fff;
    box-sizing: border-box;
    padding-top: 1em;
    background: url(https://eu-west-1.cdn.h5p.com/orgs/1291829678342616537/organization/content/1291830843626553737/images/file-63ba5a693bace.png) no-repeat center top / 100% 100%;
}


.h5p-question.h5p-dragquestion .h5p-question-introduction p {
    font-size: 1.17em !important;
    font-weight: bold;
}

.h5p-mark-the-words .h5p-question-introduction h3,
.h5p-question .h5p-question-introduction h3,
.h5p-mark-the-words .h5p-question-introduction p,
.h5p-question .h5p-question-introduction p {
    margin: 0.5em auto;
}

.h5p-mark-the-words .h5p-question-introduction h3 {
    font-weight: normal;
    margin-block-start: 0.5em;
    margin-block-end: 0.25em;
}

.h5p-mark-the-words,
.h5p-question.h5p-container {
    position: relative;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url(https://eu-west-1.cdn.h5p.com/orgs/1291829678342616537/organization/content/1291830843626553737/images/file-63ba5a8bbe30b.png),
        url(https://eu-west-1.cdn.h5p.com/orgs/1291829678342616537/organization/content/1291830843626553737/images/file-63b2d79165c22.png);
    background-repeat: no-repeat, repeat-y;
    background-position: left 2% top 5%, right -66% top;
    background-size: 15% auto, 50% auto;
}

/*  */
.h5peditor .ui-dialog .h5p-joubelui-button,
.h5peditor .h5p-joubelui-button,
.h5p-joubelui-button {
    background: #0b5c89;
    box-shadow: 0 0.125em 0 0.125em #0e3e59;
    font-size: 1.25em;
    padding: 0.35em 1.25em;
}

/* True-false */
.h5p-question.h5p-true-false,
.h5p-question.h5p-multichoice,
.h5p-question.h5p-sort-paragraphs {
    position: relative;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url(https://eu-west-1.cdn.h5p.com/orgs/1291829678342616537/organization/content/1291830843626553737/images/file-63ba5a8bbe30b.png),
        url(https://eu-west-1.cdn.h5p.com/orgs/1291829678342616537/organization/content/1291830843626553737/images/file-63b2d79165c22.png);
    background-repeat: no-repeat, repeat-y;
    background-position: left 2% top 5%, right -66% top;
    background-size: 15% auto, 50% auto;
}

.h5p-true-false-answer {
    border: none;
    margin: 0 2em 1em 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
    font-size: 1.25em;
}

.h5p-true-false-answer:before {
    content: '';
    width: 4.4em;
    height: 2.2em;
    background: #aaa;
    display: inline-block;
    border-radius: 1.1em;
    color: #fff;
    font-size: 0.8em;
    position: absolute;
    right: -2em;
}

.h5p-true-false-answer.correct:before {
    background: #388324;
}

.h5p-true-false-answer:after {
    display: inline-block;
    position: absolute;
    top: 0.7em;
    right: -1.4em;
    content: '';
    width: 2em;
    height: 2em;
    font-size: 0.8em;
    border-radius: 50%;
    background: #fff;
}

.h5p-true-false-answer[aria-checked=true] {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: #000;
}

.h5p-true-false-answer[aria-checked=true]::before {
    content: '';
    background: #0e608d;
}

.h5p-true-false-answer[aria-checked=true]::after {
    right: 0.8em;
}

.h5p-true-false-answer.wrong:after,
.h5p-true-false-answer.correct:after {
    background: #fff;
    content: '';
    color: #fff;
}

.h5p-true-false-answer.wrong:before {
    background: #9d1c47;
}

.h5p-true-false-answer.correct:before {
    background: #388324;
}

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

.h5p-question.h5p-true-false .h5p-question-audio .h5p-audio-inner>button {
    font-size: 1.5em;
    margin-left: auto;
    margin-right: auto;
    height: 2.4em;
    width: 2.4em;
    border-radius: 0.8em;
    background: #0e608d;
    box-shadow: 0 0.05em 0 0.05em #0e3e59;
    border: 0 solid #fff;
}

.h5p-question.h5p-true-false .h5p-question-audio .h5p-audio-inner>button:hover {
    background: #1356a3;
}

.h5p-audio-inner .h5p-audio-minimal-play:before {
    content: "\f028";
    font-size: 1.5em;
}

.h5p-question.h5p-true-false .h5p-question-image {
    text-align: center;
}

.h5p-question.h5p-true-false .h5p-question-image-wrap {
    max-width: calc(60% - 2em);
    width: 100%;
}

.h5p-question.h5p-true-false .h5p-question-image img {
    border-radius: 2em;
}

/* Drag & drop */
.h5p-container.h5p-dragquestion .h5p-question-content {
    margin: 1em;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.15em;
}

.h5p-question.h5p-dragquestion .h5p-question-introduction p {
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    line-height: 1.2;
}

.h5p-dragquestion .h5p-draggable,
.h5p-dq-element.h5p-draggable {
    border-radius: 5em;
    border: 0.25em dashed #0b5c89;
    background: #ddd;
    color: #1a4473;
    box-shadow: 0 0 0.3em rgb(0 0 0 / 0%) !important;
}

.h5p-dragquestion .h5p-draggable:not(.ui-state-disabled).h5p-draggable-hover:not(.h5p-correct):not(.h5p-wrong) {
    border: 0.25em dashed rgb(212, 190, 216);
    background: #edd6e9;
}

.h5p-dragquestion .h5p-draggable.h5p-dropped {
    border: 0.25em dashed #a9c3d0;
    background: #cee0f4;
}

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

.h5p-dragquestion .h5p-dropped.h5p-wrong {
    background-color: rgb(247, 208, 208) !important;
}

.h5p-dragquestion .h5p-dropped.h5p-correct {
    background-color: rgb(157, 216, 187) !important;
}

.h5p-dragquestion .h5p-draggable.h5p-correct:after,
.h5p-dragquestion .h5p-draggable.h5p-wrong:after {
    right: 0.5em;
    bottom: 0.5em;
}

/*  */
.h5p-question-content.h5p-radio {
    text-align: center;
}

.h5p-multichoice .h5p-answers {
    margin: 1em auto;
    width: 60%;
}

.h5p-multichoice .h5p-answer {
    border: solid 0.125em #0b5c89;
    border-radius: 0.5em;
}

/* Sort paragraphs */
/* Added 2022-12 */
.h5p-sort-paragraphs-list {
    width: 60%;
    margin: auto;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph {
    padding: 0em 0em;
    box-sizing: border-box;
    border: solid 0.125em #0b5c89;
    border-radius: 0.5em;
    box-shadow: 0 0 0 rgb(0, 0, 0, 0);
    height: 3.125em;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph-container h3 {
    margin-block-start: 0;
    margin-block-end: 0;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph-button-up::before,
.h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph-button-down::before {
    font-size: 2em;
    color: #fff;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph-button-container {
    padding: 0 0;
    width: 3.125em;
    height: 3.125em;
    margin-top: -0.125em;
    background-color: transparent;
    border-radius: 0.3em;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-button {
    background-size: 1.5em 1.5em;
    background-color: #0b5c89;
    width: 3.5em;
    height: 3.5em;
    box-shadow: 0 0 0 0.125em #2d2d2d;
    border: 0px solid transparent;
    margin: 0.125em -0.125em 0 0;
    transition: opacity 0.4s;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-button:not(.h5p-sort-paragraphs-disabled):hover {
    background-color: #0D6FA6;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-button:not(.h5p-sort-paragraphs-disabled):active {
    background-color: #0D6FA6
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-button.h5p-sort-paragraphs-no-display {
    display: block;
    opacity: 0;
    pointer-events: none;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-button.h5p-sort-paragraphs-paragraph-button-up {
    /* left */
    border-radius: 0.3em 0 0 0.3em;
    margin-right: -0.25em;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-button.h5p-sort-paragraphs-paragraph-button-down {
    /* right */
    border-radius: 0 0.3em 0.3em 0;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph-container {
    border: 0px solid transparent;
    margin-right: 1em;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-button.h5p-sort-paragraphs-disabled {
    background-color: #aaa;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-separator {
    height: 0.2em;
    margin: 0.2em 0;
}



/* at_quiz_slider */

#at_quiz_slider.swiper {
    overflow: hidden;
    width: 85%;
    margin: auto;
    height: 80px;
}

@media screen and (max-width:1024px) {
    #at_quiz_slider.swiper {
        width: 60%;
    }

}

#at_quiz_slider .swiper-slide {
    text-align: center;
    display: flex;
    align-items: stretch;
    flex-direction: column;
}

.exem-btn {
    font-family: "Open Sans Hebrew", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    background-color: var(--e-global-color-primary);
    border-radius: 24px 24px 24px 24px;
    box-shadow: 0px 2px 0px 0px #000000 !important;
    padding: 24px 16px 24px 16px;
    color: #fff;
}

.exem-btn:hover {
    background-color: var(--e-global-color-accent) !important;
    color: #fff !important;
}

.exem-btn.done {
    background-color: #388325;
}



/* --------------------------- */

.databy.active {
    background: #8F465E !important;
}



/* ---------at_box----------- */

.at_top_info_wraper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

#at_top_info {
    flex-basis: 35%;
}

#at_top_chart {
    flex-basis: 65%;
}

.at_box_wraper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.at_box {
    display: flex;
    flex-direction: column;
    flex-basis: 23%;
    align-items: stretch;
    gap: 10px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    padding: 25px;
    background: #fff;
}

.at_box h4 {
    font-weight: 700;
    color: #8F465E;
    font-size: 2rem;
}

.at_box_lessons_toggle {
    color: #8F465E;
    cursor: pointer;
}

.at_box_lessons .btn {
    font-size: 16px;
    border-bottom: 1px solid gray;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.at_box a.btn button {
    width: 100%;
    text-align: center;
    font-family: "Open Sans Hebrew", Sans-serif;
    font-size: 1rem;
    font-weight: 500;
    fill: var(--e-global-color-a007eb2);
    color: var(--e-global-color-a007eb2);
    background-color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    border-color: var(--e-global-color-text);
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    padding: 10px 20px 10px 20px;
    margin: 10px 0;
}

.at_box_wraper.at_box_wraper_usr {
    margin-top: 20px;
}

#students_report {
    display: none;
}

.wpProQuiz_content {
    display: none !important;
}

.grassblade_show_results {
    display: none !important;
}