@charset "UTF-8";
/* CSS Document - v4.1.1 */

@font-face {
	font-family: 'IRANSansX2';
	font-style: normal;
	font-weight: 300;
	src: url('https://cdn.bayan.ir/blog/templates/shared/assets/fonts/woff/IRANSansX-Light.woff');
}
@font-face {
	font-family: 'IRANSansX2';
	font-style: normal;
	font-weight: normal;
	src: url('https://cdn.bayan.ir/blog/templates/shared/assets/fonts/woff2/IRANSansX-Light.woff2');
}

@font-face {
	font-family: 'IRANSansX2';
	font-style: normal;
	font-weight: normal;
	src: url('https://cdn.bayan.ir/blog/templates/shared/assets/fonts/woff/IRANSansX-Regular.woff');
}
@font-face {
	font-family: 'Vazir-Regular.woff2';
	font-style: normal;
	font-weight: normal;
	src: url('https://bayanbox.ir/download/4784382954600909398/Vazir-Regular.woff2');
}
@font-face {
	font-family: 'IRANSansX2';
	font-style: normal;
	font-weight: bold;
	src: url('https://cdn.bayan.ir/blog/templates/shared/assets/fonts/woff/IRANSansX-Bold.woff');
}
@font-face {
	font-family: 'IRANSansX2';
	font-style: normal;
	font-weight: bold;
	src: url('https://cdn.bayan.ir/blog/templates/shared/assets/fonts/woff2/IRANSansX-Bold.woff2');
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Vazir-Regular.woff2','tahoma','arial','sans-serif;';
	cursor: default;
}
body{
	font-family: "Vazir-Regular.woff2" !important;
	direction: rtl;
	padding-top: 8.2rem;
	line-height: 1.5em;
}

a{
	transition: 0.2s;
}

a h1,a h2,a h3,a h4,a h5,a h6{
	cursor: pointer;
	color: #2A303B;
	transition: 0.2s;
	
	
}

a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6{
	color: #22802e;
}

.btn-ripple i{
	padding: 10px;
	background: transparent;
	transition: 0.2s;
	border-radius: 50px;
}
.btn-ripple:hover i{
	background: #F1F3F6;
}

.navbar{
	padding: 1.2rem 0;
	background: rgba(246,247,247,0.5) !important;
	border-bottom:1px solid #E4E7ED;
	backdrop-filter: brightness(90%) saturate(150%) blur(15px);
}
.navbar .container{
	position: relative;
}

@supports not (backdrop-filter: none) {
	.navbar {
		background: rgba(255, 255, 255, 0.98) !important;
	}
}

.navbar-brand{
	margin-right: 0;
}

.navbar-nav .nav-link{
	font-size: 88%;
}

.navbar-light .navbar-nav .nav-link {
	color: #434B59;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.selected {
	color: #22802e;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	color: #22802e;
}

.nav-link{
	font-weight: bold;
}

.menu-items{
	padding: 19.69px 0;
}

.btn-sm, .btn-group-sm > .btn{
	padding: 0.25rem 1rem;
	font-size: 0.875rem;
	border-radius: 0.5rem;
	width: max-content;
}

.post-list .card-body p {
	position: relative;
	font-size: 14px;
	color: #2A303B;
	
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	
	-webkit-line-clamp: 4 !important;
}

.post-featured .card-body p {
	position: relative;
	font-size: 14px;
	color: #2A303B;
	
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	
	-webkit-line-clamp: 3 !important;
}

body.dark .post-featured .card-body p, body.dark .post-list .card-body p{
	color: #cbcdd3;
}


.card {
	background: transparent;
}

.card-body .small{
	font-size: 13px;
}

.card-text{
	position: relative;
	font-size: 14px;
	color: #2A303B;
}

.post-details .text-success{
	color: #21BF73 !important;
}

.post-details .text-danger{
	olor: #EB5757 !important;
}

.post-details .text-secondary{
	color: #778191 !important;
}

.bi.post-details{
	line-height: 19px;
}

.post-list div:last-child hr{
	display: none;
}

.blog-image img{
	width:100%;
	height:auto;
	border-radius:10px;
}

.followBx {
	margin-bottom:20px;
	background: none;
	border-radius: 10px;
	padding: 10px 4px 4px;
	font-family: 'Vazir-Regular.woff2','tahoma','arial','sans-serif;';
}
.followersTitle {
	padding: 0 4px;
	margin-bottom: 7px;
	font-size: 1rem;
	cursor: default;
}
.followersCount {
	color: #778191;
}

.followThis {
	display: block;
	padding: 6px 16px;
	margin: 2px;
	background: #22802e;
	color: #fff !important;
	border-radius: 0.25rem;
	text-align: center;
	font-family: 'Vazir-Regular.woff2','tahoma','arial','sans-serif;';
}

.followThis.followed {
	background-color: transparent;
	border: 2px solid #22802e;
	color: #22802e !important ;
	border-radius: 0.25rem;
	font-family: 'Vazir-Regular.woff2','tahoma','arial','sans-serif;';
}
#followInBx {
	margin: 0 auto;
	max-width: 100% !important;
}


.social-box i{
	font-size: 26px;
}
.social-box i:hover{
	color: #22802e;
	cursor: pointer;
}
.social-box ul{
	cursor: default;
}
.social-box li{
	cursor: default;
	padding-right: 6px;
}
.social-box h6{
	line-height: 1.4em;
}

.tag-box li{
	direction: rtl;
	display: inline-block;
	margin: 1px 1px 30px;
	padding-bottom: 6px;
}
.tag-box a{
	text-decoration: none;
	background: #F1F3F6;
	border-radius: 5px;
	padding: 3px 5px;
	font-size: 13px;
	color: #778191;
	border: 2px solid transparent;
	transition: 0.2s;
}
.tag-box a:hover{
	background: #F1F3F6;
	color: #22802e;
	border-color: rgba(47,142,237,0.4);
}
.tag-box li.selected a {
	background: #F1F3F6;
	color: #22802e;
	border-color: rgba(47,142,237,0.4);
}
.tag-box ul{
	cursor: default;
	text-align: right;
}

.messages{
	margin-bottom: 30px;
	border-right: 6px solid #22802e;
	padding: 10px 10px 1px;
}
.messages-content h2{
	font-size: 1.25rem;
	
}

.post-item-box li a{
	display: block;
	color: #2A303B;
	font-size: 14px;
	padding: 6px 10px;
	text-decoration: none;
	border-bottom: 1px solid #F5F7FA;
	transition: 0.2s;
}
.post-item-box li a:hover{
	color: #22802e;
	background: #F5F7FA;
}
.post-item-box li.active a{
	color: #22802e;
	background: #F5F7FA;
}

.post-item-box li:last-child a{
	border: none;
}

.category-box{
	cursor: default;
}

.category-box h3{
	display: inline-block;
	color: #2A303B;
	font-size: 14px;
	text-decoration: none;
}

.category-box a{
	text-decoration: none;
}

.category-box .post-list-count{
	font-size: 13px;
}

.category-box ul{
	margin-right: 0;
	padding-right: 0;
}
.category-box ul li{
	position: relative;
	list-style: none;
	margin-right: 12px;
}
.category-box ul li ul li{
	margin-right: 20px;
}
.category-box ul li.active a h3{
	color: #22802e;
}
.category-box ul li ul li.active a h3{
	color: #22802e;
}
.category-box ul li:before{
	display: block;
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	background: #22802e;
	top: 8px;
	right: -12px;
	border-radius: 1px;
}
.category-box ul li ul li:before{
	width: 8px;
	height: 12px;
	border: 2px solid #22802e;
	border-top: none;
	border-left: none;
	background: transparent;
	top: 3px;
	right: -12px;
}
.category-box ul li ul li ul li:before{
	border: 2px solid #22802e;
	border-top: none;
	border-left: none;
}

.category-box ul li.active:before{
	background: #22802e;
}
.category-box ul li ul li.active:before{
	background: transparent;
	border-color:#22802e;
}
.category-box ul li ul li ul li.active:before{
	background: transparent;
	border-color:#22802e;
}

.nav-saerch-box{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	height: 100%;
	opacity: 0;
	z-index: -1000;
}

.col-centered{
	margin: 0 auto;
	float: none;
}
.nav-saerch-box .search-input{
	height: 99.73px;
	background: transparent;
	border: none;
	border-radius: 0;
}
.nav-saerch-box .search-input:focus{
	box-shadow: none;
}
.nav-saerch-box button{
	border: none;
	background: transparent;
	padding-top: 6px;
	font-size: 18px;
	color: #778191;
}
.nav-saerch-box ::placeholder{
	color: #778191;
}
.close-search-box{
	font-size: 20px;
	cursor: pointer;
}

.post-image-wrp{
	margin-top: -30px;
	padding-right: 0 !important;
}
.post-image{
	position: relative;
	overflow: hidden !important;
	z-index: 100;
	text-align: center;
}
.post-image span{
	display: block;
}
.bg-image{
	position: absolute;
	overflow: hidden;
	width: 100%;
	filter: grayscale(50%);
	z-index: 99;
	background-color: #fff;
}
.bg-image img{
	opacity: 0.9;
	filter: blur(15px);
	-webkit-filter: blur(15px);
	transform: scale(1.1);
}

.post-content{
	font-size: 1.08rem;
	font-weight: 300;
	line-height: 1.9;
	color: #4a4a4a;
	list-style-type: persian;
}

.divider{
	font-size: 8px;
	padding: 0 3px;
	opacity: 0.5;
}

.comment-avatar{
	position: relative;
	overflow: hidden;
	width: 46px;
	height: 46px;
	border-radius: 60px;
	z-index: 20;
}
.comment-avatar img{
	width: 100%;
	height: auto;
}

.comment-body{
	font-size: 15px;
}

.comment-item .avatar-line{
	content: '';
	display: block;
	position: absolute;
	width: 2px;
	min-height: 10px;
	background: #67abf1;
	top: 30px;
	right: 38px;
}
.hasreply .comment-body{
	padding-bottom: 30px;
}
.comment-reply h4{
	color: #22802e;
}
.comment-reply .comment-body{
	padding-bottom: 0;
}

.comment-add-form{
	font-size: 14px;
	padding-right: 50px;
}
.comment-add-form select{
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 14px;
	min-width: 220px;
	padding:3px 6px;
}
.comment-add-form .sendbutton {
	background: #22802e;
	border: 1px solid #22802e;
	color: #fff;
	border-radius: 6px;
	padding: 3px 30px;
}

body.dark .comment-add-form{
	font-size: 14px;
	padding-right: 50px;
}
body.dark .comment-add-form select , body.dark #captchaInput{
	background: #1c1f26;
	color: #cbcdd3;
	border: 1px solid #596272;
}
body.dark .comment-add-form .sendbutton {
	background: #22802e;
	border: 1px solid #22802e;
	color: #fff;
}

.rate-up i, .rate-up .txt-rate{
	color:#778191;
}
.rate-down i, .rate-down .txt-rate{
	color:#778191;
}

.rate-up.rated i, .rate-up.rated .txt-rate{
	color:#21BF73;
}
.rate-down.rated i, .rate-down.rated .txt-rate{
	color:#dc3545;
}

.pagination a {
	padding: 4px 12px;
}
.page-item.current .page-link {
	color: #fff;
	background-color: #22802e;
	border-color: #22802e;
}

blockquote{
	background: #f5f5f5;
	padding: 12px 20px;
	display: inline-block;
	border-right:4px solid #22802e;
	margin: 20px 0;
}

hr{
	background-color: #dee2e6 !important;
	opacity: 1;
}

footer p{
	font-size: 14px;
	cursor: default;
	padding-top: 4px;
}

footer li, footer ul{
	cursor: default;
	vertical-align: middle;
}

footer i{
	display: block;
	background-color: #F1F3F6;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background-size: contain;
	background-repeat: no-repeat;
	border: 2px solid transparent;
	transition: 0.2s;
}
footer i:hover{
	border-color: rgba(47,142,237,0.4);
}

footer i.rss{
	background-image: url('https://cdn.bayan.ir/blog/templates/shared/assets/img/footer-rss.png');
}
footer i.blog{
	background-image: url('https://cdn.bayan.ir/blog/templates/shared/assets/img/footer-blog.png');
}
footer i.bbox{
	background-image: url('https://cdn.bayan.ir/blog/templates/shared/assets/img/footer-bbox.png');
}
footer i.bayan{
	background-image: url('https://cdn.bayan.ir/blog/templates/shared/assets/img/footer-bayan.png');
}

@media (max-width: 576px) {
	.comment-add-form {
		padding-right: 0px;
	}
	.commentAvatar{
		display:none;
	}
}

.auto-style20 {
	margin-top: 10px; background-color: #ccff99; text-align: center;
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  color: #000000;
  padding: 3px 3px 3px 3px;
  text-decoration: none !important;
	
border:1px solid #3b6e22 !important;
	width:100% !important;
}
.auto-style20:hover {
  background: #d9f058;
  background-image: -webkit-linear-gradient(top, #d9f058, #e4f035);
  background-image: -moz-linear-gradient(top, #d9f058, #e4f035);
  background-image: -ms-linear-gradient(top, #d9f058, #e4f035);
  background-image: -o-linear-gradient(top, #d9f058, #e4f035);
  background-image: linear-gradient(to bottom, #d9f058, #e4f035);
  text-decoration: none !important;
  -webkit-box-shadow: 0px 1px 2px #666666;
  -moz-box-shadow: 0px 1px 2px #666666;
  box-shadow: 0px 1px 2px #666666;
}

.vahdat-ravie{
margin-bottom:25px;
	border-width:1px;
	border-style:solid;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

/* Vahdat ravie titr */
.vahdat-ravie-titr{
	padding-top:10px;
	padding-bottom:10px;
	text-align:center !important;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:15px;
	background-color:#44823a;
	color:#ffffff !important;
	font-size:20px !important;
	font-weight:300;
	line-height:1.6em;
}

/* Vahdat matn */
.vahdat-matn{
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align:justify;
}


a {
  color: #22802e;
  text-decoration: none;
}

.h6 text-muted
{width: 300px;
}


/* Column 8/12 */
.container .row .order-lg-2 .card .card-body .col-lg-8{
 width:100% !important;
}


/* Heading */
.menu-items h2{
 width:247px;
}

@media (max-width:576px){

 /* Heading */
 .navbar .menu-items .col-lg-2 h2{
  width:100% !important;
 }
 
}

/* Srch */
#srchBx{
 padding-left:0px;
}


@media (max-width:576px){

 /* Column 3/12 */
 .container .d-sm-block{
  display:block !important;
  margin-right:5px;
  margin-left:1px;
 }
 
 /* Column 3/12 */
 .container .row .d-sm-block{
  width:96% !important;
 }
 
}



@media (max-width:999px){

 /* Column 4/12 */
 .container .row .order-lg-2 .post-list .col-lg-4{
  width:100% !important;
 }
 
}

@media (min-width:999px){

 /* Column 4/12 */
 .container .row .order-lg-2 .post-list .col-lg-4{
  width:50% !important;
 }
 
}
@media (max-width:576px){

 /* Column 9/12 */
 .container .order-lg-2{
  padding-top:16px;
 }
 
}


.ads-left2{
 border-top-left-radius:3px;
 border-top-right-radius:3px;
 border-bottom-left-radius:3px;
 border-bottom-right-radius:3px;
 border-style:solid;
 margin-top:20px;
 margin-bottom:20px;
 border-width:1px;
}


img {
    max-width: 100%;
    height: auto;
}

/* List Item */
.order-lg-2 nav li{
 padding-left:3px;
 padding-right:3px;
}

/* Link */
.pagination li a{
 border-style:solid;
 border-width:1px;
 border-color:#183776;
 width:100px;
 text-align:center;
}





/* Post item box */
.border-top .container .row .post-item-box{
 width:20% !important;
}

/* Post item box */
.border-top .container .row #stat_summary_div .post-item-box{
 width:100% !important;
}

/* Tag box */
.border-top .container .row .tag-box{
 width:55% !important;
}

@media (max-width:999px){

 /* Tag box */
 .border-top .container .row .tag-box{
  width:100% !important;
 }
 
 /* Stat summary div */
 #stat_summary_div{
  width:99% !important;
 }
 
 /* Post item box */
 .border-top .container .row .post-item-box{
  width:99% !important;
 }
 
}

/* Card body */
#stat_summary_div .post-item-box .card-body{

}

/* Row */
#stat_summary_div .card-body .row{

}



/* Row */
.border-top .container > .row{
 border-bottom-style:solid;
 border-bottom-width:2px;
 border-bottom-color:#a8bacb;
}


/* Tag box */
.border-top .tag-box{
 border-bottom-style:none !important;
}

/* Card body */
.border-top .post-item-box .card-body{
 transform:translatex(0px) translatey(0px);
}

/* Post item box */
.border-top .post-item-box{
 border-style:none;
 border-bottom-style:none !important;
}

@media (max-width:999px){

 /* Card body */
 .border-top .tag-box .card-body{
  border-right-style:none;
  padding-right:0px !important;
 }
 
}

/* Current */
	
	.pagination .pagesList .current{
 background-color:#10791e;
 border-style:solid;
 border-width:1px;
 border-color:#34408d;
 color:#ffffff;
 border-width:1px;
 border-top-left-radius:5px;
 border-top-right-radius:5px;
 border-bottom-left-radius:5px;
 border-bottom-right-radius:5px;
}

/* Link */
.pagination .pagesList a{
 border-style:solid;
 border-width:1px !important;
 border-top-left-radius:5px;
 border-top-right-radius:5px;
 border-bottom-left-radius:5px;
 border-bottom-right-radius:5px;
 margin-left:1px;
}

/* Link (hover) */
.pagination .pagesList a:hover:not(.current) {
 background-color:#e4e1e1;
	
}

/* Page prev */
.order-lg-2 .pagination .pagePrev{
 border-width:1px;
 border-style:solid;
 border-top-left-radius:5px;
 border-top-right-radius:25px;
 border-bottom-left-radius:5px;
 border-bottom-right-radius:25px;
 margin-left:1px;
	 height:100% !important;
}

/* Page next */
.order-lg-2 .pagination .pageNext{
	 height:100% !important;
 border-style:solid;
 border-width:1px;
 margin-right:1px;
 border-top-left-radius:25px;
 border-top-right-radius:5px;
 border-bottom-left-radius:25px;
 border-bottom-right-radius:5px;
}




/* Post item box */
.border-top .container > div > .post-item-box{
 width:30% !important;
}

@media (min-width:998px){

 /* Stat summary div */
 #stat_summary_div{
  width:20% !important;
 }
	
	
 
 /* Post item box */
 .border-top .container > div > .post-item-box{
  width:15% !important;
 }
 
 /* Division */
 .border-top .container > div{
  display:inline-flex;
 }
 
 /* Tag box */
 .border-top div .tag-box{
  padding-right:21px;
 }
 
 /* Tag box */
 .border-top .container div .tag-box{
  width:77% !important;
 }
 
}
/* Column 4/12 */
.container .row .order-lg-2 .post-list .col-lg-4{
 width:99% !important;
}

/* Com sub */
#bComSub{
 margin-top:20px;
}

/* Card */
.post-list .card{
 border-style:solid !important;
 border-width:1px !important;
 border-color:#a1a4c3 !important;
 box-shadow:0px 0px 3px 1px #a6a9aa;
}


@media (min-width:937px){

 /* Card body */
 .container .card-body .card-body{
border-style:solid !important;
 border-width:1px !important;
 border-color:#a1a4c3 !important;
 box-shadow:0px 0px 3px 1px #a6a9aa;
 border-radius:10px;
 
 }
 
}

@media (min-width:1075px){

 /* Card */
 .post-list .card{
  margin-right:20px;
 }
 
}


@media (max-width:768px){

 /* Card */
 .post-list .card{
  box-shadow:none;
  border-style:none !important;
 }
 
 /* Container */
 .container{
  margin-left:10px;
 }
 
}

@media (max-width:576px){

 /* Container */
 .container{
  margin-left:0px;

 }
 

}


/* Heading */
.post-list a h2{
 color:#134888;
 font-weight:600;
	text-shadow:rgb(185, 213, 245) 0px 0px 3px;
}



/* Heading */
.col-lg-8 a h2{
 color:#134888;
 text-shadow:rgb(185, 213, 245) 0px 0px 3px;
 font-size:20px;
 font-weight:600;
}

/* Button */
.d-lg-block .d-inline-block a{
 background-color:#239c0b;
}

/* Text muted */
.container .d-sm-block .post-item-box h6.text-muted{
 font-weight:600;
 color:#064b0a !important;
}

/* Image */
.post-date a img{
 padding-top:11px;
}
/* Image */
.container a:nth-child(4) img{
 margin-top:0px;
}