/*============== Generic Style ============================*/
.hvr-radial-in{border:0}

.pravicy-policy-block{    margin-bottom: 30px;}


/*============== single post pagination ============================*/
 .single-post-pagination{
  display: flex;
  justify-content: space-around;
  margin: 29px 0 64px;
  align-items: center;
}
.single-post-pagination a {
  color: #000;
  font-size: 15px;
  transition: all .3s linear;
  padding: 15px 20px;
  border-radius: 8px;
}
.single-post-pagination .previous-span, .single-post-pagination .next-span {
  color: #b5b5b5;
  font-size: 15px;
  cursor: not-allowed;
}
.single-post-pagination a:hover {
  background: #736245;
  color: #FFF;
}
@media(max-width:767px){
  .single-post-pagination{flex-direction: column;}
  .single-post-pagination a{ margin-bottom: 21px;}
} 


/*==================================== Start Comments Styles =====================================  */

/*=========== Comments Area ============*/
 #comments.comments-area h4.comments-title{
    font-weight: 600;
    margin: 43px 0;
    text-align: center;
    font-family: b-bd;
}
#comments.comments-area{
	margin-top: 2.25rem;
    margin-bottom: 2.25rem;
}
#comments.comments-area ol.comment-list{
	list-style-type: none;
	padding: 1.25rem 1.25rem;
	margin: 0;
	border: 1px solid #eee;
}
#comments.comments-area ol.comment-list ul.children{
	list-style: none;
	margin-right: 7.25rem;
}
#comments.comments-area ol.comment-list li.comment{
	display: block;
	width: 100%;
	padding: 1.25rem 0;
	border-bottom: 1px solid #eee;
}
#comments.comments-area ol.comment-list li.comment:first-child{
    padding-top: 0;
}
#comments.comments-area ol.comment-list .children li.comment:first-child{
    padding-top: 1.25rem;
}
#comments.comments-area ol.comment-list .children li.depth-3 .comment-author.vcard{padding-left: 17px;}
#comments.comments-area ol.comment-list .children li.depth-3 .comment-author-name{font-size: 15px !important;}

#comments.comments-area ol.comment-list .children li.comment:last-child{
    border-bottom: 1px solid #eee;
    padding-bottom: 1.25rem;
}
#comments.comments-area ol.comment-list li.comment .comment-author{
    width: 15%;
    text-align: center;
	vertical-align: top;
  float: right;
  border-radius: 100%;
}
#comments.comments-area ol.comment-list li.comment .comment-author img{
  max-width: 100%;
  height: auto;
  border-radius: 100%;
  margin: 0 auto 5px;
  display: block;
  border: 1px solid #ddd;
  padding: 2px;
}
#comments.comments-area ol.comment-list li.comment .comment-author span.comment-author-name{
  font-family: 'Tajawal-Regular';
    color: rgba(35, 32, 18, .8);
    font-size: 17px;
    line-height: 1.2;
}
#comments.comments-area ol.comment-list li.comment .cmt-main-content{
  width: 85%;
  padding-right: 1.25rem;
  position: relative;
  vertical-align: top;
  float: right;
  text-align: right;
  padding-top: 10px;
  padding-bottom: 10px;
}
#comments.comments-area ol.comment-list li.comment .cmt-main-content:before{
	content: "";
	position: absolute;
	width: 4px;
	height: 100%;
	background: #efefef;
	top: 0;
	right: 0;
}
#comments.comments-area ol.comment-list ul.children li.comment .comment-author{
	display: table-cell;
	width: 15%;
	padding-left: .4rem;
	vertical-align: top;
}
#comments.comments-area ol.comment-list ul.children li.comment .cmt-main-content{
	display: table-cell;
	width: 85%;
	padding-left: 1.25rem;
	position: relative;
	vertical-align: top;
}
#comments.comments-area ol.comment-list li.comment .cmt-main-content .cmt-author-name,
.vmagazine-container #primary #comments.comments-area ol.comment-list li.comment .cmt-main-content .comment-meta{
	display: inline-block;
}
#comments.comments-area ol.comment-list li.comment .cmt-main-content .cmt-author-name cite{
	font-size: 0.875rem;
	color: rgba(24,24,24,0.9);
	font-style: normal;
	font-weight: 600;
}
#comments.comments-area ol.comment-list li.comment .cmt-main-content .comment-meta{
	font-size: 0.78875rem;
	color: rgba(0,0,0,0.5);
	padding-right: 0.325rem;
}
#comments.comments-area ol.comment-list li.comment .cmt-main-content .cmt-content-wrap p{
  font-size: 15px;
  color: #000;
  line-height: 1.65;
  margin-top: 0.975rem;
  margin-bottom: 0.975rem;
}
#comments.comments-area ol.comment-list li.comment .cmt-main-content .reply a{
	font-size: 1.4rem;
	color: rgba(0,0,0,0.5);
}
#comments.comments-area ol.comment-list li.comment .cmt-main-content .reply a:hover{
	color: rgba(229,45,109,1);
}
#comments.comments-area ol.comment-list ul.children ul.children{
	list-style: none;
	margin-right: 6.375rem;
}
#comments.comments-area ol.comment-list ul.children ul.children ul.children{
	list-style: none;
	margin: 0;
}
#comments.comments-area ol.comment-list li:last-child{
	border-bottom: none;
    padding-bottom: 0;
}
#comments.comments-area .comment-list li .cmt-main-content .comment-meta a {
  color: rgba(0, 0, 0, 0.5);
  padding-left: 0.325rem; }
  #comments.comments-area .comment-list li .cmt-main-content .comment-meta a.comment-edit-link {
  font-size: 1rem;
  color: #30bcaa; }

  /* #comments.comments-area ol.comment-list li.comment:last-of-type{border: none;} */

 @media(min-width:992px) and (max-width:1199px){
  #comments.comments-area ol.comment-list .children li.depth-2 .comment-author.vcard{width:17% !important}
  #comments.comments-area ol.comment-list .children li.depth-2 .cmt-main-content{width:83% !important}

  #comments.comments-area ol.comment-list .children li.depth-3 .comment-author.vcard{width:17% !important}
  #comments.comments-area ol.comment-list .children li.depth-3 .cmt-main-content{width:83% !important}
  #comments.comments-area ol.comment-list ul.children ul.children{margin-right: 2.275rem;}
}   

@media (min-width: 768px) and (max-width:991px){
  #comments.comments-area ol.comment-list ul.children{margin-right: 0;}
  #comments.comments-area ol.comment-list li.comment .comment-author,
  #comments.comments-area ol.comment-list ul.children li.comment .comment-author{width:20%}
  #comments.comments-area ol.comment-list li.comment .cmt-main-content,
  #comments.comments-area ol.comment-list ul.children li.comment .cmt-main-content{width:80%}
  #comments.comments-area ol.comment-list ul.children ul.children{margin-right: 1.7rem;}
}
@media (max-width: 767px){
 
  #comments.comments-area ol.comment-list li.comment .cmt-main-content:before{content: none;}

  #comments.comments-area ol.comment-list li.comment .comment-author,
  #comments.comments-area ol.comment-list ul.children li.comment .comment-author,
  #comments.comments-area ol.comment-list li.comment .cmt-main-content,
  #comments.comments-area ol.comment-list ul.children li.comment .cmt-main-content{width:100%;float: none;display: block;}

  #comments.comments-area ol.comment-list ul.children,
  #comments.comments-area ol.comment-list ul.children ul.children{
    padding-right: 0;
    margin-right: 32px;
  }

  #comments.comments-area ol.comment-list li.comment .comment-author{
    display: flex !important;
    align-items: center;
  }
  #comments.comments-area ol.comment-list li.comment .comment-author span.comment-author-name{
    font-size: 20px !important;
  }
  #comments.comments-area ol.comment-list li.comment .cmt-main-content{
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    line-height: 1.5em !important;
    margin-top: 14px;
    padding: 16px;
    z-index: 2;
  }
  #comments.comments-area ol.comment-list li.comment .comment-author img{ margin: 0 0 5px 10px;width: 80px;height: 80px;}
  #comments.comments-area ol.comment-list li.comment{border-bottom: 0;}
  .comment-respond h4.comment-reply-title small a{padding: 0 !important;}
  .comment-respond h4.comment-reply-title span:after,
  .comment-respond h4.comment-reply-title:before{content: none !important;}
}

.comment-form p.newsletter{display: none;}



    button.loaded{ cursor: not-allowed; color: #333;padding: 10px 20px; opacity: .7;}
    button.loaded:active{box-shadow: none !important;}
    button.loaded i{ display: none;}
    button.loaded:hover i{left: 0;}
    button.loaded:before{content: none;}