/*
	Theme Name: Conffi @News
	Version: 3.0
	Theme Author: Conffi Estúdio e André Garcia
	Author URL: http://conffi.com.br
	*/


	/*padroes*/
	html,body{ 
		background: #ededed;
		font-family: Arial,"freesans,sans-serif,helvetica";
	}


	h1,h2,h3,h4,h5{
		font-weight: bold;
	}

	h1{font-size: 26px;}
	h2{font-size: 20px;}
	h3{font-size: 16px;}
	h4{font-size: 14px;}
	h5{font-size: 14px;}

	.label-primary a{color: yellowgreen !important;}
	.label-primary a:visited{color: #fff !important;}
	.label-primary a:hover{color:  #fff !important;}
	.navbar-inverse{
		background: #004799;
		border: none;
	}


	.pagination a{
		font-size: 12px;
		font-weight: 800;
		padding: 5px;
		color: #333;
		text-shadow: 2px 2px 10px #ededed;

		transition: 0.6s ease-in-out;
	}
	.pagination a:hover{
		background: #004799;
		color: #fff;
		border-radius: 5px;
		padding: 10px;
		box-shadow: 5px 5px 20px #ccc;

	}
	.pagination span.current{
		background: #004799;
		color: #fff;
		border-radius: 5px;
		padding: 10px;
	}
	.category{
		color: #999;
	}

	ul.post-categories{
		padding: 0 !important;
		margin: 0 !important;
	}
	ul.post-categories li{
		list-style: none;
	}
	
	.divider{
		background: #f00;
		border-color: #fff;
	}


/*titulo h1 na pagina principal
esse padrão serve para reduzir o tamanho dos titulos quando aberto em uma tela menor.
*/

.titulo-h1-home{font-size: 24px;}

.titulo-h1-single{font-size: 36px; }

.titulo-h1-category{font-size: 36px;}

.titulo-h2-home{
	font-size: 20px;
	color: #003399;
}


/*formatação padrão para links*/
a{ 
	/*color: #333;*/
	text-decoration: none;
}
a:hover{text-decoration: none;}
a:visited{color: #333;}



/*formatação variavel - alterando parte da estrutura dependendo do tamanho da tela*/
/****************************/

@media screen and (max-width: 367px) and (min-width: 244px) {

	.capa-secundarias {
		margin-top: 15px;
		padding-left: 30px;
	}
	.capa-secundarias header{
		padding-left: 10px !important;
	}
	.capa-secundarias article{
		border-bottom: 1px solid #ccc;
	}

	.capa-secundarias .category{
		padding: 0 !important;
		border-radius: 0;
		margin: 0 !important;
		float: left !important;
		margin-bottom: 0 !important;
	}
	.capa-secundarias figure{
		max-height: 100px !important;
	}

	.titulo-h1-home{
		font-size: 18px !important;
	}
	.titulo-h2-home{
		font-size: 16px !important;	
	}
	.logo{
		padding-bottom: 20px;
	}

	.city, .phone{ 
		margin-top: 0px !important;
		font-size: 9px;
	}
}

@media screen and (max-width: 767px) and (min-width: 368px) {

	.capa-secundarias article{
		margin-top: 10px;
	}
	.capa-secundarias header{
		padding-left: 10px !important;
	}
	.capa-secundarias .category{
		float: left !important;
		margin-left: 2px !important;
		margin-bottom: -20px !important;
	}

	.search-area{
		border-top: 1px solid #1159AB !important;
	}

	.city, .phone{ 
		margin-top: 0px !important;
		font-size: 11px;
	}


	.s1-a1,.s1-a2{
		padding: 30px !important;
	}
	.s1-a1 header{
		max-width: 90%;
		margin-top: -10px;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.capa-principal{
		max-height: 245px !important;
	}
	.titulo-h1-home{
		font-size: 20px;
	}
	.titulo-h2-home{
		font-size: 16px;
	}
}


/*******************************/


.border {border: 1px solid #333 !important;}

/*article{min-height: 200px;}*/


.container{
	max-width: 1140px;
	height: auto;
	padding: 0;
	/*border: 1px solid #e6e6e6;*/
}


.block-ads{
	/*display: block;*/
	background: #fff;
	margin: 0px auto 5px auto;
	clear: both;
	padding: 5px;

	/*border: 2px solid blue;*/
}
.block-ads-top{
	background: none !important;
}

.ads{
	padding: 0px;
	/*display: table;*/
}
.ads img{max-width: 100% !important; height: auto;}
.ads-full{
	max-width: 1130px;
	text-align: center;
}
.ads-full img{
	width: 100%;
	float: none;
	margin: auto;
}

.img-ads{
	width: auto;
	max-width: 100%;
	float: none;
	margin: auto;
	/*border: 2px solid red;*/
}

.ads-img-to-left img{
	float: left;
}
.ads-img-to-right img{
	float: right;
}

.anuncio-iframe{
	height: auto;
	min-height: 60px !important;
}


/*margins e paddings*/
.top-margin-5{
	margin-top: 5px !important;
}
.top-margin-10{
	margin-top: 10px  !important;
}
.top-margin-15{
	margin-top: 15px !important;
}

.padding-0{
	padding: 0;
}
.padding-5{
	padding: 5px;
}


/*area do logotipo*/
.logo-area{ 
	/*height: 200px;*/
	background: #fff;
	/*border: 3px solid blue;*/
	/*padding: 20px;*/
	position: relative;
}

.city, .phone{ 
	margin-top: -80px;
}
.phone{
	text-align: right;
}

.phone img{ max-width: 24px; }

.logo{ 
	float: none;
	margin: auto;
	padding: 20px;
}
.logo img{margin:auto;}


/*tratando logotipo dentro da pagina header-mobile*/
.mobile-logo-img{
	height: 40px;
	margin-top: -10px;
}
.fixed{
	width: 100%;
	position: fixed;
	z-index: 999;
	top: 0;
	box-shadow: 0 3px 5px #333;
}




.bkg-menu{
	background: #222;
	padding: 0;
}
.bkg-menu .navbar{
	border: none;
	border-radius: 0;
	margin: 0 !important;

}



/*menu de navegação e search bar*/
.container-menu{
	/*padding: 10px;*/
	/*height: 60px;*/
	background: #004799;
	color: #fff;
}	
.container-menu button{
	background: none !important;
	padding: 0 !important;
	border: none !important;
}
.container-menu h2{
	color: #fff; 
	transition: 0.3s ease-in-out; 
	margin-top: 45px;
	cursor: pointer;



}

.container-menu .menu{
	margin-top: 20px;
}

.container-menu h2:hover{
	font-size: 32px;
	text-shadow: 10px 10px 30px #333;
	margin-top: 35px;
}





#menu-menu-de-categorias, #menu-menu-institucional{
	padding: 15px;
}

.search-area{
	padding: 10px;
	/*width: 100%;*/
	margin: 20px auto;
}
.search-area input{
	padding: 20px !important;
	font-size: 18px;
	border-radius: 30px;
	color: #000;
}
.search-ads {
	margin-top: 18px;
}


.search-area .input-search{ 
	border-radius: 20px;
	padding: 20px !important;
	margin-top: 15px;
} 

#searchLupa{
	position: absolute;
	top: -5px;
	right: -10px;
	padding: 10px;

	transition: 0.3s ease-in-out;
}
#searchLupa:hover{
	padding: 0px;
	top: -15px;
	right: -20px;
}


/***********************/
/*Versão mobile*/

#headerMobile a.navbar-brand{
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	padding-top: 15px;

}

#headerMobile a.navbar-brand img{
	min-width: 100px;
	height: auto;

}

#headerMobile .form-search-mobile{
	margin-top: 70px;
}

/***********************/

.destaques{position: relative;}

/*materias de capa*/
.cycle-slideshow{
	padding: 0;
	position: relative;
	padding: 20px;
}


@media (max-width: 800px) { 
	.cycle-slideshow{
		padding: 0 !important;
		position: relative;
		margin: auto;
		text-align: center;
	}
	.cycle-slideshow img{
		max-width: 100%;
	}
}




.slide-pager{
	position: absolute;
	z-index: 999;
	top: 20px;
	left: 30px;
}
.slide-pager a{
	padding: 5px;
	/*background: #e6e6e6;*/
	margin: 5px;
	box-shadow: 0px 0px 10px #333;
	background: #004799;
	color: #fff;

	transition: 0.3s ease-in-out;
}
.slide-pager a:hover{
	color: #fff;
	box-shadow: 0px 0px 10px #fff;
}

.capa{
	height: 350px;
	/*background: #f53d00;*/
	/*border: 1px solid #f00;*/
}


.capa-principal{
	padding: 20px;
/*	background-size: cover;
background-position: top center;*/
}

.destaques .pagination{

	background: #ccc;
}

.capa-principal header{
	/*position: absolute;
	bottom: 40px;
	right: 20px;
	left: 20px;*/
	margin-bottom: 12px;
}
.capa-principal div{
	padding: 10px;
	max-width: 100%;
	position: absolute;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%);
	left: 0; right: 0; bottom: 0;
	padding: 20px;

}

.capa-principal header h1{
	color: #fff;
	text-shadow: 0 0 10px #000;
}
.capa-principal footer{
	position: absolute;
	bottom: 0px;
	right: 0;
}
.capa-principal footer small{
	background: #fff;
	color: #333;
	padding: 10px;
	border-radius: 5px 0 0 0;


}


.capa-secundarias{
	padding: 0;
	/*background: #ff6633;*/
}


.capa-secundarias figure{
	padding: 0;
	/*border: 1px solid red;*/
	height: 220px;
}
.capa-secundarias article{
	/*overflow: hidden;*/
	padding: 5px;
}
.capa-secundarias header{
	/*border: 1px solid #333;*/
	padding-left: 0px; 
}


.capa-secundarias  .category{
	position: relative;
	margin: -20px 0px;
	padding: 8px;
	background: #ededed;
	z-index: 2;

	border-radius: 5px 0px 0 0 !important;
}


/*conteudo geral do site*/ 
/*dividivo em 3 sessões - esquerda(section-1) - centro(section-2) e direita(section-3) */

.section-1, .section-2, .section-3{
	padding: 5px;
}
.section-3 .ads-dinamico img { /*espaço entre os banners */
	margin-bottom: 10px;
}
/*primeiro artigo/article dentro da section-1*/
.section-1 .s1-a1{
	padding: 0;
}
.section-1 .s1-a1 figure img{
	/*max-height: 100%;*/
	/*width: auto;*/
}
.section-1 .s1-a1 header{
	position: relative;
	z-index: 2;
	background: #ededed;
	margin-top: -40px;
	/*border: 2px solid;*/
	padding-left: 0;
}
.section-1 .s1-a1 header h2{ margin-top: 0; }





/*segundo artigo/article dentro da section-1*/
.section-1 .s1-a2{
	/*min-height: 180px;*/
	background: #fff;
	padding: 5px;
	display: block;
	border-bottom: 2px solid #ededed;
	-webkit-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
.section-1 .s1-a2:hover{
	box-shadow: 20px 20px 40px #333;
	z-index: 3;
	border-right: 5px solid #004799;
}
.section-1 .s1-a2 h3:hover{
	color: #004799 !important;
}
.section-1 .s1-a2 figure{
	padding: 0;
	max-height: 150px;
	overflow: hidden;

}
.section-1 .s1-a2 header{
	margin-top: 20px;
	padding: 0 0 0 10px;
	/*border: 1px solid red;*/
}
.section-1 .s1-a2 header h3{ 
	color: #333;
	margin-top: 0px; 
}

/*bloco com anuncio maior e artigos ao lado, na section-1*/
.section-1 .s1-bloco{
	/*border: 2px solid blue;*/
	/*min-height: 250px;*/
	padding: 0;
}

.section-1 .s1-ads1{
	/*background: #99cc9a;*/
	max-height:90px;
	margin-top: 5px;

}
.section-1 .s1-a3{
	background: #fff;
	padding: 10px;
	border-left: 5px solid #ededed;
	transition: 0.6s ease-in-out;
}
.s1-a3:hover{
	box-shadow: 10px 10px 30px #ccc;
	border-left: 5px solid #004799;
}

.section-1 .s1-a3 header{
	/*display: table;*/
}
.section-1 .s1-a3 figure{
	max-height: 120px;
	overflow: hidden;
	padding: 0;
}
.section-1 .s1-a3 h3{
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	font-size: 19px !important;
}


.s1-a3 h3 a{color: #333;}
.s1-a3 small{
	padding: 8px;
	margin-top: 0px;
	display: table;
}
.s1-a3 small ul{margin: 0;padding: 0;}
.s1-a3 small {padding: 3px; margin-top: 5px; }



.section-1 .s1-ads2{
	max-height:240px;
	/*background: #99cc9a;*/
	/*border: 2px solid green;*/
	padding: 5px;
	overflow: hidden;
}

.section-1 .s1-ads3{
	max-height:90px;
	/*background: #99cc9a;*/
	/*border: 2px solid green;*/
	padding: 5px;
	overflow: hidden;
}
.s1-eventos{
	padding: 0;
	/*height: 300px;*/
	background: #fff;
	/*overflow: hidden;*/
}


/*tratando section-2 - sessão do centro*/
.section-2 .s2-especial{
	min-height: 100px;
	background: #fff;
	border-left: 6px solid #004799;
	padding: 10px;

}
	/*.section-2 .s2-especial h2{
		margin: auto;
		}*/
		.section-2 .s2-a1{
			/*min-height: 300px;*/
			/*background: #ff6633;*/
			padding: 0;
			margin-top: 10px;
		}
		.section-2 .s2-ads1{
			/*background: #99cc9a;*/
			text-align: center;
		}
		.section-2 .s2-ads1 img{width: 100%;}

		.section-2 .s2-a2{
			min-height: 490px;
			background: #fff;
		}
		.section-2 .s2-a2 .category ul{margin: 0; padding: 0;}
		.section-2 .s2-a2 .category ul li{list-style: none !important;}


		.section-2 .fanpage-fb{
			padding: 0;
			margin-top: 10px;
			border: 10px solid #fff;
			transition: 0.6s ease-in-out;
		}

		.section-2 .fanpage-fb:hover{
			border: 10px solid #004799;
			box-shadow: 20px 20px 50px #ccc

		}
		
		#fb-root {
			display: none;
		}
		.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
			width: 100% !important;
			padding: 0 !important;
		}


		.s2-a2 header{
			position: absolute;
			left: 0;
			bottom: 0px;
			padding: 20px;

			/*background: #000;*/
			background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%);
			color: #fff;
		}
		.s2-a2 header a{}
		.s2-a2 header a:hover{color: #ededed;}

		.s2-a2 header h3{
			color: #fff !important;
			text-shadow: 0 0 15px  #000;
			margin-bottom: -15px;
		}
		.s2-a2 header .category{
			margin-right: -20px;
			margin-bottom: -20px;
			background: #fff;
			width: auto;
			padding: 10px;
			border-radius: 8px 0 0 0;
			color: #004799;
			text-align: right;
		}


		/*tratando a sidebar - section-3*/
		.section-3 img{
			margin-bottom: 5px;
			width: 100% !important;
			height: auto;
			
		}
		.ultimas-noticias-sidebar{
			background: #fff;
			display: table;
			/*min-height: 410px;*/
			padding: 10px;
			border-bottom: 5px solid #004799

		}

		.block-ads-sidebar img{
			margin-bottom: 5px;
			width: 100% !important;
			height: auto;
		}


		.ultimas-noticias-sidebar header{
			display: block;
			padding: 0 10px 0 10px;
			border-left: 6px solid #004799;
			/*margin-top: 10px;*/
			margin-left: -15px;
		}
		.ultimas-noticias-sidebar article{
			/*padding: 5px;*/
			/*margin-top: 5px;*/
			
		}
		.ultimas-noticias-sidebar h5{
			font-weight: normal;
			margin-top: 0px;
			transition: 0.6s ease-in-out;
		}

		.ultimas-noticias-sidebar h5:hover{
			text-shadow: 5px 5px 10px #ccc;
			font-weight: bold;
		}
		.ultimas-noticias-sidebar small:last-child{
			padding: 10px;
			background: #004799;
			color: #fff;
			border-radius: 8px 0 0 0;
			margin-top: 20px;
			clear: both;
			margin-right: -10px;

		}

		.ultimas-noticias-sidebar small:last-child a{color: #fff;}


		/*pagina single.php *************************************** */

		.article-ads{
			width: 100%;
			padding: 0;
			/*margin: -20px;*/
			display: block;
			margin-bottom: 20px;
		}


		.single-article{
			/*min-height: 500px;*/
			padding: 25px;
			background: #fff;
		}
		.single-post-author{
			padding: 0;
			text-align: left;
			color: #ccc;
			border-bottom: 1px dotted #ccc;
			margin-bottom: 30px;
			color: #333;
		}
		.creditos{
			display: block;
			text-align: right;
			padding: 0;
			color: #333;
			font-style: italic;
			margin-bottom: -10px;
		}


		.ultimas-noticias-single{
			background: none;
			font-weight: normal !important;
		}

		

		/*tratando imagens dentro do post na single*/
		.single-article img{
			width: auto; 
			height: auto;
			max-width: 100%;}

			.alignright, img.alignright{
				width: auto !important;
				float: right;
				margin-left: 8px;
			}
			.alignleft,.alignnone, img.alignleft, img.alignnone{
				float: left;
				margin-right: 8px;
			}
			.aligncenter, img.aligncenter{
				float: none;
				margin: 8px auto 8px auto;
				width: 100% !important;
				height: auto;

			}

			.wp-caption-text{
				max-width: 100%;
				padding: 10px;
				background: #ededed;
				color: #333;
				font-size: 11px;
				text-shadow: 2px 2px 2px #fff;
			}



			.single-aside-center{
				background: #ededed;
				/*padding-top: 0px !important;*/
				margin-top: 0px;
				border-left: 1px solid #ededed;
				box-shadow: 20px 20px 40px #ccc;
				transition: 0.6s ease-in-out;

			}

			.single-aside-center:hover{
				background: #fff;
				box-shadow: 10px 10px 40px #333;


			}
			.single-aside-right{
				min-height: 500px;
				padding: 5px;
			}






			/*Template page full width*/
			.single-page-full-width{
				padding: 20px;
			}





			/*página search e category*/
			.single-search-category{

			}
			.single-search-category article{
				padding: 5px;
				background: #fff;
				/*border: 1px solid #333;*/
				margin-bottom: 10px;
				/*overflow: hidden;*/
				/*display: block;*/
				position: relative;
			}

			.single-search-category figure{		
				position: absolute;
				height: 100%;
				bottom: 0;
				padding-right: 20px;
				/*min-height: 60px;*/
			}
			.single-search-category figure img{

			}

			.single-search-category  header{
				text-align: left;
				/*border: 2px solid red;*/
				padding: 20px;
			}

			.single-search-category  footer{
				display: block;
				clear: both;
			}





























			/*Página single-editoriais.php*/
			.single-editoriais{
				padding: 0;
				background: #fff;
			}
			.single-editoriais .header{
				min-height: 150px;
				background: #ededed url(imagens/single-editoriais-background.jpg);
				background-size: cover;
				color: #fff;
				text-shadow: 10px 10px 10px #333;
				text-align: center;
				transition: 0.6s ease-in-out;

				position: relative;
				z-index: 1;
			}
			.single-editoriais .header h1{
				margin-top: 50px;
				font-size: 46px;

			}

			.single-editoriais .header:hover{
				text-shadow: 3px 3px 5px #333;
			}
			.single-editoriais img{
				position: absolute;
				left: 0;
				opacity: 0.4;
				transition: 0.6s ease-in-out;
				z-index: 0;
			}
			#single-editoriais-background:hover{
				opacity: 1;
			}


			.single-editoriais article{
				/*background: #fff;*/
				min-height: 400px;
				float: none;
				margin: 30px auto;
				/*border:2px solid red;*/
				padding: 20px;
				margin-top: 20px;
				clear: both;
			}

			#headerEditoriais{

			}
			#single-editoriais-background{
				z-index: 9;
			}



			/*mais-noticias.php*/
			.container-mais-noticias .label-primary ul{ padding: 0; margin: 0;}
			.container-mais-noticias .label-primary ul li{ list-style: none; }
			.container-mais-noticias .label-primary a{
				color: #fff;
			}




			/*footer - rodape*/
			#footer{
				width: 100%;
				clear: both;
				/*height: 200px;*/
				background: #004799;
				text-align: center;
				color: #fff;
			}

			#footer p{
				font-size: 11px;
				color: #fff;
				padding: 20px;
			}

			#footer .credits{
				float: none;
				margin: 10px auto;
			}

			#footer .credits-developer{
				background: #333;
				padding: 10px;
			}






			/*pagina sidebar-center*/

			.enquete{
				padding: 10px;
				background: #fafafa;
				color: #333 !important;
			}
			.enquete p{
				text-align: left !important;
				font-weight: normal;
				border-bottom: 1px solid #ededed;
				padding-bottom: 10px;
			}

			.enquete ul{
				padding: 0; margin: 0;
			}

			.enquete ul li{
				list-style: none;
				font-size: 12px;
			}



			#yopPoll{
				padding: 0 !important;
				transition: 0.6s ease-in-out;
			}
			#yopPoll:hover{
				border: 5px solid #004799;
				box-shadow: 10px 10px 30px #ccc;
				color: #004799;
			}

			#yopPoll div{
				max-width: 100%;
			}





			.hide{
				display: none !important;

				transition: 0.6s ease;
			}




			/*backend*/