/*
	Theme Name: Casa (Centro de Agroecologia no Semiárido)
	Theme url: http://agencianeocom.com.br
	Description: Site para o Casa
	Author: Denilton Filho
	Author uri: https://www.facebook.com/DeniltonFilho
	Version: 1.0
*/
@import url(assets/css/page.css);

*{padding:0; margin:0; font-size:15px; font-family:Verdana, Geneva, sans-serif;}
.wrap{margin:0 auto; width:960px;}
.clear{clear:both;}
.clearfix {display: inline-block;}

/*HEADER */
.header{ height:120px; background:url(assets/img/padrao/header.jpg) center top; background-size:cover;}
.header h1{margin:0;}
.header h1 a img{float:left;}


.header .menu{background:#039; width:100%; margin:0 auto; display:block; float:left;  min-height: 60px; right: 0; left: 0; border-bottom: 1px solid #ccc; z-index: 2;}
.header .menu nav ul > li{float:left; list-style:none; margin:0 30px; padding:20px 10px; position:relative;}
.header .menu nav ul li  a{display:block; text-decoration:none; color:#FFF; text-transform:uppercase; float:left;}
.header .menu nav ul li a:hover{color:#000;}

.header .menu nav ul .sub-menu, .header .menu nav ul .sub-menu-2{display:none; box-shadow:3px 3px 2px #333; position:absolute;}
	
	/* Configurações nivel 1*/
	.header .menu nav ul li:hover > .sub-menu{float: left;display:block; top:100%; left:0; width:200px; background:#0183E5; border-radius:0 0 5px 5px; z-index:4;}
	.header .menu nav ul li:hover .sub-menu  a{float:left; text-decoration:none; cursor:pointer; text-align:left; padding:0; text-transform:uppercase; color:#FFF;}
	.header .menu nav ul li:hover  .sub-menu  a:hover{background:#FFF; color:#0183E5; opacity:1;}
	
	/* Configurações nivel 2*/
	.header .menu nav ul li:hover > .sub-menu-2{ display:block; top:65%; left:50px; padding:5px; width:200px; background:#FFF; border-radius: 0 5px 5px 5px;}
	.header .menu nav ul li:hover .sub-menu-2 a{color:#369!important;}
	.header .menu nav ul li:hover .sub-menu-2 a:hover{background:#0183E5; color:#FFF !important; opacity:1;}


/*SLIDE */
.slide{width:100%; float:left;}
	.slide  #slide  .item  img{display: block; width: 100%; height: auto;}
	.slide #slide  .item h2{position: absolute; z-index:2; top:30%; text-align:center; color:#FFF; width:100%;}

/*CONTEUDO */
.container{width:100%; float:left; margin-top: -150px; z-index:3; position:relative;}
.container  > .wrap {position:relative; background:#FFF;  box-shadow: 0 0 1.5rem #333;}
.container  .content{width:100%; height:auto;}

/*MENU-INDEX */
.menu-index ul{width:80%; margin:0 auto; padding:30px 0;}
.menu-index li{list-style:none;}
.menu-index .muda{text-decoration:none; color:#369; float:left; padding:15px 30px; margin:0 40px; border:2px solid #369;}
.menu-index .muda:last-child{margin-right:0;}
.menu-index .muda:hover{background:#369; color:#FFF;}
.menu-index .hover { display: none;}
.menu-index .icon { display: none;}
.menu-index .muda:hover .normal { display: none; }
.menu-index .muda:hover .hover { display: block; }

/*ULTIMAS-NOTICIAS */
.ultimas-noticias{width:100%; float:left; margin:30px 0;}
.ultimas-noticias  > h2{text-transform:uppercase; float:left; margin-left:20px; font-size:20px; margin-bottom:30px;}
.ultimas-noticias > a{float:right; text-decoration:none; margin-right:20px; margin-bottom:30px;}

.noticias-destaque{clear:both;}
.noticias-destaque .post-destaque{float:left; margin-left:10px; width:420px; cursor:pointer;}
.noticias-destaque .post-destaque:hover{background: rgba(0, 0, 0, 0.1);}
.noticias-destaque .post-destaque .imagem-destacada img{width:400px; height:300px; padding:10px;}
.noticias-destaque .post-destaque .titulo{font-size:14px; width:400px; margin:0; padding:0 10px; float:left; color:#000;}
.noticias-destaque .post-destaque p{font-size:14px; width:400px; padding:0 10px; float:left; text-align:justify; color:#000;}

.noticias-miniaturas .post-miniaturas{float:left; margin-left:10px; width:480px; display:block; border-bottom:dashed 1px #999999; cursor:pointer;}
.noticias-miniaturas .post-miniaturas:hover{background: rgba(0, 0, 0, 0.1);}
.noticias-miniaturas .post-miniaturas .imagem-destacada img{width:200px; height:150px; padding:10px 5px; float:left;}
.noticias-miniaturas .post-miniaturas .titulo{font-size:14px; width:260px; margin:0; padding:10px 5px 0; float:left; color:#000;}
.noticias-miniaturas .post-miniaturas p{font-size:14px; width:260px; padding:0 5px; float:left; text-align:justify; color:#000;}

.facebook{ float:left; width:300px; height:225px; margin:20px 10px;}
.centro-de-atividades{width:300px; height:225px; background:#369; float:left; margin:20px 10px;}
.centro-de-atividades a{text-decoration:none;}
.icon {padding:5%; text-align:center;}
.icon .fa-calendar{display:inline-block; font-size:4em !important; padding:1%; color:#FFF;}
.centro-de-atividades .titulo{font-size:2em; text-align:center; color:#FFF;}
.centro-de-atividades .titulo:hover{opacity:.7;}
.newsletter{width:300px; height:225px; background:none; float:left; margin:20px 10px;}
.newsletter .titulo{font-size:2em; text-align:center; color:#039; padding-top:5%;}

.organizacoes{width:100%; float:left; background:#CCC; padding:20px 0;}
.organizacoes > .wrap > h3{text-align:center; padding-bottom:20px; color:#369; text-transform:uppercase; font-size:13px;}
#organizacoes .item{margin:3px;}
#organizacoes .item img{display: block;width: 100%;height: auto;}

.footer{width:100%; float:left; padding:15px 0;}
.footer > .wrap > ul{width:70%; padding:10px 0; display:inleene-block; float:left;}
.footer > .wrap > ul > li{float:left; margin:0 2em; list-style:none;}
.footer > .wrap > ul > li > a {text-decoration:none; text-transform:uppercase; color:#369; font-size:14px;}
.footer > .wrap > ul > li > ul{margin-top:10px; margin-left:20px;}
.footer > .wrap > ul > li > ul > li > a{text-decoration:none; color:#000; font-size:13px;}
.footer > .wrap > ul > li > ul > li > a:hover, 
.footer > .wrap > ul > li > ul > li > ul > li > a:hover {color:#369}
.footer > .wrap > ul > li > ul > li > ul{margin-left:10px;}
.footer > .wrap > ul > li > ul > li > ul > li > a{color:#333; text-decoration:none; font-size:13px;}

.footer .redes-sociais{width:30%; float:left; padding:10px 0;}
.footer .redes-sociais p{text-transform:uppercase; color:#369; text-align:center;}
.footer .redes-sociais ul{float:right; margin-top:10px;}
.footer .redes-sociais li{list-style:none; float:left;}
.footer .redes-sociais .muda{text-decoration:none; float:left; margin:0 20px;}
.footer .redes-sociais .muda:last-child{margin-right:0;}
.footer .redes-sociais .muda:hover{}
.footer .redes-sociais .hover { display: none;}
.footer .redes-sociais .muda:hover .normal { display: none; }
.footer .redes-sociais .muda:hover .hover { display: block; }

.rodape{background:#333; float:left; width:100%;}
.rodape p{padding:15px; text-align:center; color:#FFF;}
.rodape a{text-decoration:none; color:#369;}
.rodape a:hover{color:#006;}
@media screen and (max-width: 767px) {
/*MENU */
  .header .menu .control-nav {
    position: absolute;
    right: 20px;
    margin-top: 20px;
    display: block;
    width: 30px;
    padding: 5px 0;
    border: solid #FFF;
    border-width: 3px 0;
    z-index: 2;
    cursor: pointer;
  }
 
  .header .menu .control-nav:before {
    content: "";
    display: block;
    height: 3px;
    background: #FFF;
  }
 
  .header .menu .control-nav-close {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1;
    background: rgba(0,0,0,0.4);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
 
  .header .menu nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 250px;
    border-left: 1px solid #ccc;
    background: #fff;
    overflow-x: auto;
    z-index: 2;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  .header .menu nav ul li{width:100%; border-bottom:1px solid #369;}
  .header .menu nav ul li a{color:#369;}
  .wrap{width:100%;}
  .container {margin-top:0; min-width:300px;}
  .container > .wrap{width:100%;}
  .page  > .wrap {width:100%;}
  
  /*MENU-INDEx*/
  .menu-index ul{width:95%;}
  .menu-index .muda{padding:5px; margin:0 10px;}
  .menu-index .normal{display:none;}
  .menu-index .muda:hover .hover{display:none;}
  .menu-index .icon{display:block;}
  
  .noticias-destaque .post-destaque{width:300px; margin-left:5px;}
  .noticias-destaque .post-destaque .imagem-destacada img{width:300px; height:225px; padding:10px 0;}
  .noticias-destaque .post-destaque .titulo{width:300px; padding:0;}
  .noticias-destaque .post-destaque p{width:300px; padding:0;}
  
  .noticias-miniaturas .post-miniaturas{width:300px; margin-left:5px;}
  .noticias-miniaturas .post-miniaturas .imagem-destacada img{width:300px; height:225px; padding:10px 0;}
  .noticias-miniaturas .post-miniaturas .titulo{width:300px; padding:0;}
  .noticias-miniaturas .post-miniaturas p{width:300px; padding:0;}
  .footer > .wrap > ul > li{margin:2rem;}
  .footer .redes-sociais .muda{margin-top:10px;}
}

input#control-nav {
    visibility: hidden;
    position: absolute;
    left: -9999px;
    opacity: 0;}

#control-nav:checked ~ .control-nav-close {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
 
#control-nav:checked ~ nav {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}