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

PÁGINA BLOG - LISTA DE POSTAGENS

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

.ccn-blog-list-entry {
    background-color: #fff; 
    margin-bottom: var(--ifht-sys-spacing-2xl);
    border-radius: var(--ifht-ref-border-radius-3);
    box-shadow: var(--ifht-sys-sombra-menu-lateral);
    padding: 0 !important;
}

#page-blog-index #ccn-main-region .container .row div:first-child #ccn-main .row .ccn-blog-list-entry:nth-child(even) {
    border-radius: 0 var(--ifht-sys-raio-borda-lg) var(--ifht-sys-raio-borda-lg) 0;
}

.blog_grid_post {
    background-color: transparent;
    /* max-height: 300px; */
    height: 100%;
    margin-bottom: 0 !important;
    /* right: 15px; */
    position: relative;
}

.blog_grid_post.style2 .details {
    padding: 25px 25px 0 50px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog_grid_post .details h3 {
    font-size: var(--ifht-sys-h5);
    color: var(--ifht-sys-cor-titulos-default);
    font-family: var(--ifht-sys-txt-familia-titulo), sans-serif;
    text-transform: uppercase;
}

.blog_grid_post.style2 .details p {
    font-family: var(--ifht-sys-txt-familia-paragrafo), sans-serif;
    font-size: var(--ifht-sys-paragrafo);
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    color: var(--ifht-sys-cor-neutra-normal-contrast);
    max-width: 480px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog_tag_widget .title, .blog_recent_post_widget .title {
    font-size: var(--ifht-sys-h6);
    color: var(--ifht-sys-cor-titulos-default);
    font-family: var(--ifht-sys-txt-familia-titulo), sans-serif;
    text-transform: uppercase;
}

/*TAG*/
.blog_tag_widget .tag_list li a{
    color: var(--cor-branco);
}

.blog_tag_widget .tag_list li{
    background: var(--cor-turquesa-500);
}

.blog_tag_widget {
    background-color: var(--ifht-sys-cor-neutra-4);
    border-radius: var(--ifht-sys-raio-borda-md);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 32px;
    gap: 16px;
}

.blog_recent_post_widget.media_widget {
    align-items: flex-start;
    border: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 16px;
}

.addbloglink{
    margin: 0 0 20px;
}

.page-context-header{
    display: none;
}

/*DATA FOTO*/
.blog_grid_post .thumb .post_date {
    color: var(--cor-cinza-600);
    bottom: 70px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}


.blog_grid_post .thumb .post_date h2 {
    margin-bottom: -14px;
    color: var(--cor-branco);
}

.blog_grid_post .thumb .post_date span {
    color: var(--cor-branco);
}

.post-meta {
    display: none;
}

.blog_grid_post li {
    
    background-color: var(--cor-cinza-700);
    padding: 0 10px;
    border-radius: var(--ifht-ref-border-radius-3);
}


/*PÁGINA DA POSTAGEM*/
.path-blog .blog_recent_post_widget .media-body .post_title {
    color: var(--ifht-sys-cor-titulos);
    font-family: var(--ifht-sys-txt-familia-titulo), sans-serif;
    font-size: var(--ifht-sys-paragrafo-small);
    line-height: var(--ifht-sys-line-height-normal);
}

.path-blog .main_blog_post_content .ccn-blog-post-content-surround {
    font-size: var(--ifht-sys-paragrafo);
}

.path-blog .main_blog_post_content .mbp_thumb_post .details h3 {
    font-size: var(--ifht-sys-h4);
}

.path-blog .main_blog_post_content .mbp_thumb_post .details p {
    font-family: var(--ifht-sys-txt-familia-paragrafo), sans-serif;
    font-size: var(--ifht-sys-paragrafo)!important;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: var(--ifht-sys-spacing-lg);
}

.mbp_thumb_post .thumb .post_date {
    text-align: left;
}

.mbp_thumb_post .thumb {
    max-height: 540px;
}

/* APENAS MOBILE */
@media (max-width: 767px) {
    /* Inverte a ordem que a sidebar aparece em smartphones */
    /* #page-blog-index #ccn-main-region .container .row {
        display: flex;
        flex-direction: column-reverse;
        margin-top: var(--ifht-ref-espaçamento-8);
    } */

    #page-blog-index #ccn-main-region .container .row{
        display: flex;
        flex-direction: column-reverse;
        margin-top: var(--ifht-sys-spacing-xl);
    }

    #page-blog-index #ccn-main-region .container .row div:first-child #ccn-main .row {
        display: flex;
        flex-direction: column;
        margin:0
    }

    #page-blog-index #ccn-main-region .container .row div:first-child #ccn-main .row .ccn-blog-list-entry:nth-child(odd) {
        margin-bottom: 0;
    }
}