body.no-scroll { overflow:hidden; }

@media only screen and (min-width: 1030px) {

.nomobile #page.imersivo header.node-header h1 {     font-size: 4em;

    font-weight: normal; }

}



@media only screen and (min-width: 900px) {

.nomobile #page.imersivo header.node-header hgroup{ max-width:100%; }

}

@media only screen and (min-width: 583px) {

.nomobile #page.imersivo header.node-header .header-immersive-container { text-align: center;

    padding-bottom: 157px; }

.nomobile #page.imersivo header.node-header .header-immersive-container .resumo p{margin: 0 auto;}
}

@media only screen and (min-width: 768px) {
	.nomobile .conteudo { margin: 0; width: 100%; }
}
@media only screen and (min-width: 1160px) {
	article.node .cont { width: 1125px; float: left; }
}


.elementos {     display: flex;
    flex-wrap: wrap;
    justify-content: center; }
.elemento { cursor:pointer;  position:relative; overflow:hidden;  width: 300px; float: left; text-align: center; padding: 20px; box-sizing: border-box; }
.elemento figure {width: 100%; position: relative; display: block; overflow: hidden;}	
.elemento figure:before {     content: ""; height: 78.5%; width: 72%; position: absolute; top: 10%; left: 14%; display: block; background-blend-mode: multiply; opacity:.6; background: #000; z-index:2; }
.elemento img { width: 100%;}
.elemento br {display:none; }
.elemento .bio { display: none; }
.elemento h3 {   opacity:0;     padding: 0; margin: 0 auto; width: 70%; font-weight: 600; color: #fff; position: relative; bottom: -102px; z-index: 5; text-align: center;  -webkit-transition:all 0.3s ease-in-out,visibility 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out,visibility 0.3s ease-in-out;transition:all 0.3s ease-in-out,visibility 0.3s ease-in-out; }
.elemento:hover h3 { opacity:1; bottom: 102px; }

figure br {display:none; }



.biografia h3, .biografia p { margin-left:0; margin-right:0; width:auto; }

.biografia { display: none; -webkit-transition: all,0.5s ease-in-out; -o-transition: all,0.5s ease-in-out; transition: all,0.5s ease-in-out; }
.biografia.open { display: block; }
.biografia .background { width: 100%; height: 100%; position: fixed; display: block; background: rgba(255,255,255,.7); top: 0%; left: 0%; z-index: 2;  }
.biografia .popup { position: fixed; top: -400px; left:0px; z-index:2; padding:8px; background: #fff;  box-sizing: border-box; box-shadow: 0 4px 4px rgba(0,0,0,0.06); opacity:0; border: 1px solid #eee; -webkit-transition: top,0.5s ease-in-out; -o-transition: top,0.5s ease-in-out; transition: top,0.5s ease-in-out;   transition-delay:1s; }
.biografia.open .popup { top:46px; opacity:1; }
.biografia .popup .pessoa { clear: both; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd; overflow: hidden; }


.biografia .popup figure { width: 106px; float: left; margin-right: 15px; margin-top: 8px; }
.biografia .popup figure img { width: 100%; }

.biografia .popup .desc { text-align: left;  }
.biografia .popup .desc h3.nome { font-size: 1.4em; margin-bottom: 0; margin-top:5px; }
.biografia .popup .desc p { font-size: .9em; margin:0; }
.biografia .popup .close { position: absolute; top: 10px; right: 10px; cursor: pointer; opacity:.4;  text-align: center; }
.biografia .popup .close i { padding: 3px; border: 1px solid #222; border-radius: 50%; width: 17px; height: 17px; }
.biografia .popup .close:hover { opacity:.7; }



@media only screen and (min-width:500px) {
	.biografia .popup { padding: 45px 45px 15px 45px; left: calc(50% - 300px);  width: 600px; }
	.biografia.open .popup { }
	.biografia .popup { margin-bottom:30px; padding-bottom:30px; }	
	.biografia .popup figure { width: 150px; }
	.biografia .popup .desc { width: 340px; float: left;  }
	.biografia .popup .desc h3.nome { font-size: 2.1em; }
}