/*
Theme Name: Novinhas do ZapZap
Description: Tema/Layout desenvolvido por Alan Patrick exclusivamente para o blog "Novinhas do ZapZap". Sua venda ou cópia para blogs de terceiros é totalmente proibida. Dúvidas e informações: alan.patrick@live.com
Theme URI: http://www.alanpatrickk.net/
Author: Alan Patrick
Author URI: http://www.alanpatrickk.net/
Version: 1.0
*/

/* GERAL */
*{
	font-family: 'Asap', sans-serif;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body{
	width: 100%;
	background-color: #f1f1f1;
	background-image: url(img/bg.png);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
}
a,img{
	color: #447628;
	text-decoration: none;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}
a:hover{
	color: #142c2c;
	text-decoration: none;
}
input, textarea, select, option, div, button{
  -webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
	border: 0;
}
.container{
	margin: 0 auto;
	padding: 0;
}

/* HEADER */
header{
	width: 100%;
	height: 70px;
	background: #142c2c;
	float: left;
	margin: 0 0 50px 0;
}
header .container {
	position: relative;
}
header .logo{
	float: left;
	padding: 0;
	margin: 10px 0;
}
header .menu-topo{
	float: left;
	margin: 0 0 0 20px;
	font-size: 16px;
	font-weight: 700;
	max-width: 700px;
	line-height: 68px;
	text-transform: uppercase;
	position: relative;
	z-index: 999;
}
header .menu-topo ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	font-size: 0;
}
header .menu-topo ul > li{
	display: inline-block;
	position: relative;
	margin: 0;
	font-size: 16px;
	line-height: 70px;
}
header .menu-topo ul > li.menu-item-has-children > a:after {
	content: '';
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 0 3px 7px;
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}
header .menu-topo ul > li.menu-item-has-children > a:hover:after,  header .menu-topo ul > li:hover > a:after {
	border-left: 2px solid #aaff80;
	border-bottom: 2px solid #aaff80;
}
header .menu-topo a{
	color: #fff;
	display: inline-block;
}
header .menu-topo ul > li > a {
	padding: 0 14px;
}
header .menu-topo a:hover, header .menu-topo a:focus, header .menu-topo ul > li:hover > a{
	color: #aaff80;
	outline: 0;
}
header .menu-topo ul > li > ul {
	position: absolute;
	left: -5px;
	background: #142c2c;
	width: 200px;
	text-transform: none;
	font-size: 14px;
	padding: 0;
	margin: 0;
	visibility: hidden;
	filter: opacity(0%);
	-webkit-filter: opacity(0%);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}
header .menu-topo ul > li:hover > ul {
	visibility: visible;
	filter: opacity(100%);
	-webkit-filter: opacity(100%);
}
header .menu-topo ul > li > ul > li {
	display: inline-block;
	vertical-align: top;
	line-height: 48px;
	height: 52px;
	width: 100%;
	border-top: 1px solid rgba(255,255,255,0.1);
	margin: 0;
	float: left;
}
header .menu-topo ul > li > ul > li > a{
	color: #eee;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	font-size: 14px;
}
header .menu-topo ul > li > ul > li > a:hover{
	background: rgba(255,255,255,0.05);
}

header #menuanchor{
	float: left;
	background: url(img/menuS.png) center no-repeat;
	z-index: 10;
	width: 20%;
	height: 68px;
	padding: 0 0 0 50px;
	color: #fff;
	text-indent: -7px;
	line-height: 16px;
	cursor: pointer;
}
header #searchAnchor {
	width: 30px;
	height: 66px;
	background: url(img/searchS.png) center no-repeat;
	float: right;
	cursor: pointer;
}
header #searchAnchor:hover{
	filter: opacity(70%);
	-webkit-filter: opacity(70%);
}

header #searchform{
	background: #142c2c;
	position: absolute;
	top: 0;
	left: 190px;
	z-index: 1111;
	transform: translateY(-120%);
	-o-transform: translateY(-120%);
	-ms-transform: translateY(-120%);
	-moz-transform: translateY(-120%);
	-webkit-transform: translateY(-120%);
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	transition: all .15s linear;
}
.searchopen header #searchform {
	transform: translateY(0%);
	-o-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
}
header #searchform input {
	background: #142c2c;
	width: 650px;
	height: 70px;
	font-size: 15px;
	color: #fff;
	outline: 0;
}
header #searchform input::-webkit-input-placeholder{
	color: #ddd;
	opacity: 1;
	filter: opacity(100%);
	-webkit-filter: opacity(100%);
}
header #searchform input::-moz-placeholder{
	color: #ddd;
	opacity: 1;
	filter: opacity(100%);
	-webkit-filter: opacity(100%);
}
header #searchform input:-ms-input-placeholder{
	color: #ddd;
	opacity: 1;
	filter: opacity(100%);
	-webkit-filter: opacity(100%);
}
header #searchform input:-moz-placeholder{
	color: #ddd;
	opacity: 1;
	filter: opacity(100%);
	-webkit-filter: opacity(100%);
}
header #searchform input:focus::-webkit-input-placeholder{
	filter: opacity(20%);
	-webkit-filter: opacity(20%);
}
header #searchform input:focus::-moz-placeholder{
	filter: opacity(20%);
	-webkit-filter: opacity(20%);
}
header #searchform input:focus:-ms-input-placeholder{
	filter: opacity(20%);
	-webkit-filter: opacity(20%);
}
header #searchform input:focus:-moz-placeholder{
	filter: opacity(20%);
	-webkit-filter: opacity(20%);
}
header #searchform button{
	background: #fff;
	border: 0;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	height: 30px;
	padding: 0 10px;
	vertical-align: top;
	margin: 19px 0;
	cursor: pointer;
}
header #searchform button:hover {
	background: #a0ff72;
}

/* DESTAQUES */
#destaques{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	font-size: 0;
	margin: -18px 0 10px 0;
}
#destaques .post{
	width: 350px;
	height: 165px;
	display: inline-block;
	background: #eee;
	float: right;
	margin: 0 0 10px 0;
	position: relative;
	filter: opacity(100%) brightness(100%);
	-webkit-filter: opacity(100%) brightness(100%);
}
#destaques .post:hover{
	filter: opacity(80%) brightness(110%);
	-webkit-filter: opacity(80%) brightness(110%);
}
#destaques .post .title{
	font-size: 16px;
	font-weight: 700;
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 0;
	padding: 50px 18px 20px 18px;
	color: #fff;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}
#destaques .post .title span{
	border-left: 4px solid #fff;
	padding: 4px 10px 5px 14px;
	display: inline-block;
}
#destaques .post:nth-child(1){
	width: 620px;
	height: 340px;
	float: left;
}
#destaques .post:nth-child(1) .title{
	font-size: 18px;	
	padding: 70px 24px 26px 24px;
}
#destaques .post .img{
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	z-index: 1;
	top: 0;
	left: 0;
}
#destaques .owl-nav{
	position: absolute;
	top: -26px;
	right: 0;
	z-index: 10;
}
#destaques .owl-nav:before{
	content: 'Destaques';
	font-size: 13px;
	letter-spacing: 0.12em;
	font-weight: 400;
	color: #142c2c;
	text-transform: uppercase;
	filter: opacity(40%);
	-webkit-filter: opacity(40%);
	line-height: 22px;
	margin: 0 5px;
}
#destaques .owl-nav > div{
	width: 20px;
	height: 20px;
	border: 1px solid #142c2c;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 5px;
	filter: opacity(40%);
	-webkit-filter: opacity(40%);
}
#destaques .owl-nav > div:hover{
	filter: opacity(99%);
	-webkit-filter: opacity(99%);
}
#destaques .owl-nav > div:before{
	content: '';
	width: 4px;
	height: 4px;
	border-left: 2px solid #142c2c;
	border-bottom: 2px solid #142c2c;
	display: inline-block;
	transform: rotate(45deg);
	margin: 6px 7px;
}
#destaques .owl-nav .owl-next:before{
	transform: rotate(-135deg);
	margin: 6px 5px;
}

#adtop{
	background: #fff;
	padding: 20px 0 20px 20px;
	margin: 0;
	float: left;
	width: 100%;
	border-bottom: 4px solid #d0d5d5;
}
#adtop > div{
	float: left;
	margin: 0 20px 0 0;
	max-height: 250px;
	overflow-y: hidden;
}
#adtop > div img{
	float: left;
}

/* MAIN */
main{
	margin: 20px 0;
	padding: 20px;
	float: left;
	width: 100%;
	background: #fff;
	border-bottom: 4px solid #d0d5d5;
	float: left;
}

/* SIDEBAR'S */
main aside{
	position: relative;
	float: left;
	width: 300px;
}
main aside img{
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}
main aside .widget{
	float: left;
	margin: 0 0 20px 0;
	width: 100%;
}
main aside .widget h3{
	font-size: 16px;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 400;
	color: #142c2c;
	border-bottom: 2px solid #d0d5d5;
	margin: 0 0 8px 0;
	padding: 0 0 1px 0;
	width: 100%;
}
main aside .widget ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
main aside .widget ul li{
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding: 6px 0;
	color: #444;
	font-size: 14px;
}
main aside .widget ul li a{
	color: #444;
}
main aside .widget ul li a:hover{
	color: #d10000;
	margin: 0 0 0 5px;
}
main aside .widget .tagcloud a{
	color: #888;
}
main aside .widget .tagcloud a:hover{
	color: #142c2c;
}

/* SECTION POSTS */
main section{
	float: right;
	width: 620px;
}
main section .notice{
	background: #fafafa;
	border-bottom: 4px solid #d0d5d5;
	padding: 18px 20px;
	margin: 0 0 20px 0;
	font-style: italic;
}
main section .post{
	float: left;
	width: 300px;
	height: 360px;
	background: #fafafa;
	border-bottom: 4px solid #d0d5d5;
	overflow: hidden;
	margin: 0 20px 20px 0;
	position: relative;
}
main section .post:nth-child(odd){
	margin: 0;
}
main section .post .thumb{
	width: 100%;
	height: 200px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
main section .post .thumb .category{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 8;
	text-transform: uppercase;
	font-size: 13px;
	padding: 0 0 8px 10px;
}
main section .post .thumb .category a{
	color: #fff;
	display: none;
}
main section .post .thumb .category a:first-child{
	display: inline-block;
}
main section .post .thumb .date{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 8;
	text-transform: uppercase;
	font-size: 13px;
	padding: 0 10px 8px 0;
	color: #fff;
	opacity: 0.6;
}
main section .post .thumb .category a:hover{
	text-shadow: 0 0 10px #fff;
}
main section .post .thumb .img{
	width: 100%;
	height: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}
main section .post .thumb a .img:before{
	content: '';
	width: 100%;
	height: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
}
main section .post .thumb a .img:hover{
	transform: rotate(-2deg) scale(1.13);
}
main section .post:nth-child(odd) .thumb a .img:hover{
	transform: rotate(2deg) scale(1.13);
}
main section .post .thumb a:hover div:after{
	opacity: 1;
}
main section .post .title{
	font-size: 18px;
	font-weight: 700;
	padding: 12px 14px 8px 14px;
}
main section .post .title a{
	color: #142c2c;
}
main section .post .title a:hover{
	color: #225b05;
}
main section .post .excerpt{
	padding: 0 14px;
	font-size: 13px;
	color: #a1a1a1;	
}
main section .adhome{
	float: left;
	margin: 0 0 20px 0;
}
main section .textwidget{
	float: left;
	margin: 0 10px 20px 0;
	vertical-align: top;
}
main section .textwidget:nth-child(odd){
	margin: 0 0 20px 0;
	float: right;
}
main section .textwidget img{
	float: left;
}
main section .textwidget br{
	display: none;
}
main section .textwidget p{
	margin: 0;
	padding: 0;
}

/* PAGENAVI */
main section .wp-pagenavi{
	float: left;
	width: 100%;
	margin: 10px 0;
	text-align: left;
}
main section .wp-pagenavi span, main section .wp-pagenavi a{
	float: left;
	background: #fafafa;
	border-bottom: 4px solid #d0d5d5;
	color: #142c2c;
	margin: 0 4px;
	font-size: 18px;
	padding: 12px 20px;
}
main section .wp-pagenavi span.pages{
	display: none;
}
main section .wp-pagenavi span.current, main section .wp-pagenavi a:hover{
	border-bottom: 4px solid #142c2c;
	font-weight: 700;
}
main section .wp-pagenavi a:hover{
	font-weight: 400;
}
main section .wp-pagenavi span, main section .wp-pagenavi a:first-child{
	margin-left: 0;
}

/* FOOTER */
footer{
	background: url(img/bgfooter.jpg) top center repeat-x;
	float: left;
	width: 100%;
	margin: 70px 0 -50px 0;
	padding: 0;
	text-align: center;
	border-top: 5px solid #071212;
}
footer .logo{
	margin: -62px 0 0 0;
}
footer .logo img{
	width: 270px;
	max-width: 100%;
}
footer .highlights{
	margin: 40px 0;
}
footer .highlights img{
	margin: 0 8px;
	opacity: 0.65;
}
footer .highlights img:hover{
	opacity: 1;
}
footer .submenu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
footer .submenu ul li{
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 20px;
}
footer .submenu a{
	color: #fff;
}
footer .submenu a:hover{
	color: #8cff55;
}
footer .copyright{
	background: #071212;
	color: #476a66;
	font-size: 13px;
	font-style: italic;
	padding: 18px 0;
	margin: 35px 0 0 0;
	position: relative;
}
footer .copyright:before{
	content: '';
	width: 100%;
	height: 1px;
	background: #858e8d;
	position: absolute;
	top: -10px;
	left: 0;
}
footer .copyright a{
	color: #6d8e8b;
}
footer .copyright :hover{
	color: #acff82;
}

/* SINGLE */
main article{
	max-width: 100%;
	float: left;
	margin: 0 20px 0 0;
}
main article .breadcrumb{
	width: 100%;
	font-size: 12px;
	color: #a7a7a7;
	font-style: italic;
}
main article .breadcrumb a{
	color: #a7a7a7;
}
main article .breadcrumb span:nth-child(2) a{
	color: #225151;
}
main article .breadcrumb a:hover, main article .breadcrumb span:nth-child(2) a:hover{
	color: #52b820;
}
main article .title{
	background: #fafafa;
	border-bottom: 4px solid #d0d5d5;
	padding: 22px 26px;
	margin: 5px 0 18px 0;
}
main article .title h1{
	font-size: 22px;
	font-weight: 700;
	font-style: italic;
	color: #142c2c;
	margin: 0;
	padding: 0;
}
main article iframe{
	max-width: 100%;
}
main article img{
	max-width: 100%;
	height: auto;
	border: 0;
}
main article .bottom{
	margin: 20px 0 10px 0;
	font-size: 0;
}
main article .bottom a, main article .bottom .date span{
	background: #fafafa;
	border-bottom: 4px solid #d0d5d5;
	margin: 0 10px 10px 0;
	display: inline-block;
	padding: 10px 14px;
	font-size: 16px;
	line-height: 22px;
	color: #939797;
	vertical-align: bottom;
	font-weight: 700;
}
main article .bottom .date{
	display: inline-block;
}
main article .bottom .date span{
	color: #afb4b4;
	font-size: 14px;
	font-weight: 400;
}
main article .bottom .categorys{
	text-transform: uppercase;
}
main article .bottom a:hover, main article .bottom a:focus{
	border-bottom: 4px solid #142c2c;
	color: #142c2c;
	outline: 0;
}

/* RELATED */
main .related{
	float: left;
	width: 100%;
}
main .related .post, main .related .post:nth-child(odd){
	width: 196px;
	margin: 0 16px 16px 0;
	height: 298px;
}
main .related .post.last{
	margin: 0 0 16px 0;
}
main .related .post .thumb{
	height: 130px;
}
main .related .post .title{
	font-size: 16px;
	padding: 10px 12px;
}
main .related .post .thumb .category, main .related .excerpt{
	font-size: 12px;
}
main .related .post .excerpt{
	padding: 0 12px;
	max-height: 80px;
	overflow: hidden;
}

.alignnone{margin: 5px 10px 10px 0;}
.aligncenter, div.aligncenter{display:block;margin:1px auto;}
.alignright{float:right;margin:2px 0 10px 10px;}
.alignleft{float:left;margin:2px 10px 10px 0;}
a img.alignright{float:right;margin:2px 0 10px 10px;}
a img.alignnone{margin:2px 15px 15px 0;}
a img.alignleft{float:left;margin: 2px 10px 10px 0;}
a img.aligncenter{display:block;margin-left: auto;margin-right: auto;}
.wp-caption{background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone{margin:2px 10px 10px 0;}
.wp-caption.alignleft{margin:2px 10px 10px 0;}
.wp-caption.alignright{margin:2px 0 10px 10px;}
.wp-caption img{border: 0 none;height:auto;margin:0;max-width:98%;padding:0;width:auto;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}