/* CSS Document */
body {	
	font: 16px/32px 'Roboto-Medium', "sans-serif";
	color: #333333;
	background: #FFFFFF;
}
@font-face {
  font-family:'Roboto-Medium';
  src: url("typography/Roboto-Medium.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family:'SourceSansPro-Regular';
  src: url( "typography/SourceSansPro-Regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

/*---------------------------------------------------------------------------*/
/*  Link Styles  */
/*---------------------------------------------------------------------------*/
a { color: #777777; }
a:hover {color: #333333;}

/*---------------------------------------------------------------------------*/
/*  Heading Styles  */
/*---------------------------------------------------------------------------*/
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h1 {
	color: #555555;
}
/*---------------------------------------------------------------------------*/
/*  RESPONSIVE IMAGES  */
/*---------------------------------------------------------------------------*/
img{display:block; max-width:100%; height:auto;}

/*---------------------------------------------------------------------------*/
/*  TEMPLATE */
/*---------------------------------------------------------------------------*/

/*  Botao volta ao topo */
#voltarTopo {
  display: none;
  position: fixed;
  bottom: 90px;
  right: 20px;
  z-index: 99;
  border:1px solid #024959;
  outline: none;
  background-color:#024959;
  color: #FFFFFF;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 5px;
}

#voltarTopo:hover {
  background-color: #FFFFFF;
  color: #024959;
}

/*  Whatsapp flutuante */
.float{right:25px; position:fixed; width:46px; height:46px; bottom:150px; background-color:#25d366; color:#FFF;border-radius:50px; text-align:center;font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100;}
.my-float{margin-top:9px;}

/*  Background Modal Contato */
#ModalContato .modal-content{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+100 */
	background: -webkit-linear-gradient(top left, #ffffff 0%, #f5f5f5 100%);
	background: -o-linear-gradient(top left, #ffffff 0%, #f5f5f5 100%);
	background: linear-gradient(to bottom right, #ffffff 0%, #f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*---------------------------------------------------------------------------*/
/*  FORMULÁRIOS - PLACEHOLDER  */
/*---------------------------------------------------------------------------*/
#cpf::placeholder {
    color: red;
	font-weight: bold;
}
#nome::placeholder {
    color: red;
	font-weight: bold;
}
#nascimento::placeholder {
    color: red;
	font-weight: bold;
}
#fone::placeholder {
    color: red;
	font-weight: bold;
}
#cel::placeholder {
    color: red;
	font-weight: bold;
}
#cep::placeholder {
    color: red;
	font-weight: bold;
}
.alertacampo {
    color: red;
	font-weight: bold;
}
.button-read-more, .button-read-minus {
  width: 80px;
  margin: 30px auto;
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  color: #204f99;
}
.button-read-more .icon-read-more {
  color: #204f99;
  font-size: 24px;
  font-weight: 400;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid #204f99;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.icon-read-minus {
  color: #204f99;
  font-size: 24px;
  font-weight: 400;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid #204f99;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  padding-bottom: 4px; 
}

/*---------------------------------------------------------------------------*/
/*  RESPONSIVE MENU  */
/*---------------------------------------------------------------------------*/
/* Breakpoint para telas menores que 1280px - Toggle habilitado */
@media (max-width: 1279px) {
  .navbar-header {
      float: none; /* Remove a flutuação */
  }
  .navbar-left,.navbar-right {
      float: none !important; /* Remove a flutuação de ambos os lados */
  }
  .navbar-toggle {
      display: block; /* Exibe o botão toggle */
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important; /* Esconde o menu quando colapsado */
  }
  .navbar-nav {
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none; /* Remove flutuação dos itens do menu */
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in {
      display: block !important; /* Exibe o menu quando expandido */
  }
}

/* Breakpoint para telas de 1280px ou mais - Toggle desabilitado, menu aberto */
@media (min-width: 1280px) {
  .navbar-toggle {
      display: none; /* Esconde o botão toggle */
  }
  .navbar-collapse.collapse {
      display: block !important; /* Exibe o menu completo */
  }
}

/* Breakpoint para telas menores que 768px - Tamanho XS (modificado) */
@media (max-width: 767px) {
  .navbar-nav {
      margin-top: 0;
  }
  .navbar-nav>li {
      float: none; /* Remove a flutuação dos itens */
      width: 100%; /* Exibe os itens em bloco (100% de largura) para XS */
  }
  .navbar-nav>li>a {
      padding-top: 8px;
      padding-bottom: 8px;
  }
  .navbar-collapse {
      border-top: none;
      box-shadow: none;
  }
}

/* Forçar XS a partir de 768px */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-nav {
      float: none; /* Garantir que não haja flutuação de itens */
      width: 100%; /* Aplicar largura total */
  }
  .navbar-nav>li {
      width: 100%; /* Força os itens a se comportarem como xs */
  }
  .navbar-nav>li>a {
      padding-top: 8px;
      padding-bottom: 8px;
  }
}