/*
Theme Name: RFCC
Author: Young Studio
Author URI: http://youngstudio.com.br
Description: Tema desenvolvido para o site RFCC
Version: 1.0
*/


* {margin:0; padding:0; position:relative; border:0; }

html, body {height:100%; direction:ltr; }
body {overflow-y:visible; }
img {max-width:100%; height:auto; }

.flex {display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; }
.clear {clear:both; }
.social a {color:#FFF; font-size:40px; padding:0 13px; }
a:hover {text-decoration:underline !important; }

header.header {width:100%; font-family:'Raleway'; background-image:url(img/menu-bg.jpg); overflow:hidden; -webkit-background-size:cover; background-size:cover; }
header.header.flex {justify-content:space-between; -ms-align-items:center; align-items:center; }
header.header .logo img {display:block; }
header.header ul li {display:inline-block; text-transform:uppercase; }
header.header .menu {width:100%; max-width:960px; padding:0 10px; }
header.header .menu .container {width:100%; height:100%; }
header.header .menu .container .menu-principal-container {width:100%; height:100%; }
header.header .menu .container ul li a {color:#333; font-size:14px; text-decoration:none; }
header.header .menu .container ul.flex {height:100%; justify-content:space-between; }
header.header .menu .container .ion-close-circled {display:none; }
header.header .menu .mobile {display:none; }
@media(max-width:1024px){
	header.header .menu .container {height:0%; z-index:10; position:fixed; top:0; left:0; overflow:hidden; }
	header.header .menu .container ul.flex {width:100%; height:100%; top:0; left:0; flex-direction:column; background-color:rgba(255,255,255,0.9); text-align:center; align-items:center; justify-content:space-around; }
	header.header .menu .container ul.flex li {opacity:0; }
	header.header .menu .container ul.flex li a {display:block; font-size:xx-large; }
	header.header .menu .container.aberto {height:100%; }
	header.header .menu .container.aberto ul.flex li {opacity:1;  transition:opacity 1s; }
	header.header .menu .container .ion-close-circled {display:block; font-size:xx-large; position:absolute; z-index:1; top:10px; right:10px; }
	header.header .menu .mobile {width:70px; color:#FFF; text-align:center; float:right; display:block; }
	header.header .menu .mobile .linha {width:70px; height:8px; margin:4px 0; background-color:#FFF; display:block; }
}

section.conteudo {width:100%; font-family:'Raleway'; line-height:25px; }
section.conteudo a {text-decoration:none; color:#111; }
section.conteudo ul {padding-left:10px; }
section.conteudo.home.banner {}
section.conteudo.home.banner img {max-width:100%; display:block; width:100%;}
section.conteudo.home.banner .flex {}
section.conteudo.home.banner .flex .swiper-container {width:100%; }
section.conteudo.home.banner .swiper-button-next,
section.conteudo.home.banner .swiper-button-prev {background-image:none; font-size:50px; color:#FFF; }
@media(max-width:768px){
	header.header .logo img {height:70px; }
	section.conteudo.home.banner .flex {display:block; }
}

section.conteudo.home.noticias {margin-top:-1px; }
section.conteudo.home.noticias h2 {background-color:#EB5F22; font-size:59px; padding:30px 0; text-align:center; font-weight:300; color:#FFF; }
section.conteudo.home.noticias div.flex {justify-content:space-between; }
section.conteudo.home.noticias div.flex .swiper-container {width:100%; }
section.conteudo.home.noticias div.flex .swiper-container .swiper-slide {width:33.33%; height:467px; background-position:center; -webkit-background-size:cover; background-size:cover; }
section.conteudo.home.noticias div.flex .swiper-container .swiper-slide a {height:100%; display:block; color:#FFF; }
section.conteudo.home.noticias div.flex .swiper-container .swiper-slide a .txt {position:absolute; bottom:15px; left:15px; z-index:2; }
section.conteudo.home.noticias div.flex .swiper-container .swiper-slide a .txt .data {font-size:20px; }
section.conteudo.home.noticias div.flex .swiper-container .swiper-slide a .txt .titulo {font-size:25px; font-weight:600; }
section.conteudo.home.noticias div.flex .swiper-container .swiper-slide .bg {width:100%; height:100%; position:absolute; z-index:0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
@media(max-width:768px){
	section.conteudo.home.noticias ul.flex {display:block; }
	section.conteudo.home.noticias ul.flex li {width:100%; display:block; }
	section.conteudo.home.noticias ul.flex li {height:200px; }
}

section.conteudo.posts {max-width:960px; margin:auto; padding:38px 30px; color:#111; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
section.conteudo.posts a {color:#111; }
section.conteudo.posts div,
section.conteudo.posts img {max-width:100% !important; height:auto !important; }
section.conteudo.posts .titulo {font-size:45px; padding:25px 0 30px; text-transform:uppercase; font-weight:300; }
section.conteudo.posts .breadcrump {font-size:13px; }
section.conteudo.posts .breadcrump a {color:#333; text-decoration:none; }
section.conteudo.posts > .flex {justify-content:space-between; }
section.conteudo.posts .post-wrapper {width:100%; line-height:25px; }
section.conteudo.posts .post-wrapper .post {padding-bottom:90px; }
section.conteudo.posts .post-wrapper .post i.data {font-size:12px; font-weight:600; }
section.conteudo.posts .post-wrapper .post a {text-decoration:none; }
section.conteudo.posts .post-wrapper .post a h1.titulo {font-size:20px; font-weight:600; padding-top:5px; }
section.conteudo.posts .post-wrapper .navigation {padding-top:50px; }
section.conteudo.posts .post-wrapper .navigation .page-numbers {padding:10px; background-color:#FFF; text-decoration:none; }
section.conteudo.posts .sidebar {width:300px; padding-left:50px; }
section.conteudo.posts .sidebar .widget-container {padding-bottom:20px; }
section.conteudo.posts .sidebar .widget-container .widget-title {font-size:20px; padding-bottom:10px; }
section.conteudo.posts .sidebar .widget-container li {list-style:none; font-size:15px; line-height:25px; }
section.conteudo.posts .sidebar .widget-container li a {font-size:15px; text-decoration:none; }
section.conteudo.posts .sidebar .widget-container.widget_search #searchsubmit {width:100px; background-color:#F18633; color:#FFF; text-align:center; text-transform:uppercase; border:0; }
section.conteudo.posts .sidebar .widget-container.widget_search .screen-reader-text {display:none; }
section.conteudo.posts .sidebar .widget-container.widget_search input {width: 100%; border: 1px solid #333; padding: 15px 10px; margin-bottom: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left;}

section.conteudo.page {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
section.conteudo.page .titulo {font-size:45px; padding:25px 0 50px; text-transform:uppercase; font-weight:300; }
section.conteudo.page .flex {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
section.conteudo.page .flex div {width:100%; }
section.conteudo.page .flex .imagem {background-position:center; -webkit-background-size:cover; background-size:cover; }
section.conteudo.page .flex .txt {padding:38px 115px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
section.conteudo.page .flex .txt .breadcrump {font-size:13px; }
section.conteudo.page .flex .txt .breadcrump a {color:#333; text-decoration:none; }
section.conteudo.page .flex .txt p {line-height:25px; padding:0 0 30px; }
@media(max-width:768px){
	section.conteudo.page .flex .txt {padding:38px 20px; }
}

section.conteudo.page.voluntarios > .flex {max-width:960px; margin:auto; }
section.conteudo.page.voluntarios > .flex .relacionados {max-width:500px; margin:auto; }
section.conteudo.page.voluntarios > .flex .relacionados h3 {font-size:45px; color:#111; text-align:center; }
section.conteudo.page.voluntarios > .flex .relacionados a {width:200px; min-height:60px; display:inline-block; padding:10px 20px; margin:20px 20px; color:#FFF; font-size:16px; vertical-align:top; text-align:center; text-decoration:none; font-weight:600; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
section.conteudo.page.voluntarios > .flex .relacionados a > .flex {width:100%; height:40px; justify-content:center; -ms-align-items:center; align-items:center; }
section.conteudo.page.voluntarios > .flex .relacionados a.cor1 {background-color:#FDC400; }
section.conteudo.page.voluntarios > .flex .relacionados a.cor2 {background-color:#F3962F; }
section.conteudo.page.voluntarios > .flex .relacionados a.cor3 {background-color:#EB5F22; }

section.conteudo.page.doacoes > .flex {max-width:960px; margin:auto; }
section.conteudo.page.doacoes > .flex .icons {max-width:50%; margin-bottom:50px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; }
section.conteudo.page.doacoes > .flex .icons.left {padding-right:20px; }
section.conteudo.page.doacoes > .flex .icons.right {padding-left:20px; }
section.conteudo.page.doacoes > .flex .icons img {max-width:100%; }
section.conteudo.page.doacoes > .flex .bt-ligamos {width:100%; max-width:390px; background-color:#EB5F22; text-align:center; padding:10px 0; clear:both; display:block; margin:auto; text-decoration:none; color:#FFF; }
@media(max-width:768px){
	section.conteudo.page.doacoes > .flex {display:block; }
	section.conteudo.page.doacoes > .flex .txt {padding:38px 20px; }
	section.conteudo.page.doacoes > .flex .icons {max-width:100%; margin-bottom:0px; padding-left:0 !important; padding-right:0 !important; float:none; }
}

section.conteudo.page.eventos > .flex {}
section.conteudo.page.eventos > .flex .txt .bts {max-width:680px; text-align:center; margin:100px 0 130px; }
section.conteudo.page.eventos > .flex .txt .bts.flex {justify-content:space-between; }
section.conteudo.page.eventos > .flex .txt .bts a {width:100%; max-width:200px; display:inline-block; color:#FFF; font-weight:600; font-size:16px; text-decoration:none; padding:20px 0; }
section.conteudo.page.eventos > .flex .txt .bts a.cor1 {background-color:#F3962F; }
section.conteudo.page.eventos > .flex .txt .bts a.cor2 {background-color:#F18633; }
section.conteudo.page.eventos > .flex .txt .bts a.cor3 {background-color:#EB5F22; }
section.conteudo.page.eventos .agenda {width:100%; background-color:#FDC400; padding:80px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
section.conteudo.page.eventos .agenda .evento {max-width:300px; display:inline-block; margin:0 50px 50px 50px; font-size:16px; }
section.conteudo.page.eventos .agenda .evento h3 {margin-bottom:15px; }
section.conteudo.page.eventos .agenda .evento .bts {margin-top:15px; }
section.conteudo.page.eventos .agenda .evento .bts a {text-decoration:none; color:#111; font-weight:600; }
section.conteudo.page.eventos .form {display:none; }
section.conteudo.page.eventos .txt .fancybox-prendas {display:none; }

section.conteudo.page.parceiros > .flex {max-width:960px; margin:auto; }
section.conteudo.page.parceiros > .flex .container {text-align:center; }
section.conteudo.page.parceiros > .flex .container .parceiro {width:32%; display:inline-block; margin:20px 3px ; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
section.conteudo.page.parceiros > .flex .container .parceiro h2 {font-size:15px; padding-bottom:20px; }
section.conteudo.page.parceiros > .flex .container .parceiro img {max-width:100%; height:auto; }
@media(max-width:768px){
	section.conteudo.page.parceiros > .flex .container .parceiro {width:100%;}
	section.conteudo.page.parceiros > .flex .container .parceiro h2 {font-size:small; }
}

section.conteudo.page.contato {max-width:960px; margin:auto; }
section.conteudo.page.contato .txt {padding:38px 32px; }
section.conteudo.page.contato .txt .flex {justify-content:space-between; }
section.conteudo.page.contato .txt .flex .form {width:100%; padding-right:20px; text-align:right; }
section.conteudo.page.contato .txt .flex .form .campo {width:100%; border:1px solid #333; padding:15px 10px; margin-bottom:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left; }
section.conteudo.page.contato .txt .flex .form .btn {width:100%; max-width:254px; background-color:#F18633; font-size:16px; text-align:center; padding:15px 0; }
section.conteudo.page.contato .txt .flex .mapa {width:100%; padding-left:20px; }

section.conteudo.page.contato .lista-emails h2 {margin-top:150px; }
section.conteudo.page.contato .lista-emails ul li {width:50%; list-style:none; background-color:#FFDE00; padding:10px; margin:0 0 20px; display:block; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
section.conteudo.page.contato .lista-emails ul li.border-right {border-right:10px solid #FFF; }
section.conteudo.page.contato .lista-emails ul li.border-left {border-left:10px solid #FFF; }

footer.footer {width:100%; font-family:'Raleway'; background-image:url(img/rodape-bg.jpg); text-align:center; -webkit-background-size:cover; background-size:cover; }
footer.footer .social {display:none; }
footer.footer .social li {display:inline-block; }
footer.footer address {font-style:normal; padding:50px 0; font-size:25px; color:#FFF; }
footer.footer address strong {font-weight:600; }
footer.footer .ys {font-size:12px; color:#FFF; padding-bottom:30px; display:inline-block; text-decoration:none; }
@media(max-width:1280px){
	header.header .menu {max-width:100%; }
	header.header .social {display:none; }
	footer.footer .social {display:block; }
}

form.comment-form textarea,
form.comment-form input {width: 100%; border: 1px solid #333; padding: 15px 10px; margin-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left;}
form.comment-form input.submit {width: 100%; max-width: 254px; background-color: #F18633; font-size: 16px; text-align: center; padding: 15px 0;}