/*
Theme Name: k3noticias
Theme URI: https://i9bem.com.br
Description: Tema para o portal de notícias K3notícias
Version: 1.1.1
Author: Nerialdo Ferreira
Author URI: https://webativa.com.br
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: k3noticias
Tags: dema padrão, nerialdo ferreira, i9bem, webativa
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Chrome/Safari/Opera */
       -khtml-user-select: none; /* Konqueror */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

img{  max-width: 100% !important; height: auto !important}
/*habilita a seleção nos campos editaveis*/
input, textarea {
    -webkit-touch-callout: initial; /* iOS Safari */
      -webkit-user-select: text; /* Chrome/Safari/Opera */
       -khtml-user-select: text; /* Konqueror */
         -moz-user-select: text; /* Firefox */
          -ms-user-select: text; /* Internet Explorer/Edge */
              user-select: text;
}

/*habilita a seleção nos campos com o atributo contenteditable*/
[contenteditable=true] {
    -webkit-touch-callout: initial; /* iOS Safari */
      -webkit-user-select: all; /* Chrome/Safari/Opera */
       -khtml-user-select: all; /* Konqueror */
         -moz-user-select: all; /* Firefox */
          -ms-user-select: all; /* Internet Explorer/Edge */
              user-select: all;
}


/*Desabilitar download e arrastar imagem*/
img {
    pointer-events: none;
}
/* Header */
.bloco-header{ position: absolute;padding: 10px}
.logo{ max-width: 225px !important; margin-left: -28px;}
.sociais-search{margin-top: 4%; text-align: right}
.sociais-search a{ font-size: 33px; color:#dd0000}
.sociais-search ul li{
    float: right
}
.liemail{ margin-right: 10px}
.noticias-sem-imagens{}
/**
 * Menu principal
 */

/* Container do menu */
.main-menu {
    background: #1e88e5;
    width: 100%;
    padding: 7px;
}
.main-menu a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.02em;
}
.main-menu a:hover {
    background: #4f9ee3;
}

/* Container dos links do menu - Espaço de 30px para acompanhar o layout */
.main-menu > ul {
    margin: 0 30px;
}

/* Mantém os sub-menus nas posições corretas */
.main-menu li {
    position: relative;
}

.main-menu > ul > li {
    float: left;
}
.main-menu > ul > li > a {
    display: block;
    padding: 10px;
}
.main-menu > ul > .menu-item-has-children > a {
    padding: 10px 30px 10px 10px;
}

/* Adiciona uma seta para baixo nos itens que tem sub-menu */
.main-menu > ul > .menu-item-has-children > a:after{
    display: block;
    content: ' ';
    border: 5px solid transparent; 
    border-top-color: #fff;
    right: 10px;
    top: 50%;
    margin-top: -2px;
    height: 5px;
    width: 5px;
    position: absolute;
    z-index: 9998;
}
.titulosdestaque h2{ font-size: 15px}
#imagesdiv h2 {
    margin-top: -9px;
    line-height: 21px;
}
.manchete{
    margin-bottom: 5px;
    margin-bottom: 30px;
}
.manchete p{
    border-bottom: 1px solid #c3c1c1;
    padding-bottom: 10px
}

/* Mantém os sub-menus mais abaixo nas posições corretas */
.menu-item-has-children  {
    position: relative;
}

.menu-item-has-children .sub-menu {
    position: absolute;
    background: #ddd;
    min-width: 200px;
    display: none;
    z-index: 9999;
}
.menu-item-has-children .sub-menu  li {
    border-bottom: 2px solid #ccc;
}
.menu-item-has-children .sub-menu  a {
    display: block;
    padding: 10px;
    color: #555;
}

/* Sub-menus dentro de sub-menus sempre aparecem ao lado direito */
.sub-menu .sub-menu {
    position: absolute;
    min-width: 200px;
    left: 100%;
    top: -0;
}

/* Não precisamos de javascript para mostra os sub-menus */
.menu-item-has-children:hover >.sub-menu {
    display: block;
}
.menu-item-has-children:hover >.sub-menu a:hover {
    background: #eee;
}
.navbar{ padding: 0 !important}
.bg-light {
    width: 100%;
}
.navbar-light .navbar-nav .active>.nav-link{
    padding: 15px;  
    background: #095da7 !important
}
/* area site */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    /*padding-top: 25px;*/
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.titulo-video-index{
    font-size: 18px
}
.site{ margin-top: 30px}
.area-site{ margin-bottom: 30px}
.area-site-pub{ margin-bottom:0px;margin-top: -10px;}
.topo-table{ font-weight: bold !important}
.titulo-pesultado{ margin-bottom: 20px; margin-top: 20px  }
.titulo-pesultado h2{ font-weight: normal !important; font-size: 21px }
.dados-pesquisa{ padding: 10px; border: 1px solid #ececec8c}
.dados-pesquisa h3{ font-size: 18px; font-weight: normal; margin-bottom: 20px}
.nada-encontrado{ padding: 20px; margin-top: 20px; margin-bottom: 500px}
.nada-encontrado h3{ font-size: 21px;}

.icone-topo{ margin-left: 20px}

/* pagina categoria*/
.titulo-cat-pag{margin-bottom: 20px; }
.titulo-post-cat h2 a{ color:#333333; font-size: 26px; line-height: 26px} 
.titulo-post-cat span{ color:#666666 }
.bloco-noticias-categoria{ margin-bottom: 30px; border-bottom: solid #cccccc 1px; padding-bottom: 10px}

/* pagina single */
.title-post{margin-bottom: 30px; border-bottom: solid #666666 1px; padding-bottom: 10px}
.title-post h1{ font-size: 25px; line-height: 28px}
.title-post span{ color:#666666}
.postes{ margin-bottom: 30px}
.entry-footer{ padding: 10px; }
.entry-footer a{color:#666666; font-size: 15px}


/*PAGINACAO*/
.pagination{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 50px auto;
}
.pagination .page-numbers {
    padding: 5px 10px;
    background: #000;
    color: #fff;
    text-decoration: none;
}
.pagination .page-numbers:hover {
    background: #666;
}
.pagination .current{
    background: #666;
}
/*modal */
.window{
    display:none;
    width:100%;
    height:300px;
    position:absolute;
    left:0;
    top:0;
    z-index:9900;
    padding:10px;
    border-radius:10px;
}

#mascara{
    display:none;
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#fff;
}
.form-pesquisar{padding: 30px !important;text-align: center;}

.fechar{display:block; text-align:right;}
.rigth a, a:hover{color: white}
.rigth a:hover{color: white}

/* menu fixo */
#meuMenu {
    width:100%;
    top:0
}
.meuImg img{ max-height: 50px; max-width: 71px !important}
.fixar {
    position:fixed;
    z-index: 99999;
    background: white !important;
    margin-top: -38px !important;
}

/*slider*/
.footer-slider{ background: blue; }
.titulotopo{ font-size: 20px; font-weight: normal; color: white; line-height: 20px}
#contentdiv {
    position: relative;
    min-height: 150px;
    width: 100%;
    color: white;
}
#contentdiv p{
    background: #dd0000; padding: 5px !important; margin-bottom: 24px; color:white; display: table
}
.data-post{ font-size:14px}
.card{
    border: none !important
}
.card-body{
    padding: 5px !important
}
#imagesdiv {
    position: absolute;
    background: linear-gradient(to bottom, #1b1e21ad 10%, rgb(8, 8, 8));
    width: 100%;
    height: auto;
    padding: 100px 5px 15px  5px;
    bottom: 0;
    padding: 10px
}
#imagesdiv p{ color: white}
#imagesdiv h2{ margin-top: -20px}
#imagesdiv h2 a{ color: white}
.bloco-noticias h2{ background: #dd0000; padding: 8px; font-size: 20px; color: white; text-align: center; text-transform: uppercase}
.inf-servico{ margin-bottom: 30px}
.top-bloco{
    margin-bottom:20px
}
.top-bloco-dponto{
    margin-bottom:10px;
    border: #cccccc double 4px;
}
.top-bloco-dponto p{
    font-family: 'Courgette', cursive;
    padding: 4px;
    font-size: 19px;
    text-align: justify;
    float: left;
}
.noticias-bloco-topo{
    margin-bottom: 10px;
    border-bottom: 1px solid #aeaeae
}
.noticias-bloco-topo h2 a{
    font-size: 22px
}
.noticias-bloco-topo p{
    font-size: 15px
}

.topo-titulo-bloco{
    background: #dd0000;
    padding: 4px;
    text-align: center;
    text-transform: uppercase;
}
.topo-titulo-bloco h2{
    color:white;
    font-size: 24px;
    font-weight: 900;
    text-decoration: none;
    margin-top: 5px;
    font-style: italic;

}
.bloco-infor-topo-esquerda{ background: #0e69ab; padding: 20px}
.bloco-infor-topo-esquerda p{ color: white; font-size: 22px}
/* impostomentro */
.impostometro{ margin-top: 20px; margin-bottom: 20px;}
.iframe-impostometro{ width: 100%; height: 230px} 

.titulo-ultimas{ color: #333333; font-size: 18px; line-height: 18px}


.bloco-tabela{ margin-bottom: 40px; border-bottom: solid #cccccc 2px}
.topo-tabela{ background: #dd3333; color: white; font-size: 25px}
.topo-tabela th{padding: 20px !important; border: solid white 2px}
.imagem-prod{ margin-bottom: 20px}
/*tabs*/
.tabs-container{
    margin: 0 auto;
}
ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid #d7d7d7;
}
ul.tabs li{
    background: none;
    color: #616161;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}
ul.tabs li.current{
    color: #484848;
    border-bottom: 2px solid #F65314;
}
.tab-content{
    display: none;
    padding: 15px;
}
.tab-content.current{
    display: inherit;
}
.tab-link:hover {
    color: #FBBC05;
}

/*efeito imagens associados*/
.grid {
    padding-top: 20px; padding-bottom: 20px;
    max-width: 1300px;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

.grid li {
    display: inline-block;
    width: 100%;
    margin: 0;
    text-align: left;
    position: relative;
}

.grid figure {
    margin: 0;
    position: relative;
}

.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
}

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: #2c3f52;
    color: #ed4e6e;
}

.grid figcaption h3 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 1rem !important;
}

.grid figcaption span:before {
    content: 'by ';
}

.grid figcaption a {
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    background: #ed4e6e;
    color: #fff;
}

/* Individual Caption Styles */
.colunas{
    margin-bottom: 10px;
    border: 1px solid #e2dfdf
}
.colunas p{
    margin-bottom: -3px;
    font-size: 15px
}
.colunas h2{
    border-bottom: 1px red solid;
    font-size: 20px;
    padding: 8px;
}
.colunas h3 a{
    font-size: 18px;
    padding-left: 8px;
    padding-right: 8px
}
/*alinhamentos de textos */
.alignleft,
img.alignleft,
.alignright,
img.alignright,
.aligncenter,
img.aligncenter,
.alignnone,
img.alignnone {
    float: none;
    margin: 0px auto 20px auto;
    display: block;
    max-width: 100%
}

.alignleft:after,
img.alignleft:after,
.alignright:after,
img.alignright:after,
.aligncenter:after,
img.aligncenter:after,
.alignnone:after,
img.alignnone:after {
    content: "";
    display: table;
    clear: both
}

.wp-caption p.wp-caption-text {
    font-size: 16px;
    font-style: italic;
    margin: 5px 0px 0px 0px;
    text-align: justify;
    color: #999;
    display: block;
    line-height: 100%
}

.wp-caption p.wp-caption-text small {
    display: block;
    font-size: 10px
}

.wp-caption p.wp-caption-text>p {
    display: none
}

.alignleft,
img.alignleft {
    float: left;
    margin: 10px 20px 0px 0px
}
.alignright,
img.alignright {
    float: right;
    margin: 10px 0px 0px 20px
}
img.alignleft,
img.alignright {
    margin-bottom: 10px
}
.wp-caption p.wp-caption-text {
    margin-bottom: 5px
}



/* Caption Style 5 */
.cs-style-5 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
}

.cs-style-5 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.cs-style-5 figure a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}



@media (max-width: 575.98px) { 
    
    .logo{ max-width: 120px !important;  margin-left: -28px;}
    .sociais-search {
        text-align: right !important;
        margin-top: 0px !important;
    }
    .sociais-search a{
        font-size: 29px;
    }
    .sociais-search p{
        width: 100%;
        text-align: right;
        line-height: 17px;
    }
    .liemail{ margin-right: 0px; margin-top: -5px;}
    .sociais-search ul li{
        float: right
    }
    .espacoMibile{
        margin-bottom: 20px
    }
    .titulotopo{
        font-size: 16px;
        line-height: 17px
    }
    #contentdiv p{
        padding: 3px;
        font-size: 15px;
        margin-bottom: 6px;
    }
    
    #imagesdiv h2 {
        margin-top: -9px;
        line-height: 21px;
    }
    .manchete h2{
        font-size: 18px;
        border-bottom: 1px solid #c3c1c1;
        padding-bottom: 10px
    }
    .manchete p{
        display: none;
    }
    
    
    
    
}

@media (min-width: 576px) and (max-width: 767.98px) { 
    
    .logo{ max-width: 120px !important; margin-left: -28px;}
    .sociais-search {
        text-align: right !important;
        margin-top: 21px !important;
    }
    .sociais-search a{
        font-size: 33px;
    }
    .sociais-search p{
        width: 100%;
        text-align: center;
        margin-top: 35px;
    }
    .liemail{ margin-right: 0px; margin-top: -5px;}
    
    .sociais-search ul li{
        float: right
    }
    .espacoMibile{
        margin-bottom: 20px
    }
    .titulotopo{
        font-size: 16px;
        line-height: 17px
    }
    #contentdiv p{
        padding: 3px;
        font-size: 15px;
        margin-bottom: 6px;
    }
    
    #imagesdiv h2 {
        margin-top: -9px;
        line-height: 21px;
    }
    .manchete h2{
        font-size: 18px;
        border-bottom: 1px solid #c3c1c1;
        padding-bottom: 10px
    }
    .manchete p{
        display: none;
    }
    
  
    
}


@media (min-width: 768px) and (max-width: 991.98px) { 
    
}


@media (min-width: 992px) and (max-width: 1199.98px) { 
    
}


@media (min-width: 1200px) {
    

}

@media screen and (max-width: 31.5em) {
    .grid {
        padding: 10px 10px 100px 10px;
    }
    .grid li {
        width: 100%;
        min-width: 300px;
    }
}

/*widget*/
.widget{ width: 100%; margin-bottom: 20px}
.widget p{ 
    padding-left: 8px;
    padding-right: 8px;
}
.widget li{ list-style-type: none}
.widget-title{ background: #dd0000; padding: 8px; font-weight: normal; color: white; font-size: 20px; text-align: center; text-transform: uppercase; font-weight: 600;}
.widget-title a{ color: white !important }

/*rodape */
.rodape{ width: 100%; padding-bottom: 30px; padding-top: 30px; color: white}
.footer-img{ border-right: 1px solid white}
.credito-footer p{ margin: 0; font-size: 15px}
.credito-footer a{ color: white }

/* max-width  */
@media screen and (max-width: 600px) {
    .bloco-infor-topo-esquerda p{ color: white; font-size: 18px}
    .header-contatos{display:none}
    .backTopo{display:none}
}