/* Post blog format
------------------------------------ */
article.tana-blog-container {
	border-bottom: none;
	.bordercolor();
	.uk-article-title {
		font-size: 30px;
		line-height: 1.3em;
		font-weight: 300;
		margin-top: 20px;
		word-wrap: break-word;
	}
}

.post-meta {
	span {
		i {
			margin-right: 15px; 
		}
		+span {
			margin-left: 25px;
		}
	}
	a {
		color:@color-text;
		text-transform: none;
		+a {
			margin-left: 10px;
		}
	}
}

.tana-blog-container {
	position:relative;
	z-index:0;

	.tana-blog-content {
		margin-top: 30px;
		margin-bottom: 50px;
	}
	.blogpost_bg {
		background-color:#4a4a4a;
	}
	.uk-article-title {
		color:@color-title;
		font-weight: 300;
	}
	.uk-article-meta {
		font-size: 13px;
		font-weight: 400;
		a {
			background: none;
			font-size: 13px;
			text-transform: none;
		}
	}
	.share_button {
		margin-top: 15px;
		margin-bottom: 15px;
		font-size:14px;
		font-weight: 600;
		color:@color-title;
		a {
			.post-share-facebook {
				color:#2a436b;
			}
			.post-share-twitter {
				color:#55acee;
			}
			.post-share-googleplus {
				color:#dd4b39;
			}
			.post-share-pinterest {
				color:#bd081c;
			}
			.post-share-email {
				color:@color-brand;
			}
			i {
				margin-left: 6px;
				font-size:18px;
			}
		}
	}

	.nav-links {
		margin: 30px 0;
		clear: both;
		margin-bottom:60px;
		.nav-previous {
			float: left;
		}
		.nav-next {
			float: right;
		}
		a {
			color: #5c666a;
			text-decoration: none;
			font-size:14px;
			font-weight: 600;
			transition: all 0.3s;
			&:hover {
				color:@color-brand;
			}
		}
	}

	.related-post {
		article {
			img {
				margin-bottom: 15px;
			}
		}
		margin: 30px 0;
		h5 {
			a {
			color: @color-title;
			font-size:16px;
			font-weight: 500;
			text-decoration: none;
			transition: all 0.3s;
				&:hover {
				    color:@color-brand;
				}
			}
		}
		p {
			margin-top: -10px;
			line-height: 23px;
		}
	}
	.tana-blog-single {
	
		padding:0 30px 0 0;
			@media screen and (max-device-width: 960px) {
			padding: 0;
		}
		.uk-cover {
			min-width: inherit;
		}
		blockquote{
			padding: 50px 65px;
			position: relative;
			font-size: 15px;
			font-style: normal;		
			p{
				font-size: 15px;
				font-style: normal;		 	
			}
			cite{
				a{
				    color: #000;
				    font-style: normal;
				    line-height: 4;
				}
			}
		}
		.share_button, .blog-content-comment-count {
			padding:20px 0;
		}
		.post-cat{
			margin: 10px 0;
			a{
				text-transform: capitalize;
				text-decoration: none;
				color: #000 !important;
				.transition();
				&:hover{
					color:@color-brand;
				};
			}
		}
		.content_tags{
			a{
				color: #000; 
				text-transform: capitalize;
			}
		}
		input[type=submit]{
			border: 1px solid @color-brand;
			border-radius: 3px;
			background-color: @color-brand;
			color: #fff;
			text-transform: uppercase;
		    font-size: 11px;
		    font-weight: bold;
		    padding: 13px 20px;
		    cursor: pointer ; 

		    &:hover{
		    	background-color: transparent;
		    	color: @color-brand;
		    }
		}
	}
	.related-thumb-left {
		float: left;
		margin-right: 15px;
	}
	.author-container {
		margin: 30px 0 40px;
		border:1px solid;
		.bordercolor();
		border-radius: 5px;
		padding: 35px;
		h3 {
			margin:0;
			color: @color-title;
			font-size:18px;
			font-weight: 600;
		}
		.author-col-1 {
			padding-left: 0;
		}
		.author-avatar {
			width: 100%;
		}
	}
}






// Blog center
.tana-article-center {
	&.uk-article{
		@media screen and (min-width: 960px) {
			margin-left: 30px;
			margin-right: 30px;
		}
		border:0;
		margin-top:0;
	}
}




// Blog rectangle 
.tana-article-rectangle {
	&.uk-article {
		position: relative;
		background-color: rgba(0, 0, 0, 0.05);
		.con-image {
			background-color:transparent;
			border-radius: 5px;
			box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
		}
		border:0;
		&+article {
			margin-top: 40px;
		}
	}
	.tana-blog-content {
		max-width: 50%;
		padding: 30px;
	    background: #fff;
	    margin: 0 !important;
	    border-radius: 5px;
	    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.09);
	}
	.uk-article-title {
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 1;
	}
}



// Blog list
.tana-article-list {
	.post-meta {
		span {
			+span {
				border-left: 1px solid;
				.bordercolor();
				padding-left: 25px;
			}
		}
	}
}