/* -- CSS PARA CONFIGURAÇÕES GERAIS DO CURSO -- */

/* -- HEADER (Configura a capa do curso que aparecerá no topo da página (área de breadcrumb) -- */

#page-mod-page-view header.header-nav,
#page-course-view-topics header.header-nav,
#page-mod-lesson-view header.header-nav,
#page-mod-quiz-view header.header-nav,
#page-mod-quiz-attempt header.header-nav,
#page-mod-quiz-review header.header-nav {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%) !important;
    border-bottom: none;
}

#page-mod-page-view header.header-nav.stricky-fixed,
#page-course-view-topics header.header-nav.stricky-fixed,
#page-mod-lesson-view header.header-nav.stricky-fixed,
#page-mod-quiz-view header.header-nav.stricky-fixed,
#page-mod-quiz-attempt header.header-nav.stricky-fixed,
#page-mod-quiz-review header.header-nav.stricky-fixed {
    background-image: none;
}

@media only screen and (max-width: 1199.98px) {

    #page-mod-page-view .mobile-menu .header.stylehome1,
    #page-course-view-topics .mobile-menu .header.stylehome1,
    #page-mod-lesson-view .mobile-menu .header.stylehome1,
    #page-mod-quiz-view .mobile-menu .header.stylehome1,
    #page-mod-quiz-attempt .mobile-menu .header.stylehome1,
    #page-mod-quiz-review .mobile-menu .header.stylehome1 {
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, 0) 100%);
    }
}

@media(max-width:575px) {

    #page-mod-page-view .inner_page_breadcrumb,
    #page-course-view-topics .inner_page_breadcrumb,
    #page-mod-lesson-view .inner_page_breadcrumb,
    #page-mod-quiz-view .inner_page_breadcrumb,
    #page-mod-quiz-attempt .inner_page_breadcrumb,
    #page-mod-quiz-review .inner_page_breadcrumb {
        background-image: linear-gradient(180deg, rgb(15 108 191) 0%, rgba(0, 0, 0, 0) 60%),
                          url(/pluginfile.php/606/mod_folder/content/0/img/extensao/cursos/refugios-e-abrigos-climaticos/home/topo-inner-page-mobile.jpg);
        background-position: 10% 0px;
        background-size: cover;
    }
}

@media(max-width:767px) {

    #page-mod-page-view .inner_page_breadcrumb,
    #page-course-view-topics .inner_page_breadcrumb,
    #page-mod-lesson-view .inner_page_breadcrumb,
    #page-mod-quiz-view .inner_page_breadcrumb,
    #page-mod-quiz-attempt .inner_page_breadcrumb,
    #page-mod-quiz-review .inner_page_breadcrumb {
        background-image: linear-gradient(180deg, rgb(15 108 191) 0%, rgba(0, 0, 0, 0) 60%),
                          url(/pluginfile.php/606/mod_folder/content/0/img/extensao/cursos/refugios-e-abrigos-climaticos/home/topo-inner-page-mobile.jpg);
        background-position: 0 0px;
        background-size: cover;
    }
}

@media(min-width:768px) {

    #page-mod-page-view .inner_page_breadcrumb,
    #page-course-view-topics .inner_page_breadcrumb,
    #page-mod-lesson-view .inner_page_breadcrumb,
    #page-mod-quiz-view .inner_page_breadcrumb,
    #page-mod-quiz-attempt .inner_page_breadcrumb,
    #page-mod-quiz-review .inner_page_breadcrumb {
        background-size: cover;
        background-image: linear-gradient(180deg, rgb(15 108 191) 0%, rgba(0, 0, 0, 0) 60%), 
                        url(/pluginfile.php/606/mod_folder/content/0/img/extensao/cursos/refugios-e-abrigos-climaticos/home/topo-inner-page.jpg);
        background-position: 70% 0px;
    }
}

@media(min-width:1900px) {

    #page-mod-page-view .inner_page_breadcrumb,
    #page-course-view-topics .inner_page_breadcrumb,
    #page-mod-lesson-view .inner_page_breadcrumb,
    #page-mod-quiz-view .inner_page_breadcrumb,
    #page-mod-quiz-attempt .inner_page_breadcrumb,
    #page-mod-quiz-review .inner_page_breadcrumb {
        background-position: 0 0px;
    }
}

#page-mod-page-view .inner_page_breadcrumb .breadcrumb_title,
#page-course-view-topics .inner_page_breadcrumb .breadcrumb_title,
#page-mod-lesson-view .inner_page_breadcrumb .breadcrumb_title,
#page-mod-quiz-view .inner_page_breadcrumb .breadcrumb_title,
#page-mod-quiz-attempt .inner_page_breadcrumb .breadcrumb_title,
#page-mod-quiz-review .inner_page_breadcrumb .breadcrumb_title {
    text-shadow: 1px 1px 8px #001A33;
}

#page-mod-page-view .inner_page_breadcrumb .breadcrumb_content,
#page-course-view-topics .inner_page_breadcrumb .breadcrumb_content,
#page-mod-lesson-view .inner_page_breadcrumb .breadcrumb_content,
#page-mod-quiz-view .inner_page_breadcrumb .breadcrumb_content,
#page-mod-quiz-attempt .inner_page_breadcrumb .breadcrumb_content,
#page-mod-quiz-review .inner_page_breadcrumb .breadcrumb_content {
    backdrop-filter: blur(1px);
}

#page-mod-page-view .inner_page_breadcrumb:before,
#page-course-view-topics .inner_page_breadcrumb:before,
#page-mod-lesson-view .inner_page_breadcrumb:before,
#page-mod-quiz-view .inner_page_breadcrumb:before,
#page-mod-quiz-attempt .inner_page_breadcrumb:before,
#page-mod-quiz-review .inner_page_breadcrumb:before {
    background-image: linear-gradient(0deg, rgb(128, 122, 79) 4%, rgba(0, 51, 102, 1) 40%);
    background-blend-mode: multiply, overlay, normal;
    opacity: 0.3;
}

/* Se quisermos colocar um divisor no bottom da capa */
#page-mod-page-view .inner_page_breadcrumb:after,
#page-course-view-topics .inner_page_breadcrumb:after,
#page-mod-lesson-view .inner_page_breadcrumb:after,
#page-mod-quiz-view .inner_page_breadcrumb:after,
#page-mod-quiz-attempt .inner_page_breadcrumb:after,
#page-mod-quiz-review .inner_page_breadcrumb:after {
    background-color: transparent;
    background-image: url(/pluginfile.php/606/mod_folder/content/0/img/extensao/cursos/empreendedorismo-na-pratica/home-curso/divisor.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    content: ".";
    color: transparent;
    display: none;
    width: 100%;
    position: relative;
    bottom: 100px;
    height: 100px;
}

#page-mod-page-view .inner_page_breadcrumb .breadcrumb_content,
#page-course-view-topic .inner_page_breadcrumb .breadcrumb_content,
#page-mod-lesson-view .inner_page_breadcrumb .breadcrumb_content,
#page-mod-quiz-view .inner_page_breadcrumb .breadcrumb_content,
#page-mod-quiz-attempt .inner_page_breadcrumb .breadcrumb_content,
#page-mod-quiz-review .inner_page_breadcrumb .breadcrumb_content {
    backdrop-filter: blur(1px);
}

/* Melhora de legibilidade nos links do menu */
header.header-nav .main-menu ul li a {
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8);
    font-weight: 500;
}

/* Large Desktop */
@media (min-width: 1600px) {

    #page-mod-page-view .inner_page_breadcrumb,
    #page-course-view-topics .inner_page_breadcrumb,
    #page-mod-lesson-view .inner_page_breadcrumb,
    #page-mod-quiz-view .inner_page_breadcrumb,
    #page-mod-quiz-attempt .inner_page_breadcrumb,
    #page-mod-quiz-review .inner_page_breadcrumb {
        background-position: 0 0;
    }
}