/*
Theme Name: 3º Congresso Paranaense de Cidades Digitais v1.0
Theme URI: 
Description: Tema Wordpress para 3º Congresso Paranaense de Cidades Digitais
Version: 1.1
Author: Alpaca Web
Author URI: http://alpacaweb.com.br
*/
html { overflow: auto; height: 100%; }
/********************************* FONTS *********************************/
@font-face {
    font-family: Bebas Neue;
    src: url(fonts/BebasNeue.otf);
}
@font-face {
    font-family: Open Sans;
    src: url(fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family: Open Sans;
    src: url(fonts/OpenSans-Bold.ttf);
	font-weight:bold;
}
@font-face {
    font-family: Open Sans;
    src: url(fonts/OpenSans-BoldItalic.ttf);
	font-weight:bold;
	font-style:italic;
}
@font-face {
    font-family: Open Sans;
    src: url(fonts/OpenSans-ExtraBold.ttf);
	font-weight:bolder;
}
@font-face {
    font-family: Open Sans;
    src: url(fonts/OpenSans-ExtraBoldItalic.ttf);
	font-weight:bolder;
	font-style:italic;
}
@font-face {
    font-family: Open Sans;
    src: url(fonts/OpenSans-Italic.ttf);
	font-style:italic;
}
@font-face {
    font-family: Open Sans;
    src: url(fonts/OpenSans-Light.ttf);
	font-weight:lighter;
}
@font-face {
    font-family: Open Sans;
    src: url(fonts/OpenSans-LightItalic.ttf);
	font-weight:lighter;
	font-style:italic;
}
@font-face {
    font-family: Open Sans;
    src: url(fonts/OpenSans-SemiBold.ttf);
	font-weight:500;
}
@font-face {
    font-family: Open Sans;
    src: url(fonts/OpenSans-SemiBoldItalic.ttf);
	font-weight:500;
	font-style:italic;
}
/********************************* GERAL *********************************/
*{
	font-family:Bebas Neue, Open Sans, Arial, Helvetica, sans-serif;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
div.clear{
	clear:both;
}
div.titulo{
	text-align:center;
}
h2.titulo{
	display:inline-block;
	margin:0;
	padding:15px 0px;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:28px;
	color:#222;
	background-image:url(img/back-h2.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	border-bottom:solid 1px #CCC;
}
.no-padding{
	padding:0;
}
.screen-reader-response,
.wpcf7-not-valid-tip{
	display:none !important;
}
.wpcf7-validation-errors{
	padding:15px;
	background:#ECBBBB;
	color:#900;
	border-radius:5px;
}
.wpcf7-mail-sent-ok{
	padding:15px;
	background:#D1F5C9;
	color:#360;
	border-radius:5px;
}
/********************************* CAPA *********************************/
div.capa{
	padding-bottom:50px;
	background-image:url(img/back-capa.jpg);
	background-size:cover;
	background-position:left center;
	min-height:82vh;
}
div.capa ul#menu-menu-midias-sociais{
	margin:0;
	padding:0;
	padding-top:10px;
	text-align:center;
}
div.capa ul#menu-menu-midias-sociais li{
	margin:5px;
	padding:0;
	display:inline-block;
}
div.capa ul#menu-menu-midias-sociais li a{
	margin:0;
	padding:0;
	width:40px;
	height:40px;
	display:block;
	color:#1C0A0A;
	font-size:0.1px;
	line-height:0;
	text-indent:300px;
	overflow:hidden;
}
div.capa ul#menu-menu-midias-sociais li.ms-fb a{
	background-image:url(img/ms-fb.jpg);
	background-position:center center;
	background-repeat:repeat;
}
div.capa ul#menu-menu-midias-sociais li.ms-tw a{
	background-image:url(img/ms-tw.jpg);
	background-position:center center;
	background-repeat:repeat;
}
div.capa ul#menu-menu-midias-sociais li.ms-yt a{
	background-image:url(img/ms-yt.jpg);
	background-position:center center;
	background-repeat:repeat;
}
div.capa ul#menu-menu-midias-sociais li a:hover{
	background-position:center 80px;
}
div.capa div.logo{
	padding-top:100px;
}
div.capa div.logo h1{
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	color:#FFF;
	font-size:36px;
	line-height:100%;
}
div.capa div.logo h1 img{
	width:120px;
	margin-top:-55px;
	margin-right:-50px;
}
div.capa div.logo h2{
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	color:#8DC63F;
	font-size:24px;
	line-height:140%;
}
@media(min-width:768px){
div.capa div.logo{
	padding-top:150px;
}
div.capa div.logo h1{
	margin:0;
	padding:0;
	padding-left:50px;
	padding-right:100px;
	position:relative;
	text-align:center;
	color:#FFF;
	font-size:58px;
}
div.capa div.logo h1 img{
	width:auto;
	margin-top:-90px;
	margin-right:-78px;
}
div.capa div.logo h2{
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	color:#8DC63F;
	font-size:24px;
	line-height:140%;
}
}
div.capa div.info{
	text-align:center;
}
div.capa div.info p{
	display:inline-block;
	width:30%;
	text-align:right;
	font-size:18px;
	color:#FFF;
}
div.capa div.info p.right{
	text-align:left;
}
div.capa div.info img{
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
}
div.capa div.botao{
	padding-top:30px;
	text-align:center;
}
div.capa div.botao a.go-inscricao{
	display:inline-block;
	padding:10px 30px 5px 30px;
	font-size:28px;
	color:#FFF;
	text-decoration:none !important;
	border:solid 1px #8DC63F;
}
div.capa div.botao a.go-inscricao:hover,
div.capa div.botao a.go-inscricao:focus,
div.capa div.botao a.go-inscricao:active{
	background-color:#8DC63F;
	color:#618929;
}
/********************************* BAR *********************************/
div.bar{
	background-color:#222;
}
div.bar div.menu>ul{
	margin:0;
	padding:40px 0px;
	position:relative;
	text-align:right;
}
@media(max-width:767px){
div.bar div.menu ul li a{
	text-align:left;
	display:block;
	margin:0;
	padding:8px 20px 8px 8px;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
}
div.bar div.menu ul li a:hover,
div.bar div.menu ul li a:focus,
div.bar div.menu ul li a:active{
	text-decoration:none !important;
	color:#999;
}
}
@media(min-width:768px){
div.bar div.menu>ul>li{
	position:relative;
	display:inline-block;
	margin:0;
	padding:0;
	border-left: solid 4px #222;
}
div.bar div.menu>ul>li:hover,
div.bar div.menu>ul>li:focus,
div.bar div.menu>ul>li:active{
	border-left: solid 4px #8DC63F;
}
div.bar div.menu>ul>li>a{
	text-align:left;
	display:block;
	margin:0;
	padding:2px 20px 2px 8px;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
}
div.bar div.menu>ul>li>a:hover,
div.bar div.menu>ul>li>a:focus,
div.bar div.menu>ul>li>a:active{
	text-decoration:none !important;
}
div.bar div.menu ul li ul.sub-menu{
	margin:0;
	padding:0;
	display:none;
}
div.bar div.menu ul li:hover ul.sub-menu{
	list-style:none;
	text-align:left;
	display:inherit;
	position:absolute;
	width:300vw;
	left:0;
}
div.bar div.menu ul li ul.sub-menu li{
	display:inline-block;
}
div.bar div.menu ul li ul.sub-menu li a{
	text-align:left;
	display:block;
	margin:0;
	padding:10px;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#618929;
}
div.bar div.menu ul li ul.sub-menu li a:hover,
div.bar div.menu ul li ul.sub-menu li a:focus,
div.bar div.menu ul li ul.sub-menu li a:active{
	color:#8DC63F;
	text-decoration:none !important;
}
}
div.bar div.count{
	background-color:#8DC63F;
	text-align:center;
}
div.bar div.count h5{
	color:#618929;
	font-size:64px;
	margin:0;
	padding:0;
	padding-top:10px;
}
div.bar div.count span{
	display:block;
	color:#FFF;
	font-size:24px;
	padding:0;
	margin:0;
}
/********************************* CONGRESSO *********************************/
div.congresso{
	background-color:#FFF;
	padding-top:80px;
	padding-bottom:80px;
}
div.congresso p.subtitulo{
	margin:0;
	padding:30px 0px;
	text-align:center;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:160%;
	color:#AAA;
}
div.congresso div.item h3{
	font-size:58px;
	color:#8DC63F;
	text-align:center;
}
div.congresso div.item h4{
	text-align:center;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#222;
	line-height:160%;
}
div.congresso div.item p{
	margin:0;
	padding:0;
	text-align:center;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:160%;
	color:#AAA;
}
/********************************* PROGRAMAÇÃO *********************************/
div.programacao{
	background-color:#EEE;
	padding-top:80px;
	padding-bottom:80px;
}
div.programacao div.days{
	padding-top:50px;
}
div.programacao div.days a.day{
	display:block;
	text-align:center;
	font-size:28px;
	padding:5px 0px;
	background-color:#CCC;
	color:#EEE;
}
div.programacao div.days a.day.active{
	background-color:#8DC63F;
	color:#5F8727;
}
div.programacao div.days a.day:hover,
div.programacao div.days a.day:focus,
div.programacao div.days a.day:active{
	text-decoration:none !important;
	padding-left:15px;
}
div.programacao div.lista{
	background-color:#FFF;
	padding:30px;
	display:none;
}
div.programacao div.lista.active{
	display:block;
}
div.programacao div.lista table{
	width:100%;
}
div.programacao div.lista table td{
	padding:0px 15px;
}
div.programacao div.lista table td:first-child{
	width:60px;
	text-align:right;
}
div.programacao div.lista table td h5{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:500;
	color:#333;
}
div.programacao div.lista table td p{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	color:#608828;
	border-bottom:solid 1px #EEE;
	padding-bottom:5px;
}
@media(min-width:768px){
div.programacao div.lista table td:first-child{
	width:160px;
}
div.programacao div.lista table td h5{
	font-size:18px;
}
div.programacao div.lista table td p{
	font-size:14px;
}
}
/********************************* PALESTRANTES *********************************/
div.palestrantes{
	background-color:#FFF;
	padding-top:80px;
	padding-bottom:80px;
}
div.palestrantes div.palestras{
	padding-top:50px;
	padding-bottom:50px;
}
div.palestrantes div.palestras div.destaque{
	background-color:#222;
}
div.palestrantes div.palestras div.destaque h5{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#FFF;
	line-height:120%;
	padding:20px 20px 0px 20px;
}
div.palestrantes div.palestras div.destaque h6{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#8CC53F;
	line-height:120%;
	padding:0px 20px;
}
div.palestrantes div.palestras div.destaque p{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#888;
	line-height:180%;
	padding:0px 20px;
}
@media(min-width:1200px){
div.palestrantes div.palestras div.destaque h5{
	font-size:28px;
}
div.palestrantes div.palestras div.destaque h6{
	font-size:18px;
}
}
div.palestrantes div.palestras div.item{
	position:relative;
	background-color:#222;
	overflow:hidden;
}
div.palestrantes div.palestras div.info{
	background-color:#222;
	padding-bottom:20px;
}
div.palestrantes div.palestras div.info h5{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#FFF;
	line-height:120%;
	padding:5px 20px 0px 20px;
}
div.palestrantes div.palestras div.info h6{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#8CC53F;
	line-height:120%;
	padding:0px 20px;
}
div.palestrantes div.palestras div.info p{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#888;
	line-height:180%;
	padding:0px 20px;
}
@media(min-width:992px){
div.palestrantes div.palestras div.info{
	background-color:rgba(32,32,32,0.95);
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:100%;
}
div.palestrantes div.palestras div.item:hover div.info{
	top:0%;
}
div.palestrantes div.palestras div.info h5{
	font-size:24px;
	font-weight:500;
	line-height:140%;
}
div.palestrantes div.palestras div.info h6{
	font-size:14px;
	font-style:italic;
}
div.palestrantes div.palestras div.info p{
	font-size:12px;
	line-height:160%;
	color:#CCC;
}
}
@media(min-width:1200px){
div.palestrantes div.palestras div.info h5{
	font-size:32px;
}
div.palestrantes div.palestras div.info h6{
	font-size:16px;
}
div.palestrantes div.palestras div.info p{
	font-size:14px;
}
}
/********************************* NEWSLETTER *********************************/
div.newsletter{
	background-color:#333;
	text-align:center;
	padding:0;
}
div.newsletter form{
	margin:0;
	padding:20px 0px;
}
div.newsletter form input{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:500;
	color:#999;
	display:block;
	margin:0;
	padding-left:10px;
	width:100%;
	height:70px;
}
div.newsletter form div.ok{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:500;
	color:#999;
	background-color:#DDD;
	display:none;
	margin:0;
	padding:15px 10px;
	text-align:center;
	width:100%;
	height:70px;
}
div.newsletter a{
	display:block;
	margin:0;
	padding:35px 10px;
	background-color:#8DC63F;
	color:#618929;
	font-size:28px;
}
div.newsletter a:hover,
div.newsletter a:focus,
div.newsletter a:active{
	text-decoration:none !important;
	background-color:#7DB62F;
}
/********************************* INSCRIÇÃO *********************************/
div.inscricao{
	background-color:#EEE;
	padding-top:80px;
	padding-bottom:80px;
}
div.inscricao h6{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:500;
	color:#777;
	padding-top:30px;
}
div.inscricao div.item{
	background-color:#DDD;
	margin:0;
	margin-top:15px;
	cursor:pointer !important;
}
div.inscricao div.item h4{
	text-align:center;
	font-size:36px;
	color:#FFF;
	background-color:#AAA;
	margin:0;
	padding:50px 10px;
}
div.inscricao div.item:hover h4,
div.inscricao div.item:focus h4,
div.inscricao div.item:active h4{
	background-color:#888;
}
div.inscricao div.item.active h4{
	background-color:#618929;
}
div.inscricao div.item h5{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:500;
	color:#777;
	padding-top:10px;
}
div.inscricao div.item p{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:regular;
	color:#777;
}
div.inscricao form{
	clear:both;
	display:none;
	padding:0;
	margin:0;
}
div.inscricao form *{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
}
div.inscricao form .help-block{
	font-weight:500;
}
div.inscricao form.active{
	display:inherit;
}
div.inscricao form input[type=text],
div.inscricao form input[type=email],
div.inscricao form select,
div.inscricao form textarea{
	display:block;
	height:50px;
	width:100%;
	border:solid 3px #FFF;
	margin-top:15px;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:500;
	color:#777;
	padding-left:10px;
}
div.inscricao form input.submit{
	display:block;
	background-color:#618929;
	height:auto;
	width:100%;
	border:none;
	margin-top:15px;
	font-family:Bebas Neue, Open Sans, Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:regular;
	color:#FFF;
	padding:20px 10px;
}
div.inscricao form input.submit:hover{
	background-color:#517919;
}
/********************************* LOCAL *********************************/
div.local{
	background-image:url(img/back-local.jpg);
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
	padding-top:80px;
	padding-bottom:80px;
}
div.local h3{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:normal;
	color:#FFF;
	padding:0;
	padding-bottom:10px;
	margin:0;
}
div.local div.bar{
	width:50px;
	border-bottom:solid 5px #8DC63F;
}
div.local p{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#CCC;
	padding-top:10px;
	line-height:180%;
}
div.local h4{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:500;
	color:#FFF;
	padding-top:10px;
	padding-bottom:20px;
}
div.local h5{
	text-align:center;
	font-size:36px;
	color:#8DC63F;
	padding:0;
	margin:0;
}
div.local a{
	display:block;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:500;
	color:#FFF;
	padding:15px;
	margin-top:10px;
	text-align:center;
	border:solid 1px #FFF;
}
div.local a:hover,
div.local a:focus,
div.local a:active{
	text-decoration:none;
	background-color:#FFF;
	color:#333;
}
/********************************* LOGOS *********************************/
div.logos{
	background-color:#FFF;
	padding-top:80px;
	padding-bottom:80px;
}
div.logos div.titulo{
	padding-top:30px;
}
div.logos a.logo{
	display:block;
	padding:15px;
	border:solid 2px #EEE;
	margin-top:15px;
}
div.logos a.logo:hover,
div.logos a.logo:focus,
div.logos a.logo:active{
	border:solid 2px #8DC63F;
}
/********************************* CONTATO *********************************/
div.contato{
	background-color:#F7F7F7;
	padding-top:80px;
	padding-bottom:80px;
}
div.contato div.titulo{
	text-align:left;
	padding-bottom:20px;
}
div.contato p{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:500;
	color:#777;
}
div.contato div.space{
	padding-top:30px;
}
div.contato form{
	clear:both;
}
div.contato label{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:500;
	color:#333;
}
div.contato input{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	border-radius:0;
	height:40px;
}
div.contato textarea{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	border-radius:0;
	height:121px;
	resize:none;
}
div.contato input.submit{
	display:block;
	text-align:center;
	padding:15px;
	background-color:#618929;
	border:none;
	outline:none;
	font-family:Bebas Neue, Open Sans, Arial, Helvetica, sans-serif;
	font-size:28px;
	height:auto;
	width:100%;
	color:#FFF;
}
div.contato input.submit:hover{
	background-color:#517919;
}
div.contato textarea:focus,
div.contato textarea:active,
div.contato input:focus,
div.contato input:active{
	border-color:#99CC00;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(153,204,0,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(153,204,0,.6);
}
/********************************* CREDITO *********************************/
div.credito{
	background:#EEE;
	border-bottom:solid 20px #F7F7F7;
}
div.credito p{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#AAA;
	width:100%;
	text-align:center;
	line-height:160%;
}
div.credito p span{
	margin-top:-12px;
	font-size:18px;
}
div.credito p a{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	color:#999;
}
div.credito p a:hover{
	color:#222;
	text-decoration:none;
}
@media (min-width:992px){
div.credito p{
	width:auto;
	text-align:inherit;
	line-height:normal;
}	
}
/********************************* PAGE *********************************/
div.page{
	padding-top:80px;
	padding-bottom:80px;
}
div.page *{
	font-family:Open Sans, Arial, Helvetica, sans-serif;
}