@import url('https://fonts.googleapis.com/css?family=Cabin+Sketch|Fredericka+the+Great|Titan+One&display=swap');
:root {
    --main-color: #d33;
    --color-gradient1: #ee7752;
    --color-gradient2: #e73c7e;
    --color-gradient3: #23a6d5;
    --color-gradient4: #23d5ab;
}


/** ICONOS **/
.xx-visual-quizz .ld-icon-quiz::before {
    content: "";
}

.xx-visual-quizz i.fa,
.xx-visual-quizz i.fas,
.xx-visual-quizz i.far {
    font-size: 1.2em;
    position: absolute;
    /* left: 5px; */
    top: 2px;
}

.xx-visual-quizz .ld-quiz-incomplete i,
.xx-visual-quizz .ld-status-incomplete i {
    color: #555 !important;
}

.pixeladas-IsQuizz .xx-visual-quizz .ld-status-icon {
    border: none !important;
}


/* .xx-visual-quizz .ld-quiz-complete i {
  color: #39c720 !important;
} */


/**
.xx-visual-quizz .ld-quiz-complete i {
  color: #fff !important;
}
.xx-visual-quizz .ld-quiz-complete i::before {
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
}
**/

.learndash-wrapper.lds-template-expanded .ld-lesson-navigation .ld-status-icon .ld-icon-quiz {
    width: 26px;
    height: 26px;
}


/** TABLA DE CONTENIDOS **/
.ld-lesson-topic-list .ld-table-list.ld-topic-list {
    padding: 16px;
}


/*
.xx-talking-quizz i.fa, .xx-talking-quizz i.far, .xx-talking-quizz i.fas {
  color: cornflowerblue;
}
.xx-writting-quizz i.fa, .xx-writting-quizz i.far, .xx-writting-quizz i.fas {
  color: cadetblue;
}
.xx-reading-quizz i.fa, .xx-reading-quizz i.far, .xx-reading-quizz i.fas {
  color: darkgoldenrod;
}
.xx-listening-quizz i.fa, .xx-listening-quizz i.far, .xx-listening-quizz i.fas {
  color: indianred;
}
.xx-grammar-quizz i.fa, .xx-grammar-quizz i.far, .xx-grammar-quizz i.fas {
  color: blueviolet;
}
.xx-vocabulary-quizz i.fa, .xx-vocabulary-quizz i.far, .xx-vocabulary-quizz i.fas {
  color: #18a002;
} */


/** NO SE DE QUÉ ES **/
.xx-visual-quizz div.ld-topic-title {
    padding-left: 7px;
}


/* TITULOS EN PANTALLA DE CURSOS */
.pixeladas-title-first-line {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    /* box-shadow: #ccccccaa 0 11px 5px -9px; */
    border-bottom: #ccc dotted 3px;
    margin-bottom: 10px;
}
.pixeladas-title-first-line+br {
    display: none;
}


/** TÍTULOS EN MODO FOCUS **/
.learndash-wrapper .ld-focus .ld-focus-main div.ld-focus-content>h1 {
    font-size: 2rem;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 10px -10px;
    padding-bottom: 1rem;
    padding-top: 1rem;
    margin-bottom: 4rem;
    letter-spacing: -1px;
}
@media (min-width: 760px) {
    .learndash-wrapper .ld-focus .ld-focus-main div.ld-focus-content>h1 {
        font-size: 2vw;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 10px -10px;
    }
}
.learndash-wrapper .ld-focus .ld-focus-main div.ld-focus-content {
    padding-top: 60px;
}

/* Panel izquierdo focus mode. Título de cuestionario seleccionado */
.learndash-wrapper .ld-course-navigation .ld-table-list.ld-topic-list .ld-table-list-item .ld-table-list-item-preview.ld-is-current-item {
    color: var(--main-color);
}
.learndash-wrapper .ld-course-navigation .ld-table-list.ld-topic-list .ld-table-list-item .ld-table-list-item-preview {
    background-color: #FFFFFF00;
    /* background-image: linear-gradient(120deg, var(--color-gradient1), var(--color-gradient2), var(--color-gradient3), var(--color-gradient4)); */
    background-repeat: no-repeat;
    background-size: 100% 0%;
    /* background-position: 0 88%; */
    transition: 0.3s ease-in;
    transition-delay: 0s;
    border-radius: 0px;
    animation: quizz-gradient-background-animation 10s ease-in-out infinite;
}
@keyframes quizz-gradient-background-animation {
    0% {background-position: 0% 88%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}

.learndash-wrapper .ld-course-navigation .ld-table-list.ld-topic-list .ld-table-list-item .ld-table-list-item-preview.ld-is-current-item
, .learndash-wrapper .ld-course-navigation .ld-table-list.ld-topic-list .ld-table-list-item .ld-table-list-item-preview:hover {
    background-image: linear-gradient(120deg, var(--color-gradient1), var(--color-gradient2), var(--color-gradient3), var(--color-gradient4));
    background-color: var(--color-gradient3);
    background-size: 400% 400%;
    border-radius: 20px;
    color: white !important;
}

/* Agrandamos títulos de tema, pero no de topic */
.learndash-wrapper a.ld-table-list-item-preview .ld-topic-title {
    font-size: 1.4em;
}

.ld-table-list-item.pixeladas-IsQuizz {
    margin-left: 16px;
    border-left-color: gray;
    border-left-style: dotted;
    border-left-width: 1px;
}

.learndash-wrapper .pixeladas-IsQuizz a.ld-table-list-item-preview .ld-topic-title {
    font-size: 1.1em;
}

.ld-lesson-item .ld-table-list-item.pixeladas-IsTopic {
    box-shadow: 0 8px 6px -8px #00000042;
}


/* Quitamos cuestionarios del grid dentro del curso */
.ld-lesson-topic-list .pixeladas-IsQuizz {
    display: none;
}


/** Quitamos el grid de progreso de las preguntas del cuestionario**/

.learndash-wrapper .wpProQuiz_reviewDiv {
    display: none !important;
}


/* TÍTULOS H3 DE TOOLTIPS */

.super-box {
    width: 160px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 200px;
    background: linear-gradient(-45deg, var(--color-gradient1), var(--color-gradient2), var(--color-gradient3), var(--color-gradient4));
    background-size: 400% 400%;
    animation: superbox-gradient-background 10s ease-in-out infinite;
}

@keyframes superbox-gradient-background {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.super-box-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.super-box .box {
    position: absolute;
    width: 150px;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 200px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.super-box .icon {
    position: relative;
    /* margin-top: 8px; */
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0.0s;
    transition-delay: 0.0s;
    will-change: transform;
}

.super-box .icon img {
    width: 38px;
}

.super-box .inside-text {
    position: absolute;
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 200px;
    padding-top: 60px;
    font-size: 1.4rem;
    text-align: center;
    overflow: visible;
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
}

.super-box .icon-bg {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid rgba(225, 227, 232, 0.18);
    -webkit-box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);
    box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition-delay: 0.0s;
    transition-delay: 0.0s;
    will-change: transform;
}

.xx-tooltip-help-marca-la-correcta .super-box .icon-bg {
    background-color: #eef5fd;
}

.xx-tooltip-help-rellena-espacios-blanco .super-box .icon-bg,
.xx-tooltip-help-escucha-rellena .super-box .icon-bg {
    background-color: #f4f7f9;
}

.super-box:hover .icon-bg {
    -webkit-transform: translateY(-105px) scale(6);
    transform: translateY(-105px) scale(6);
}

.super-box:hover .box {
    /*   border: 1px solid rgba(225, 227, 232, 0.18); */
    -webkit-box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);
    box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);
    -webkit-transition-delay: 0.0s;
    transition-delay: 0.0s;
}

.super-box:hover .icon {
    -webkit-transform: translateY(-20px) scale(1.4);
    transform: translateY(-20px) scale(1.4);
}

.super-box:hover .inside-text {
    opacity: 1;
}

.super-box .text {
    position: relative;
    display: block;
    top: -50px;
    width: 135px;
    text-align: center;
    line-height: normal;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0.0s;
    transition-delay: 0.0s;
    margin: 0px auto;
}

.super-box .text .title {
    position: relative;
    /* font-family: 'Fredericka the Great', cursive; */
    /* font-family: 'Cabin Sketch', cursive; */
    font-family: 'Montserrat', cursive;
    font-size: 1.3rem;
    color: white;
}

.super-box:hover .text {
    opacity: 0;
    -webkit-transform: translateY(14px) scale(.8);
    transform: translateY(14px) scale(.8);
}

.super-box:hover .box::after {
    opacity: 1;
}

.super-box .help-icon {
    position: absolute;
    opacity: 0;
    transition: all 1.0s ease;
    -webkit-transition: all 1.0s ease;
    top: 10px;
    right: 10px;
}

.super-box:hover .help-icon {
    transform: translate3d(15px, -15px, 0px);
    opacity: 1;
    z-index: 99999;
}


/* TOOLTIPS */

h3.xx-tooltip-help {
    display: none;
}

.help-icon svg {
    color: #d33;
    /* font-size: 2rem;
   padding: 1rem; */
}

div.xx-title-box {
    display: grid;
    margin-bottom: 10px;
    margin-top: 20px;
}

.xx-title-box div.xx-help-gif-image {
    overflow: visible;
    transition: all .2s ease-out;
    height: 0px;
    padding-top: 2px;
    text-align: center;
    margin-top: -130px;
    margin-bottom: 130px;
}

.xx-title-box div.xx-help-gif-image img {
    position: relative;
    background: white;
    width: 0px;
    max-width: 100%;
    height: auto;
    overflow: visible;
    padding: 0px;
    transition: all .2s ease-out;
}

.xx-title-box.active div.xx-help-gif-image img {
    width: 480px;
    height: auto;
    z-index: 1000;
    box-shadow: rgb(0, 0, 0, 0.2) 0px 1px 39px -10px;
    transition: all .2s ease-out;
}


/* CABECERAS DE MATRIX SORTING */

.wpProQuiz_matrixSortString h5.wpProQuiz_header {
    display: none;
}


/* CABECERAS DE PREGUNTAS */

.wpProQuiz_question_text,
.wpProQuiz_question_text p {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    /* font-weight: bold; */
}

.learndash-wrapper .wpProQuiz_content ul.wpProQuiz_questionList input.wpProQuiz_questionInput {
    min-width: 15px;
}


/* TABLAS DE PRECIOS / PRICING TABLES */

.rpt_title img.rpt_recommended {
    top: 15px !important;
}


/* ENLACE DESCARGA PDF */

.text-download-pdf a {
    color: var(--main-color);
}