.butterBar{
	margin-left:36%;
	max-width:640px;
	position:fixed;
	text-align:center;
	top:80px;
	width:58%;
	z-index:9999
}
.butterBar--center{
	left:50%;
	transform:translateX(-50%)
}
.butterBar-message{
	background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color:#fff;
	border-radius:25px;
	box-shadow:0 4px 15px rgba(102,126,234,0.4);
	display:inline-block;
	font-size:14px;
	margin-bottom:0;
	padding:12px 30px;
	animation:slideDown 0.3s ease
}
@keyframes slideDown{
	from{opacity:0;transform:translateY(-20px)}
	to{opacity:1;transform:translateY(0)}
}

.comments-area {
	margin-top: 20px;
}
.block-head {
	border-bottom: 1px dotted #dedede;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.block-head h4 {
	margin: 0;
	font-size: 18px;
	color: #333;
}
.block-head h5 {
	margin: 0;
	font-size: 16px;
	color: #333;
}
.comment-c{text-align:center;padding:10px 0}

#commentform{background:#fbfbfb;padding:20px;border-radius:4px;margin-bottom:20px}
#commentform .input-group{margin-bottom:12px}
#commentform input,#commentform textarea{
	border: 1px solid #d7dadc;
	border-radius:4px;
	padding:10px 15px;
	transition:all 0.3s ease
}
#commentform input:focus,#commentform textarea:focus{
	border-color:#667eea;
	box-shadow:0 0 0 3px rgba(102,126,234,0.1);
	outline:none
}
#commentform textarea{width:100%;min-height:80px;resize:vertical}
#commentform .form_imcn{display:flex;gap:10px;align-items:flex-start}
#commentform .form_imcn textarea{flex:1}
.comment-user{background:#f8f8f8;padding:10px 15px;border-radius:4px;margin-bottom:15px;font-size:14px;color:#6c757d}

.buttom_r{
	background:linear-gradient(135deg, #00829A 0%, #005f73 100%);
	color:#fff;
	border:none;
	padding:10px 30px;
	border-radius:4px;
	cursor:pointer;
	transition:all 0.3s ease;
	font-size:14px
}
.buttom_r:hover{
	transform:translateY(-2px);
	box-shadow:0 4px 15px rgba(102,126,234,0.4)
}

ul.commentlist,ol.commentlist,ul.children,ol.children{list-style:none;padding:0;margin:0}

.commentlist li.comment,
.commentlist>li,
ul.commentlist>li,
ol.commentlist>li,
#commentlist>li,
.comment ul.children li,
.comment ol.children li,
.commentlist ul.children li{
	position:relative;
	margin-bottom:15px;
	padding:15px 0;
	list-style-type:none;
}

.commentlist li.comment .gravatar,
.commentlist>li .gravatar,
.comment .gravatar{
	float:left;
	margin-right:15px;
	text-align:center;
	width:48px
}
.commentlist li.comment .gravatar .comment-reply-link,
.commentlist>li .gravatar .comment-reply-link,
.comment .gravatar .comment-reply-link{
	display:block;
	margin-top:5px;
	font-size:12px;
	color:#999;
	text-decoration:none
}

.commentlist li.comment .comment_content,
.commentlist>li .comment_content,
.comment .comment_content{
	overflow:hidden
}
.commentlist li.comment .author_name,
.commentlist>li .author_name,
.comment .author_name,
.comment cite{
	font-weight:bold;
	color:#333;
	font-size:15px;
}
.commentlist li.comment .comment-meta,
.commentlist li.comment .commentmetadata,
.commentlist>li .comment-meta,
.commentlist>li .commentmetadata,
.comment .comment-meta,
.comment .commentmetadata{
	font-size:12px;
	color:#999;
	margin:5px 0;
	display:block;
	float:right;
}
.commentlist li.comment .comment_text,
.commentlist>li .comment_text,
.comment .comment_text,
.comment .comment-text{
	color:#555;
	line-height:1.8;
	word-wrap:break-word;
	clear:both;
	float:left;
	width:100%;
}
.commentlist li.comment .comment_text p,
.commentlist>li .comment_text p,
.comment .comment_text p{
	margin-bottom:8px
}

.commentlist .children,
ul.children,
ol.children{
	list-style:none;
	padding-left:30px !important;
	margin:10px 0
}
.commentlist .children li.comment,
.comment ul.children li,
.comment ol.children li{
	border-left:3px solid #667eea;
	padding-left:15px
}

.comment-awaiting-moderation,
em.comment-awaiting-moderation{
	background:#fff3cd !important;
	color:#856404;
	padding:8px 12px;
	border-radius:4px;
	font-size:12px;
	margin-bottom:10px;
	display:block
}

#respond{margin-top:20px}
#cancel-comment-reply-link{
	color:#d9534f;
	font-size:12px;
	text-decoration:none
}
#cancel-comment-reply-link:hover{text-decoration:underline}

.emoji-bar{display:flex;flex-wrap:wrap;gap:5px;padding:8px 0;margin-bottom:8px;border-bottom:1px dashed #eee}
.emoji-item{cursor:pointer;padding:3px;font-size:20px;transition:transform 0.2s}
.emoji-item:hover{transform:scale(1.3)}

.hr{border-bottom: 1px solid #dedede;}
.hr.dotted{border-bottom: 1px dotted #dedede;}

@media (max-width:768px){
	#commentform .form_imcn{flex-direction:column}
	#commentform .form_imcn img{width:40px;height:40px;margin-bottom:10px}
	#commentform .input-group{flex-direction:column}
	.commentlist .children,
	ul.children,
	ol.children{padding-left:15px !important}
	.commentlist li.comment .gravatar,
	.commentlist>li .gravatar,
	.comment .gravatar{width:36px}
	.commentlist li.comment .gravatar img,
	.commentlist>li .gravatar img,
	.comment .gravatar img{
		width:36px !important;
		height:36px !important
	}
}