//post


	

	.article-post{
			@extend .box-with-shadow;
			margin-bottom:2rem;

	article.hentry{
			margin: 0 0 1.5em;
		figure{
			position:relative;
			margin:0;

			img{
				width:100%;
			}
		}

		.entry-meta{
			margin:0 1.5rem;
		}

		/*.entry-meta{
			@include font-size(.9);
			margin:0 1.5rem;

			a{
				font-style:italic;
				color:$color__text-gray;

				&:hover,
				&:visited{
					color:$red;
					
			}

			i{
				@include font-size(.7);
				margin-right:.1rem;
			}
				}
		}
		*/

		.post-categories{
			@extend .post-categories-tags;
			margin:0;
			padding:1rem;
			position:absolute;
			top:0;
			left:0;
		}

		

		.blog_excerpt{
			padding:1.5rem 1.5rem 0;
		}

		p{
			@include font-size(.9);
		}

		.heading-line{
		}

		/*h2.entry-title, h2{
			@include font-size(1.3);
			margin: 0.67em 0;
		}
		*/

		.readmore_blog{
			padding: 0 1.5rem
		}

		
	}

}

 //grid

.hero-post, .grid-layout{
	article.format-standard{
		.post-title, h2{
	
			@include transform( translateY(-3rem));
		}
	

		.blog_excerpt{
			padding-top:0;
			margin-top:-3rem;
		}
	}

	.blog_date_author{
		margin:0 -.5rem;
	}
}

.grid-layout{
	padding:1.5rem 0 .1rem;

	article.hentry{

		h2{
			max-width:87.5%;

			a{
				white-space:pre-wrap;
				display:inline;
				background-color:$color__background-body;
				color:$gray-800;
				padding:.1rem 1.4rem;
				box-decoration-break: clone;
		 		-webkit-box-decoration-break: clone;
		 		line-height: 1.3;

		 		&:hover{
					color:$red;
				}

				&:visited{
					color:$gray-800;
				}
			}
		}

		.blog_excerpt{
			padding-top:0;
			padding-bottom:0;
		}
	}
}

.entry-meta, .entry-footer{
			@include font-size(.9);
			color:$gray-600;
		

			a{
				font-style:italic;
				color:$color__text-gray;

				&:hover{
					color:$red;
					
			}

			i{
				@include font-size(.7);
				margin-right:.1rem;
			}
				}
	}

.post-categories{
		margin:0;
		padding:0;
		display:inline-block;

		li{
			display:inline-block;
		}
	
}

 

h2.entry-title, h2{
			@include font-size(1.3);
			margin: 0.67em 0;

			a{
				color:$gray-800;

				&:hover{
					color:$red;
				}
				&:visited{
					color:$gray-800;
				}
			}
		}

.hentry{
	margin:0 0 2.5rem;
	
}

.entry-footer{
	padding-bottom:1.5rem;
	border-bottom:1px solid $gray-200;
	 
}

.blog_date, .blog_author, .blog_category{
				margin:0 .5rem;
			}

.comments-link{
	float:right;
}

//single 2 col
.bazz_single_meta{
	.post-categories{
		@extend .post-categories-tags;
		display:block;
		margin-bottom:1rem;
	}
}


.blog-cat{
			margin:0;
			padding:0;
			border-bottom: 3px solid $gray-300; 
			padding-bottom:.5rem;
			margin-bottom:.5rem;

			a{
				font-style:italic;
				color:$color__text-gray;
				@include font-size(.9);
			}

		
		}

//bazz_author_wrap

.bazz_author_wrap{
	background-color:$gray-700;
	padding:2rem;
	position:relative;
	@include box-shadow (0px, 3px, 6px, rgba(0, 0, 0, 0.23));
	color:$white;

	@include mq($min-width: 768px) {
	padding:3rem 3rem 3rem 6rem;
	}	

	.author_img{
		@include mq($min-width: 768px) {
			position:absolute;
			top:3rem;
			left: -3rem;
		}
	}

	.author_name{
		@include font-size(2);
		font-family:$font__serif;
		font-weight:bold;
	}
}


//Html Markup
blockquote{
	@extend .box-with-shadow;
	padding:2rem 2rem 2rem 6rem;
	position:relative;
	margin-bottom:2rem;

	&:before{
			content:'\201c';
			font-family:$font__serif;
			@include font-size(7);
			color:$gray-200;
			position:absolute;
			top:0;
			line-height:1;
			left:2rem

	}

}

table{
	@extend .box-with-shadow;
	margin-bottom:2rem;
	

	thead th{
			border-bottom:3px solid $gray-200;
			font-family:$font__serif;

	}

 	td, th{
		border-bottom:1px solid $gray-200;
		padding:1rem;
	}
 
}

dl{
	dt{
		font-family:$font__serif;
		color:$gray-900;
		margin-bottom:.5rem;
		line-height: 1.4;
	}
}


ul, ol{
	margin:0 0 .5em 1em;
	padding: 0 0 0 1rem;

	li{
		line-height:2;
	}
}

fieldset{
	@extend .box-with-shadow;
	padding:2rem 2rem 2rem 2rem;
	border-color:transparent;
}

legend{
	background-color:$blue;
	padding:0 1rem;
	color:$white;
	font-family:$font__serif;
	@include font-size(1.2);
	width:auto;


}

.bazz_single_content{
	padding:1rem 0 3rem;

	@include mq($min-width: 768px) {
		padding:1rem 0 5rem;
	}
	
	&__1{
		.blog_date, 
		.blog_author,
		.blog_comment_num{
			display:block;
			margin: .5rem 0;
		}

		.social-share{
			border-top: 1px solid #e9ecef;
    		display: -webkit-box;
    		padding-top: .5rem;
    		padding-bottom:1.5rem;
		}
	}

	.mejs-container{
		margin-bottom:2rem;
	}
}

del{
	color:$red;
}




.grid-layout.bazz_no_img{
	article.hentry {

		.post-categories{
			position:static;
			padding:0 1rem;
		}

		h2{
			@include transform( translateY(0rem));
		}

		.blog_excerpt{
			margin-top:0;
		}
		.page-content, .entry-content, .entry-summary{
			margin: 1em 0 0;
		}
	}


	
}