.custom-menu {
	
	text-align: right !important;
	font-size: 16px;
	line-height: 23px;
	font-weight: 300;
   
}

.custom-menu a {
    color: #0078bf !important;
	text-decoration: none !important;
}

.custom-menu a:hover {
    background-color: transparent; 
    color: #000080 !important; 
	  text-decoration: none !important;
}

.custom-menu li {
    display: inline-block !important;
}

.custom-menu li:not(:last-child)::after {
    content: "|" !important; 
    margin-left: 5px !important;
	
}


.transparencia-box {
  display: flex;
  align-items: center;
  justify-content: right;
  flex-wrap: wrap; 
}

.transparencia-box a {
    color: #0078bf !important;
	text-decoration: none !important;
}

.transparencia-box a:hover {
    background-color: transparent; 
    color: #000080 !important; 
	  text-decoration: none !important;
}


@media screen and (max-width: 768px) {
  .transparencia-box {
    flex-direction: column; 
  }
	
	
	
	 footer .fa-tiktok {
         width: 5rem;
   		 height: 5rem;
    }
	
	
 .chamada {
        display: flex; /* Define o contêiner como flexível */
        flex-direction: column; /* Define a direção do fluxo para coluna */
        align-items: center; /* Centraliza verticalmente */
        text-align: center; /* Alinha todo o conteúdo ao centro */
    }
	
.list-articles {
        display: flex; /* Define o contêiner como flexível */
        flex-direction: column; /* Define a direção do fluxo para coluna */
        align-items: center; /* Centraliza verticalmente */
        text-align: center; /* Alinha todo o conteúdo ao centro */
    }
	
	
	
}

.margin-between {
  margin-right: 0.5rem;;
}

.margin-between2 {
  margin-left: 4rem;;
}


.fa-tiktok {
    background: url('../imagens/tiktok.svg') no-repeat;
    background-size: cover;
    width: 3rem;
    height: 3rem;
    font-size: 0; 
    padding: 0; 
	margin: 0;
    display: flex; 
    justify-content: center; 
    align-items: center; 
    
}

footer .fa-tiktok {
    background: url('../imagens/tiktok2.svg') no-repeat; 
	background-size: cover;
    width: 3rem;
    height: 3rem;
    font-size: 0; 
    padding: 0; 
	margin: 0;
    display: flex; 
    justify-content: center; 
    align-items: center; 

}

.btn-slide {
      
        box-shadow: 3px 3px 5px #888888;  
    }


.chamada {
    display: flex;
    flex-direction: column;
}

.post-content {
    flex: 1; /* Isso permite que o conteúdo do post cresça para preencher o espaço disponível */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centraliza verticalmente o conteúdo do post */
}