@import url('https://fonts.googleapis.com/css?family=Roboto:400, Roboto:600');
@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,800&display=swap');

/*getting started tutorials*/
.h5p-advanced-text ul li, .h5p-advanced-text ol li{
    margin: 0 0 0em 1.5em !important;
}
.h5p-column a{
   color: #d54890 !important;
   text-decoration: none;
}
.h5p-column a:hover{
   text-decoration: underline;
}
.h5p-course-presentation .h5p-box-wrapper{
  box-shadow: none !important;
}
.h5p-column, .h5p-course-presentation{
  /* font-family: 'Nunito', sans-serif !important;**/
}
.h5p-course-presentation{
    font-family: Sans-Serif !important;
}
/*comments in CP*/
.h5p-course-presentation .h5p-element-solution{
right: 3px  !important;
top: -5px  !important;
}
[class^="joubel-icon-"], [class*=" joubel-icon-"]{
    font-size: 1em  !important;
}
.joubel-icon-comment-normal .h5p-icon-question:before{
content: "\e905"  !important;
}



/*interactive book examples CSS */

[data-content-id="1291393348260335988"] .h5p-interactive-book-chapter>div{
padding: 1em; 
    font-family: 'Roboto', sans-serif !important;
}

[data-content-id="1291393348260335988"] .h5p-interactive-book-status-chapter .title,
[data-content-id="1291393348260335988"] .h5p-interactive-book-navigation-chapter-button,
[data-content-id="1291393348260335988"] .h5p-interactive-book-navigation-chapter-title-text,
[data-content-id="1291393348260335988"] .h5p-interactive-book-status-progress-number,
[data-content-id="1291393348260335988"] .h5p-interactive-book-navigation-chapter-button,
[data-content-id="1291393348260335988"] .h5p-interactive-book-cover,
[data-content-id="1291393348260335988"] .h5p-[data-content-id="1291393348260335988"] .interactive-book-[data-content-id="1291393348260335988"] .h5p-[data-content-id="1291393348260335988"] .cover-readbutton button,
[data-content-id="1291393348260335988"]  .h5p-interactive-book-navigation-maintitle .navigation-title,
[data-content-id="1291393348260335988"] .h5p-interactive-book-navigation-sectionlist .h5p-interactive-book-navigation-section .section-button
 {
    font-family: 'Roboto', sans-serif !important;
}
[data-content-id="1291393348260335988"] .h5p-agamotto .h5p-agamotto-passepartout-horizontal {
    padding-left: 0px;
    padding-right: 0px;
}

[data-content-id="1291393348260335988"] .h5p-column-content { 
box-shadow: -1px 0px 20px -5px rgba(0,0,0,0.25);
-webkit-box-shadow: -1px 0px 20px -5px rgba(0,0,0,0.25);
-moz-box-shadow: -1px 0px 20px -5px rgba(0,0,0,0.75);
border: solid 25px white;
margin: 10px;
}
[data-content-id="1291393348260335988"] .h5p-column-content:before {
  /*  content:"See the example below";*/
    line-height: 1.85em !important;
    font-size: 1.15em !important;    
    display: block;
font-weight: bold;
    color: #9b59b6;
    padding: 10px;
    text-align: center !important;
 }

[data-content-id="1291393348260335988"] .h5p-advanced-text,
[data-content-id="1291393348260335988"] .h5p-image{
box-shadow: none !important;
border: 0px !important;
    line-height: 1.85em !important;
    font-size: 1.15em !important;
    text-align: center !important;
}
[data-content-id="1291393348260335988"] .h5p-advanced-text:before,
[data-content-id="1291393348260335988"] .h5p-image:before,
[data-content-id="1291393348260335988"] .h5p-link:before{
content:"" !important;
 border-bottom:  none !important;
padding:  0  !important;
 }


[data-content-id="1291393348260335988"] .h5p-link{
text-align: center;
color: #ffffff;
background-color: #9b59b6;
padding: 10px;
border: solid 2px #9b59b6;
margin: 1em;
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
}
[data-content-id="1291393348260335988"] .h5p-link a{
color: #ffffff !important;
}

/*END interactive book examples CSS */

/* Interactive book here: https://documentation.h5p.com/content/1290398144756675658 */
[data-content-id="1290398144756675658"] .h5p-interactive-book-navigation-chapter-button .h5p-interactive-book-navigation-chapter-title-text {
  overflow: visible;
  white-space: normal;
  padding-left: 0.5em;
  padding-right: 1em;
}

[data-content-id="1290398144756675658"] .h5p-interactive-book-content .h5p-column-content:first-child {
  margin-top: 1em;
}

[data-content-id="1290398144756675658"] .h5p-interactive-book-navigation-chapter-button {
  height: auto;
  padding-top: 1em;
  padding-bottom: 1em;
}

[data-content-id="1290398144756675658"] .h5p-interactive-book-navigation-chapter-button .h5p-interactive-book-navigation-chapter-progress {
  align-self: auto;
  top: auto;
}

.fnoks-special-header {
  background-color: rgb(24, 109, 247);
  margin: 0 -1em;
  padding: 0.5em 1em;
  color: #fff;
}


/* USERPILOT EXAMPLES */
[data-content-id="1293040998201355938"] .h5p-flashcards .h5p-flashcards-heading {
display:none !important;
}
[data-content-id="1293040998201355938"] .h5p-flashcards .h5p-card {
    width: calc(var(--h5p-theme-spacing-l) * 15) !important;
}
[data-content-id="1293040998201355938"] .h5p-flashcards .h5p-inner {
    margin: 0;  !important;
}
[data-content-id="1293040998201355938"] .h5p-flashcards .h5p-imageholder {
    height: calc(var(--h5p-theme-spacing-xl) * 5)  !important;
}
[data-content-id="1293040998201355938"] .h5p-theme-background{fill:#ffffff; !important}
[data-content-id="1293034072865730157"] .h5p-flashcards .h5p-cardholder{
margin-bottom:0px !important;}
.h5p-blanks .h5p-question-content p{
font-size:16px !important;}

[data-content-id="1293040998201355938"] .h5p-flashcards .h5p-current .h5p-cardholder {
  transform: unset !important;
}

[data-content-id="1293040997074391548"] .h5p-drag-text .h5p-drag-droppable-words, 
[data-content-id="1293040995893791018"] .h5p-blanks .h5p-question-content{
line-height: var(--h5p-theme-spacing-xl) !important;
}