:root {
    --eduactive-primary-color: var(--custom-theme-primary-color, #05B6B1);
    --eduactive-primary-light-color: var(--custom-theme-primary-light-color, #CDF0EF);
    --eduactive-primary-extra-light-color: var(--custom-theme-primary-extra-light-color, #F2FBFB);
    --eduactive-font-family: var(--custom-theme-font-family, "Poppins", sans-serif);
    --eduactive-font-color: var(--custom-theme-font-color, #384761);

    --eduactive-correct-color: var(--custom-theme-correct-color, #D7FFB8);
    --eduactive-correct-dark-color: var(--custom-theme-correct-dark-color, #3CAD02);
    --eduactive-incorrect-color: var(--custom-theme-incorrect-color, #FFDFE0);
    --eduactive-incorrect-dark-color: var(--custom-theme-incorrect-dark-color, #FC6B57);

    /* Question Font */
    --custom-question-font-family: var(--eduactive-font-family);
    --custom-question-font-color: var(--eduactive-font-color);

    /* Common Question Layout */
    --custom-question-border-radius: 5px;
    --custom-question-button-color: var(--eduactive-primary-color);
    --custom-question-button-hover-color: var(--eduactive-primary-color);

    /* Question Interactions */
    --custom-interaction-border-color: var(--eduactive-font-color);
    --custom-interaction-element-color: var(--eduactive-primary-light-color);
    --custom-interaction-element-padding: 5px;

    /* Question Feedback */
    --custom-question-feedback-background: var(--eduactive-primary-light-color);
    --custom-question-feedback-correct-light: var(--eduactive-correct-color);
    --custom-question-feedback-correct-dark: var(--eduactive-correct-dark-color);
    --custom-question-feedback-incorrect-light: var(--eduactive-incorrect-color);
    --custom-question-feedback-incorrect-dark: var(--eduactive-incorrect-dark-color);
    --custom-question-solution-color: var(--eduactive-font-color);
    --custom-question-solution-border: 1px solid var(--eduactive-primary-color);
}

/* poppins-regular - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'eduactive-icon-font';
  src:
    url('fonts/eduactive-icon-font.ttf?guih16') format('truetype'),
    url('fonts/eduactive-icon-font.woff?guih16') format('woff'),
    url('fonts/eduactive-icon-font.svg?guih16#eduactive-icon-font') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="eduactive-icon-"], [class*=" eduactive-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'eduactive-icon-font' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  text-decoration-skip-ink: none;
}
a:hover {
  color: inherit;
  background: initial;
}
.eduactive-icon-pokal:before {
  content: "\e90d";
  color: var(--eduactive-primary-color);
}
.eduactive-icon-local_library:before {
  content: "\e900";
}
.eduactive-icon-tips_and_updates:before {
  content: "\e901";
}
.eduactive-icon-warning:before {
  content: "\e902";
}
.eduactive-icon-find_in_page:before {
  content: "\e903";
}
.hot_streak:before {
  content: "\e904";
  font-family: 'eduactive-icon-font';
  margin-right: 2px;
}
#item-list .correct-1:before,
#summary .correct-1:before {
  content: "\e905"!important;
  font-family: 'eduactive-icon-font';
  margin-right: 0.25rem;
}
#item-list .correct1:before,
#summary .correct1:before {
  content: "\e906"!important;
  font-family: 'eduactive-icon-font';
  margin-right: 0.25rem;
}
#item-list .answered1:before,
#summary .answered1:before {
  content: "\e907";
  font-family: 'eduactive-icon-font';
  margin-right: 0.25rem;
}
#item-list .answered0:before,
#summary .answered0:before {
  content: "\e908";
  font-family: 'eduactive-icon-font';
  margin-right: 0.25rem;
}
.eduactive-icon-menu_book:before {
  content: "\e90c";
}
.eduactive-icon-fact_check:before {
  content: "\e909";
}
.eduactive-icon-undo:before {
  content: "\e90a";
}
.eduactive-icon-done:before {
  content: "\e90b";
}
.eduactive-icon-table_of_contents:before {
  content: "\e90e";
}

div.textbox {
    border-width:3px;
    border-style:solid;
    border-radius:16px;
    padding:30px;
    display:block;
    margin: 1.25rem 0 1.25rem 0;
}

div.textbox-content {
    display:flex;
    flex-wrap:nowrap;
}

div.textbox-icon > .material-icons-round {
    font-size:65px;
}

div.textbox-text {
    padding-left:30px;
}

div.textbox.textbox-rules {
    border-color: var(--eduactive-primary-color);
    background-color: var(--eduactive-primary-light-color);
}

div.textbox.textbox-rules .material-icons-round {
    color: var(--eduactive-primary-color);
}

div.textbox.textbox-tips {
    border-color:#902DA2;
    background-color:#F4EDF5;
}

div.textbox.textbox-tips .material-icons-round {
    color:#902DA2;
}

div.textbox.textbox-warning {
    border-color:#FEC64F;
    background-color:#FFFAEE;
}

div.textbox.textbox-warning .material-icons-round {
    color:#FEC64F;
}

div.textbox.textbox-examples {
    border-color:#3CC2E0;
    background-color:#EAF5F8;
}

div.textbox.textbox-examples .material-icons-round {
    color:#3CC2E0;
}

span.textbubble {
    display: inline-block;
    background-color:#D4D4D4;
    border-radius:8px;
    padding:8px;
    margin:3px;
}

table.custom-table {
    border-collapse:collapse;
}

table.custom-table tr th {
    border: var(--xolrn-question-solution-border);
    background-color: var(--eduactive-primary-light-color);
    padding:8px;
}

table.custom-table > tbody > tr > td {
    border: var(--xolrn-question-solution-border);
    padding:8px;
}

.custom-fold {
    border: var(--xolrn-question-solution-border);
    border-radius: var(--xolrn-question-border-radius);
    padding: 0.5em;
    margin: 1rem 0;
}
.custom-fold a,
.custom-fold a:visited {
    color: inherit;
    text-decoration: none;
}
.custom-fold > div {
    margin-top: 0.5em;
}

body .xoqt-interaction input.w-1 { width: 1em; }
body .xoqt-interaction input.w-2 { width: 2em; }
body .xoqt-interaction input.w-3 { width: 3em; }
body .xoqt-interaction input.w-4 { width: 4em; }
body .xoqt-interaction input.w-5 { width: 5em; }
body .xoqt-interaction input.w-6 { width: 6em; }
body .xoqt-interaction input.w-7 { width: 7em; }
body .xoqt-interaction input.w-8 { width: 8em; }
body .xoqt-interaction input.w-9 { width: 9em; }
body .xoqt-interaction input.w-10 { width: 10em; }
body .xoqt-interaction input.w-11 { width: 11em; }
body .xoqt-interaction input.w-12 { width: 12em; }
body .xoqt-interaction input.w-13 { width: 13em; }
body .xoqt-interaction input.w-14 { width: 14em; }
body .xoqt-interaction input.w-15 { width: 15em; }
body .xoqt-interaction input.w-16 { width: 16em; }
body .xoqt-interaction input.w-17 { width: 17em; }
body .xoqt-interaction input.w-18 { width: 18em; }
body .xoqt-interaction input.w-19 { width: 19em; }
body .xoqt-interaction input.w-20 { width: 20em; }
body .xoqt-interaction input.w-21 { width: 21em; }
body .xoqt-interaction input.w-22 { width: 22em; }
body .xoqt-interaction input.w-23 { width: 23em; }
body .xoqt-interaction input.w-24 { width: 24em; }
body .xoqt-interaction input.w-25 { width: 25em; }
body .xoqt-interaction input.w-26 { width: 26em; }
body .xoqt-interaction input.w-27 { width: 27em; }
body .xoqt-interaction input.w-28 { width: 28em; }
body .xoqt-interaction input.w-29 { width: 29em; }
body .xoqt-interaction input.w-30 { width: 30em; }
body .xoqt-interaction input.w-31 { width: 31em; }
body .xoqt-interaction input.w-32 { width: 32em; }
body .xoqt-interaction input.w-33 { width: 33em; }
body .xoqt-interaction input.w-34 { width: 34em; }
body .xoqt-interaction input.w-35 { width: 35em; }
body .xoqt-interaction input.w-36 { width: 36em; }
body .xoqt-interaction input.w-37 { width: 37em; }
body .xoqt-interaction input.w-38 { width: 38em; }
body .xoqt-interaction input.w-39 { width: 39em; }
body .xoqt-interaction input.w-40 { width: 40em; }
body .xoqt-interaction input.w-41 { width: 41em; }
body .xoqt-interaction input.w-42 { width: 42em; }
body .xoqt-interaction input.w-43 { width: 43em; }
body .xoqt-interaction input.w-44 { width: 44em; }
body .xoqt-interaction input.w-45 { width: 45em; }
body .xoqt-interaction input.w-46 { width: 46em; }
body .xoqt-interaction input.w-47 { width: 47em; }
body .xoqt-interaction input.w-48 { width: 48em; }
body .xoqt-interaction input.w-49 { width: 49em; }
body .xoqt-interaction input.w-50 { width: 50em; }

div.feedback:empty {
    display: none;
}