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

HOME (FRONTPAGE)
Id do body dessa página: page-site-index

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

#page-site-index .eixos-centrais .container .row:nth-child(2) div:first-child .row {
    display:flex;
    justify-content: center;
}

#page-site-index .video_popup_btn span {color: var(--ifht-sys-cor-neutra-4);}

#page-site-index .video_popup_icon:after {background-color: var(--ifht-sys-cor-primaria-1-hover);}

#page-site-index .video_popup_icon {background-color: var(--ifht-sys-cor-neutra-4);}

#page-site-index .ccn-4-navigation.container {
    display: none;
}

.home-section .main-title {
    padding-top: var(--ifht-ref-espaçamento-3) !important;
    margin-bottom: 1rem;
}

#page-site-index .ccn_breadcrumb_widgets {
    display: none;
}

/* Informes */
.home-section.informes {
    /* background-color:var(--ifht-sys-cor-neutra-4); */
    background-color: var(--ifht-style-white);
}

.home-section.informes .main-title {
    margin-bottom: 0;
 }

.home-section.informes .our-blog {
    padding: 0;
}

.home-section .blog_post_container{
    background-color:transparent !important;
    padding-top:0;
    padding-bottom: 40px;
}

.home-section .blog_post .details h4 {font-weight: normal;}

.home-section .blog_post_container .container .row:first-child{display:none;}


/*Menu secundário azul*/
.secondary-navigation .navigation .nav-tabs{
    display: none;
}


/* Informes da Secretaria Recent blog post*/
.blog_post_home4 .details h4 {
	color: #fff!important;
	font-weight: normal;
	text-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.50);
	font-family: "Rubik-bold";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

    
 .blog_post_home4 .details {
    z-index: 9;
    bottom: 20px;
    left: 30px;
    position: absolute;

}   

.blog_post_home4 .details p{
	display: none;
}

.blog_post_home4 .bph4_thumb {
    border-radius: var(--ifht-sys-raio-borda-lg);
}

.blog_post_home4 .bph4_thumb .bph4_date_meta .year {
	display: none;
}

.blog_post_home4 .bph4_thumb .bph4_date_meta .date {
    background-color: transparent;
    color: #fff;
    text-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.50);
	font-family: var(--ifht-sys-txt-familia-titulo);
	font-size:  var(--ifht-sys-h6);
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;

}

/* Explore Nossos Cursos e Conheça Nossas Disciplinas Eletivas Universais */
.home-section .features-course {
    padding:0 !important;
}

.home-section .shop_product_slider.owl-carousel {
    display:flex;
    justify-content: center;
}

.home-section .features-course .container .row:first-child {
    display:none;
}

.home-section .owl-carousel .owl-stage-outer {
    border-radius: var(--ifht-sys-raio-borda-md);
}

.top_courses {
    background-color: var(--ifht-sys-cor-neutra-4);
    border:none;
    border-radius:8px;
    box-shadow: var(--elevacao1);
    transition: 1s;
}

.top_courses:hover img {
    filter: blur(3px);
}

.top_courses .thumb,
.top_courses .thumb .overlay:before  {
    font-size: var(--ifht-sys-paragrafo-small);
    overflow: hidden;
    transition: all 0.5s ease 0s;
}

.top_courses:hover .thumb .overlay:before {
    background-color: rgba(0, 56, 116, 0.85);
    bottom: 0;
    content: "Ver informações";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--ifht-sys-paragrafo-small);
}

.top_courses a {
    text-decoration: none;
}

.home-section .top_courses .details .tc_content h5 {
    font-size: var(--ifht-sys-h6);
    font-weight: normal;
    color: var(--ifht-sys-cor-primaria-extradark);
    text-transform: none;
    padding: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box;
}

.home-section .top_courses .details .tc_content:hover h5 {
    color:var(--ifht-sys-cor-primaria-1);
}

.home-section .top_courses.ccnWithFoot:not(.list) {
    padding-bottom: var(--ifht-ref-espaçamento-6);
}

.home-section .top_courses .tc_footer,
.home-section .top_courses .details .tc_content p {display:none;} 


/*Formação Mediada por Tecnologias*/
.home-section.about {
    background-image: url('/pluginfile.php/606/mod_folder/content/0/img/backgrounds/bg-section-home.jpg');
    background-position: right center;
    background-size: cover;
    padding: 80px 0 240px;
}

.home-section.about h3 {
    font-size:var(--ifht-sys-h3);
    text-transform:uppercase;
}

.home-section.about p {
    font-size: var(--ifht-sys-lead);
    line-height: 1.5;
}

.home-section.block_cocoon_about_1 .about_thumb img {display:none;}

/* IFHT em números */
.home-section.block_cocoon_parallax_counters .bg-img2 {
    background-position: 0 0px;
    background-repeat: no-repeat;
    /* background-image: linear-gradient(0deg,rgba(0,44,91,0),var(--ifht-sys-cor-primaria-extradark)), url(/pluginfile.php/561/block_cocoon_parallax_counters/content/parallax-home-original.jpg) !important; */
}

.home-section.block_cocoon_parallax_counters .bg-img2:before {
    background-image: linear-gradient(0deg,rgba(0,44,91,0),var(--ifht-sys-cor-primaria-extradark)), url(/pluginfile.php/561/block_cocoon_parallax_counters/content/parallax-home-original.jpg) !important;
} 

.home-section.block_cocoon_parallax_counters .main-title {padding-top:0 !important;}


.home-section.block_cocoon_parallax_counters .bg-img2 .container > .row:nth-child(2) > div {
    margin-bottom: var(--ifht-ref-espaçamento-3);
}

.home-section.block_cocoon_parallax_counters .bg-img2 .container > .row:nth-child(2) > div:last-child {
    margin-bottom: 0;
}


/* Parcerias do IFHT/UERJ  */
.parcerias .logos {
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    list-style: none;
    margin: 0;
    align-items: center;
    transition: .5s;
    padding:16px;
    min-height: 200px;
}

.parcerias .logos:hover {
    background: rgba(255,255,255,.4);
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
    border-radius: var(--ifht-sys-raio-borda-md);
}

.parcerias .logos .card {
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: flex;
    gap: 16px;
}

/* Tabela com os parceiros */
.parceiro-header .table-striped tbody tr:nth-of-type(2n+1) {
    /* background: var(--ifht-sys-cor-neutra-branco); */
    background:var(--ifht-sys-cor-primaria-extralight)
}

/* Lista com os parceiros (se for usar no lugar da tabela) */
.parceiro-header {
    background-color: var(--ifht-sys-cor-neutra-4);
    padding: var(--ifht-ref-espaçamento-3);
    border-radius: var(--ifht-sys-raio-borda-md);
}

.parceiro-header h6 {
    margin-bottom: var(--ifht-ref-espaçamento-3);
}

.parceiro-header ul {
    font-size: var(--ifht-ref-escala-10);
    border-radius: var(--ifht-sys-raio-borda-sm);
    border-bottom: var(--ifht-sys-espessura-borda-xs) solid var(--ifht-sys-cor-neutra-2);
    display: flex;
    gap:2rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: var(--var-espaçamento-2);
}

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

.parceiro-header ul li:first-child {
    margin-right: var(--ifht-ref-espaçamento-1);
    max-width: 260px;
}

.parceiro-header ul li span,
.parceiro-links span,
.parceiro-links span b, 
.parceiro-links span strong {
    font-family: var(--ifht-sys-txt-familia-titulo);
    color: var(--ifht-sys-cor-primaria-extradark);
    text-transform: uppercase;
}

.parceiro-body {
    margin: var(--ifht-ref-espaçamento-5) 0;
}

/* Área de Arquivos do sistema (páginas, pastas etc - VISÍVEL APENAS PARA ADMIN */
.course-content ul.topics.frontpage li.section .content, 
.course-content ul.weeks.frontpage li.section .content {
    border:none;
    padding:0;
    margin-top:0;
}

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

/*Footer do boxes home disciplinas disponiveis sempre embaixo*/
.ccn-courses-grid-block.ccn-courses-grid-block-5 .top_courses .tc_footer {
    border: none;
    position: absolute;
    bottom: 0;
}

/* --------- CONFIGURAÇÃO EXCLUSIVA PARA SMARTPHONES --------- */
@media (max-width:767px) {

    /* Regula o tamanho do título das sessões da home no mobile */
    .main-title h3 {
        font-size: var(--ifht-sys-h4);
    }

    /* Informes da Secretaria */
    .home-section .feature_post_slider .owl-item {
        justify-content: center;
        display: flex;
    }

    .home-section .feature_post_slider .owl-item .item {
        width: 85%;
    }


    /**** EXPLORE NOSSOS CURSOS E DISCIPLINAS ELETIVAS UNIVERSAIS ****/
    .home-section .top_courses .details .tc_content h5 {
        font-size: var(--ifht-sys-h5);
    }

    .home-section .shop_product_slider.owl-carousel {
        display: flex;
        flex-direction: column;
        justify-content: start;
        gap: 15px;
        margin-bottom: 60px;
    }

    .home-section .owl-carousel .owl-stage-outer {
        width: auto;
        padding:0;
    }

    .home-section.block_cocoon_courses_slider .owl-carousel .owl-item {
        justify-content: center;
        margin-bottom: 0;
    }

    .home-section.block_cocoon_courses_slider .owl-carousel .owl-item .item{
       margin-bottom:0;
       max-width: 100%;
       padding: 0 15px;
    }

    .home-section .shop_product_slider .owl-item .top_courses .details .tc_content {
        padding: 40px 25px!important;
    }

    /* Navegação do slider */
    .home-section .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-controls .owl-nav {
        height: 100%;
        margin-top: 0;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: end;
        gap: 40px; 
    }

    .home-section .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-controls .owl-nav .owl-prev, 
    .home-section .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-controls .owl-nav .owl-next {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }


    /**** FORMAÇÃO MEDIADA POR TECNOLOGIA ****/
    .home-section.about h3 {
        font-size: var(--ifht-sys-h4);
        text-transform: uppercase;
    }

    .home-section.about {
        padding: 140px 0 180px;
    }

    .home-section.about .about_content {
        background: rgba(255,255,255,0.90);
        padding: 30px;
        border-radius: var(--ifht-sys-raio-borda-lg);
    }

    /* Divisores Diagonais */
    .custom-shape-divider-bottom-1680034806 {
        bottom: -2px;
    }

    /* Parcerias do IFHT/UERJ */
    .parceiro-header ul {
        flex-direction: column
    }
}

/* --------- CONFIGURAÇÃO TABLET --------- */
@media (min-width:768px) {

    /**** HERO SLIDER ****/
    .home1-mainslider, .home1-mainslider .slide {
            max-height: 800px !important;
    }

    /**** FORMAÇÃO MEDIADA POR TECNOLOGIA ****/
    .home-section.about {
        padding: 140px 0 180px;
    }

    .home-section.about .about_content {
        background: rgba(255,255,255,0.90);
        padding: 30px;
        border-radius: var(--ifht-sys-raio-borda-lg);
    }

    /* Divisores Diagonais */
    .custom-shape-divider-bottom-1680034806 {
        bottom: -2px;
    }

    /* Parcerias do IFHT/UERJ */
    .parceiro-header ul {
        flex-direction: column
    }

    /**** Parcerias do IFHT/UERJ ****/
    .home-section.parcerias .logos {
        flex-wrap: nowrap;
        flex-direction: row;
    }

    .parceiro-header ul {
        flex-direction: column;
    }
}

/* --------- CONFIGURAÇÃO DESKTOP MDPI (from 992px - LG) --------- */
@media (min-width:992px) { 

    /* Ajuste da navegação secundária na home - VISIVEL APENAS PARA ADMINS/GERENTES */

    #page-site-index .ccn-4-navigation.container {
        max-width: 100%;
        background-color:var(--ifht-sys-cor-neutra-4);
    }

    #page-site-index .ccn-4-navigation.container .secondary-navigation {
        max-width: 1320px;
    }

    /* Explore nossos Cursos e Disciplinas Eletivas Universais */
    .home-section .top_courses:not(.list) {
        height: 100%;
    }

    .home-section.block_cocoon_courses_slider .owl-carousel .owl-item {
        margin-right: 0 !important;
    }

    .home-section .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev,
    .home-section .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-prev  {
        left: -10px;
    }
    

    .home-section .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next,
    .home-section .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-next  {
        right: -10px;
    }

    /* Ajusta o hover dos cards do carrossel */
    /* .home-section.block_cocoon_courses_slider .container,
    .home-section.block_cocoon_courses_slider .container .col-lg-12 {
        padding:0;
    } */

    .home-section .owl-carousel .owl-stage-outer {
        border-radius: var(--ifht-sys-raio-borda-lg);
    }

    .home-section .top_courses.ccnWithFoot:not(.list) {
        border-radius: var(--ifht-sys-raio-borda-lg);
    }

    .home-section.block_cocoon_courses_slider .owl-carousel .owl-item {
        margin-bottom: 30px;
        padding:15px;
        display: flex;
        justify-content: start;
    }

    .home-section.block_cocoon_courses_slider .owl-carousel .owl-item .item {
        margin-bottom: 38px;
        transition: .5s;
        max-width: 93%;

        border: var(--ifht-sys-espessura-borda-xs) solid var(--ifht-sys-cor-neutra-2);
        border-radius: var(--ifht-sys-raio-borda-lg);
        box-shadow: var(--ifht-sys-sombra-menu-lateral);
        overflow: hidden;
        border-width: var(--ifht-sys-espessura-borda-xs) 0px 0px 0px;
        border-top-color: var(--ifht-sys-cor-neutra-4);
    }

    .home-section.block_cocoon_courses_slider .owl-carousel .owl-item .item:hover {
        transform: scale(1.05);
        box-shadow: var(--ifht-ref-elevacao-3);
    }

    .home-section .top_courses.ccnWithFoot:not(.list) {
        padding-bottom: var(--ifht-ref-espaçamento-3);
    }

    /* Formação Mediada por Tecnologia */

    .home-section.about .about_content {
        background: rgba(255,255,255,0.40);
        padding: 30px;
        border-radius: 16px;
    }


    /* Parcerias do IFHT/UERJ */
    .parceiro-header ul {
        flex-direction: row;
    }
}
    
/* --------- CONFIGURAÇÃO DESKTOP MDPI (from 1200px - LG) --------- */
@media (min-width:1200px) { 
    /* Explore nossos Cursos e Disciplinas Eletivas Universais */
    .home-section .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev,
    .home-section .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-prev,
    .blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-prev {
        left: -40px;
        left: -45px;
    }


    .home-section .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next,
    .home-section .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-next,
    .blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-next  {
        right: -45px;
    }
}

/* --------- CONFIGURAÇÃO DESKTOP HDPI (from 1300px - LG) --------- */
@media (min-width:1300px) { 
    /* Explore nossos Cursos e Disciplinas Eletivas Universais */
    .home-section .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev,
    .home-section .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-prev,
    .blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-prev  {
        left: -60px;
    }


    .home-section .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next,
    .home-section .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-next,
    .blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-next   {
        right: -60px;
    }
}

/* --------- CONFIGURAÇÃO DESKTOPHMDPI (from 1400px - LG) --------- */
@media (min-width:1400px) { 

    /**** HERO SLIDER ****/
    .home1-mainslider, .home1-mainslider .slide {
        max-height: 760px !important;
    }

    /* Explore nossos Cursos e Disciplinas Eletivas Universais */
    .home-section .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev,
    .home-section .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-prev,
    .blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-prev  {
         left: -60px;
     }
     
 
    .home-section .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next,
    .home-section .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-next,
    .blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-next  {
         right: -60px;
     }
 
}