/*NOVO TOPO - listagem*/
.bloggers-list .blog-description {position: relative}
.bloggers-list .blog-description h2 {color: #000; font-size: 28px; text-shadow: 1px 1px 0 #fff !important;}
.bloggers-list .blog-description span {font-size: 19px;}
.bloggers-list .blog-topo {background: transparent; box-shadow: none !important;}
.bloggers-list .shadow {background: transparent; box-shadow: none !important;}
.bloggers-list .blog-description a:hover {color: #333; text-decoration: none}
.bloggers-list .blog-topo .foto-blog {border-radius: 100%;}
.bloggers-list .blog-social {padding:8px 0 0 0;}
.bloggers-list .blog-social li {margin-bottom: 0;}

.col-blogs {position: relative}

.blog-description h2 {font: 25px 'Gp1Serif-Bold', serif; color: #ff3333; display: block;}
.blog-description span {font: 25px 'Gp1Serif-Bold', serif; color: #0572df; display: block;}

/* BLOGS e COLUNAS listagem */
.bloggers {height: 100%;}
.bloggers .name {font:900 25px 'Lato', sans-serif; display: block;}
.bloggers .blog-social {padding: 0; margin-top: 15px;}
.bloggers .blog-social li {padding: 0; margin-bottom: 0;}

.about {font: 20px "Georgia", serif;color: #000; line-height: 1.33; display: block;}

.bloggers-news, .bloggers-list {padding: 0; list-style: none; margin: 0;}
.bloggers-news {padding: 0 0 0 32px;}
.bloggers-news li a {display: block; overflow: hidden; color: #000;}
.bloggers-news li .blog-img-float {border-radius: 6px; float: left; margin-right: 15px;}
.bloggers-news li a .title-blog {font: 22px "Gp1headlinebold" , Serif; display: block; line-height: 1.2; }
.bloggers-news li a .subtitle-blog {font:  16px 'LatoItalic', georgia;  color: #5D5D5D; line-height: 1.33; margin-top: 5px; display: block;}
.bloggers-news li a time {font: normal 14px Arial, Helvetica, sans-serif;display: block; line-height: 1; margin-top: 10px; color: #858585;}
.bloggers-news li a:hover {text-decoration: none; color: #555;}
.bloggers-list li {margin-bottom: 20px;}
.banner-blog-lista {margin-bottom: 32px;}
.bloggers-wrap {position: relative; width: 100%;}
/*.bloggers-news li:nth-child(1) {border-bottom: 1px solid #dee2e6; padding-bottom: 25px;}*/
.bloggers-wrap .blogger-img {padding-bottom: 4px;}
.bloggers-wrap .blogger-img img {width: 210px; height: auto;}


/* REDES SOCIAIS */
/*.blog-social {list-style: none; padding: 12px 0 12px 4px; margin: 0;}*/
.blog-social {list-style: none; padding: 4px 0 0 4px; margin: 0;}
.blog-social li { display: inline-block; margin-right: 10px}
.blog-social li a {font-size: 24px; background: #3a5795; color: #fff; display: block; height: 35px; width: 35px; overflow: hidden; border-radius: 100%; box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24)}
.blog-social li a svg {width: 100%; height: 100%; fill: #fff;}
.blog-social li a.tw {background: #1da1f2}
.blog-social li a.tw svg {padding: 4px; display: block;}
.blog-social li a.gplus {background: #db4437}
.blog-social li a.ytube {background: red}
.blog-social li a.ytube svg {padding: 4px; display: block;}
.blog-social li a.whats {background: #098a45}
.blog-social li a.whats svg {padding: 4px; display: block;}
.blog-social li a.inst {background: #dc3171}
.blog-social li a.inst svg {padding: 5px; display: block;}


/* BLOGS */
/*.blog-topo { background: radial-gradient(farthest-corner at 45px 45px , #25374a, #465e73); box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important; !*background: url("../images/bg-sombra-topo.jpg") repeat;*! position: relative; overflow: hidden}*/

/*.blog-description {color:#fff;!* position: absolute; bottom: 0;*!}*/
/*.blog-description h1, .blog-description h2, .blog-description strong { font: 700 55px 'Gp1Serif-Bold', serif; margin: 0; color: #fff; text-align: left; text-shadow: 1px 1px 1px black}*/
/*.blog-description span,*/
/*.blog-description h2 {font: 25px 'Gp1Serif-Bold', serif; color: #ff3333; display: block;}*/
/*.blog-description-cor span,*/
/*.blog-description-cor h2 {color: #fff; text-shadow:1px 1px 0 #000;!* text-shadow:1px 1px 0 #5f5f5f;*! }*/
/*.blog-description-cor .colunista {color: #fff; text-shadow:1px 1px 0 #000; display: block}*/

/*.blog-description h1 a , .blog-description strong a {color:#fff;}*/
/*.blog-description h1 a:hover, .blog-description strong a:hover {text-decoration: none}*/

/*.shadow {background: radial-gradient(ellipse at bottom, rgba(255,255,255, 0.8), transparent);  position: absolute; top:0; left: 0; right: 0; width: 100%; height: 100%;}*/
/*.shadow { background: linear-gradient(to bottom, transparent, #96a0ad);  !*background: url("../images/topo-pk.jpg") repeat; background-size: 100% 100%;*! position: absolute; top:0; left: 0; right: 0; width: 100%; height: 100%;}*/

/*.blog-topo-full {position: absolute; width: 100%}*/

/*.paddingTopBlog {padding-top: 90px}*/

/*.blog-bg-active {padding: 80px 0}*/
/*.blog-bg-active b {display: block; text-align: right; padding-top: 20px; }*/
/*.blog-bg-active .bloque {margin-bottom: -7px}*/
/*.blog-bg-active .blog-description h2 {color: #b0b0b0;}*/
/*.blog-bg-active .blog-description h1 {color: #fff; font-size: 78px; margin-bottom: 8px !important;}*/
/*.blog-bg-active .blog-description h1 a {color: #fff}*/
/*.blog-bg-active .blog-description h1 a:hover {color: #fff; text-decoration: none}*/

/*.blog-bg-active .blog-description p {font: normal 25px 'LatoRegular', sans-serif !important; text-shadow: 1px 1px 0 #000}*/
/*.blog-bg-active .paddingTopBlog {padding-top: 0 !important;}*/

/*.sep-noticia-blog {margin-top: 20px; margin-bottom: 20px;}*/


/* NOVO TOPO DOS BLOGS */
.blog_new_top {padding: 20px 0}
.blog_new_top a b {background: #f4f4f4; border: 1px solid #f4f4f4; width: 126px; height: 126px; display: flex; align-items: flex-end; justify-content: center; overflow:hidden; border-radius: 100%}
.blog_new_top a b img {width: 105px; height: auto}

.blog_new_top .name_blog {margin-left: 18px}
/*.blog_new_top .name_blog .colunista {font: 18px 'Lato', sans-serif; display: block; margin: 0}*/
.blog_new_top .name_blog .colunista {font: 15px 'Lato', sans-serif; display: block; margin: 0}
.blog_new_top .name_blog strong,
/*.blog_new_top .name_blog h1 {font: 40px "Gp1headlinebold" , Serif; display: block; margin: 0}*/
.blog_new_top .name_blog h1 {font: 32px "Gp1headlinebold" , Serif; display: block; margin: 0}
.blog_new_top .name_blog strong a,
.blog_new_top .name_blog h1 a {color: #000; line-height: 1.1; display: block}
.blog_new_top .name_blog h1 a:hover {text-decoration: none}

.blog_new_top .name_blog span em {font-size: 12px; display: block; margin-top: -6px; text-align: right}



.blog_new_top2 a b {background: #fff; border: 0; width: auto; height: auto}

/*.social_blog_new {display: flex; margin: 3px 0 0 -5px; padding: 0; list-style: none}*/
/*.social_blog_new li {flex: 0 0 auto; margin-right: 10px}*/
/*.social_blog_new li a {padding: 5px; display: block}*/


/*.social_blog_new li a {width: 28px; height: 28px}*/
.social_blog_new li a {width: 22px; height: 22px}
.social_blog_new li.fc a svg {display: block; position: relative; top:2px}

@media (max-width: 768px) {
    .bloggers-news {padding-left: 0;}
    .bloggers-list li {border-left: 0 !important; padding: 0;}

    /*.bloggers-news li:nth-child(1) {border-bottom: 1px solid #dee2e6; padding-bottom: 19px;}*/
    .bloggers-news li .shares {width: 100%; justify-content: center;}
    .bloggers-news li .blog-img-float {display: block; float: none; width: 100%; margin-bottom: 10px;}

    .veja_mais_bt {margin-bottom: 0;}

    .bloggers-wrap {padding-bottom: 10px;}
    .bloggers-wrap .blogger-img img {width: 90px; height: 90px;}
    .bloggers-wrap .name {font-size: 19px; margin-bottom: 2px;}


    .bloggers .blog-social {margin-top: 0; margin-bottom: 10px; text-align: center;}

    .bloggers-list li,
    .banner-blog-lista {margin-bottom: 20px;}

    /*BLOGS*/
    /*.blog-description {position: relative; border-top: 1px solid #fff; background: #fff;}*/
    .blog-description {right: 0; left: 0;}
    .blog-description h1, .blog-description h2 {font-size: 35px; text-align: left; margin-top: 0; /*margin-top: 10px;*/}
    .blog-description span {font-size: 16px; display: block; text-align: left; padding-left: 0;}
    .blog-description .blog-social li a {font-size: 0; width: 24px; height: 24px;}
    .blog-description .blog-social li a.inst svg {padding: 2px;}
    .blog-description .blog-social li a.tw svg {padding: 3px;}

    .blog-topo .foto-blog {padding-top: 4px}
    .blog-topo .blog-social {padding-bottom: 0 !important;}
    .blog-topo .blog-description-wrap {padding: 0;}

    .blog-description .blog-social {text-align: left; display: flex}

    .banner-blog-interna {margin: 20px 0;}

    .bloggers-news li a img {margin-right: 10px;}

    /*NOVO TOPO*/
    .bloggers-list .blog-topo {padding-bottom: 20px;}
    /*.bloggers-list .blog-topo .foto-blog {margin-left: -15px;}*/

    .paddingTopBlog {padding-top: 0}

    .blog-social-mobile {padding-top: 5px !important; display: flex}

    .blog-topo-full img {width: 100%}
    .blog-bg-active b {padding: 4px 13px 9px}

    .blog-bg-active {padding: 20px 0}
    .blog-bg-active .blog-description-wrap {padding: 0 15px; /* flex: 0 0 100%; max-width: 100%; */}
    .blog-bg-active .blog-description h1 {font-size: 40px !important; margin-bottom: 8px !important;}
    .blog-bg-active .blog-description p {margin-bottom: 0 !important; font-size: 15px !important; font-weight: normal !important;}

    .blog-topo-mobile .blog-social {
        padding-bottom: 0 !important;
    }


}

@media (max-width: 480px) {
    /*.bloggers-news li a img {width: 120px; height: 80px;}*/
    .bloggers-news li a .blog-foto {width: 100%; height: auto; margin-top: 12px; margin-bottom: 5px; margin-right: 0; float: none;}
    .bloggers-news li a span {font-size: 18px;}
    .bloggers-news li a time,

    .bloggers-news li a .subtitle-blog {margin-top: 10px;}

    .bloggers-news li .blog-inverted {display: flex; flex-direction: row; flex-wrap: wrap;}
    .bloggers-news li .blog-inverted b {order: 2; flex: 1 0 100%;}

    .bloggers-news li .blog-invert {display: flex; flex-direction: column;}
    .bloggers-news li .blog-invert .blog-img-float {order: 2; margin: 0;}
    .bloggers-news li .blog-invert .blog-inverted {order: 1;}
    .bloggers-news li .blog-invert .shares {order: 3;}

    .blog_new_top a b {width: 118px; height: 118px}
    .blog_new_top a b img {width: 98px}
    .blog_new_top .name_blog strong, .blog_new_top .name_blog h1 {font-size: 26px; line-height: 1.2}



    .bloggers {flex-direction: column !important;}

    .about {font: 16px "Georgia", serif; line-height: 1.33; margin-bottom: 0;}

    .bloggers .blog-social {padding: 0;}

    /*.bloggers-news li a img {width: 100%; height: auto; display: block; margin-bottom: 10px; margin-right: 0; float: none;}*/


    .blog-topo .foto-blog {width: 250px; margin: 0 auto; display: block;}

    .bloggers-wrap {padding-bottom: 10px;}

    /*.blog-description h1, .blog-description h2 {font-size: 20px; text-align: left; margin-top: 0; !*margin-top: 10px;*!}*/

    .blog-description h1, .blog-description strong {font-size: 22px; text-align: left; margin-top: 0; /*margin-top: 10px;*/}
    .blog-description h2 {font-size: 16px; text-align: left; margin-top: 0; /*margin-top: 10px;*/}

    /*NOVO TOPO*/
    .bloggers-list .blog-topo .foto-blog {width: 90px}
    .bloggers-list .blog-description h2 {font-size: 20px;}
    .bloggers-list .blog-description span {font-size: 18px; color: #0054ce;}

    /*AJUSTES CSS*/

    .blog-bg-active .blog-description h1 {text-shadow: none !important; font-size: 24px !important; margin-bottom: 2px !important;}

    .blog-bg-active .bloque {margin-bottom: 0; text-shadow: none !important;}
    .blog-bg-active b {padding: 0; text-align: left}
    .blog-bg-active b img {width: 45px !important; margin: 0}

    .blog-bg-active .blog-description p {font-size: 12px !important; text-shadow: none !important; }

    .blog-bg-active .col-blogs {flex: 0 0 23%; max-width: 23%; padding: 0 0 0 15px}
    .blog-bg-active .blog-description-wrap { flex: 0 0 75%; max-width: 75%; padding-left: 0; padding-right: 0}


    .blog_detail_mobile {position: relative}
    .blog_detail_mobile .col-4, .blog_detail_mobile .col-8 {flex: 0 0 50%; max-width: 50%}
    .blog_detail_mobile .paddingTopBlog {padding-top: 66px}


    .blog_new_top2 a b {width: auto; height: auto}

    /*.social_blog_new li a svg {width: 20px}*/
    /*.social_blog_new li a.tw svg {width: 24px}*/
}