/* -------------------------------- 

CONFIGURAÇÕES DA TEMPLATE DOS CURSOS (LISTA DE CURSOS, PÁGINA INTERNA DO CURSO E AULAS (LIÇÕES))

Id da página com a listagem dos cursos: page-course-index-category
Id do body da página da lição: page-mod-lesson-view
Id do body da página do curso: page-course-view-topics

-------------------------------- */

/*** LISTAGEM DE CURSOS ***/

#page-course-index-category .courses .courses_list_content .top_courses h5  {
  margin-bottom: 0;
}


/***** SOBRE O CURSO/DISCIPLINA*****/


/* CURSOS NÃO DISPONÍVEIS */
.cursos-nao-disponiveis #ccn-main-region {
  display: none;
}

/***** SOBRE O CURSO/DISCIPLINA*****/

#page-course-view-topics .ccn-4-navigation.container {
  display: none;
}

#page-course-view-topics div#ccn-main-region > .container > .row > div:nth-child(2) {
  padding-top:var(--ifht-sys-spacing-padding-lg);
}

#page-heading-button {
  padding: var(--ifht-ref-espaçamento-2) 0 0;
}

.ccnBlockContent ul li {
  margin-bottom: var(--ifht-ref-espaçamento-2);
  font-size: var(--ifht-sys-paragrafo);
}

/* #page-course-view-topics h3 {
   font-size: var(--ifht-sys-h4);
}

#page-course-view-topics h4 {
   font-size: var(--ifht-sys-h5);
}

#page-course-view-topics h5 {
  font-size: var(--ifht-sys-h6);
} */

/* .ccnBlockContent h3 {
  font-size: var(--ifht-sys-h4);
}

.ccnBlockContent h4 {
  font-size: var(--ifht-sys-h5);
}

.ccnBlockContent h5 {
  font-size: var(--ifht-sys-h6);
} */

.block_cocoon_custom_htm .ccnBlockContent .disciplinas-eletivas ul {
  margin-left: 30px;
}

/*** SIDEBAR ***/
/* Ajusta a ordem que os ítens da sidebar aparecem em relação ao conteúdo do curso */
@media (max-width: 767px) {
    #page-course-view-topics div#ccn-main-region > .container > .row > div:first-child{
        order: 1;
    }
}

.ccn-sidebar-region .block-region .title {
  font-size: var(--ifht-sys-h6);
  font-weight: 600;
  color: var(--ifht-sys-cor-titulos);
  line-height: normal;
  margin-bottom: var(--ifht-sys-spacing-sm);
} 

.ccn-sidebar-region .block-region > div {
  /* background-color: var(--ifht-sys-cor-superficie-1); */
  /* box-shadow: var(--ifht-sys-sombra-menu-lateral); */
  padding: 0;
  border-radius: var(--ifht-sys-raio-borda-md);
  border-color: var(--ifht-sys-cor-borda-extralight);
  /* border-width: var(--ifht-sys-espessura-borda-xs); */
  border-width: 0;
}

/* CAMPO DE BUSCA */
.ccn-sidebar-region .block-region .block_cocoon_globalsearch_sb {
  background-color: transparent;
  padding:0;
}

/* CALENDÁRIO */
.maincalendar .ccn-calendar-header .btn {
  background-color: var(--ifht-botao-secundario-cor-normal);
  border: var(--ifht-button-border-width-sm) solid  var(--ifht-botao-secundario-borda-normal);
  border-radius: var(--ifht-button-border-radius-md);
  color:var(--ifht-botao-secundario-texto-normal);
}

.maincalendar .ccn-calendar-header .ccn-calendar-header-option {
  padding: 10px;
  min-height: 80px;
}

.maincalendar  .ccn-calendar-header .custom-select {
  border: 2px solid #fff;
  height: auto;
  margin-left: 0 !important;
  max-width: 100%;
}

.maincalendar .calendarwrapper .calendarmonth td, .maincalendar .calendarmonth th {
  border: 1px solid var(--ifht-sys-cor-primaria-light);
  color: var(--ifht-sys-cor-neutra-0);
  line-height: 50px;
  font-size: var(--ifht-sys-paragrafo-small);
  font-weight: 500;
}

.maincalendar .calendarwrapper .calendarmonth th {
  text-align: center;
  padding: 0;
  color: var(--ifht-sys-cor-neutra-branco);
  font-weight: 800;
  background: var(--ifht-sys-cor-secundaria-normal);
}

.maincalendar .calendarwrapper .calendarmonth td.today .day-number-circle {
  border-radius: 50%;
  color: var(--ifht-sys-cor-neutra-branco);
  background-color: var(--ifht-sys-cor-terciaria-2-dark);
}

.maincalendar .calendarwrapper .calendar-controls .previous, 
.maincalendar .calendarwrapper .calendar-controls .next, 
.maincalendar .calendarwrapper .calendar-controls .current {
  margin-block: 20px; 
  margin-block: 20px;
  font-size: 18px;
}


/* PERFIL*/
.block_myprofile .myprofileitem.fullname {
  font-size: var(--ifht-sys-h6);
  font-family: var(--ifht-sys-txt-familia-titulo);
  color: var(--ifht-sys-cor-primaria-extradark);
}

/* .block_myprofile {
  background-color: var(--ifht-sys-cor-neutra-branco);
  box-shadow: var(--ifht-sys-sombra-menu-lateral);
  padding: var(--ifht-sys-spacing-padding-md);
  border-radius: var(--ifht-sys-raio-borda-md);
} */

/*** ÁREA DE CONTEÚDO DO CURSO/DISCIPLINA ***/

#page-course-view-topics .page-content {
  margin-top:var(--ifht-sys-spacing-padding-xl);
}

#page-course-view-topics .ccn_custom_html_default div:last-child.page-content {
  padding-bottom: var(--ifht-sys-spacing-lg);
}

#page-course-view-topics .format-topics .course-content .sectionname, 
#page-course-view-topics .format-topics .course-content .sectionname a, 
#page-course-view-topics .format-weeks .course-content .sectionname, 
#page-course-view-topics .format-weeks .course-content .sectionname a, 
#page-course-view-topics .format-weeks .course-content ul.weeks h3.sectionname {
    text-transform:uppercase !important;
}
  
#page-course-view-topics #ccn-main-region {
    background: var(--ifht-sys-cor-neutra-4) !important;
    padding-top: 0;
    padding-bottom: 0;
}

#page-course-view-topics #ccn-main-region .heading__block {
  margin-top: var(--ifht-sys-spacing-lg);
}

  #page-course-view-topics #ccn-main-region #ccn-main {
      margin: 0px 15px;
  }
  
  
  /*** ACCORDION  ***/
  /* Accordions da página de Disciplinas (Conteúdo da Disciplina) */
  #page-course-view-topics .course_content {
      overflow:visible;
  }
  
  #page-course-view-topics li.course-section .course-section-header {
      align-items: flex-start;
      border: none;
      border-bottom: var(--accordion-border-width) solid var(--accordion-border-color) !important;
      border-radius: var(--accordion-header-border-radius);
      border-bottom-left-radius: var(--accordion-header-border-bottom-radius);
      border-bottom-right-radius: var(--accordion-header-border-bottom-radius);
      color: var(--accordion-header-title-color);
      display: flex;
      font-size: var(--accordion-text-size);
      font-family: var(--accordion-header-title-family);
      padding: var(--accordion-header-padding);
      width: 100%;
      text-transform: uppercase;
      text-wrap: balance;  
  }
  
  #page-course-view-topics li.course-section .course-section-header:hover,
  #page-course-view-topics li.course-section .course-section-header:focus  {
      background-color: var(--accordion-header-background-hover);
  }
  
  #page-course-view-topics li.course-section .course-section-header:focus {
    z-index: 3;
    border-color: var(--accordion-header-border-color-focus);
    outline: 0;
    box-shadow: var(--accordion-header-box-shadow-focus);
  }
  
  #page-course-view-topics .course-content ul.topics li.section,
  #page-course-view-topics .course-content ul.weeks li.section {
      border-bottom: none !important;
      padding-top:0;
      padding-bottom:0;
      margin-bottom: var(--accordion-header-margin);
  }
  
  #page-course-view-topics li.course-section .course-section-header:first-child > div:first-child {
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
  }
  
  #page-course-view-topics li.course-section .course-section-header .section-collapsemenu {
      font-size: var(--accordion-text-size-small);
      font-family: var(--ifht-sys-txt-familia-menu-lateral);
      text-transform: capitalize;
  }
  
  #page-course-view-topics li.course-section .course-content-item-content{
      background: var(--accordion-background);
      margin-top: 0;
      border: var(--accordion-border-width) solid var(--accordion-border-color);
      border-bottom: 0;
      padding: var(--accordion-padding);
  }
  
  #page-course-view-topics li.course-section .course-content-item-content {
      background: var(--accordion-background);
      border: var(--accordion-border-width) solid var(--accordion-border-color);
      border-radius: var(--accordion-border-radius);
      border-top-right-radius: var(--accordion-header-border-bottom-radius);
      border-top-left-radius: var(--accordion-header-border-bottom-radius);
      margin-top: 0;
      padding: var(--accordion-padding);
  }
  
  #page-course-view-topics li.course-section .course-section-header a.btn {
      background: var(--accordion-header-title-color);
      transition: .2s ease all;
  }
  
  #page-course-view-topics li.course-section .course-section-header a.btn:focus {
      box-shadow: var(--accordion-header-box-shadow-focus);
  }
  
  #page-course-view-topics li.course-section .course-section-header a.btn .icon {
      color: var(--accordion-header-button-icon-color);
     transform: rotate(90deg);
  }
  
  #page-course-view-topics li.course-section .course-section-header a.btn.collapsed .icon {
      transform: rotate(0deg);
  }
  
  #page-course-view-topics li.course-section .course-section-header .action-menu.moodle-actionmenu a.btn .icon {
      transform: rotate(0deg);
  }
  
  #page-course-view-topics li.course-section .course-section-header a.btn .icon.fa:before {
      font-family: uicons-regular-straight;
      font-weight: 700;
  }
  
  #page-course-view-topics li.course-section .course-section-header  .fa-chevron-right:before, 
  #page-course-view-topics li.course-section .course-section-header  .fa-chevron-down:before {
      content: "\e07b";
  }
  
  #page-course-view-topics  li.course-section .course-section-header .fa-ellipsis-v:before {
      content: "\ea35";
  }
  
  #page-course-view-topics  li.course-section .course-section-header:has(+ .collapse.show) {
      background: var(--accordion-header-background-hover);
      box-shadow: var(--accordion-header-box-shadow-focus);
      z-index: 3;
      position: relative;
  }

#page-course-view-topics .conteudo-disciplina h3 {
  margin-bottom: 0;
}

.cs_row_three .course_content h4.title{
  display: none;
}

.format-topics .course-content ul li {
    border-bottom: none !important;
}

.format-topics .course-content .sectionname, 
.format-topics .course-content .sectionname a,
.format-weeks .course-content .sectionname, 
.format-weeks .course-content .sectionname a,
.format-weeks .course-content ul.weeks h3.sectionname  {
      border-bottom: none !important;
      color: var(--ifht-sys-cor-link-default);
      font-size: var(--ifht-sys-h6);
      font-family: var(--ifht-ref-familia-3);
      padding: 0 !important;
      margin:0 !important;
      text-transform: none;
      line-height: inherit;
      background-color: transparent;
}

.format-topics .course_content,
.format-weeks .course_content{
    border: none;
    padding:0;
}

.format-topics .course-content ul li .description-inner ul li,
.format-weeks .course-content ul li .description-inner ul li {
    margin-bottom:var(--ifht-ref-espaçamento-3);
}

.format-topics .btn.btn-icon:hover,
.format-topics .btn.btn-icon:focus,
.format-weeks .btn.btn-icon:hover,
.format-weeks .btn.btn-icon:focus  { 
    text-decoration: none;
}

.format-topics .icons-collapse-expand.collapsed .collapsed-icon,
.format-topics .icons-collapse-expand .expanded-icon,
.format-weeks .icons-collapse-expand.collapsed .collapsed-icon,
.format-weeks .icons-collapse-expand .expanded-icon  {
    color:var(--ifht-sys-cor-secundaria-normal);
}

.format-topics.path-course-view .course-content li.activity>div,
.format-weeks.path-course-view .course-content li.activity>div  {
    padding: 0;
    border: none;
}

#changenumsections {border-top:none;}

.course-content ul.topics li.section .content,
.course-content ul.weeks li.section .content {
    border: var(--ifht-sys-espessura-borda-xs) solid var(--ifht-sys-cor-borda-lista);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: var(--ifht-ref-espaçamento-3);
    margin-top:1rem;
}

.course-content ul.topics li.section  .activityiconcontainer.content,
.course-content ul.weeks li.section  .activityiconcontainer.content {
    padding:0;
}

.format-topics button.section-modchooser,
.format-weeks button.section-modchooser {
    margin-top:var(--ifht-ref-espaçamento-4);
}

.course-content ul.topics li.section,
.course-content ul.weeks li.section {
    border:none !important;
    border-bottom: var(--ifht-sys-espessura-borda-xs) solid var(--ifht-sys-cor-borda-lista) !important;
    margin-bottom: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* EMBED DE VÍDEOS NO CONTEÚDO DOS CURSOS */
.embed-responsive {
  border: var(--ifht-sys-espessura-borda-xs) solid var(--ifht-sys-cor-neutra-2);
  border-radius: 0.5rem;
}

.course_schdule {display:none;}

.path-course-view .course_content #user-notifications {
  margin: 0;
}

/*****ENCAMINHAMENTO DO CURSO (extensão, pós-graduação) *****/
/* #ccn-main-region.cursos-encaminhamento,
#ccn-main-region.cursos-encaminhamento .course-content ul.topics li.section, 
#ccn-main-region.cursos-encaminhamento .course-content ul.weeks li.section  {
  padding:0;
  margin:0;
}

.cursos-encaminhamento .btn-icon.icons-collapse-expand,
.cursos-encaminhamento .course-section-header,
.cursos-encaminhamento .section-collapsemenu   {
  display: none !important;
}


.format-topics .cursos-encaminhamento .course-content .sectionname, 
.format-topics .cursos-encaminhamento .course-content .sectionname a, 
.format-weeks .cursos-encaminhamento .course-content .sectionname, 
.format-weeks .cursos-encaminhamento .course-content .sectionname a, 
.format-weeks .cursos-encaminhamento .course-content ul.weeks h3.sectionname {
  color: var(--ifht-sys-cor-primaria-2);
  display: none !important;
}

.cursos-encaminhamento .course-content ul.topics li.section .content, 
.cursos-encaminhamento .course-content ul.weeks li.section .content {
  border:none;
}

.cursos-encaminhamento  .course-content ul.topics li.section .content, 
.cursos-encaminhamento  .course-content ul.weeks li.section .content {
  padding: 0;
  margin: 0;
}

.cursos-encaminhamento .course-content ul.topics li.section, 
.cursos-encaminhamento .course-content ul.weeks li.section {
  border-bottom: none !important;
}

.cursos-encaminhamento .activity-basis .activity-info  {
  display:none !important;
} */

/***** COM QUEM VOCÊ VAI APRENDER *****/

/* Apenas 1 professor */
.professor {
  background-color:var(--ifht-sys-cor-neutra-2);
}

.professor .cs_row_four .about_ins_container{
  border: none;
  margin-bottom: 0;
  padding: var(--ifht-ref-espaçamento-8) var(--ifht-ref-espaçamento-4);
}

.professor .cs_row_four .about_ins_container .aii_title, 
.cs_row_five .student_feedback_container .aii_title{
  color: var(--ifht-sys-cor-titulos-default);
  font-family: var(--ifht-ref-familia-3);
  font-size: var(--ifht-sys-h4);
  margin-bottom: var(--ifht-ref-espaçamento-6);
  text-transform: uppercase;
}

.professor .ccnBlockContent {
    margin:0 auto;
}

.block_cocoon_course_instructor .about_ins_container .about_ins_info .thumb {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto 1rem;
}

.professor .cs_row_four .about_ins_container .details p {
  font-family: 'Karla-Regular';
  font-style: normal;
  font-weight: 400;
  font-size: var(--ifht-sys-paragrafo);
  line-height: 30px;
  color: var(--ifht-sys-cor-neutra-0);
}

.professor .cs_row_four .about_ins_container .details a {
  display:inline-block;
  padding-bottom: var(--ifht-ref-espaçamento-1);
}

.professor .cs_row_four .about_ins_container .details a i {
  margin-right:var(--ifht-ref-espaçamento-1);
}

.professor .cs_row_four .about_ins_container .details h4,
.professor .cs_row_four .about_ins_container .details h4 a {
  color: var(--ifht-sys-cor-titulos-default);
  font-family: var(--ifht-ref-familia-3);
  font-size: var(--ifht-sys-h6);
  margin-bottom: var(--ifht-ref-espaçamento-1);
  display: block;
  text-transform: uppercase;
}

.professor .about_info_list {
  display: none;
}

.professor .subtitle{
    display: none;
  }


/* Mais de 1 professor */
.multi-prof .team_member .thumb img{
	clip-path: circle();
}

.multi-prof .team_member .details h4{
	font-size: var(--ifht-sys-h6);
}

.multi-prof a .team_member .details h4 {
    color:var(--ifht-sys-cor-link-default);
}

.multi-prof a:hover .team_member .details h4 {
    color:var(--ifht-sys-cor-link-hover);
    text-decoration: none;
}

.multi-prof a .team_member .details h4:after{
    font-family: 'Material Symbols Rounded';
/*    content: 'chevron_right';*/
    vertical-align: text-bottom;
    margin-left: 5px;
    margin-right: 5px;  
}

.multi-prof .team_member {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

.multi-prof .team_member .tm_footer,
.multi-prof .team_member .details p {
	display: none;
}

.multi-prof .team_member.style3:hover {
	box-shadow: none;
}

.our-team.instructor-page {
    background:none;
    padding:0;
}

.multi-prof .team_member .instructor_col .thumb img {
    height: 196px;
    width: 196px;
}

.multi-prof .our-team.instructor-page .main-title {
    display: none;
}

/* Bio Professores e Redes Sociais */
.redes-sociais ul {
  display: flex;
  gap: 30px;
  flex-direction: row;
  margin-left: 1rem;
}

.redes-sociais ul li {
  list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");
}

.redes-sociais span {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  margin-right: 10px;
}

.redes-sociais .lattes {background-image:url('/pluginfile.php/606/mod_folder/content/0/img/o-ifht/icones/ic-lattes.svg')}
.redes-sociais .linkedin {background-image:url('/pluginfile.php/606/mod_folder/content/0/img/o-ifht/icones/ic-linkedin.svg')}
.redes-sociais .orcid {background-image:url('/pluginfile.php/606/mod_folder/content/0/img/o-ifht/icones/ic-orcid.svg')}


/*** PERFIL DO USUÁRIO ***/

.block_myprofile .block_myprofile .myprofileitem.fullname {
  font-size: var(--ifht-sys-h6);
  font-weight: 700;
}


/***** LIÇÃO *****/

/*Ajusta o padding do texto e dos botões de "Você já visitou algumas páginas desta lição."*/
#page-mod-lesson-view #ccn-main .py-3 {padding-bottom: 1rem !important;}
#page-mod-lesson-view #ccn-main .lessonbutton a {padding: 1rem 3rem;}

/*Ajusta os botões de próximo e anterior*/
#page-mod-lesson-view #ccn-main .py-3.branchbuttoncontainer.horizontal {
    display: flex;
    justify-content: center;
}

#page-mod-lesson-view #ccn-main .py-3.branchbuttoncontainer.horizontal button{padding: 1rem 3rem;}

/* Aumenta a distância entre os ítens do Menu da Lição */
#page-mod-lesson-view .menuwrapper ul li {margin-bottom:.5rem;}


/* --------- CONFIGURAÇÃO SOMENTE PARA MOBILE - SMARTPHONE E TABLETS (up to 991px)--------- */

@media (max-width: 767px) {

  .format-topics .course-content .sectionname, 
  .format-topics .course-content .sectionname a,
  .format-weeks .course-content .sectionname, 
  .format-weeks .course-content .sectionname a,
  .format-weeks .course-content ul.weeks h3.sectionname  {
      font-size: var(--ifht-sys-h6-mobile);
  }

    /* COM QUEM VOCÊ VAI APRENDER - Apenas 1 professor */
    .professor .ccnBlockContent {
      max-width: 540px;
    }

    .professor .cs_row_four .about_ins_container .details {
      padding: 0;
    }

    .professor .cs_row_four .about_ins_container .details h4,
    .professor .cs_row_four .about_ins_container .details h4 a {
      margin-bottom: var(--ifht-ref-espaçamento-4);
      text-align: center;
    }

    .professor .cs_row_four .about_ins_container .aii_title, 
    .cs_row_five .student_feedback_container .aii_title {
      text-align: center;
  }
}
  
  @media (min-width: 768px) {
    .professor .ccnBlockContent {
      max-width: 720px;
    }

    .professor .cs_row_four .about_ins_container .details {
      padding: 0 0 0 250px;
    }
  }
  
  
  /* --------- CONFIGURAÇÃO PARA DESKTOPS PEQUENOS (from 992px) --------- */
  @media (min-width: 992px) {
    .professor .ccnBlockContent {
      max-width: 960px;
    }

    .professor .cs_row_four .about_ins_container {
      padding: var(--ifht-ref-espaçamento-8) var(--ifht-ref-espaçamento-2);
    }

    .professor .cs_row_four .about_ins_container .details {
      padding: 0 200px 0 250px;
    }
  }
  
  /* --------- CONFIGURAÇÃO PARA DESKTOPS MÉDIOS (from 1200px) --------- */
  @media (min-width: 1200px) {
    .professor .ccnBlockContent {
      max-width: 1140px;
    }
  }
  
  /* --------- CONFIGURAÇÃO PARA DESKTOPS GRANDES (above 1400px) --------- */
  @media (min-width: 1400px) {
    .professor .ccnBlockContent {
      max-width: 1320px;
    }
  }