@branco: #ffffff;
@preto: #282828;
@rosa: #ee859b;
@azul: #2da1f9;

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

.addthis_tool{
	text-align: center;
    margin: 40px auto 30px auto;
}

.breadcrumb{
	display: block;
	font-size: 16px;
	color: #4f5362;
	margin-bottom: 50px;
	margin-top: 30px;
	height:1px;
	span{
		background: #fff; padding:10px 20px 10px 10px; position:relative; top:-10px;
	}
	a{
		text-decoration: none;
		color: #4f5362;
	}
	a:hover{
		color: #4f5362;
	}
	svg{
		width: 17px;
		height: auto;
		margin: 0px 5px -2px 0px;
		path{
			fill: @preto;
		}
	}
}

/*** BLOG ***/

.listaposts{
	width: 67%;
	float: left;
	.titbusca{
		margin: 40px 0px 40px 0px;
		padding-bottom: 40px;
		background-size: 100%;
		border-bottom: 1px solid #eee;
		h2{
			font-size: 30px;
			color: @rosa;
			a,span{
				text-decoration: none;
				color: @azul;
			}
		}
	}
	.titifornecedores{
		background: none !important;
		padding-bottom: 0px !important;
	}
	.titcategory{
		margin: 20px 0px 40px 0px;
		padding-bottom: 40px;
		background-size: 100%;
		border-bottom: 1px solid #eee;
		h2{
			font-size: 40px;
			a{
				text-decoration: none;
				color: @azul;
			}
		}
		p{
			font-size: 14px;
		}
	}
	ul.post-categories{
		li{
			margin: 10px 0px 10px 0px !important;
			display: inline-block;
		}
	}
	.interna{
		ul{
			list-style: none;
			margin: 20px 0px 20px 40px;
			li {
				margin: 10px 0px;
				iframe{
					margin: 20px auto;
				    display: block;
				}
			}
			li:before{
				content: "• ";
				color: @preto;	}
		}
		ol{
			margin: 20px 0px 20px 50px;
			li{
				margin: 10px 0px;
				iframe{
					margin: 20px auto;
				    display: block;
				}
			}
		}
		blockquote{
			margin:20px;
			p{
				font-size: 24px;
				font-style: italic;
				text-align: center;
				font-weight: 300;
			}
		}
		blockquote p:before{
			content: '"';
			font-size: 35px;
			margin-right: 10px;
		}
		blockquote p:after{
			content: '"';
			font-size: 35px;
			margin-left: 10px;
		}
		p{
		    line-height: 24px;
		}
	}
	.related{
		p.prev{
			float: left;
			svg{
				float: left;
				margin: 0px 15px 100px 0px;
			}
		}
		p.next{
			float: right;
			text-align: right;
			svg{
				float: right;
				margin: 0px 0px 100px 15px;
			}
		}
		p{
			width: 35%;
			line-height: 24px;
			a{
				color: @rosa;
				font-size: 18px;
				margin: 25px 0px;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
			}
			svg{
				width: 22px;
				fill: @rosa;
			}
		}
		p:hover{
			a{
				color: @rosa;
			}	
			svg{
				fill: @rosa;
			}
		}
	}

	.post{
		margin: 0px auto 40px auto;
    	padding-bottom: 10px;
		background-size: 100%;
		border-bottom: 1px solid #eee;
		.post-categories{
			list-style-type: none;
			margin: 0px 0px 10px 0px;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+45,ee859b+45,ee859b+55,ffffff+55,ffffff+100 */
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 45%, #ee859b 45%, #ee859b 55%, #ffffff 55%, #ffffff 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 45%,#ee859b 45%,#ee859b 55%,#ffffff 55%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, #ffffff 0%,#ffffff 45%,#ee859b 45%,#ee859b 55%,#ffffff 55%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
			li{
				background: #fff;
				padding: 0px 10px 0px 10px;
				margin: 0px;
				a{
					color: @rosa;
					text-decoration: none;
					font-size: 14px;
					font-weight: 700;
					text-transform: uppercase;
				}
				a:hover{
					color: @azul;
				}
			}
			li:before{
				content: "";
			}
		}
		a{
			text-decoration: none;
			color: @preto;
		}
		h1{
		    font-size: 32px;
		    line-height: 40px;
		    margin-bottom: 20px;
		    text-transform: uppercase;
		}
		h2{
			font-size: 26px;
			line-height: 35px;
			margin-bottom: 20px;
		}
		h1 a:hover,h2 a:hover{
			color: @rosa;
		}
		h4{
			display: inline-block;
			margin: 0px 25px 20px 0px;
			opacity: 0.7;
			font-family: 'Alegreya', serif;
			font-weight: 400;
		}
		p{
			margin-bottom: 20px;
			font-size: 16px;
			font-family: 'Alegreya', serif;
			a{
				color: @preto;
				font-weight: 700;
			}
			a:hover{
				color: @rosa;
			}
		}
		ul{
			li.blocks-gallery-item:before{
				display: none;
			}
			li.blocks-gallery-item{
				margin-bottom: 30px;
				figure{
					figcaption{
						background: none;
						text-align: center;
						color: #000;
						font-size: 12px;
						padding: 40px 0px 6px 0px;
					}
				}
			}
		}
		img{
			display: block;
			width: 100%;
			margin-bottom: 30px;
			height: auto;
		}
		.wp-caption{
			margin: 30px auto;
			img{
				margin-bottom: 10px;
				padding-bottom: 20px;
				border-bottom: 1px solid @preto;
			}
			p{
				text-align: center;
				font-style: italic;
				font-size: 12px;
			}
		}
		a.continue{
			color: @azul;
			font-size: 18px;
			float: right;
			display: block;
			margin: 5px 0px 25px 0px;
			text-transform: uppercase;
			font-weight: 700;
			svg{
				width: 20px;
				fill: @rosa;
				margin: 0px 0px -5px 5px;
			}
		}
		a.continue:hover{
			color: @rosa;
			svg{
				fill: @azul;
			}
		}
	}
}

.prev-next-posts{
	.prev-posts-link a{
		color: @rosa;
		font-size: 18px;
		float: left;
		display: block;
		margin: 25px 0px;
		text-decoration: none;
		svg{
			width: 20px;
			fill: @rosa;
			margin: 0px 0px -5px 10px;
		}
	}
	.next-posts-link a{
		color: @rosa;
		font-size: 18px;
		float: right;
		display: block;
		margin: 25px 0px;
		text-decoration: none;
		svg{
			width: 20px;
			fill: @rosa;
			margin: 0px 0px -5px 10px;
		}
	}
	.prev-posts-link a:hover,
	.next-posts-link a:hover{
		color: @rosa;
		svg{
			fill: @rosa;
		}
	}
}


/*** SIDEBAR ***/

.sidebar{
	width: 29%;
	float: right;
	margin-top: 30px;
	.rightbox:first-of-type{
		border-bottom: none;
	}
	.widget_text{
		border: 1px solid #cecece;
		padding-top: 0px !important;
	}
	.rightBox{
		padding: 20px 0;
		img{
			width: 100%;
			display: block;
		}
		.image{
			width: 100%;
			margin: 0px auto;
		}
		h2{
			font-size: 30px;
			color: @branco;
			font-weight: bold;
			font-family: 'Alegreya', serif;
			text-align: center;
			display: block;
			width: 100%;
			padding: 20px 0px;
			background: @rosa;
			font-style: italic;
		}
		p{
			font-size: 15px;
			line-height: 22px;
		}
		ul{
			list-style: none;
			margin-top: 20px;
			li{
				margin: 10px 0px 10px 0px;
				padding-bottom: 10px;
				border-bottom: 1px solid @rosa;
				text-align: center;
				.icon{
					width: auto !important;
					display: block;
					margin: 20px auto;
				}
				a{
					color: @branco;
					text-decoration: none;
					font-weight: bold;
					margin: 10px auto;
				}
				a:hover{
					color: @branco;
				}
			}
			li:last-child{
				border-bottom: none;
			}
		}
		.textwidget{
			p{
				display: block;
				width: 90%;
				margin: 10px auto;
				font-family: 'Alegreya', serif;
				img{
					width: 111.5%;
				    margin: -10px 0px 0px -16px;
				}
			}
		}
		#searchform{
			label{
				display: none;
			}
			input{
				width: 85%;
				border: 1px solid @azul;
				height: 35px;
				margin-top: 15px;
				padding: 0px 30px 0px 10px;
				background: url(../img/icon-busca.svg) no-repeat 97% 50%;
				background-size: 6%;
			}
			input[type=submit]{
				background: @azul;
				color: #fff;
				margin-top: 20px;
				width: auto;
			    font-family: 'Montserrat', sans-serif;
				padding: 0px 20px;
				cursor: pointer;
				border: none;
				font-weight: 700;
			}
			input[type=submit]:hover{
				background: @rosa;
			}
		}
	}
}