/*
 Theme Name: EstarBemLight Blog
 Theme URI: http://fion.com.br
 Author: Leandro Nascimento
 Author URI: https://fion.com.br
 Description: Tema desenvolvido para o blog da Estar Bem Light
 Version: 1.0
 */

.navbar { z-index: 99997;}
#wpadminbar { display:none; }
.cc-window.cc-banner { padding: 10px !important; /*Z-INDEX: 99997;*/ }
.row { width: auto; }
a { color: #999; text-decoration: none !important; }
a:hover  { color: #E77721;}
.navbar__logo img { height: 90px; position: absolute; max-width: 110px !important; top: 0px; }
.footer { background-color: #e2f0d7; padding: 25px 0 0 0; }
.footer__bottom { padding: 20px 0 8px 0; }
.footer__top__col ul li a, .footer__top__col ul li span { font: 300 15px/1 "Montserrat", sans-serif; margin: 0 0 0 36px;}
p.descricao {  margin-bottom:30px; font-size: 16px; line-height: 1.5; }

/*SIDEBAR E MAIN*/
main { display: flex; margin: 0 auto; flex-direction: row; justify-content: center; margin-bottom:40px; }
main .l1 { padding-right: 40px; }
main .l2 { width: 300px; }
.boxLateral h2 { text-transform: uppercase; margin: 15px 0px; font-weight: bold; font-size: 16px; }
.wp-block-image img { max-width: 100%; height: auto !important; }
.maisvistos { width:300px;}
.noticias a { color: #000; }
.noticias .item { margin:0; margin-bottom: 10px; display: block; float: left;}
.noticias .col-xs-4 { padding: 0px}
.noticias img { max-width: 100%;}
.noticias .col-xs-8 { padding-right: 0px;color:#000;}
.noticias .nomecategoria { margin-bottom: 2px; line-height: 1; color: #78BE20; }

/*CATEGORIA, BUSCA, TAG*/
h1.titulo { margin-top: 0px; margin-bottom: 30px; display: block; color: #000; text-transform: uppercase; font-size: 32px; position: relative; padding-bottom: 10px;}
h1.titulo::before{ content:' '; position: absolute; border:2px solid #78BE20; width:20%; bottom:0 }

/*BUSCA*/
.searchform input[type="text"] { border: 1px solid #ccc;padding: 10px;font-size: 12px;width: 230px;}
.searchform input[type="submit"] { background: #E77721;padding: 9px 10px;color: #fff;}
.compartilhe { font-size: 11px;line-height: 16px;margin-bottom: 10px;text-transform: uppercase;}

/*COMPARTILHE*/
.compartilhe a i { color: #B83A42; font-size: 16px; }
.compartilhe a:hover i { color: #E77721; }

/*LISTA NOTICIA*/
.boxpost a { text-decoration: none;}
.boxpost .titulo { font-size: 18px; line-height: 1.3; margin-top: 0px; }
.boxpost .resumo p { font:300 13px/20px "Montserrat", sans-serif; }
.boxpost { margin-bottom:40px;}
.nomecategoria { text-decoration: none;font-weight: 500;text-transform: uppercase;margin-bottom: 10px; display: block;font-size: 11px;color: #78BE20; }
.boxpost .lermais a { background: #B83A42;color: #fff;padding: 5px 10px;text-decoration: none;font-size: 11px;text-transform: uppercase; }
.boxpost .lermais a:hover { background: #E77721; }
.boxpost a:hover img { opacity: 0.7; }

.linha { display: flex;}
.linha .lermais { flex: 1; text-align: left; }
.linha .compartilhe { flex: 2;text-align: right; }

/*MATERIA*/
.materia img, .materia figure, .materia iframe { max-width:100% !important; height: auto;}

/*HOME*/
.banner .col-md-8 { padding-left: 0px; height: 400px; }
.banner .col-md-4 { padding-right: 0px; height: 400px; }
.banner .col-md-8 .boxpost{ height: 400px; }
.banner .col-md-4 .boxpost{ height: 185px; }
.banner .col-md-8 .boxpost h2{ font-size: 3em; }
.banner .col-md-4 .boxpost .lermais{ display: none; }

.overlay { overflow: hidden;position: relative;transform: translate3d(0, 0, 0); }
.overlay-media { position: absolute !important;top: 0;left: 0;width: 100%;height: 100%;z-index: auto !important; }
.overlay-media::before { content:' ';position: absolute;top: 0;left: 0; width: 100%;height: 100%; background: rgb(0,0,0,0.3); }
.overlay-media img { z-index: -1;position: absolute;top: 0;left: 0; width: 100%;height: 100%;font-family: "object-fit: cover;";-o-object-fit: cover;object-fit: cover; }
.overlay-outer { position:relative;display: flex;flex-direction: column;height: 100%;width: 100%; align-items: flex-start;justify-content: center;padding: 25px 50px; }
.overlay-link { display: block;position: absolute;top: 0;right: 0; bottom: 0;left: 0;z-index: 1; }
.post-outer { position: relative;height: 100%;margin-bottom: 30px;text-shadow: 1px 1px 1px #000; }
.post-outer:hover .overlay-media img { opacity: 0.7; }

.materia .compartilhe { margin-bottom: 30px; text-transform: uppercase; margin-top: 30px; }
.tags-links { border: 1px solid #ccc; padding: 5px; margin: 5px; }
.tags-links:first-child { margin: 5px 5px 5px 0px; }


@media  all and  (max-width:460px){
    .banner .col-md-8 { padding-left: 15px; }
    .banner .col-md-4 { padding-right: 15px; }
    .banner .col-md-8 .boxpost{ height: 185px; }
    .banner .col-md-8 .boxpost h2 { font-size: 18px; }
    .overlay-outer { padding: 25px 25px; }
    .banner .col-md-8 { height: auto; }
    main { flex-direction: column; }
    main .l1 { padding-right: 0px !important; }
    h1.titulo { font-size: 20px; }
    .materia .compartilhe { margin-top: 5px; }
    .tags-links { margin-top: 5px;display: inline-block; }
    .post-taxonomies { margin-top:0px !important; }
    footer { text-align: center; display: none;}
    footer .navbar__menus { flex-direction: column; text-align: center;}
    .footer__top__col ul li:not(:last-child) { margin: 0 0 0px 0; }
}