.post-date{ line-height:1.2; margin-top:0.35rem;}
.post-date .post-author a{ display:inline-block; z-index:2;}
.img-wrap img{width:100%; max-width:100%;}

/* top-news */
#top-news > .row{ display:flex; align-items:stretch;}
#top-news > .row > [class*='col-']{display:flex; align-items:stretch;}
#top-news #top-main{min-height:15rem; width:100%; overflow:hidden; background-position:center; background-size:cover;}
#top-news #top-featured{width:100%;}

#top-main .img-wrap{ display:none;}
#top-main .text-wrap{ position:absolute; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5); color:#fff; padding:1rem;}
#top-main .overlay-heading{ font-size: 1.25rem; margin-bottom:0; padding-bottom:0; transition:padding-bottom 0.4s ease;}
#top-main:hover .overlay-heading{padding-bottom:1rem;}
#top-main .post-date{margin-top:0;}
#top-main .post-author a{color:inherit; text-decoration:underline;}
#top-main .post-author a:hover, #top-main .post-author a:focus{ text-decoration:none;}

#top-featured{ display:flex; flex-direction:column;}
#top-featured .item{flex:none; display:flex; align-items:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:0.5rem; transition:background 0.2s ease;}
#top-featured .item+.item{margin-top:-1px;}
#top-featured .item:hover{ background-color:rgba(0,0,0,0.05);}
#top-featured .img-wrap{width:calc(41.66% - 1rem); flex:none; margin-right:1rem; max-height:100%; overflow:hidden;}
#top-featured .text-wrap{flex-grow:1;}
#top-featured h3{ font-size:1.25rem;}

/* news-item */
.post-wrap{border-bottom:1px solid #ccc; padding-bottom:1rem;}
.post-wrap .read-more{ white-space:nowrap;}
.post-wrap .img-wrap img, .side-block .img-wrap img{margin-bottom:0.35rem; margin-top:0.35rem;}

.post-tools{ display:flex; align-items:center; flex-wrap:wrap;}
.post-tools .item{margin-right:2rem; margin-bottom:0.5rem;}
.post-tools .item > .fa{opacity:0.5; margin-right:0.5rem;}
.post-tools .item span{ white-space:nowrap;}
.post-tools .item span+span:not(:last-child):after{content:'|'; margin-left:0.3rem; margin-right:0.3rem; opacity:0.2;}
.post-tools .item.tags, .post-tools .item.categories{ display:flex; flex-wrap:wrap; align-items:center;}

/* side-blocks */
.side-block ul{padding-left:0; list-style-type:none; line-height:1.2;}
.side-block ul li+li{margin-top:0.5rem;}

.tags-cloud{ line-height:1.2; display:flex; align-items:center; flex-wrap:wrap;}
.tags-cloud a{ white-space:nowrap; margin:0 0.2rem; transition: opacity 0.2s ease;}
.tags-cloud .w1{ font-size:0.87rem; opacity:0.35;}
.tags-cloud .w2{ font-size:1rem; opacity:0.5;}
.tags-cloud .w3{ font-size:1.12rem; opacity:0.65;}
.tags-cloud .w4{ font-size:1.25rem; opacity:0.7;}
.tags-cloud .w5{ font-size:1.37rem; opacity:0.85;}
.tags-cloud .w6{ font-size:1.5rem;}

.tags-cloud a:hover, .tags-cloud a:focus{opacity:1;}

.blog-cta .img-wrap{margin-bottom:0.5rem;}
.blog-cta .textbox img{margin-top:0.35rem; width:100%;}
.blog-cta .textbox p:not(:last-child){margin-bottom:0.5rem;}

/* blog post page */
.about-author{padding:1.5rem; background-color:#eee; line-height:1.2;}
.about-author ul{padding:0; list-style-type:none; line-height:1.2;}
.about-author ul li+li{margin-top:0.5rem;}
.about-author .short-author-info a img{max-width:100%; max-height:20rem;}

.comments-header{ display:flex; align-items:flex-start;}
.comments-header .login-register-links{margin-left:auto;}
.comments-header .login-register-links a+a, .comments-header .login-register-links span+a{margin-left:2rem;}

#comment-controls-wrap .btn{margin-top:0;}

.reply-link:before{ content:'\f112'; font-family:'FontAwesome'; padding-right:0.3rem;}

.replay-controls-wrap{margin-top:1rem;}

#comments-wrap textarea{height:10rem;}
#comments-wrap .comment-item+.comment-item{margin-top:1rem;}
#comments-wrap .comment-item .commenter-img{width:3rem; float:left;}
#comments-wrap .comment-item .commenter-img img{width:100%; max-width:100%;}
#comments-wrap .comment-item .comment-content{margin-left:4rem;}
#comments-wrap .comment-item .comment-content .commenter-name{ font-weight:700;}
#comments-wrap .comment-item .comment-content .comment-datatime{ display:block;}
#comments-wrap .comment-item .comment-content + .replay{margin-top:1rem;}
#comments-wrap .comment-item .replay{margin-left:4rem;}
#comments-wrap .alert{padding:0.5rem 1rem;}

#related-posts{padding-left:2rem; padding-right:2rem;}
.related-posts{margin:-15px;}
.related-posts .post-wrap{border-bottom:0; width:25%; padding:1rem; transition:background 0.2s ease; height:auto;}
.related-posts .post-wrap:hover{ background-color:rgba(0,0,0,0.05);}

.related-posts .slick-arrow{ position:absolute; color:inherit; font-size: 3rem; line-height: 1; opacity:1; width:1.3rem; height:4rem; top:0; margin-top:5rem; background:none; overflow:hidden; border:0; padding:0; transition:opacity 0.2s ease; }
.related-posts .slick-arrow:hover{ opacity:1; color:red;}
.related-posts .slick-arrow:focus{outline:0;}
.related-posts .slick-arrow.slick-disabled{ opacity:0.1; cursor:default; color:inherit;}
.related-posts .slick-prev{left:-1.1rem; right:auto;}
.related-posts .slick-next{right:-1.1rem; left:auto;}

.related-posts .slick-dots{position:absolute; padding:0; margin:0; left:50%; transform: translateX(-50%); bottom:0; display:flex; justify-content:center; list-style-type: none;}
.related-posts .slick-dots li{ line-height:0;}
.related-posts .slick-dots li button{border:1px solid #000; background:transparent; color:transparent; overflow:hidden; width:0.66rem; height:0.66rem; border-radius: 50%; padding:0; line-height:1rem; margin:0 0.25rem; transition:background 0.2s ease;}
.related-posts .slick-dots li button:hover{ background:red;}
.related-posts .slick-dots li button:focus{outline:0;}
.related-posts .slick-dots .slick-active button, .related-posts .slick-dots .slick-active button:hover{background:#000; cursor:default;}

.related-posts .slick-track, .related-posts .slick-list{height:100%;}
.related-posts .slick-slide:focus{outline:0;}
.related-posts .slick-track{ display:flex; align-items:stretch; margin-left:0; margin-right:0;}

/* author page */
#author-info img{max-width:100%;}

/* history-nav */
.blog-history-nav > .container > .inner-wrap{ display: flex; align-items: stretch; justify-content: space-between; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.blog-history-nav .item{padding:2rem; width:50%; line-height: 1.2;}
.blog-history-nav .post-title a:before, .blog-history-nav .post-title a:after{ content: ''; font-family: FontAwesome; font-size:3rem; position: absolute; top:0; margin-top:-1rem; font-weight:400;}
.blog-history-nav .post-title a, .blog-history-nav .post-title a:hover, .blog-history-nav .post-title a:focus{ text-decoration:none;}
.blog-history-nav .item.prev .post-title a:before{ content: '\f104'; left:-2rem;}

.blog-history-nav .item.next{ text-align: right; margin-left:auto;}
.blog-history-nav .item.next .post-title a:after{ content: '\f105'; right:-2rem;}

.top.blog-history-nav > .container > .inner-wrap{border:0;}
.top.blog-history-nav .post-title a:before, .top.blog-history-nav .post-title a:after{font-size:1.5rem; margin-top:0; top:0;}
.top.blog-history-nav .item{padding-left:1rem; padding-right:1rem;}
.top.blog-history-nav .item.prev .post-title a:before{left:-1rem;}
.top.blog-history-nav .item.next .post-title a:after{right:-1rem;}

.top.blog-history-nav{margin-top:-4rem;}

@media (max-width: 1199px){

}

@media (max-width: 991px){
	.side-blocks-wrap{ display:flex; align-items:flex-start; flex-wrap:wrap;margin-left: -15px; margin-right: -15px;}
	.side-blocks-wrap .side-block{width:calc(50% - 30px);margin-left: 15px; margin-right: 15px;}
	.side-blocks-wrap .side-three-column{width:calc(33.333% - 30px);}
	.side-blocks-wrap .blog-cta-wrapper{display:flex; align-items:flex-start; flex-wrap:wrap; width: 100%;}
	.side-blocks-wrap .blog-cta-wrapper .side-block{margin-bottom: 0;}

	#top-main .text-wrap .collapse{ display:block;}
	#top-main .overlay-heading{padding-bottom:1rem;}
	
	.top.blog-history-nav{margin-top:-2rem;}
}

@media (max-width: 767px) {
	#top-news > .row{ display:block;}
	#top-news > .row > [class*='col-']{ display:block;}
	#top-news #top-main{width:auto; background-image:none!important;}

	#top-main .img-wrap{ display:block;}
	#top-main .text-wrap{ position:relative;}

	#top-featured h3, #top-main .overlay-heading{ font-size:1.42rem;}
	#top-featured .item{padding:1rem; background-color:rgba(0,0,0,0.5); color:white; border:0;}
	#top-featured .item + .item{margin-top:1rem;}
	#top-featured .item:hover{ background-color:rgba(0,0,0,0.5)}
	#top-featured .post-author a{color:inherit; text-decoration:underline;}
	#top-featured .post-author a:hover, #top-main .post-author a:focus{ text-decoration:none;}

	.side-blocks-wrap .side-block{width:100%;}
	.side-blocks-wrap .blog-cta{width:100%;}
	.side-blocks-wrap .side-search-wrap{width:100%; padding-right:0;}

	.blog-post-header{ display:block;}
	.blog-post-header .header-wrap{margin-right:0; margin-bottom: 1rem;}
	.blog-post-header .header-wrap:last-child{margin-bottom: 0;}

	#comment-controls-wrap{ display:block;}
	#comment-controls-wrap textarea{margin-bottom:1rem;}

	.comments-header{ display:block;}
	.side-blocks-wrap .blog-cta-wrapper .side-block:not(:last-child){margin-bottom: 2.5rem;}
	
	.blog-history-nav .post-title a::before, .blog-history-nav .post-title a::after{font-size:1.5rem; margin-top:-0.2rem;}
	.top.blog-history-nav .post-title a:before, .top.blog-history-nav .post-title a:after{font-size:1.5rem; margin-top:-0.2rem;}
	.blog-history-nav .item.prev .post-title a::before{left:-1rem;}
	.blog-history-nav .item.next .post-title a::after{right:-1rem;}
	.blog-history-nav .item{padding:1rem;}
	
	.top.blog-history-nav .item{padding-top:1rem;}
	
	#related-posts{padding-left:1rem; padding-right:1rem;}
	.related-posts{padding-bottom:2rem;}


}

@media (max-width: 479px){
	#top-featured .item{ display:block; background-color:rgba(0,0,0,0.5); color:white; border:0;}
	#top-featured .item + .item{margin-top:1rem;}
	#top-featured .item:hover{ background-color:rgba(0,0,0,0.5)}
	#top-featured .img-wrap{width:auto; margin:-1rem -1rem 1rem -1rem;}

	.side-blocks-wrap{ display:block;}
	.side-blocks-wrap .side-block{padding-right:0; width:auto;}
	
	.blog-history-nav > .container > .inner-wrap{ display:block;}
	.blog-history-nav .item{width:auto; text-align:center;}
	.blog-history-nav .item.next{ text-align:center; padding-top:0;}
	
	.blog-history-nav .post-title a{ display:inline;}
	.blog-history-nav .post-title a::before, .blog-history-nav .post-title a::after{position:relative;}
	
	.blog-history-nav .item.prev .post-title a::before{left:0; padding-right:1rem;}
	.blog-history-nav .item.next .post-title a::after{right:0; padding-left:1rem;}
	
	.top.blog-history-nav .item.next .post-title a::after{right:0;}
	.top.blog-history-nav .item.prev .post-title a::before{left:0;}


}