/************************************************************
  custom-colors.css
  Override das cores do template Solution, mantendo layout e efeitos
  ************************************************************/

/* ====== NAVBAR ====== */
.navbar-default {
  background-color: #0B2145 !important; /* Azul-escuro */
  border-color: #0B2145 !important;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
  color: #FFC400 !important; /* Amarelo */
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-nav > li > a:hover {
  color: #ffffff !important; /* Branco ao passar o mouse */
}

/* ====== TÍTULOS (H1..H6) ====== */
h1, h2, h3, h4, h5, h6 {
  color: #ffffff !important; /* Azul-escuro */
}

H3{
  color: #FFC400 !important;
}

.subtitulo-sobre{
  color: #0B2145 !important;
}



.parceiros-title {
  color: #FFC400 !important; /* Verde, mas você pode mudar para a cor desejada */
  
}




/* ====== BOTÕES .btn-default e .btn-warning ====== */
.btn-default,
.btn-warning {
  background-color: #FFD500 !important; /* Amarelo */
  border-color: #FFD500 !important;
  color: #0B2145 !important; /* Texto azul */
}

.btn-default:hover,
.btn-warning:hover {
  background-color: #FFC400 !important; /* Amarelo mais escuro */
  border-color: #FFC400 !important;
  color: #ffffff !important; /* Texto branco no hover */
}

/* ====== BARRA DE PROGRESSO (se quiser trocar a 'danger' de vermelho para amarelo) ====== */
.progress-bar-danger {
  background-color: #FFD500 !important; /* Amarelo */
}

/* ====== ÍCONES SOCIAIS ====== */
.social-icon li a {
  background: #0B2145 !important; /* Azul-escuro */
  color: #FFD500 !important;      /* Amarelo no ícone */
}

.social-icon li a:hover {
  background: #FFD500 !important; /* Amarelo */
  color: #0B2145 !important;      /* Azul no hover */
}

/* ====== FOOTER ====== */
footer {
  background: #0B2145 !important; /* Azul-escuro */
  color: #ffffff !important;
}

footer p, footer small {
  color: #ffffff !important; /* Texto branco */
}

footer small {
  /* Se quiser destacar algo em amarelo, descomente:
     color: #FFD500 !important; 
  */
}

footer .social-icon li a {
  background: #FFD500 !important; /* Ícones em amarelo */
  color: #0B2145 !important;      /* Azul no ícone */
}

footer .social-icon li a:hover {
  background: #FFC400 !important;
  color: #ffffff !important;
}

/* ====== FILTRO DO PORTFÓLIO (TAGS) ====== */
.filter-wrapper li a {
  background: #0B2145 !important;
  color: #ffffff !important;
}

.filter-wrapper li a:hover,
.filter-wrapper li a.selected {
  background: #FFD500 !important;
  color: #0B2145 !important;
}

.titulo-empresa {
  color: white; /* Cor do texto */
  -webkit-text-stroke: 1px black; /* Contorno preto de 2px */
  font-weight: bold; /* Deixa o texto mais forte */
  text-transform: uppercase; /* Deixa tudo em maiúsculo */
  font-family: 'Raleway', sans-serif;


}

.texto-vidas{
color: #FFC400 !important;
}





/* 
  Se houver outras seções com cor que você queira alterar,
  basta adicionar regras de cor aqui, SEM apagar ou mexer
  em nada do style.css original. 
*/