.single-post{
	
	.post-content {
		a {
			text-decoration: none;
			&:hover {
				color: var(--accent-color);
			}
		}
	}
	.post{
		.title-detail{
			@include px2rem(36);
			font-weight: 300;
		}
		.header-post{
			text-align: left;
			margin-bottom: 20px;
			.post-info{
				margin-bottom: 15px;
				li{
					margin: 0 15px;
					@include px2rem(11);
					text-transform: uppercase;
					a{
						color: #000;
						font-weight: bold;
						border: none;
						@include px2rem(11);
						&:hover {
							color: var(--accent-color);
						}
						&:after{
							border: none;
							background: var(--accent-color);
						}
					}
					i{
						display: none;
					}
					&:first-child{
						margin-left: 0;
					}
					&:after {
						display: none;
					}
				}
				
			}
		}
		.post-media{
			padding: 0;
		}
	}
	.title-block, .comment-reply-title {
		@include px2rem(28);
	}
	.post-related {
		&.wrap-loop-content {
			border-bottom: 0px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			.zoo-post-inner {
				border-bottom: none;
				padding-bottom: 0px;
				margin-bottom: 0px;
			}
		}
		img {
			width: 100%;
		}
		.list-label-cat{
			a{
				display: inline-block;
			}
		}
	}
	.comments {
		padding-top: 40px;
		margin-bottom: 40px;
	}
	#commentform {
		.text-field:focus {
			border-color: var(--accent-color);
		}
		p {
			margin-bottom: 15px;
		}
		.form-submit {
			display: block;
			input {
				margin-top: 15px;
				width: auto;
			}
		}
	}
}

.post-info a:after{
	border: none !important;
}
@media (min-width:992px) {
	.wrap-post-content-has-sidebar{
		&.right{
			padding-right: 35px;
		}
		&.left{
			padding-left: 35px;
		}
	}
}

.wrap-bottom-content-post {
	.tags-link-wrap, .wrap-share-post {
		&:last-child {
			border-bottom: none;
		}
	}
}

.post-author {
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
	flex-direction: column;
	align-items: center;
	border-bottom: none;
	.author-content{
		margin-bottom: 30px;
		width: 100%;
		display: inline-block;
	}
	.author-name {
		margin-bottom: 25px;
	}
	.author-img {
		text-align: center;
		overflow: hidden;
		position: relative;
		margin-bottom: 30px;
		display: flex;
		justify-content: center;
		width: 100%;
		&:after, &:before {
			height: 1px;
			content: '';
			background: var(--border-color);
			width: calc(50% - 70px);
			top: 50%;
			display: block;
			position: absolute;
		}
		&:after {
			right: 0;
		}
		&:before {
			left: 0;
		}
		img {
			border-radius: 50%;
			overflow: hidden;
			width: 100px;
			height: 100px;
		}
	}
	.author-content {
		padding-left: 0;
		text-align: center;
		p {
			color: $color_except;
			max-width: 690px;
			margin: 0 auto 20px;
		}
	}
	.wrap-author-social {
		margin: 0 0 20px;
		text-align: center;
		li {
			list-style: none;
			display: inline-block;
			a {
				color: $color_except;
				width: 30px;
				display: block;
				text-align: center;
				&:hover {
					color: var(--main-color);
				}
			}
		}
	}
}


/*Single post Nav*/
.zoo-single-post-nav {
	display: flex;
	align-items: flex-start;
	padding: 0;
	justify-content: stretch;
	@extend .better-font-rendering;
	margin:0 auto 60px;
	background: $bg_block;
	border-bottom: none;
	&.only-1-post {
		.zoo-single-post-nav-item {
			span{
				justify-content: center;
			}
			width: 100%;
			text-align: center;
			&.next-post {
				&:hover {
					span{
						transform: translateX(18px);
					}
				}
			}
			&.prev-post {
				&:hover {
					span{
						transform: translateX(-18px);
					}
				}
			}
		}
	}
}

.zoo-single-post-nav-item {
	width: 50%;
	display: flex;
	align-items: flex-start;
	float: left;
	padding: 25px 30px 30px;
	position: relative;
	overflow: hidden;
	justify-content: center;
	color: var(--main-color);
	a {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		opacity: 0;
	}
	.content-single-post-nav-item {
		display: inline-block;
		position: relative;
		z-index: 1;
		width: 100%;
	}
	i {
		font-size: 2rem;
		color: inherit;
		height: 25px;
		line-height: 25px;
		@include transition(all 300ms);
		&:before{
			line-height: 25px;
			height: 25px;
		}
	}
	h4 {
		margin: 0;
		@include px2rem(20);
		font-weight: 400;
		letter-spacing: 0.5px;
		padding:5px 0 0;
		@include transition-all(300ms);
		color: var(--main-color);
	}
	span {
		@include transition-all(300ms);
		@include px2rem(13);
		color: var(--accent-color);
		text-transform: uppercase;
		font-weight: 500;
		letter-spacing: 1px;
		display: flex;
		align-items: center;
		line-height: 25px;
		height: 25px;
	}
	&:hover {
		&:before {
			opacity: 0.8;
		}
		.post-nav-item-bg {
			transform: scale(1.1);
		}
		i {
			opacity: 1;
		}
	}
	&.next-post {
		text-align: right;
		span{
			justify-content: flex-end;
		}
		i {
			padding-left: 10px;
		}
		&:hover {
			span{
				transform: translateX(35px);
			}
			i {
				opacity: 0;
			}
		}
	}
	&.prev-post {
		text-align: left;
		border-right: none;
		i {
			padding-right: 10px;
		}
		&:hover {
			span{
				transform: translateX(-35px);
			}
			i {
				opacity: 0;
			}
		}
	}
}