article{
	h3.entry-title{
		margin-top: 10px;
	}

	h1.entry-title{ }
	
	header{
		position: relative;
		
		.cat-links{
			z-index: 9;
			display: inline-block;
			a { 
				color: $text-color;
				font-weight: 700;
				font-size: 13px;
				text-transform: uppercase;
				&:hover {
					color: $theme-color;
				}
			}
		}
	}
	.entry-content{
		overflow: hidden;
		> p {
			margin-bottom: 25px;
			&:last-child {
				margin-bottom: 0;
			}
		}
		.addthis_toolbox {
			margin-bottom: 20px;
		}
	}
	.entry-meta{
		a{
			font-size:11px;
			color: $light-gray;
			text-transform: uppercase;
			&:hover {
				color: $theme-color;
			}
		}
		margin-bottom: 20px;
		span.entry-date,
		span.entry-author,
		span.byline,
		span.comments-link {
			@include rtl-margin-right(10px);
			i {
				@include rtl-margin-right(5px);
				color: $light-gray;
			}
			a {
				@include transition(.3s);
			}
		}
		span.entry-author {
			a {
				color: $theme-color;
				&:hover {
					color: $light-gray;
				}
			}
		}
		span.tag-links {
			a {
				@include rtl-margin-right(10px);
				display: inline-block;
			}
		}
	}
	.post-thumbnail {
		margin-bottom: 20px;
		display: block;
	}
	footer.entry-meta {
		background-color: $background-color;
		padding: 20px 20px 20px 30px;
		line-height: 16px;
		color: $black;
		strong,
		span {
			line-height: 1;
		}
		span a {
			text-transform: none;
			font-size: 14px;
			color: $light-gray;
			&:hover {
				color: $theme-color;
			}
		}
	}
	&.post {
		margin-bottom: 30px;
	}
	.author-about {
		margin-top: 20px;
	}
}

.post-navigation {
	margin-bottom: 30px;
	.nav-links {
		padding: 15px 20px;
		background: $background-color;
		a {
			display: block;
			@include rtl-float-left;
			width: 50%;
			.pull-left {
				@include rtl-padding-right(10px);
			}
			.pull-right {
				@include rtl-padding-left(10px);
			}
		}
	}
}

.author-about {
	.author-title {
		margin-top: 0;
	}
}
.single-post {
	article {
		.entry-content {
			margin-bottom: 25px;
		}
	}
}

// Comments List
#comments {
	.header-title {
		.comments-title {
			font-size: 30px;
			padding: 18px 0 15px;
			border-bottom: 1px solid $border-color;
			position: relative;
			margin: 0 0 30px;
			&:before {
				content:"";
				position: absolute;
				top: 0;
				@include rtl-left(0);
				width: 40px;
				height: 6px;
				background-color: $theme-color;
			}
		}
	}
	.pbr-commentlists {
		.commentlists {
			padding: 0;
			margin: 0;
			list-style: none;
			.comment {
				.the-comment {
					padding-bottom: 30px;
					div.avatar {
						display: table-cell;
						width: 65px;
						vertical-align: top;
						@include rtl-padding-right(15px);
					}
					.comment-box {
						display: table-cell;
						vertical-align: top;
						line-height: 22px;
						.comment-author {
							font-size: 12px;
							color: $light-gray;
							strong {
								@include rtl-margin-right(15px);
							}
							a {
								font-size: 14px;
							}
						}
					}
					.comment-text {
						p:last-child {
							margin-bottom: 0;
						}
					}
				}
				.children {
					@include rtl-padding-left(65px);
					list-style: none;
				}
			}
		}
		.pingback {
			.the-comment {
				margin-bottom: 30px;
			}			
		}
	}
	.commentform {
		#respond {
			.title {
				font-size: 30px;
				padding: 18px 0 15px;
				border-bottom: 1px solid $border-color;
				position: relative;
				margin: 0 0 30px;
				&:before {
					content:"";
					position: absolute;
					top: 0;
					@include rtl-left(0);
					width: 40px;
					height: 6px;
					background-color: $theme-color;
				}
			}
		}
	}
}
.entry-content-page {
	margin-bottom: 30px;
}

/**
 * Navigation links
 */
.nav-links{
	background:#f2f2f2;
	padding:10px 10px;
	font-size: 91%;
	.meta-nav{
		font-weight: bold;
		@include rtl-margin-right(  10px );
	}
}

.image-navigation {
	margin-bottom: 30px;
}

.blog-page {
	.grid-blogs {
		.post {
			.entry-content {
				height: 125px;
				max-height: 125px;
				overflow: hidden;
			}
		}
	}
}