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

PÁGINA PERFIL

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

/**** MENU LATERAL ****/
#page-user-profile .selected_filter_widget{
	display: none!important;
}

#page-user-profile .instructor_personal_infor .instructor_thumb {
	display: none !important;
}

/**** HEADER COM FOTO DO PERFIL ****/
#page-user-profile .page-context-header{
	float: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--ifht-ref-espaçamento-1);
}

#page-user-profile .page-context-header .header-button-group {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: var(--ifht-ref-espaçamento-3);
}

#page-user-profile .page-context-header .btn {
    background: var(--ifht-sys-cor-secundaria-normal);
    border: 2px solid var(--ifht-sys-cor-secundaria-normal);
    border-radius: var(--ifht-sys-raio-borda-sm);
}

#page-user-profile .page-context-header .btn:hover {
    background-color: var(--ifht-sys-cor-secundaria-light);
    border: 2px solid var(--ifht-sys-cor-secundaria-light);
    color: var(--ifht-sys-cor-neutra-branco);
}

/**** CONTEÚDO PRINCIPAL ****/

#page-user-profile .cs_overview a i {
    margin-right: var(--ifht-ref-espaçamento-1);
}

#page-user-profile #ccn-main-region {
    padding: var(--ifht-ref-espaçamento-4);
}

#page-user-profile .userprofile h3 {
    color: var(--ifht-sys-cor-titulos-default);
    font-size: var(--ifht-sys-h4);
    margin-top: var(--ifht-ref-espaçamento-8);
    visibility: hidden;
    text-indent: -600px;
    overflow: hidden;
}

#page-user-profile .userprofile h3:after {
    content: "Últimos cursos acessados";
    visibility: visible;
}

#page-user-profile .userprofile  > .our-team > div > div > div.col-md-12.col-lg-8.col-xl-9 > div > div > .b0p0 {
    display:none;
}


/*ACCORDION ****/
/* #page-user-profile .details .cc_tab h4.panel-title {
	background-color: transparent;
    padding:10px 0;
}

#page-user-profile .panel .panel-body {
    border: var(--ifht-sys-espessura-borda-xs) solid var(--ifht-sys-cor-borda-accordion) !important;
    border-top: none !important;
    border-radius: 0 0 0.5rem 0.5rem;
    padding: var(--ifht-ref-espaçamento-4) !important;
}

#page-user-profile #accordion .panel-title a {
    background:transparent;
    border-bottom: var(--ifht-sys-espessura-borda-xs) solid var(--ifht-sys-cor-superficie-3) !important;
    color: var(--ifht-sys-cor-primaria-extradark) !important;
    font-size: var(--ifht-sys-h6) !important;
    font-family: var(--ifht-ref-familia-3);
    margin-bottom: 0;
    overflow: hidden;
    padding: 1.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
    width: 100%;
}

#page-user-profile #accordion .panel-title a:hover {
    background: var(--ifht-sys-cor-superficie-3);
    border-radius: var(--ifht-sys-raio-borda-md);
}

#page-user-profile #accordion .panel-title a[aria-expanded="true"] {
    background: var(--ifht-sys-cor-superficie-3);
    border-radius: var(--ifht-sys-raio-borda-md);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#page-user-profile #accordion .panel-title a[aria-expanded="false"]:hover, 
#page-user-profile #accordion .panel-title a[aria-expanded="false"]:focus {
    background: var(--ifht-sys-cor-superficie-3);
    border-radius: var(--ifht-sys-raio-borda-md);
    color: var(--ifht-sys-cor-secundaria-dark);
}

#page-user-profile #accordion .panel-heading a:not(.collapsed),  
#page-user-profile #accordion .panel-heading a.collapsed:focus{
    border-bottom: var(--ifht-sys-espessura-borda-xs) solid var(--ifht-sys-cor-superficie-3) !important;
    color: var(--ifht-sys-cor-primaria-extradark) !important;
    font-size: var(--ifht-sys-h6) !important;
    font-family: var(--ifht-ref-familia-3);
    margin-bottom: 0;
    text-transform: uppercase;
} */

#page-user-profile .cs_row_two .cs_overview {
    border-style: solid;
    border-width: 2px;
    border-radius: var(--ifht-sys-raio-borda-lg);
    background-color: var(--ifht-sys-cor-neutra-5);
    margin-bottom: var(--ifht-ref-espaçamento-4);
    padding: var(--ifht-ref-espaçamento-4)!important;
    box-shadow: var(--ifht-sys-sombra-menu-lateral);
}

#page-user-profile .cs_row_two .cs_overview h4 {
	color: var(--ifht-sys-cor-primaria-extradark);
	font-family: var(--ifht-sys-txt-familia-titulo);
	font-size: var(--ifht-sys-h5);
	font-style: normal;
	font-weight: inherit;
	line-height: var(--ifht-sys-line-height-title);
	text-transform: uppercase;
}

#page-user-profile .cs_row_two .cs_overview p,
#page-user-profile .cs_row_two .cs_overview ul li {
    color: var(--ifht-sys-cor-texto);
    font-size: var(--ifht-sys-paragrafo-small);
}

#page-user-profile .my_resume_eduarea .content::after {
	display: none;
}

#page-user-profile .my_resume_eduarea .content {
    margin-block: 0;
    padding: var(--ifht-ref-espaçamento-1);
    position: relative;
    text-align: left;
}

#page-user-profile .circle{
	display: none;
}

#page-user-profile .my_resume_eduarea .content .edu_stats {
    font-size: var(--ifht-sys-paragrafo);
    font-family: var(--ifht-sys-txt-familia-paragrafo);
    color: var(--ifht-sys-cor-neutra-0) !important;
    line-height: var(--ifht-sys-line-height-paragrafo);
    text-transform: initial;
}

#page-user-profile .my_resume_eduarea .content .edu_stats.edu_stats_link a {
    color: var(--ifht-sys-cor-link-default);
    background:transparent;
}

h1 a, h2 a, h3 a, h4 a, h5 a, 

/* ÚLTIMOS CURSOS ACESSADOS */
.top_courses {
    background-color: transparent;
    border: none;
    border-radius: 8px;
    box-shadow: var(--elevacao1);
    transition: 1s;
}

@media (min-width:768px) {
    /**** HEADER COM FOTO DO PERFIL ****/
    #page-user-profile .page-context-header{
        flex-direction: row;
        justify-content:start;
    }

    #page-user-profile .page-context-header .header-button-group {
        flex-direction: row;
    }
}

@media (min-width: 992px){
    /* ÚLTIMOS CURSOS ACESSADOS */
    #page-user-profile .top_courses.ccnWithFoot:not(.list) {
        border-radius: var(--ifht-sys-raio-borda-md);
        padding-bottom: var(--ifht-ref-espaçamento-10);
    }

    #page-user-profile .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);
    }

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

    #page-user-profile .top_courses:hover img {
        filter: blur(3px);
    }

    #page-user-profile .top_courses.ccnWithFoot:hover {
        transform: scale(1.05);
        box-shadow: var(--ifht-ref-elevacao-3);
    }
}