/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.wp-playlist-item-title, .wp-playlist-caption{
    white-space: normal !important;
}

/*

Images quiz modal style
_______________________________________
*/

.images-quiz-training .modal-content{
    padding: 15px;
}

.images-quiz-training
{
    text-align: center;
}

.images-quiz-training .success-answer{
    box-shadow: 0px 0px 10px green;
}
.images-quiz-training .fail-answer{
    filter: contrast(0.7) drop-shadow(0px 0px 10px red);
    transition: 0.5s;
    animation-duration: 0.9s;
}
.images-quiz-training .success-answer{
    filter: contrast(1.5) drop-shadow(0px 0px 10px green);
    transition: 0.5s;
    animation-duration: 0.9s;
}

.overflow-hidden{
    overflow: hidden;
}
.answers span{
    font-weight: bold;
    font-size: large;
}
.checked-answer{
    padding-top: 15px;
}

/* The Modal (background) */
.quiz-box{
    position: fixed;
    z-index: 9999;
    padding-top: 2%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000000e3;
}

/* Modal Content */
.quiz-body {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 100%;
    max-width: 1200px;
}