body {
	/* cores de texto */
	--text-white: #000000;
	--text-dark: #0B233E;
	
	/* cores de fundo */
	--bg-grey-light: #f5f5f5;
	--bg-white: #ffffff;
	--bg-blue-dark: #0B233E;
	--bg-indigo: #6366f1;
  
	background-color: var(--bg-grey-light);
  }

  .dark {
	--text-white: #e6e6e6;
	--text-dark: #ffffff;
	--bg-grey-light: #0B233E;
	--bg-white: #0B233E;
	--bg-blue-dark: #0B233E;
	--bg-indigo: #7577e1;
  }


















.img-rounded{
    border-radius: 3px;
}

.titulo-principal{
    font-size: 30px;  
    font-family: Yanone Kaffeesatz;
    margin: 0; 
    text-shadow: 1px 1px #666;
}

.font2{

    color: #444;
}

.estilo_titulo_barra{
    border-left: 8px solid var(--cor-escuro2);  
    padding: 0 0 0 5px; 
}

.destaque-inicial{
    position: absolute; 
    z-index: 10; 
}



/*faixa editorial--------------------------------------------------------------*/


.faixa-editorial{
	background: var(--cor-escuro);
	text-align: center;	
	padding: 40px 0px 40px 0px;
}


.faixa-editorial>.titulo{
	font-size:30px;
}
.faixa-editorial>.subtitulo{
	font-size:16px;
	color: var(--cor-clara);
}
.faixa-editorial>i{
	font-size:56px;
	color: var(--cor-escuro2);
}

.faixa-editorial .center-line {
  position: absolute;
  color: var(--cor-escuro2);
  top: 0;
  left: 50%;
  transform:translateX(-50%);
}

.center-line .owl-dots {
  
  position: absolute;
  top: 0px;
  transform:translateX(-50%);
}

/*	.owl-dots .fa{text-shadow:3px 6px rgba(255,255,255,.1)}	*/




/*faixa editorial--------------------------------------------------------------*/


/*inicial icones faixa redes sociais--------------------------------------------------------------*/
#barra-rede-social ul {
	display: flex ;
	
}


#barra-rede-socialul li {
	list-style: none ;
}

#barra-rede-social ul li a {
	 width: 100px; 								/* ??? ????????? */
	 height: 100px;								 /* ??? ????????? */
	 background-color: #FFFFFF; 					/* ??? ???????  */
	 text-align: center; 
	 font-size: 60px; 							/* ??? ???? ????? ????????? */
							/* ?????? ???? - ?????? ???? ???? ??? ??? ????? ??????  */
     margin: 0 10px; 							/* ??????? ?? ?????? ??????? */
	 display: block; 
	 border-radius: 50%;						 /* ??? ???????? ???? ????? */
	 position: relative;
	 overflow: hidden;
	 border: solid 3px #ffffff;
	 z-index: 2;
}

#barra-rede-social ul li a .fa {
	position: relative;
	line-height: 95px;
	color: var(--cor-escuro2); 				/*  ??? ???????? ??????? */
	transition: .5s;
	z-index: 3;
}

#barra-rede-social ul li a:hover .fa {
	color: #FFFFFF; 				/* ??? ???????? ??? ?????? */
	transform: rotateY(360deg);
}


#barra-rede-social ul li a:before {
	content: '';
	position: absolute;
	top: 100% ;
	left: 0% ;
	width: 100%;
	height: 100%;
	background-color: #FF0000;
	transition: .5s;
	z-index:1 ;
}

#barra-rede-social ul li a:hover:before {
	top: 0 ;
}


#barra-rede-social ul li:nth-child(1) a:before {
	background-color:#3b5999 ; /* ????? ???*/
}
/*
#barra-rede-social ul li:nth-child(2) a:before {
	background-color:#55acee ; /* ????? */
}
*/

#barra-rede-social ul li:nth-child(2) a:before {
	background-color:#cd201f ; /* ???????? */
}


#barra-rede-social ul li:nth-child(3) a:before {
	background-color:#C41D6E ; /* ???? ??? */
}

/*inicial banner inicial 1200x550  zoom crop quando mobile--------------------------------------------------------------*/
.banner-fit-inicial {
	width: 100%; 
	height: 550px; 
	object-fit: cover;
}
/*inicial banner inicial 1200x550--------------------------------------------------------------*/


/*inicial galeria de fotos zoom crop quando mobile--------------------------------------------------------------*/
.galeria-fit-inicial {
	width: 100%; 
	height: 550px; 
	object-fit: cover;
}


/*inicial banner inicial 1200x550--------------------------------------------------------------*/


@media (max-width:757px) {
    #barra-rede-social ul li a {
	 width: 50px; 								/* ??? ????????? */
	 height: 50px;								 /* ??? ????????? */
	 background-color: #FFFFFF; 					/* ??? ???????  */
	 text-align: center; 
	 font-size: 30px; 							/* ??? ???? ????? ????????? */
							/* ?????? ???? - ?????? ???? ???? ??? ??? ????? ??????  */
     margin: 0 10px; 							/* ??????? ?? ?????? ??????? */
	 display: block; 
	 border-radius: 50%;						 /* ??? ???????? ???? ????? */
	 position: relative;
	 overflow: hidden;
	 border: solid 3px #ffffff;
	 z-index: 2;
}

#barra-rede-social ul li a .fa {
	position: relative;
	line-height: 45px;
	color: #262626; 				/*  ??? ???????? ??????? */
	transition: .5s;
	z-index: 3;
}

/*inicial icones faixa redes sociais--------------------------------------------------------------*/




/*inicial banner inicial 1200x550  zoom crop quando mobile--------------------------------------------------------------*/
.banner-fit-inicial {
	width: 100%; 
	height: 400px; 
	object-fit: cover;
}
/*inicial banner inicial 1200x550--------------------------------------------------------------*/

/*inicial destaque noticias carrousel zoom crop quando mobile--------------------------------------------------------------*/
.xs-inicial-noticia-carrousel-fit {
	width: 100%; 
	height: 400px; 
	object-fit: cover;
}

/*inicial destaque noticias carrousel zoom crop quando mobile--------------------------------------------------------------*/
.xs-inicial-noticia-fit {
	width: 100%; 
	height: 300px; 
	object-fit: cover;
}


}