* {font-family: 'Poppins';}
li {list-style: none;}
img {max-width: 100%;}
a {text-decoration: none !important;}
p {font-weight: 300;}

#clientes {padding: 70px 0; text-align:center;}
#clientes h3 {font-weight:bold; font-size:32px; color: #86bc25;}
#clientes img {width: auto; margin: 0 auto;}

#depoimentos {padding-bottom: 50px; margin-top: 30px;}
#depoimentos h3 { text-align:center; font-weight:bold; font-size:32px; color: #86bc25; margin-bottom: 25px;}
#depoimentos article {padding: 20px; border: 1px solid #D1D1D6; border-radius: 15px; min-height: 365px;}
#depoimentos article .icon {max-width: 100%; display: block; margin: 0 auto; width: auto; margin-bottom: 5px;}
#depoimentos article img {max-width: 160px; border-radius: 160px; margin: 0 auto; height: auto;}

#nav-top {padding: 15px 0; background: #1f1f1f;}
#nav-top ul {margin: 0; padding: 0; float: right;}
#nav-top ul li {display: inline-block; margin-left: 15px;}
#nav-top ul li a {color: #fff;}
#nav-top ul li a:hover {color: #9f9f9f;}
#nav-top i {color: #fff; margin-right: 10px;}

.nav-link {color: #068CD2;}

#navbar .link-fav {background:#d11d78; margin-left: 15px; color: #fff; padding: 0.7rem 1.5rem; border-radius: 35px;}
#navbar .link-fav:hover {background: #00356c;}
#navbar img {width: 80px;}
#navbar {border-bottom: 1px solid #e6e6e6;}

#projetos {padding: 50px 0 30px; }
#projetos img {height: auto;}
#projetos .overlay {background: rgb(0,0,0,0.5); height: 100%;}
#projetos .projetos-article {display: flex; flex-wrap: wrap;}
#projetos h3 {text-align: center; font-size:38px; font-weight: 800; margin-bottom: 50px; color: #8CC02A; font-family: "inter";}
#projetos .fa-hand-holding-heart {display: block; text-align: center; font-size: 52px; color: #8CC02A;}
#projetos article h3 {color: #fff; font-family: 'Poppins'; font-size: 24px; font-weight: bold; text-align: center; margin: 0;}
#projetos .botao {background: #068CD2; color: #fff; padding: 0.5rem 1.3rem; display: block; margin: 0 auto; border-radius: 20px;}
#projetos .botao:hover {background: #00356c;}
#projetos article img {border-radius: 15px;}
#projetos article {position: relative; overflow: hidden; margin-bottom: 25px;}



/* Barra inferior */
.card-info {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(216, 0, 115, 0.80); /* rosa/fúcsia com transparência */
  color: #fff;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.search-btn {
  background: #86C240;  /* verde do exemplo */
  border: none;
  color: white;
  font-size: 15px;
  padding: 10px;
  border-radius: 7px;
  cursor: pointer;
}

#projetos-call {padding: 70px 0; background-color: #86bc25; background-repeat: no-repeat; background-position: right; background-size: 50% 100%;}
#projetos-call h3 {color: #fff; font-size: 42px; margin-bottom: 30px; font-family: "Inter"; font-weight: 800;}
#projetos-call p {color: #fff; font-size: 18px;}
#projetos-call a {background: #D5207A; padding: 15px 25px; margin-top: 45px; display: block; width: 350px; text-align: center; color: #fff; font-weight: bold; border-radius: 25px;}
#projetos-call a:hover {background: #068CD2;}
#projetos-call b {font-weight: bold;}

#fazemos {padding: 70px 0;}
#fazemos h3 {font-weight: bold; font-size: 32px; text-align: center; margin-bottom: 25px;}
#fazemos i {color: #fff; padding: 15px; border-radius: 100%; margin-right: 15px; background:#068CD2; margin-bottom: 10px; font-size: 28px;}
#fazemos h4 {font-size: 18px; color: #068CD2;}

.casatalesimg {border-radius: 15px;}

#contato-home {padding: 70px 0; background: url(img/plantaocontato.jpg) center no-repeat; background-size: cover;}
#contato-home h3 {color: #fff; font-weight: bold; font-size: 32px; margin-bottom: 50px;}
#contato-home a {color: #fff; display: block; font-size: 19px;}
#contato-home a i {margin-right: 10px; padding: 8px; background:#068CD2; border-radius:100%; margin-bottom: 15px; font-size: 18px;}
#contato-home textarea {height: 150px; border-radius: 0;}
#contato-home input {border-radius: 0;}
#contato-home #btnEnvia {background:#d11d78; color: #fff; border:none; padding: 5px 25px; cursor: pointer; border-radius: 25px;}
#contato-home #btnEnvia:hover {background: #00356c;}

#projetos-top {padding: 30px 0; }
#projetos-top img {max-width: 100%; height: auto; width: 100%;}
#projetos-top h1 {color: #383838; font-size: 32px; font-weight: 800;}
#projetos-top .bar-status {padding: 20px 0; border-bottom: 1px solid #e6e6e6; margin-bottom: 30px; }
#projetos-top .progress {border-radius: 0; height: 15px;}
#projetos-top .bar-status p {width: 50%; color: #383838; font-weight: 700;}
#projetos-top .bar-status .meta {float: right; width: 60%; text-align: right;}
#projetos-top a {display: block; padding: 10px 20px; background:#1c60a5; color: #fff; text-align: center;}
#projetos-top a:hover {background: #00356c;}

#projetos-conteudo {padding-bottom: 50px;}
#projetos-conteudo .doa-formas {padding: 35px; background:#1c60a5; color: #fff;}
#projetos-conteudo .doa-formas .saiba {display: block; margin:15px 0; padding:5px 20px; ; text-align: center; background: #fff; color:#1c60a5;}
#projetos-conteudo .doa-formas .saiba:hover {color: #00356c;}
#projetos-conteudo .doa-formas .tel {color: #fff; font-size: 24px;}
#projetos-conteudo .doa-formas p {margin-bottom: 0px;}
#projetos-conteudo h2 {margin: 30px 0 10px; color: #383838; font-size: 28px;}

/*ATIVIDADES*/
#topo-atividades {padding: 100px 0; background: url(img/voluntario.jpg) center no-repeat; background-size: cover; margin-bottom: 50px;}
#topo-atividades h1 {color: #fff; text-align: center; font-weight: 800; font-size: 52px; }
#topo-atividades h2 {text-align: center; color: #fff;}
#atividades {padding-bottom: 50px;}
#atividades article {box-shadow:rgba(10, 10, 10, 0.08) 0px 0px 30px; margin-bottom: 30px;}
#atividades article img {height: auto; display:block; margin:0 auto;}
#atividades article .texto {padding: 25px;}
#atividades article .texto h3 {color: #140000; min-height: 66px; font-size: 22px;}
#atividades article .texto p {color: #5e5e5e; height: 120px; overflow: hidden;}
#atividades article .texto .link {color: #fff; background:#1c60a5; padding:0.5rem 1.3rem; }
#atividades article:hover .link {background:#00356c;}

/*SINGLE ATIVIDADES*/
#atividades-top {padding: 30px 0; }
#atividades-top img {max-width: 100%; height: auto;}
#atividades-top h1 {color: #383838; font-size: 32px; font-weight: 800;}
#atividades-top .bar-status {padding: 20px 0; border-bottom: 1px solid #e6e6e6; margin-bottom: 30px; }
#atividades-top .progress {border-radius: 0; height: 15px;}
#atividades-top .bar-status p {width: 50%; color: #383838; font-weight: 700;}
#atividades-top .bar-status .meta {float: right; width: 60%; text-align: right;}
#atividades-top a {display: block; padding: 10px 20px; background:#1c60a5; color: #fff; text-align: center;}
#atividades-top a:hover {background: #00356c;}

#atividades-conteudo {padding-bottom: 50px;}
#atividades-top .doa-formas {padding: 35px; background:#1c60a5; color: #fff;}
#atividades-top .doa-formas .saiba {display: block; margin:15px 0; padding:5px 20px; ; text-align: center; background: #fff; color:#1c60a5;}
#atividades-top .doa-formas .saiba:hover {color: #00356c;}
#atividades-top .doa-formas .tel {color: #fff; font-size: 24px; padding: 0; text-align: left; background: none;}
#atividades-top .doa-formas p {margin-bottom: 0px;}
#atividades-top #btnEnvia {background:#1c60a5; color: #fff; border:none; padding: 5px 25px; cursor: pointer;}
#atividades-top #btnEnvia:hover {background: #00356c;}
#atividades-top input {border-radius: 0; font-weight: 300;}
#atividades-top img {width: 100%; height: auto;}
#atividades-top .form {margin-bottom: 30px; border-bottom: 1px solid #ccc;}

/*DOACAO*/
#doa-top {padding: 30px 0; color: #fff;; background-image: url(img/doe-top.jpg); background-size: 49% 100%; background-repeat: no-repeat; background-color:#1c60a5;}
#doa-top h1 {font-size: 28px;}
#doa-top ul {padding: 0; }
#doa-top ul li {font-size: 16px;}
#doa-top ul i {margin-right: 5px;}
#tabelas {padding: 50px 0;}
#tabelas ul {text-align: center; padding: 0; box-shadow: rgba(10, 10, 10, 0.08) 0px 0px 30px;}
#tabelas li {background: #fff; border-bottom: 1px solid #e5e5e5; font-size: 24px; font-weight: 500; padding: 10px; cursor: pointer;}
#tabelas .head {background: #8cbf2a; color: #fff; min-height: 235px; font-size: 16px; padding: 15px; cursor:auto; }
#tabelas .head b {font-weight: 700;}
#tabelas .head p b {font-size:24px; font-weight: 700; }
#tabelas .head i {font-size: 38px;}
#tabelas li a {color: #140000; display: block;}
#tabelas li:hover a {color: #fff;}
#tabelas li:hover {background: #00356c;}
#tabelas .head:hover {background: #1c60a5;}
#outras-doacoes {padding: 30px 0; text-align: center; background:#1c60a5; color: #fff;}
#outras-doacoes i {font-size: 48px; margin-bottom: 15px;}
#outras-doacoes h4 {margin-bottom: 35px;}
#outras-doacoes b {font-size: 18px;}
#outras-doacoes a {display: block; background: #fff; color: #1c60a5; font-size: 20px; border-radius: 25px; max-width: 520px; margin: 0 auto; margin-top: 30px; padding: 5px;}
#outras-doacoes a:hover {background:#303030; color: #fff;}

/*VOLUNTARIADO*/
#volutariado-top {padding: 70px 0; text-align: center; background: url(img/voluntario.jpg) center no-repeat; color: #fff;}
#volutariado-top h1 {font-weight: 800; font-size: 52px;}
#voluntario-conteudo {padding: 50px 0;}
#voluntario-conteudo h3 {font-size: 38px; font-weight: 700; margin-bottom: 20px; margin-top: 70px;}
#voluntario-conteudo p {font-size: 18px; line-height: 1.7;}
#voluntario-conteudo img {margin-bottom: 25px;}
#form {padding-bottom: 50px;}
#form .test {background:#1c60a5; padding: 50px; color: #fff;}
#wpcf7-f20-o1 {background: #ccc; padding: 25px;}
#form .test ul {padding-left:20px;}
#form .test ul li {list-style: disc;}
#form #btnEnvia {background:#1c60a5; color: #fff; border:none; padding: 5px 25px; cursor: pointer;}
#form #btnEnvia:hover {background: #00356c;}

#quem-somos-top {padding: 70px 0; text-align: center; background: url(img/voluntario.jpg) center no-repeat; color: #fff; background-size: cover;}
#quem-somos-top h1 {font-weight: 800; font-size: 52px;}
#quem {padding: 50px 0;}
#quem h3 {font-size: 32px; font-weight: 700;}

#valores h3 {font-weight: 700; font-size: 38px; margin-bottom: 35px;}
#valores h4 {color: #1c60a5; font-weight: 700; font-size: 32px;}
#valores p {margin-bottom: 35px; font-size: 18px;}

#deposito {text-align: center; padding-bottom: 30px;}
#deposito p {line-height: 1; font-size: 18px;}

#envolver {padding: 30px 0;}
#envolver h3 {font-size: 52px; font-weight: 700; text-align: center;}
#envolver p {text-align: center; font-size: 20px; margin-bottom: 35px;}
#envolver article {width: 100%; float: left; padding: 35px; color: #fff; min-height: 325px;}
#envolver article h4 {font-weight: 700;}
#envolver article p {text-align: left;}
#envolver article a {background:#d11d78; margin-left: 15px; color: #fff; padding: 0.5rem 1.3rem; border-radius: 5px;}
#envolver article a:hover {background: #00356c;}
#envolver #doac , #envolver #ativ  {background: #86bc26;}
#envolver #volun {background: #fea406;}
#envolver #volun a {background: #d11d78; color:#fff;}
#envolver #volun a:hover {background: #00356c; color: #fff;}

#curriculos {padding: 50px 0;}
#curriculos img {height: auto;}
#curriculos {padding-bottom: 50px;}
#curriculos article {box-shadow:rgba(10, 10, 10, 0.08) 0px 0px 30px; margin-bottom: 30px;}
#curriculos article img {height: auto;}
#curriculos article .texto {padding: 25px; text-align: center;}
#curriculos article .texto h3 {color: #140000; min-height: 52px; font-size: 22px; margin-bottom: 15px; text-align: center;}
#curriculos article .texto .link {color: #fff; background:#1c60a5; padding:0.5rem 1.3rem; }
#curriculos article:hover .link {background:#00356c;}
#btn-imprimir {padding-bottom: 50px;}
#btn-imprimir input {display: block; cursor: pointer; background: #1c60a5; color: #fff; padding:0.5rem 1.3rem; border:none; margin: 0 auto; }
#btn-imprimir input:hover {background:#00356c;}

#single-curriculo {padding: 50px 0;}
#single-curriculo img {height: auto; margin-bottom: 15px; max-width: 100%;}
#single-curriculo i {margin-right: 7px; color: #1c60a5;}
#single-curriculo h3 {color:  #1c60a5;}

#arquivos-transp {padding: 50px 0;}
#arquivos-transp article {box-shadow:rgba(10, 10, 10, 0.08) 0px 0px 30px; margin-bottom: 30px;}
#arquivos-transp article .texto {padding: 25px; text-align: center;}
#arquivos-transp article .texto h3 {color: #140000; min-height: 52px; font-size: 22px; margin-bottom: 15px; text-align: center;}
#arquivos-transp article .texto .link {color: #fff; background:#1c60a5; padding:0.5rem 1.3rem; }
#arquivos-transp article:hover .link {background:#00356c;}

#transparencia {padding: 50px 0;}
#transparencia ul {padding: 0;}

footer .logo-foot {padding: 15px; border-radius: 10px; background: #fff; width: 130px;}
footer {padding: 50px 0; color: #fff; background: #068CD2;}
footer i {color: #fff; font-size: 32px; margin-right: 10px;}
footer i:hover {color:#1c60a5;}
footer a {color: #fff;}
footer .horario {font-size: 14px;}
footer .apoiadores {border-radius: 5px;}

footer h4 {color: #FFA710; margin: 0; margin-top: 30px; font-size: 22px;}
footer hr {margin: 3rem 0; border-top: 1px solid #fff;}

footer h3 {color: #FFA710; font-size: 22px;}

@media only screen and (max-width: 600px) {
	#projetos-call {background:#1c60a5; }
	#projetos article {width: 100%;}
	#envolver article {width: 100%;}
	#contato-home a {font-size: 16px;}
	#nav-top ul li {margin-right: 15px; margin-left: 0;}
	#nav-top ul {float: none;}
	#navbar .link-fav {margin-left: 0; margin-bottom: 10px;}
	#doa-top {background: #1c60a5;}
}