.comment-list{



}
.comment-list>li{
	width:100%;
	min-height:10px;
	display:inline-flex;
	flex-wrap:wrap;
	border-radius:25px;
	justify-content:center;
	padding:10px;
	background-color:#F6FAFF;
	margin-top:30px;

}

.comment-list li article{
	width:100%;
	min-height:10px;
	display:inline-flex !important;
	flex-direction:row !important;
	border-block-end:none !important;
	padding:15px !important;
}
.comment-list li article div:nth-of-type(1){
	margin-right:70px;
}
.comment-list li article footer{
	min-width:100px;
	max-width:100px;
	height:230px;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	overflow:hidden;
}
.comment-list li article footer div:nth-of-type(1){
	width:100% !important;
	min-height:110px;
	display:flex;
	flex-wrap:wrap;
	margin:0px 0px 0px 0px !important;
	position:relative;
}
.comment-list li article footer div:nth-of-type(1) span{
	display:none;
}
.comment-list li article footer div b{
	width:100%;
	min-height:25px;
	position:absolute;
	top:105px;
	text-align:center;
	margin-top:8px;
}
.comment-list li article footer div b a{
	color:black;
	font-weight:bolder;
}
.comment-list li article footer div.comment-metadata{
	width:100%;
	height:60px;
	overflow:hidden;
	display:flex;
	justify-content:center;
	position:relative;
	flex-wrap:wrap;
}
.comment-list li article footer div.comment-metadata span{
	width:100%;
	height:15px !important;
	display:flex;
	direction:rtl;
	
}
.comment-list li article footer div.comment-metadata span a{
	width:100%;
	height:20px;
	line-height:20px;
	direction:rtl;
	
}
.comment-list li article footer div.comment-metadata a{
	width:100%;
	height:30px;
	color:#2AA8FF !important;
	background-color:#D2EBFF;
	text-align:center;
	border-radius:5px;
	line-height:15px;
	direction:rtl !important;
	
} 
.comment-list li article footer div.comment-metadata a time{
	color:#2AA8FF !important;
	height:30px;
	line-height:30px;
	direction:rtl !important;
	
}
.comment-list li article footer div img{
	width:100%;
	height:100px;
	border-radius:10px !important;
	
}
.comment-list ol{
	width:90%;
	min-height:10px;
	display:inline-flex;
	background-color:white 
		!important;
	border-radius:20px;
	padding:15px;
	margin-top:5px !important;
	
}
.comment-list ol li article{
	padding:10px 0px 0px 0px !important;
	
}
.comment-list li ol::before{
	display:none !important;
	
}
.comment-list li article div.comment-content{
	width:auto;
	max-width:80%;
	min-height:10px;
	display:inline-block;
	margin-right:20px;
	padding:5px;
			
}
.comment-list li article div.comment-content>p{
	width:100%;
	min-height:10px;
	text-align:justify;
	
}
.comment-list li article >div.reply{
	display:inline-flex;
	min-width:150px;
	max-width:330px;
	height:25px;
	display:flex;
	justify-content:center;
	margin-right:20px;
	background-color:#2AA8FF;border-radius:3px;
	 position: absolute;
	margin: 40px 130px
	
	
	
}
.comment-list li article >div.reply>a{
	width:100%;
	height:100%;
	color:white;
	text-align:center;
	line-height:25px;

}


@media(max-width:576px){
	.comment-list li article{
	width:100%;
	min-height:10px;
	display:inline-flex !important;
		padding:0px !important;
	flex-direction:column !important;
	border-block-end:none !important;
	flex-wrap:wrap;
	justify-content:center !important;
		position:relative;
}
	
.comment-list li article >div.reply{
	display:inline-flex;
	min-width:100%;
	max-width:100px;
	height:25px;
	display:flex;
	justify-content:center;
	margin-right:0px;
	background-color:#2AA8FF;border-radius:3px;
		 position: absolute;
	margin: 130px 0px 0px 0px
	
}
	
	.comment-list li article div.comment-content{
	width:auto;
	max-width:100%;
	min-height:10px;
	display:inline-block;
	margin-right:0px;
	padding:0px;
}
	

	
		.comment-list li article footer{
	min-width:100%;
	height:230px;
	display:flex !important;
	justify-content:center !important;
	flex-wrap:wrap;
	position:relative;
	overflow:hidden;
}

		.comment-list li article footer div{
		justify-content:center !important;
	}
	.comment-list li article footer div b{
		margin-right:0px;
	}
	.comment-list li article footer div img{
		width:100px;
		margin-left:0px !important;
	}
	
	

		.comment-list ol{
	width:90%;
	min-height:10px;
	display:inline-flex;
	background-color:white 
		!important;
	border-radius:20px;
	padding:10px;
	margin-top:30px !important;
		justify-content:center;
}
	.comment-list li article div.comment-content>p{
	width:100%;
	min-height:10px;
	text-align:center;
}
}


///// 
بخش استایل نوتیفیکیشن اعلان ووکامرس هست

.woocommerce-message {
  border-top-color: transparent;
  background: #d9d9d9;
    background-color: rgb(217, 217, 217);
  color: #44444;
  width: 80%;
  border-radius: 10px;
  margin-right: 10%;
  margin-top: 0px;
}

body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button {
  font-family: "YekanBakh", Sans-serif;
  font-weight: 600;
  background-color: #00BA87 !important;
  background-image: none !important;
  border-width: 2px 2px 2px 2px;
}

.e-wc-message-notice .woocommerce-message {
  border: 0 solid #000;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: rgb(0, 0, 0);
    border-right-width: 0px;
    border-right-style: solid;
    border-right-color: rgb(0, 0, 0);
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: rgb(0, 0, 0);
    border-left-width: 0px;
    border-left-style: solid;
    border-left-color: rgb(0, 0, 0);
  border-top: 3px solid var(--message-message-icon-color,#95ac3c);
  background-color: #fafbf5;
  color: var(--message-message-text-color,#3f444b);
  border-radius: var(--message-box-border-radius,0);
}



@media only screen and (max-width: 810px){

.woocommerce-message {
  border-top-color: transparent;
  background: #d9d9d9;
    background-color: rgb(217, 217, 217);
  color: #44444;
  width: 95%;
  border-radius: 10px;
  margin-right: 3%;
  margin-top: 20px;
	font-size : 12px;
}


body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button {
  font-family: "YekanBakh", Sans-serif;
  font-weight: 600;
  background-color: #00BA87 !important;
  background-image: none !important;
  border-width: 1px 1px 1px 1px;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
}

.e-wc-message-notice .woocommerce-message {
  border: 0 solid #000;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: rgb(0, 0, 0);
    border-right-width: 0px;
    border-right-style: solid;
    border-right-color: rgb(0, 0, 0);
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: rgb(0, 0, 0);
    border-left-width: 0px;
    border-left-style: solid;
    border-left-color: rgb(0, 0, 0);
  border-top: 3px solid var(--message-message-icon-color,#95ac3c);
  background-color: #fafbf5;
  color: var(--message-message-text-color,#3f444b);
  border-radius: 8px;
}
}