:root{
    --color-secondary: #3F51B5;
    --color-secondary-hover: #3F51B5;
    --color-primary: #222;
    --border-radius: 6px;
}
*{
    letter-spacing: -1px;
}


.singlePost table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  border-collapse: collapse; /* Remove espaços entre as bordas */
}

.singlePost table th,
.singlePost table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6; /* Borda superior das células */
}

.singlePost table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6; /* Borda inferior do cabeçalho */
}

.singlePost table tbody + tbody {
  border-top: 2px solid #dee2e6; /* Separador entre corpos da tabela */
}
.singlePost table thead {
  background: #cccccc57;
}



.singlePost table{
	width: 100%;
	margin-bottom: 20px;
}
.color-secondary{
    color: var(--color-secondary);
}
a{
    text-decoration: none;
    color: #222;
}
a:hover{
    color: var(--color-secondary-hover);
}
.highlight-title {
    font-size: 1.8rem;
    font-weight: bold;
}
.news-summary {
    color: #666;
}
.sidebar-title {
    font-weight: bold;
    font-size: 1.1rem;
}
.highlight-image {
    object-fit: cover;
}
.ads {
    text-align: center;
    padding: 10px;
}
.ads .adsTitle{
    font-size: 13px;
    font-weight: 300;
}
h6.label{
    font-weight: 300;
}
.postFeature .itemPrimary a{
    font-size: 24px;
    font-weight: 500;
}
.postFeature .itemPrimary .desc{
    font-size: 15px;
    font-weight: 300;
}

.postFeature .itemPrimary img{
    height: 500px;
    width: 100%;
    border-radius: var(--border-radius);
    border-bottom: 4px solid var(--color-secondary-hover)
}

.postFeature .itemSecondary img{
    height: 120px;
    object-fit: cover;
    width: 100%;
    border-radius: var(--border-radius);
    border-bottom: 4px solid var(--color-secondary-hover)
}

.postFeature .itemSecondary h5{
    font-size: 15px;
}
.postFeature .itemSecondary .news-summary{
    font-size: 14.5px;
}
.postFeature .itemList ul{
    padding-left:10px;
    list-style:none;
}
.postFeature .itemList ul li {
    margin-bottom: 5px;
}
.postFeature .itemList ul li a{
    text-decoration:none;
    font-weight:600;
    color: #111;
}
.postFeature .itemList ul li a:before{
    content: '';
    width: 5px;
    height: 5px;
    border-radius:2.5px;
    background-color: var(--color-secondary);
    position: relative;
    display: inline-block;
    top: -2px;
    margin-right: 6px;
}


.pageSearch .item img{
    height: 160px;
    object-fit: cover;
    border-radius: var(--border-radius);
}

.navbar-nav-destaque{
    position: absolute;
    right: 60px;
}
.search-container {
    position: absolute;
    right: 0;
    display: inline-block;
}
.search-container .btn{
    color: #FFF!important;;
    border:none!important;
}
.search-container .btn:active{
    color: #FFF;
    border:none!important;
}


.card-img-overlay {
    background: rgba(0, 0, 0, 0.15); /* Fundo escuro semitransparente */
    padding: 20px; /* Espaçamento interno */
}

.card-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.card-img {
    height: 300px; /* Ajuste a altura da imagem */
    object-fit: cover; /* Mantém proporção da imagem */
}


.search-form {
    display: none; /* Oculta inicialmente */
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    opacity: 0; /* Inicia invisível */
    transform: translateY(10px); /* Posicionado mais abaixo */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Transição suave */
}

.search-form.active {
    display: block; /* Torna visível */
    opacity: 1; /* Visível */
    transform: translateY(0); /* Sobe para a posição final */
}

.search-form .search-input {
    min-width: 280px; box-shadow: 3px 4px 10px 0px rgb(0 0 0 / 16%); border-radius: var(--border-radius);
}







.listMaisLidas{

}
.listMaisLidas ul li a{
    font-weight: 300;
}
.listMaisLidas ul li strong{
    font-weight: 800;
    font-size: 25px;
}
.listMaisLidas ul li .number{
    display: flex;
    align-items: center;
    text-align: right;
}
.listMaisLidas .list-group-item{
    border:none!important;
}

.listMaisLidas hr{
    margin: 4px 0;
}













.sectionUltimasNoticiasGrid .item {
  /*height: 100px;*/
}
.sectionUltimasNoticiasGrid h4 {
   line-height: 24px;
 }
.sectionUltimasNoticiasGrid .item h4::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  background-color: var(--color-secondary);
  position: relative;
  display: inline-block;
  top: -2px;
  margin-right: 6px;
 }
.sectionUltimasNoticiasGrid .item::after {
    content: ""; /* Garante que o pseudo-elemento seja exibido */
    display: block; /* Torna o pseudo-elemento visível */
    background: linear-gradient(to right, #ffffff17, #d3d3d38a, #ffffff17); /* Gradiente do cinza claro para escuro e de volta ao claro */
    height: 1px; /* Altura do pseudo-elemento */
    width: 100%; /* Largura do pseudo-elemento */
    bottom: 0; /* Posiciona o pseudo-elemento no final do elemento pai */
    left: 0; /* Alinha o pseudo-elemento ao lado esquerdo */
}






.sectionUltimasNoticiasGrid .itemDestaque img{
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: var(--border-radius);
    border-bottom: 4px solid var(--color-secondary-hover)
}

.sectionUltimasNoticiasGrid .itemDestaque .label{
   font-weight: 300;
   font-size: 14px;
   margin-top: 10px;
}
.sectionUltimasNoticiasGrid .itemDestaque .text{
    height: 85px;


 }
.sectionUltimasNoticiasGrid .itemDestaque a{
    font-size: 22px;
}

.sectionUltimasNoticiasGrid .item a{
    letter-spacing: -1px;
    font-size: 19px;
}
.sectionUltimasNoticiasGrid .item .label{
    font-weight: 300;
    font-size: 14px;
}



.sectionUltimasNoticiasGrid .news-category{
    font-weight: 300;
    font-size: 13px;
}































.sectionUltimasNoticias .itemPrimary img{
    height: 400px;
    width: 100%;
    object-fit:cover;
    border-radius: var(--border-radius);
    border-bottom: 4px solid var(--color-secondary-hover)
}
.sectionUltimasNoticias .itemPrimary a{
    font-size: 24px;
}
.sectionUltimasNoticias .itemPrimary h3{
    line-height: 28px;
}


.sectionUltimasNoticias .itemPrimary .label{
   font-weight: 300;
   font-size: 14px;
}
.sectionUltimasNoticias .itemPrimary .itemList ul{
    padding-left:10px;
    list-style:none;
}
.sectionUltimasNoticias  .itemPrimary .itemList ul li {
    margin-bottom: 5px;
}
.sectionUltimasNoticias  .itemPrimary .itemList ul li a{
    text-decoration:none;
    font-weight:600;
    color: #111;
}
.sectionUltimasNoticias  .itemPrimary .itemList ul li a:before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: var(--border-radius);
    background-color: var(--color-secondary);
    position: relative;
    display: inline-block;
    top: -2px;
    margin-right: 6px;
}

.sectionUltimasNoticias .itemSecondary img{
    border-radius: var(--border-radius);
    margin-bottom:15px;
    width: 100%;
    height: 190px;
    object-fit: cover;
    border-bottom: 4px solid var(--color-secondary-hover)
}

.sectionUltimasNoticias .itemSecondary .item::after {
    content: ""; /* Garante que o pseudo-elemento seja exibido */
    display: block; /* Torna o pseudo-elemento visível */
    background: linear-gradient(to right, #ffffff17, #d3d3d36e, #ffffff17); /* Gradiente do cinza claro para escuro e de volta ao claro */
    height: 1px; /* Altura do pseudo-elemento */
    width: 100%; /* Largura do pseudo-elemento */
    bottom: 0; /* Posiciona o pseudo-elemento no final do elemento pai */
    left: 0; /* Alinha o pseudo-elemento ao lado esquerdo */
}


.sectionUltimasNoticias .itemSecondary .item:last-child {
    border-bottom: none;
}
.sectionUltimasNoticias .itemSecondary .item:nth-of-type(5) {
    border-bottom: none;
}
.sectionUltimasNoticias .itemSecondary h4{
    font-size: 19px;
    min-height: 60px!important;
}
.sectionUltimasNoticias .itemSecondary h4::before{
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  background-color: var(--color-secondary);
  position: relative;
  display: inline-block;
  top: -2px;
  margin-right: 6px;
}
.sectionUltimasNoticias .itemSecondary .label{
    font-size: 14px;
    font-weight: 300;
}

.sectionVideo img{
    width: 100%;
    border-radius: var(--border-radius);
    margin-bottom:15px;
    height: 200px;
    object-fit: cover;
}
.sectionVideo h5{
    font-size: 17px;
}
/* Estilo base para o ícone de play */
.play-icon {
    font-size: 50px;
    color: white;
    display: none; /* Esconde por padrão */
    pointer-events: none; /* Ícone não interfere no clique */
    top: 38%!important;
}

/* Mostrar o ícone ao passar o mouse sobre o .item */
.sectionVideo .item:hover .play-icon {
    display: block;
}

/* Efeito de fundo escuro ao passar o mouse */
.sectionVideo .item:hover img {
    opacity: 0.8;
}
.searchform #searchsubmit{
    border:none;
    border-radius: 10px;
    color: #fff;
    padding: 10px 15px;
    background-color: var(--color-secondary);
}
.searchform #s{
    min-width: 280px;
    box-shadow: 3px 4px 10px 0px rgb(0 0 0 / 16%);
    border-radius: 4px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}























footer{
    background: linear-gradient(90deg, #3F51B5 0%, #3F51B5 50%, #3F51B5 100%);
    margin-top:80px;
    box-shadow: 1px -3px 10px 0px rgba(0, 0, 0, 0.4);
}
footer .listPages{
  text-align: right;
}

footer .listPages li{
    margin: 0px 6px;
    display: inline;
}
footer .listPages li a{
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0;
}

.social-links{
  text-align: center!important;
}

.post-comments{
  margin-bottom: 144px!important;
}

header{
    background: linear-gradient(90deg, #3F51B5 0%, #3F51B5 50%, #3F51B5 100%);
    margin-bottom:0px;
}
.mobile header{
    background: linear-gradient(180deg, #3F51B5 0%, #3F51B5 50%, #3F51B5 100%)!important;
    margin-bottom:0px;
}

header .logo{

}
.headerTop{
    background: #1d2327!important;
    padding: 0px;;
    color: #fff;;
}
.headerTop .social-links a{
    color: #ccc;
    font-size: 13px;
    margin: 0!important;
}
.navbar-expand-lg .navbar-collapse{
    /*display:block!important;*/
}
#navbarNav .subMenu{
   width: 250px;
   padding: 0;
   box-shadow: 4px 0px 3px rgba(0, 0, 0, 0.1);
   border: 1px solid #cccccc29;
}
#myTabTimes{
    padding: 0!important;
}
#myTabTimes li button{
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
}
#myTabTimes button{

}


#myTabTimes li button.active{
    color: var(--color-secondary);
    border: none;
    font-weight: 600;
    border-bottom: 2px solid var(--color-secondary);
}
#myTabTimes li{
    border: none;
}
#navbarNav .subMenu li a:hover{
    background: transparent!important;
}
#navbarNav ul li a{
    font-size:17px;
    color:#FFF;
    font-weight: 400,bold;
    letter-spacing: 0;
    font-weight: 500;
}

#navbarNav .subMenu li a{
    color:#222;
    border-bottom: 1px solid #cccccc40;
}


.subFooter{
    font-size: 13px;
    font-weight:300
}

.subFooter .list{
  margin: 0;
  padding: 0px 7px;
  list-style:none;
}


.subFooter .list li a{
  font-size: 15px;
}




/* SINGLE POST */


.singlePost{
    margin-top: 40px;
}

.singlePost h1{
    font-size: 47px;
    font-weight: 700;
}

.singlePost h2.subTitulo{
    font-size: 20px;
}
.singlePost .featured-image{
    margin-bottom: 30px;
}
.singlePost .wp-block-embed iframe{
    width: 100%!important;
    min-height: 480px!important;
}
.singlePost .sidebarVideo .wp-block-embed iframe{
    width: 100%!important;
    min-height: 100px!important;
}
.singlePost .featured-image img{
    max-height: 650px;
    object-fit: cover;
    border-radius: 5px!important;
}
.singlePost .selectVejaTambem img{
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 10px;;
}
.singlePost .selectVejaTambem .desc{
    font-weight: 300;
    font-size: 13px;
}
.singlePost .selectVejaTambem .title{
    font-size: 17.5px;
    margin-bottom: 0;
}
.singlePost .selectVejaTambem .date{
    font-size: 12px;
    opacity: 0.7;
}



.singlePostVideo {
    margin-top: 40px;
}

.singlePostVideo iframe{
    width: 100%;
    min-height: 650px;
    border-radius: 10px;;
}


.post-tags {
    margin-top: 20px;
    font-size: 14px;
    color: #555;
}

.post-tags span {
    font-weight: bold;
}

.post-tags a {
    text-decoration: none;
    color: var(--color-primary); /* Cor azul */
    margin-right: 5px;
    padding: 2px 5px;
    background: #f1f1f1;
    border-radius: 3px;
}

.post-tags a:hover {
    background: var(--color-secondary);
    color: #fff;
}

.post-thumbnail-caption{
    letter-spacing: 0px!important;
    background: #ededed;
    font-size: 12px;
    font-weight: 300;
    text-align: right !important;
    padding: 4px;
}


/* END SINGLE POST  */





.pageTime{

}
.pageTime a{
    color: #222;
}
.pageTime a:hover{
    color: var(--color-secondary-hover)!important;
}

.pageTime .itemPrimary {
    border-right: 1px solid; /* Largura da borda */
    border-image: linear-gradient(to bottom, rgb(255, 255, 255), rgba(190, 190, 190, 0.353), rgb(255, 255, 255)) 1; /* Gradiente vertical */
}
.pageTime .listMaisLidas .list-group-item hr{
    margin-top: 13px;
}

.pageTime .listMaisLidas .list-group-item strong{
    margin-top: -13px;
}




hr {
    border: none; /* Remove a borda padrão */
    height: 1px; /* Altura da linha */
    background: linear-gradient(to right, #d3d3d3, #555, #d3d3d3); /* Gradiente do cinza claro para escuro e de volta ao claro */
    margin: 20px 0; /* Margem para espaçamento */
}
hr.wp-block-separator{
    border:none!important;
}

.breadcrumb a{
    margin-left: 5px;
    margin-right: 5px;
    font-weight: 300;
    font-size: 14px;
}
.breadcrumb {
    margin-left: 5px;
    margin-right: 5px;
    font-weight: 300;
    font-size: 14px;
}

.breadcrumb .active{
    margin-left: 5px;
    opacity: 0.7;
    font-weight: 300;
    font-size: 14px;
}
.breadcrumb .separator{
    margin-left: 5px;
    margin-right: 5px;
    opacity: 0.7;
    font-weight: 300;
    font-size: 14px;
}



.mobile .navbar-toggler-icon{

}




.navigation .page-numbers{
  padding: 6px 12px;
  border-radius: 5px;
  background: #3f51b1;
  color: #FFF;
}
.navigation .current{
  padding: 6px 12px;
  border-radius: 5px;
  background: #7587e3;
  color: #FFF;
}











#cookie-modal {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f1f1f1;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    z-index: 1000;
}
#cookie-modal p {
    margin: 0;
    font-size: 14px;
    color: #333;
}
#cookie-modal button {
    padding: 10px 15px;
    margin-left: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}
#accept-btn {
    background-color: #4CAF50;
    color: white;
}
#close-btn {
    background-color: #f44336;
    color: white;
}





@media (min-width: 1200px) {
    .h4, h4 {
        font-size: 1.3rem!important;
    }
}

@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.21rem!important;
        font-weight: 700!important;
    }
}
