.sidebar .widget.widget_categories, .sidebar .widget.widget_recent_entries{
	.block-title-widget{
		background-color:#f2f2f2;
		h2{
			position: relative;
			padding: 15px;
			color: @body-color;
			font-size: 16px;
			text-transform: uppercase;
			font-weight: 700 !important;
			margin-bottom: 0;
		}
	}
}
.listing-title h1{
	font-size:24px;
	font-weight: bold;
	color: #fff;
	display:block; margin: 19px 0 30px 0;
}
.category-contents {
	margin-bottom: 40px;
	.blog-content {
		.project {
			.entry {
				/*height: 280px;*/
				padding: 20px;
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
				background-image: url(../assets/img/Bg_Product.png);
				background-repeat: no-repeat;
				display: block;
				background-size: cover;
				background-position: center center;
			}
		}
		.post, .project{
			margin-bottom: 30px; display: inline-block; vertical-align: top; margin-right: -3px; float: none;
			&.format-audio .entry-thumb{
				width:100%;
			}
			&.sticky, &.tag-sticky-2{
				.entry .entry-content{
					background: #f2f2f2;
					padding: 20px;
				}
			}
			&.tag-image{
				.entry{
					padding-top: 20px;
				}
			}
			.entry {
				.entry-thumb {
					position: relative; margin-bottom:15px;
					a{
						display:block; overflow:hidden;
						img{
							width:100%;.transition(all 0.3s);
							height: 300px;
							width: auto;
							margin: 0 auto;
						}
					}
				}
				.entry-content {
					padding: 0;
					.content-top {
						.entry-title {
							text-align: center;
							h4 {
								a {
									font-size: 16px; color: @body-color; font-weight: 600;
									&:hover {
										color: @color;
									}
								}
							}
						}
						.entry-meta{
							color:#999; line-height: 19px; font-size:13px; display: inline-block; vertical-align: top; margin-bottom:5px;
							a{
								color:#999;
								&:hover {
									color: @color;
								}
							}
							span{
								margin-right:20px;
								display:inline-block;
								.rtl &{
									margin-left:20px;
									margin-right:0;
								}
							}
							.entry-author{
								a{
									color: @color; text-transform: capitalize;
								}
							}
							.fa{
								margin-right:10px; display: inline-block; vertical-align: top; line-height: 19px;
								.rtl &{
									margin-left:10px;
									margin-right:0;
								}
							}
						}
						.entry-meta-tag{
							color:#999;
							text-transform:capitalize;
							font-size:14px;
							a{
								color:#999;
								&:hover {
									color: @color;
								}
							}
							.fa{
								margin-right:10px;
								.rtl &{
									margin:0 0px 0 10px;
								}
							}
						}
					}
					.readmore{
						text-align: center;
						a {
							display: block; text-transform: uppercase;
							font-size: 12px;
							color: @color;
							text-align:left;
							.rtl &{
								text-align:right;
							}
							&:hover {
								color:darken(@color,5%);
							}
							i {
								padding: 0 6px;
								font-size: 14px;
								.rtl &{
									&:before{
										content:'\f0d9';
									}
								}
							}
						}
					}
				}
			}
		}
		&.blog-content-grid{
			.post, .project{
				.entry .entry-content .content-top {
					border-bottom: none;
					.entry-date{
						font-size: 12px; color: #999;
					}
					.entry-summary{
						padding-top: 10px; line-height: 24px;
					}
				}
			}
		}
	}
	.project{
		.entry-sumary{
			line-height: 24px;
			display: none;
		}
		.entry-price{
			color: #da251d; font-weight: bold; font-size: 16px; margin-bottom: 10px;
			label{
				color: @body-color; font-size: 14px; margin-right: 5px;
			}
		}
		.entry-work{
			label{
				color: @body-color; margin-right: 5px;
			}
		}
	}
}
.home-style1, .home-style2, .home-style3{
	&.page {
		.main-page .page >.entry-content{
			margin-top: 0;
			.entry-summary{
				overflow: inherit; line-height: normal; margin-bottom: 0;
			}
		}
	}
}
.title-project{
	padding: 0 15px; margin-bottom: 30px;
	h2{
		font-size: 18px; color: @body-color; font-weight: bold;
	}
	p{
		line-height: 24px;
	}
}
.pagination {
	display:inline-block; border-radius: 0; float:none; width:100%; padding:30px 0; margin:0; text-align:center;
	ul {
		margin: 0;
		list-style-type: none;
		float: none;
		display:inline-block;
		li {
			float: left;
			position: relative;			
			text-transform: capitalize;
			text-align: center;
			margin:0 5px;
			.transition(all .3s);
			.rtl & {
				float: right;
			}
			&:hover{
				a {
					color: #fff; background: @a-color;
				}
			}					
			a, span.current {
				display: block;
				width: 40px;
				line-height: 40px;
				height: 40px; border-radius: 50%;
				border:1px solid @border-color;
				text-align:center;
				font-size:16px;
				color:@body-color;
				margin-bottom:5px;
			}
			span.current {
				color: #fff; background: @a-color;
			}
			.next,.prev{
				width:40px; font-size: 0; height:40px;
			}
			.prev{
				&:before{
					content:'\f104'; font-size: 20px; font-family: fontawesome;
				}
			}
			.next{
				&:before{
					content:'\f105'; font-size: 20px; font-family: fontawesome;
				}
			}
		}
	}
}

.format-audio {
	.entry {
		.wp-entry-thumb {
			iframe {
				vertical-align: top;
				margin: 0;
			}
		}
	}
}

blockquote {
	border:0;
	padding: 5px 30px;
	position: relative;
	&:before {
		content: "\f10d";
		width: 17px;
		height: 14px;
		position: absolute;
		left: 0;
		top: 0; font-family: FontAwesome;
	}
	&:after {
		content: "\f10e";
		width: 17px;
		height: 14px;
		position: absolute;
		right: 0;
		bottom: 0; font-family: FontAwesome;
	}
	p{
		font-style:italic;
		font-size:14px;
	}
}

.format-gallery {
	.carousel.gallery-slider {
		.carousel-control {
			display:inline-block;
			width: 32px !important;
			height: 32px !important;
			line-height:32px;
			border-radius:50%;
			position: absolute;  
			z-index: 9;
			cursor: pointer;	
			font-size: 0;
			top: 50%;
			margin-top: -16px;
			background-color:#fff;
			.transition(all 0.3s);
			.opacity(0);
			.scale(0);
			text-shadow:none;
			background-image:none;
			&.left{
				left:15px;
				&:before{
					content:'\f0d9';
					font-family:'FontAwesome';
					font-size:16px;
					color:#999;
				}
				&:hover{
					&:before{
						color:@color;
					}
				}
			}
			&.right{
				right:15px;
				&:before{
					content:'\f0da';
					font-family:'FontAwesome';
					font-size:16px;
					color:#999;
				}
				&:hover{
					&:before{
						color:@color;
					}
				}
			}
		}
		.carousel-inner  {
			.item {
				img {
					margin: 0;
				}
			}			
		}
		&:hover {
			.carousel-control {
				.opacity(1);
				.scale(1);
			}		
		}
	}
	.gallery {
		.thumbnail {
			&:hover {
				background-color: @color;
				border-color: @color;
			}			
		}		
	}
}