html.h5p-iframe {
    font-size: 1em;
    color:black;
    line-height: 1.5em !important;
     font-family: Arial;
     font-weight: normal;
}
.h5p-column-content.h5p-image img,
.h5p-question-video.h5p-video.h5p-youtube iframe{
width:50% !important;
    text-align: center;
    margin-left:auto;margin-right:auto;

}
.h5p-question-video.h5p-video.h5p-youtube iframe{
    max-height:300px !important;
}
.h5p-question-video.h5p-video.h5p-youtube,
.h5p-column-content.h5p-image{
    text-align: center;

}
.h5p-question-video.h5p-video.h5p-youtube{

        max-height:300px !important;
}

.h5p-column-content.h5p-image {
    text-align: center !important;

}
.h5p-true-false-answer:hover {
    background: yellow;
}
.h5p-interactive-book-chapter .h5p-question-buttons.h5p-question-visible {
    display:none;
}


/* H5P IMAGES SEQUENCING */
@media (min-width: 920px) {
.sequencing-item {
    position: relative;
    width: 228px;
    padding: 0px;
    height: auto;
    float: left;
    display: inline-block;
    border-radius: 0px;
    margin: 0px;
    cursor: pointer;
    border: none;
    margin-top: -7px;
    /*! top:111px; */
}
.sequencing-item:hover {

}
.sequencing-item.selected {
    border: none;
}
.sequencing-dropzone {
    width: 168px;
    padding: 0px;
    height: 128px;
    float: left;
    border-radius: 0px;
    margin: 0px;
    cursor: pointer;
    border: none;
    background-color: none;
    border: none;
}
.draggabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.draggabled .image-container {
    width: 228px;
    height: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: center;
}
.draggabled .image-container img {
  transform: none;
}
.draggabled .image-desc {

    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1em;
    font-weight: 600;
    color: blue;
    padding:0px;
}
.h5p-image-sequencing > ul {
    BACKGROUND: black;
    width: 999px;
}
 .h5p-question-content, .h5p-question-introduction {
    font-size: 1em;
    color:black;
    line-height: 1.5em !important;
     font-family: Arial;
     font-weight: normal;
}
.footer-container {
    position:absolute;
    bottom:0px;
    z-index: 999;
    background: rgba(255,255,255,.3);
    border-top-right-radius: 50%;
}
.footer-container:hover {
        background: rgba(255,255,255,1);
}
.h5p-image-pair-item {
  width: 11.6em;
  height: 11.6em;
}
.h5p-image-pair-item .image-container {
  width: 11.6em;
  height: 11.6em;
}
.h5p-image-pair-images-paired .card-paired {
  width: 7.3em;
  height: 7.3em;
}
.h5p-image-pair-images-paired .card-paired {
  top: -4.2em;
  left: 3.5em;
}
}

/** TAJNICKA CROSSWORDS **/

.h5p-crossword .h5p-crossword-input-fields-group-wrapper {
  margin-bottom: 0em;
}
.h5p-crossword .h5p-crossword-input-fields-group-wrapper-clue,
.h5p-crossword .h5p-crossword-input-fields-group-title{
    display:none;
}

.h5p-crossword .h5p-crossword-input-fields-group-wrapper-clue.h5p-crossword-input-fields-group-clue-highlight-focus {
    align-items: baseline;
    display: flex;
    flex-direction: row;
    line-height: 1.25em;
}
.h5p-crossword-input-fields-group-wrapper input {
    display:none !important;
}


/** TIMELINE **/
.vco-storyjs {
  font-family: 'Arial', Arial, sans-serif !important;
}
.vco-storyjs .vco-feature h1, .vco-storyjs .vco-feature h2, .vco-storyjs .vco-feature h3, .vco-storyjs .vco-feature h4, .vco-storyjs .vco-feature h5, .vco-storyjs .vco-feature h6 {
  font-family: 'Catamaran', Arial, sans-serif !important;
}
div .vco-storyjs p, .vco-storyjs blockquote, .vco-storyjs blockquote p, .vco-storyjs .twitter blockquote p {
  font-family: 'Arial', Arial, sans-serif !important;
}
.vco-storyjs h1, .vco-storyjs h2, .vco-storyjs h3, .vco-storyjs h4, .vco-storyjs h5, .vco-storyjs h6, .vco-storyjs p, .vco-storyjs blockquote, .vco-storyjs pre, .vco-storyjs a, .vco-storyjs abbr, .vco-storyjs acronym, .vco-storyjs address, .vco-storyjs cite, .vco-storyjs code, .vco-storyjs del, .vco-storyjs dfn, .vco-storyjs em, .vco-storyjs img, .vco-storyjs q, .vco-storyjs s, .vco-storyjs samp, .vco-storyjs small, .vco-storyjs strike, .vco-storyjs strong, .vco-storyjs sub, .vco-storyjs sup, .vco-storyjs tt, .vco-storyjs var, .vco-storyjs dd, .vco-storyjs dl, .vco-storyjs dt, .vco-storyjs li, .vco-storyjs ol, .vco-storyjs ul, .vco-storyjs fieldset, .vco-storyjs form, .vco-storyjs label, .vco-storyjs legend, .vco-storyjs button, .vco-storyjs table, .vco-storyjs caption, .vco-storyjs tbody, .vco-storyjs tfoot, .vco-storyjs thead, .vco-storyjs tr, .vco-storyjs th, .vco-storyjs td, .vco-storyjs .vco-container, .vco-storyjs .content-container, .vco-storyjs .media, .vco-storyjs .text, .vco-storyjs .vco-slider, .vco-storyjs .slider, .vco-storyjs .date, .vco-storyjs .title, .vco-storyjs .messege, .vco-storyjs .map, .vco-storyjs .credit, .vco-storyjs .caption, .vco-storyjs .vco-feedback, .vco-storyjs .vco-feature, .vco-storyjs .toolbar, .vco-storyjs .marker, .vco-storyjs .dot, .vco-storyjs .line, .vco-storyjs .flag, .vco-storyjs .time, .vco-storyjs .era, .vco-storyjs .major, .vco-storyjs .minor, .vco-storyjs .vco-navigation, .vco-storyjs .start, .vco-storyjs .active {
  line-height: 1.2em !important;
}


/** SPEAK THE WORDS SET **/
.h5p-speak-the-words-set .h5p-question, .h5p-speak-the-words-set .footer-navigation {
    background:white !important;
}
.h5p-speak-the-words-set .h5p-question-image, .h5p-question-content {
    text-align:center;
}
.h5p-speak-the-words-set .h5p-question-image {
    position:relative;
    top:1em;
}

/** AGAMOTTO **/

.h5p-agamotto .h5p-agamotto-image-top {
  left:0;
}
.h5p-agamotto .h5p-agamotto-image-bottom {
  left:0;
}

/** IMAGE HOTSPOTS **/
.fullscreen-popup .h5p-image-hotspot-popup-content {
font-size: 80%;
    background:gray;
    color:white;
    padding: 1em;
}
.h5p-image-hotspot-close-popup-button {
  top: 2em;
  right: 2em;
}