.blog-details{
	padding: 147px 0px 147px 0px;
}

.blog-details-content{
	position: relative;
	display: block;
}

.blog-details-content .content-one .post-info{
	position: relative;
	display: flex;
	align-items: center;
}

.blog-details-content .content-one .post-info li{
	position: relative;
	font-size: 17px;
	line-height: 25px;
	color: rgba(0, 0, 0, 0.50);
	margin-right: 30px;
	text-transform: uppercase;
}

.blog-details-content .content-one .post-info li a{
  display: inline-block;
  color: rgba(0, 0, 0, 0.50);
}

.blog-details-content .content-one .post-info li a:hover{

}

.blog-details-content .content-one .post-info li:before{
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.50);
  width: 1px;
  height: 15px;
  top: 5px;
  right: -13px;
  transform: rotate(25deg);
}

.blog-details-content .content-one .post-info li:last-child:before{
  display: none;
}

.blog-details-content .content-one h2{
	font-size: 68px;
	line-height: 78px;
	font-family: 'Playfair Display', serif;
	font-weight: 500;
	max-width: 860px;
}

.blog-details-content .content-one h2 a{
	display: inline-block;
	color: var(--title-color);
}

.blog-details-content .content-one h2 a:hover{

}

.blog-details-content .content-one .image-box{
	position: relative;
	display: block;
}

.blog-details-content .content-one .image-box img{
	width: 100%;
}

.blog-details-content .content-one .image-box .post-date{
  position: absolute;
  left: 0px;
  top: 22px;
  font-size: 15px;
  line-height: 25px;
  color: #fff;
  text-transform: uppercase;
  background: #B9916E;
  padding: 0px 12px;
  z-index: 1;
}

.blog-details-content .content-one .text-box p{
	font-size: 20px;
	line-height: 38px;
	margin-bottom: 30px;
}

.blog-details-content .content-one .text-box p:last-child{
	margin-bottom: 0px;
}

blockquote{
	position: relative;
	display: block;
	text-align: center;
	padding: 41px 70px 40px 70px;
	margin: 0px 0px 25px 0px;
	border-top: solid;
	border-bottom: solid;
	border-width: 1px;
	border-color: rgba(0, 0, 0, 0.10);
}

.blog-details-content blockquote .icon-box{
	position: absolute;
	display: inline-block;
	left: 50%;
	margin-left: -28px;
	top: -28px;
	width: 56px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background: #B9916E;
	border-radius: 50%;
	margin-bottom: 13px;
}

.blog-details-content blockquote h2{
	font-size: 42px;
	line-height: 57px;
	font-family: 'Playfair Display', serif;
	font-weight: 500;
	max-width: 750px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.blog-details-content blockquote h4{
	font-size: 20px;
	line-height: 33px;
	font-family: var(--text-font);
	font-weight: 500;
}

.blog-details-content blockquote h4 span{
	font-weight: 400;
	opacity: 0.5;
}

.blog-details-content .content-two .image-box{
	position: relative;
	display: block;
}

.blog-details-content .content-two .image-box img{
	width: 100%;
}

.blog-details-content .content-two .text-box h2{
	position: relative;
	display: block;
	font-size: 42px;
	line-height: 45px;
	font-family: 'Playfair Display', serif;
	font-weight: 600;
	margin-bottom: 30px;
}

.blog-details-content .content-two .text-box p{
	font-size: 20px;
	line-height: 38px;
	max-width: 900px;
	margin-bottom: 30px;
}

.blog-details-content .content-two .text-box p:last-child{
	margin-bottom: 0px;
}

.blog-details-content .post-share-option{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.blog-details-content .post-share-option ul{
	position: relative;
	display: flex;
	align-items: center;
}

.blog-details-content .post-share-option ul li{
	margin-right: 10px;
}

.blog-details-content .post-share-option ul li:last-child{
	margin: 0px;
}

.blog-details-content .post-share-option ul li span{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 23px;
	font-weight: 500;
	color: var(--title-color);
}

.blog-details-content .post-share-option .post-tags li a{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 20px;
	color: rgba(0, 0, 0, 0.40);
	border-radius: 30px;
	border: solid;
	border-width: 1px;
	border-color: rgba(0, 0, 0, 0.40);
	padding: 0px 10px 3px 10px;
}

.blog-details-content .post-share-option .post-tags li a:hover{
	color: #fff;
}

.blog-details-content .post-share-option .share-links li a{
	position: relative;
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	background: #f5f5f5;
	text-align: center;
	border-radius: 50%;
	font-size: 16px;
	color: var(--title-color);
}

.blog-details-content .post-share-option .share-links li a:hover{
	color: #fff;
}

.blog-details-content .comment-box{
	position: relative;
	display: block;
	background: #f5f5f5;
	padding: 55px 60px 60px;
}

.blog-details-content .comment-box h2.comt-title{
	display: block;
	font-size: 42px;
	line-height: 50px;
	font-family: 'Playfair Display', serif;
	font-weight: 500;
	padding-bottom: 26px;
	border-bottom: solid;
	border-width: 1px;
	border-color: rgba(0, 0, 0, 0.15);
	margin-bottom: 39px;
}

.blog-details-content .comment-box .comment{
	position: relative;
	display: block;
	padding: 0px 0px 52px 90px;
	margin-bottom: 41px;
	border-bottom: solid;
	border-width: 1px;
	border-color: rgba(0, 0, 0, 0.15);
}

.blog-details-content .comment-box .comment-inner > .potu-comment-item:last-child .comment{
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none;
}

.blog-details-content .comment-box .comment .thumb-box{
	position: absolute;
	left: 0px;
	top: 0px;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.blog-details-content .comment-box .comment .thumb-box img{
	width: 100%;
	border-radius: 50%;
}

.blog-details-content .comment-box .comment h4.c-title{
	display: block;
	font-size: 20px;
	line-height: 28px;
	font-family: var(--text-font);
	font-weight: 700;
	margin-bottom: 9px;
}

.blog-details-content .comment-box .comment p{
	font-size: 18px;
	line-height: 32px;
}

.blog-details-content .comment-box .comment .comment-time{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 28px;
	color: rgba(0, 0, 0, 0.35);
	margin-top: 10px;
}

.blog-details-content .comment-box .comment .reply-btn{
	position: absolute;
	top: 0px;
	right: 0px;
	display: inline-block;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	font-weight: 500;
	background: #B9916E;
	padding: 5px 15px;
	text-transform: uppercase;
}

.blog-details-content .comment-box .comment .reply-btn:hover{

}

.blog-details-content .comment-form-area{
	position: relative;
	display: block;
	background: #f5f5f5;
	padding: 47px 60px 60px 60px;
}

.blog-details-content .comment-form-area .text-box h2{
	display: block;
	font-size: 42px;
	line-height: 56px;
	font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 12px;
}

.blog-details-content .comment-form-area .text-box p{
	font-size: 20px;
	line-height: 27px;
}

.blog-details-content .comment-form-area .text-box p a{
	display: inline-block;
	color: var(--title-color);
	font-weight: 500;
}

.blog-details-content .comment-form-area .text-box p a:hover{
	text-decoration: underline;
}

.blog-details-content .comment-form-area .form-inner .form-group{
	position: relative;
	display: block;
	margin-bottom: 42px;
}

.blog-details-content .comment-form-area .form-inner .form-group label{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 22px;
}

.blog-details-content .comment-form-area .form-inner .form-group input[type='text'],
.blog-details-content .comment-form-area .form-inner .form-group input[type='email'],
.blog-details-content .comment-form-area .form-inner .form-group textarea{
	position: relative;
	display: block;
	width: 100%;
	height: 50px;
	border-bottom: solid;
	border-width: 1px;
	border-color: var(--secondary-color);
	font-size: 20px;
	color: var(--title-color);
	transition: all 500ms ease;
}

.blog-details-content .comment-form-area .form-inner .form-group textarea{
	height: 120px;
	resize: none;
}

.blog-details-content .comment-form-area .form-inner .form-group input:focus,
.blog-details-content .comment-form-area .form-inner .form-group textarea:focus{

}