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

#page-course-view-topics header.header-nav,
#page-mod-lesson-view header.header-nav {
  /* background-image: linear-gradient(180deg,rgba(6, 72, 136, .8) 60%, rgba(6, 72, 136, 0) 100%); */
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.6) 50%,
    rgba(0, 0, 0, 0) 100%
  );
  border-bottom: none;
}

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

@media only screen and (max-width: 1199.98px) {
  #page-course-view-topics .mobile-menu .header.stylehome1 {
    background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.6) 50%,
      rgba(0, 0, 0, 0) 100%
    );
  }
}

#page-course-view-topics .inner_page_breadcrumb,
#page-mod-lesson-view .inner_page_breadcrumb {
  background-image: url(/pluginfile.php/606/mod_folder/content/0/img/extensao/cursos/criatividade-producao-digital/capa-curso.jpg);
  background-size: cover;
  background-position: 0 0;
}

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

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

#page-course-view-topics .inner_page_breadcrumb:before,
#page-mod-lesson-view .inner_page_breadcrumb:before {
  /* background-image: linear-gradient(0deg, rgba(20, 102, 184, .5), rgba(230, 91, 26, .5)); */
  /* background-image: linear-gradient(0deg, rgb(0 54 107) 30%, rgba(230, 91, 26, .5) 100%); */
  background-image: linear-gradient(
    0deg,
    rgba(6, 129, 177, 1) 4%,
    rgba(0, 51, 102, 1) 40%
  );
  background-blend-mode: multiply, overlay, normal;
  opacity: 0.5;
}

/* Se quisermos colocar um divisor no bottom da capa */
#page-course-view-topics .inner_page_breadcrumb:after,
#page-mod-lesson-view .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: block; */
  display: none;
  width: 100%;
  position: relative;
  bottom: 100px;
  height: 100px;
}

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

/* Tablet */
@media (min-width: 768px) {
}

/* Small Desktop */
@media (min-width: 992px) {
}

/* Medium Desktop */
@media (min-width: 1200px) {
}

/* Large Desktop */
@media (min-width: 1600px) {
  #page-course-view-topics .inner_page_breadcrumb,
  #page-mod-lesson-view .inner_page_breadcrumb {
    background-position: 0 0;
  }
}