@font-face {
    font-display: swap;
    font-family: 'MyRobotoLocal';
    font-style: normal;
    font-weight: 200;
    src: url('../assets/fonts/roboto-v48-latin-200.woff2') format('woff2'),
        url('../assets/fonts/roboto-v48-latin-200.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'MyRobotoLocal';
    font-style: italic;
    font-weight: 200;
    src: url('../assets/fonts/roboto-v48-latin-200italic.woff2') format('woff2'),
        url('../assets/fonts/roboto-v48-latin-200italic.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'MyRobotoLocal';
    font-style: normal;
    font-weight: 400;
    src: url('../assets/fonts/roboto-v48-latin-regular.woff2') format('woff2'),
        url('../assets/fonts/roboto-v48-latin-regular.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'MyRobotoLocal';
    font-style: italic;
    font-weight: 400;
    src: url('../assets/fonts/roboto-v48-latin-italic.woff2') format('woff2'),
        url('../assets/fonts/roboto-v48-latin-italic.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'MyRobotoLocal';
    font-style: normal;
    font-weight: 700;
    src: url('../assets/fonts/roboto-v48-latin-700.woff2') format('woff2'),
        url('../assets/fonts/roboto-v48-latin-700.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'MyRobotoLocal';
    font-style: italic;
    font-weight: 700;
    src: url('../assets/fonts/roboto-v48-latin-700italic.woff2') format('woff2'),
        url('../assets/fonts/roboto-v48-latin-700italic.ttf') format('truetype');
}



.h5p-content,
.h5p-content *,
.h5p-container,
.h5p-container *,
.h5p-iframe,
.h5p-iframe * {
    font-family: 'MyRobotoLocal', sans-serif !important;
}

.h5p-memory-game .h5p-status {
    font-family: 'MyRobotoLocal', sans-serif !important;
    color: black;
    /* background-color: #000000; */
}

.h5p-question-introduction p {
    font-size: 16px !important;
}

/* Overriding the font change so the icons are shown correctly */
.h5p-multichoice .h5p-answer-icon,
li.h5p-sc-alternative .h5p-sc-status,
.h5p-memory-audio-button,
.h5p-memory-audio-button:active {
    font-family: 'h5p-theme' !important;
}

.h5p-drag-text .h5p-drag-droppable-words {
    line-height: var(--h5p-theme-spacing-xl);
}

.h5p-no-frame>.h5p-question>*,
.h5p-transparent>div>.h5p-question>* {
    margin-left: 35px !important;
}

.h5p-question-buttons.has-scorebar {
    width: calc(100% - 15em - 65px);
}

.h5p-solution-icon-radio {
    font-family: 'icomoon-multichoice' !important;
}

#h5p-intro-1 {
    display: none;
}

.h5p-memory-hidden-read {
    display: none !important;
}