/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/* COLORES GLOBALES */
:root {
    --color-principal: #281D44;
    --color-secundariol: #FF5F59;
    --color-texto1: #505068;
    --color-texto2: #281D44;
}
/* Cursos */
nav.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal li.misCursos, a.my-messages-link {
    display: none;
}
.logged-in nav.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal li.misCursos {
    display: block;
}

/* Header */
#SctHeader .elementor-widget-theme-site-logo img {
    filter: brightness(0) invert(1);
}
img.woo-image.thumbnail.alignleft.wp-post-image {
    max-width: 170px;
}
div#cursosDestacadosHome li,div#todosCursos li, #myCouses li {
    width: 50%;
}

/* Destacados */
.elementor-login.elementor-login__logged-in-message a, input.send_message, .nav-prev.fl a, .nav-next.fr a {
    font-size: 16px;
    color: white;
    background: var(--color-principal);
    padding: 10px;
    border-radius: 7px;
    transition: 0.3s;
    border: none;
    font-family: 'Montserrat';
    text-decoration: none;
}
.elementor-login.elementor-login__logged-in-message a:hover, input.send_message:hover, .nav-prev.fl a:hover, .nav-next.fr a:hover {
    background: var(--color-secundariol);
    transition: 0.3s;
}
ul.course-container li.course.type-course {
    border: none;
}
#cursosDestacadosHome h3.course-title a, #todosCursos h3.course-title a, #myCouses h3.course-title a {
    color: var(--color-principal);
    transition: 0.3s;
}
#cursosDestacadosHome h3.course-title a:hover, #todosCursos h3.course-title a:hover, #myCouses h3.course-title a:hover {
    color: var(--color-secundariol);
    transition: 0.3s;
}
#cursosDestacadosHome section.entry, #todosCursos section.entry, #myCouses section.entry {
    display: flex;
    flex-direction: column;
}
#cursosDestacadosHome h3.course-title, #todosCursos h3.course-title, #myCouses h3.course-title {
    min-height: 50px;
    font-size: 20px;
}
#cursosDestacadosHome p.course-excerpt, #todosCursos p.course-excerpt, #myCouses p.course-excerpt {
    margin: 0;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
}
#cursosDestacadosHome img.woo-image.wp-post-image, #todosCursos img.woo-image.wp-post-image, #myCouses img.woo-image.wp-post-image {
    max-width: 376px;
    border-radius: 10px;
    margin-top: 5px;
}
button.elementor-button {
    border-radius: 10px;
}

/* Cuestionario */
button.wp-block-button__link {
    color: #fff;
    background-color: var(--color-principal);
    border-radius: 10px;
    font-family: 'Montserrat';
    border: navajowhite;
}

/* Mi cursos */
section#user-course-status-toggle a.active {
    color: var(--color-secundariol);
}
section#user-course-status-toggle a.inactive {
    color: var(--color-principal);
}
a.button.view-results {
    background-color: var(--color-principal);
    text-transform: initial;
    font-family: 'Montserrat';
    font-size: 0.8em;
    font-weight: 500;
    transition: 0.3s;
}
a.button.view-results:hover {
    background-color: var(--color-secundariol);
    transition: 0.3s;
}

/* Cursos */
.page-content .wp-block-image img {
    border-radius: 10px;
}

/* Modulos */
.sensei-block-wrapper header {
    background: linear-gradient(45deg, var(--color-principal), var(--color-secundariol)) !important;
    border-radius: 10px;
}
.sensei-block-wrapper .wp-block-sensei-lms-course-outline-module-bordered {
    border-radius: 10px;
}

/* Lecciones */
.nav-prev.fl, .nav-next.fr {
    margin: 20px 0px;
}
section.sensei-breadcrumb a, a.button.send-message-button {
    color: var(--color-principal);
    text-decoration: none;
    transition: 0.3s;
}
section.sensei-breadcrumb a:hover, a.button.send-message-button:hover {
    color: var(--color-secundariol);
    transition: 0.3s;
}
a.button.send-message-button {
    border: 2px solid var(--color-principal);
    padding: 10px;
    border-radius: 10px;
    line-height: 3em;
}
ol#sensei-quiz-list li {
    background-color: #e6eaff61;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 3px 3px 7px 0px lightgrey;
}