/*

THEME NAME: BOLSÃO AGORA | 1.0

THEME URI: https://www.bolsaoagora.com.br/

DESCRIPTION: Tema criado exclusivamente para o Jornal Bolsão Agora.

Aproveite seu tema! 

Alerta: Fica proibida qualquer alteração no código fonte do tema, podendo resultar na perda da garantia.

VERSION: 1.0

AUTHOR: Paulo Sérgio • Agência ZERO67

AUTHOR URI: http://www.facebook.com.br/paulo.sergio8

*/

* p::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection,
span::selection, small::selection, a::selection, figure::selection,iframe::selection, img::selection, address::selection, div::selection, strong::selection, b::selection, ul::selection, li::selection{
background: #0C1A3D;
color: #FFF;
}
body::-webkit-scrollbar {
width: 5px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
background: #f1f1f1;        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
background-color: #0C1A3D;    /* color of the scroll thumb */
border-radius: 20px;       /* roundness of the scroll thumb */
border: 3px solid #0C1A3D;  /* creates padding around scroll thumb */
}

body {
font-family: "Montserrat", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
margin: 0;
padding: 0;
color: #657380;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
font-weight: 700;
}

a, a:visited {
text-decoration: none;
outline: none;
color: #0C1A3D;
}

a:hover, a:focus{
text-decoration: none;
outline: none;
color: #0a58ca;
}
img{
width: 100%;
height: auto;
}

.clear{
clear: both;
}
.space15{
width: 100%;
height: 15px;
display: block;
clear: both;
}
.space25{
width: 100%;
height: 25px;
display: block;
clear: both;
}
.linespace15 {
max-width: 100%;
height: 2px;
background: #e2e2e2;
margin: 5px 0 15px;
display: block;
clear: both;
}
.linespace25 {
max-width: 100%;
height: 2px;
background: #e2e2e2;
margin: 5px 0 25px;
display: block;
clear: both;
}

.paddingReset{
padding: 0!important;
list-style: none;
}
.publicidade figure{
    margin: 0;
}
.publicidade{
padding: 10px;
background-image: url(https://bolsaoagora.com.br/wp-content/themes/bolsaoagora/img/bg-ad-container.png);
text-align: center;
}

/* HEADER */

.header-principal {
background-color: #0C1A3D;
color: #fff;
text-align: center;
height: 97px;
display: flex;
align-items: center;
}

header .header-principal h1 {
margin: 0;
font-size: 0;
}

.menuIcon, .buscaIcon {
font-family: montserrat,sans-serif;
font-weight: 700;
text-transform: uppercase;
line-height: 23px;
font-size: 12px;
color: #fff!important;
text-decoration: none;
outline: none;
display: flex;
align-items: center;
position: relative;
z-index: 5;
transition: .3s ease;
cursor: pointer;
}

.menuIcon div {
margin-right: 10px;
width: 24px;
text-align: left;
transition: .3s;
position: relative;
z-index: 2;
align-items: center;
display: flex;
}

.menuSidebar {
align-items: center;
justify-content: start;
color: #fff;
}
.menuIcon div span, .menuIcon div span:after, .menuIcon div span:before {
width: 24px;
height: 3px;
border-radius: 5px;
background-color: #fff;
transition: .3s;
position: absolute;
content: '';
transition: .3s;
}

.menuIcon div span:before {
top: -8px;
}

.menuIcon div span:after {
top: 8px;
}
.menuSidebar {
align-items: center;
justify-content: start;
color: #fff;
}

.buscaSidebar {
justify-content: end;
align-items: center;
}

.buscaIcon div {
margin-left: 10px;
transition: .3s;
z-index: 2;
align-items: center;
display: flex;
}

.buscaIcon:before, .buscaIcon:after {
display: inline-block;
width: 24px;
height: 3px;
transition: .3s;
background: 0 0;
position: absolute;
content: '';
transition: .3s;
transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
top: 9px;
right: 0;
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}

nav#open.menuOpen {
position: absolute;
top: 0;
right: 100%;
transform: translateX(-20%);
-moz-transform: translateX(-20%);
-webkit-transform: translateX(-20%);
-o-transform: translateX(-20%);
-ms-transform: translateX(-20%);
width: 100%;
background: #0c1a3d;
z-index: 5;
opacity: 0;
visibility: hidden;
text-align: right;
padding: 30px 0 0;
transition: all .4s ease-in-out;
box-shadow: 20px 20px 40px 0 rgb(0 0 0 / 20%), 1px 0 5px 0 rgb(0 0 0 / 30%);
-webkit-box-shadow: 20px 20px 40px 0 rgb(0 0 0 / 20%), 1px 0 5px 0 rgb(0 0 0 / 30%);
}

nav#open.active {
right: 50%;
opacity: 1;
visibility: visible;
display: block;
}

.menuContent {
position: relative;
display: inline-block;
padding: 0 20px 40px 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: left;
width: 20%;
}

.menuIcon.active {
transition: .3s ease;
color: #fff;
border-color: transparent;
}

.menuIcon.active div span {
background: 0 0!important;
}

.menuContent ul {
padding: 0;
margin: 0;
list-style: none;
width: 100%;
display: inline-block;
}

.menuIcon.active div span:before, .menuIcon.active div span:after {
transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
top: 0;
background: #fff;
transition: top .3s ease,transform .3s .6s ease;
}

.menuIcon.active div span:before, .buscaIcon.active:before {
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}

.menuIcon.active div span:after, .buscaIcon.active:after {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}

nav#open.menuOpen ul li {
position: relative;
width: 100%;
border-top: 1px solid rgba(255,255,255,.3);
}
.menuContent ul li a {
color: #ffffff;
text-decoration: none;
outline: none;
}

nav#open.menuOpen ul li a {
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 12px;
color: #fff;
padding: 10px 15px;
display: block;
}

nav#open.menuOpen ul li big {
font-family: montserrat,sans-serif;
font-size: 12px;
font-weight: 400;
color: rgba(255,255,255,.6);
padding: 15px;
display: block;
}

.submenu {
background: rgba(255,255,255,.1);
border-radius: 5px;
padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 0!important;
}

nav#open.menuOpen ul li ul li:first-child {
border: none!important;
}

.pesquisa {
width: 100%;
height: 25px;
position: relative;
visibility: hidden;
background: 0 0;
display: block;
}

.buscar {
visibility: visible !important;
height: auto;
transition: all .3s ease-in-out;
background: #d6d6d6;
margin-bottom: 25px;
}

.busca-ativa {
width: 100%;
position: relative;
display: block;
margin: 25px 0 25px;
border-radius: 10px;
}

.busca-ativa form {
width: 100%;
height: 60px;
}

input.inputBusca {
width: 100%;
height: 60px;
padding: 0 25px;
border: 0;
outline: none;
color: #0c1a3d;
border-radius: 30px;
}

.logo img{
width: 313px;
max-width: 100%;
height: auto;
}

.header-editoria{
background: rgb(214,214,214);
background: linear-gradient(90deg, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 50%, rgba(214,214,214,1) 100%);
}

.lista-editoria {
margin: 0 auto;
justify-content: center;
align-items: center;
}

.menu {    
padding: 8px 0;
}

.menu ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}

.menu ul li {
display: inline;
font-size: .875rem;
font-weight: 600;
}

.menu li {
padding: 10px; /* Adiciona um pouco de espaço ao redor dos itens */
}
.menu ul li a:hover {
border-bottom: 2px solid;
}
.menu li:nth-child(1) a {
color: #0669DE; /* Cor para Três Lagoas */
}

.menu li:nth-child(2) a {
color: #C4170C; /* Cor para Cidades */
}

.menu li:nth-child(3) a {
color: #06AA48; /* Cor para Economia */ 
}

.menu li:nth-child(4) a {
color: #FF6700; /* Cor para Polícia */
}

.menu li:nth-child(5) a {
color: #FB0334; /* Cor para Política */
}

.menu li:nth-child(6) a {
color: #0669DE; /* Cor para Brasil */
}

.menu li:nth-child(7) a {
color: #C4170C; /* Cor para Mundo */
}

.menu li:nth-child(8) a {
color: #06AA48; /* Cor para Últimas Notícias */
}

.menu a {
text-decoration: none; /* Remove o sublinhado dos links */
text-transform: uppercase;
}

/* INDEX */
.manchete{
margin: 0!important;
}

.imagem-manchete img{
aspect-ratio: 15 /10;
object-fit: cover;

}
a.link-titulo-manchete:hover .imagem-manchete img{
border-bottom: 10px solid #0C1A3D;
transition: all 0.3s ease-in-out;
}

.titulo-manchete{
width: 100%;
color: #FFF;
text-shadow: 1px 1px 1px rgb(0 0 0 / 60%);
position: absolute;
bottom: 0;
margin: 0!important;    
padding: 30px 15px 15px;
background: -moz-linear-gradient(top,rgb(13 26 59 / 77%) 0%,#0c1a3d 100%);
background: -webkit-linear-gradient(top,rgb(13 26 59 / 77%) 0%,#0c1a3d 100%);
background: linear-gradient(to bottom,rgb(13 26 59 / 0%),#0c1a3d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000c1a3d',endColorstr='#0c1a3d',GradientType=0 );
}

.highlight h2 {
margin: 0 0 10px;
font-size: 1.5em;
line-height: 1.5rem;
}


.link-titulo-destaque p, .post-archive-fotos p, .post-archive-videos p, .coluna-social p{
margin: 5px 0;

}
.news article {
margin-bottom: 25px;
}

.news h2,
.latest-news h2,
.midia-news h2,
.fotos h2 {
font-size: 1.25rem;
text-transform: uppercase;
}

.news article h3,
.fotos article h3,
.coluna-social h3 {
font-size: 1.2rem;
line-height: 1.2rem;
font-weight: 700;
margin: 0;
}

ul.jornal-digital {
padding: 0;
margin: 0;
list-style: none;
}
ul.jornal-digital li:first-child{
display:none !important;
}
.list-jornal-digital{
padding-bottom: 15px;
border-bottom: 2px solid #e2e2e2;
margin-bottom: 15px;
align-items: center;
justify-content: start;
display: inline-flex;
}

.list-jornal-digital img{
width: 75px;
height: 100px;
object-fit: cover;
margin-right: 15px;
}

.ads {
text-align: center;
color: #999;
}

ul.list-posts-archive{
padding-left: 0;
list-style: none;
}

li.item-post-archive{
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 2px solid #e2e2e2;
display: flex;
}

.title-post-archive h3, .post-archive-videos h3{
font-size: 2rem;
line-height: 2rem;
font-weight: 700;
}

a.post-archive{
display: flex;
align-items: center;
justify-content: center;
}

button.btn-noticias{
color: #fff;
width: 100%;
line-height: 41px;
border: none;
background: #0c1a3d;
}

.btn-noticias a{
color: #fff;
font-size: .875rem;
font-weight: 700;
text-decoration: none;
outline: none;
display: block;
}

section.entretenimento{
background-color: #0C1A3D;
margin-bottom: 20px;
}

a.post-archive-fotos{
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 2px solid #e1e1e1;
display: block;
}

ul.lista-conluna-social{
list-style: none;
padding-left: 0;
margin: 0;
}

ul.lista-conluna-social h2{
color: #fff;
font-size: 1.25rem;
text-transform: uppercase;
}

li.item-coluna-social a{
color: #fff;
text-decoration: none;
}

/* FOOTER */

footer {
background-color: #0C1A3D;
color: #fff;
}

h4.link-a {
font-size: 1.5rem;
line-height: 1.5rem;
font-weight: 700;
margin-top: 25px;
}

address.thelemovel, address.at-email {
display: flex;
align-items: center;
justify-content: start;
margin: 0;
}

ul.social-media {
list-style: none;
padding-left: 0;
display: inline-flex;
align-items: center;
justify-content: flex-start;
margin: 0;
grid-column-gap: 10px;
font-size: 1.5rem;
}

ul.social-media li a {
color: #fff;
text-decoration: none;
outline: none;
}

ul.list-link{
list-style: none;
}

ul.list-link li a {
color: #fff;
font-size: 1rem;
line-height: 1.25rem;
text-decoration: none;
outline: none;
}

.direitos-autorais small, .credito small {
color: #0c1a3d;
font-size: .875rem;
}

/* SINGLE */
main.single-post p, .wp-block-list{
font-size: 1.25rem;
line-height: 2rem;
margin-bottom: 1.5rem;
}

header.article h1{
color: #0c1a3d;
margin: 10px 0 25px
}

span.category-single{
background-color: #0c1a3d;
color: #FFF;
border-radius: 5px;
font-size: 12px;
font-weight: 700;
padding: 2px 8px;
margin-bottom: 8px;
text-transform: uppercase;
}

span.autor{
color: #0c1a3d;
}

.credito-single{
line-height: 1.2rem;
}
ul.icon-compartilhe {
font-size: 1.5rem;
line-height: 1.5rem;
display: inline-flex;
list-style: none;
align-items: center;
justify-content: flex-start;
grid-column-gap: 15px;
margin: 0;
}
.imagem-destacada p, .wp-block-image p {
color: #9aa0ad;
font-size: .875rem!important;
line-height: .875rem!important;
padding: 15px 0;
border-bottom: 2px solid #e2e2e2;
}

.title-posts-relacionado h3 {
font-size: .875rem;
line-height: .875rem;
font-weight: 700;
margin: 5px 0;
display: block;
}

/* CATEGORY */
.wp_pagination {
text-align: center;
}

a.next.page-numbers {
background: #0c1a3d url(https://bolsaoagora.com.br/wp-content/themes/bolsaoagora/img/proximo.png) no-repeat;
}

a.prev.page-numbers {
background: #0c1a3d url(https://bolsaoagora.com.br/wp-content/themes/bolsaoagora/img/anterior.png) no-repeat;
}

a.next.page-numbers, a.prev.page-numbers {
line-height: 2.375rem;
width: 30px;
height: 38px;
margin: 5px 0;
position: relative;
display: inline-block;
text-indent: -9999px;
direction: ltr;
}

a.page-numbers, span.page-numbers {
font-family: montserrat,sans-serif;
font-size: .875rem;
font-weight: 700;
text-align: center;
line-height: 2.375rem;
width: 40px;
height: 38px;
margin: 5px 0;
background: #f0f0f0;
border: none;
display: inline-block;
}

/* MOBILE */

/*Mobile Index */
@media screen and (max-width:991px){
.manchetes div:first-child {
    margin-bottom: 25px;
}

.img-post-archive{
    margin-bottom: 10px;
}
}
@media (min-width: 768px){
.desktop{
	display:block;
}
.mobile{
	display: none;
}
}
@media screen and (max-width:767px){
.desktop{
	display:none !important;
}
.mobile{
	display: block;
}
nav#open.active{
    right: 20%;
}

.menuContent{
    width: 60% !important;
    padding: 0 15px 40px;
}

.inputBusca, .busca-ativa form {
    height: 45px !important;
}

.busca-ativa{
    margin: 20px 0;
}

a.link-titulo-destaque, a.post-archive-videos{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e1e1e1;
    display: block;    
}

.title-post-archive h3, .post-archive-videos h3,.news article h3, .fotos article h3, .coluna-social h3{
    font-size: 1.5rem;
    line-height: 1.5rem;
}

span.chapeu{
    font-size: 0.875rem;
    line-height: 0.875rem;
    margin-bottom: 10px;
    display: block;
}

.lista-conluna-social li{
    margin-bottom: 25px;
}

.credito, .direitos-autorais {
    text-align: center!important;
}
}

@media (max-width: 574px){
.menuIcon, .buscaIcon {
    font-size: 0 !important;
}
}

/*Mobile Single */
@media screen and (max-width:767px){
main.single-post p, .wp-block-list {
    font-size: 1rem;
    line-height: 1.5rem;
}
}