@charset "utf-8";
/* CSS Document - v3.5.0 */
*, * *{
	padding:0;
	margin:0;
	box-sizing:border-box;
	direction: rtl;
	transition: all eas-in-out;
	transition-duration: 0.4s;
}

body,html{
	overflow-x:hidden;
	width: 100vw;
}

body{
	font-size:1.4rem;
	padding:0 10px;
	line-height:normal;
}
img{
	width:100% !important; 
	height:auto !important;
}

.my-content{
	padding-left:10px;
	padding-right:10px;
}

.post_list a{
	flex-wrap: nowrap;
}

.post_list a, .post-title>a{
	flex-wrap: nowrap;
}

.container {max-width:900px;}

/* -------------------------------------------------- */



/* -------------------------------------------------- */


@font-face {
	font-family: 'vazirmatn';
	src: url("https://bayanbox.ir/download/5184086568889432624/Vazirmatn-Regular.ttf");
}
@font-face {
	font-family: 'Droid Sans Mono';
	src: url("https://bayanbox.ir/download/5718957455840366440/DroidSansMono.ttf");
}
@font-face {
	font-family: 'A Dastan';
	src: url('https://bayanbox.ir/download/7020141019311639074/a-dastan.otf') format('opentype'),
	url('https://bayanbox.ir/download/1049497259470882460/a-dastan.ttf') format('woff'),
	url('https://bayanbox.ir/download/1049497259470882460/a-dastan.ttf') format('woff2'),
	url('https://bayanbox.ir/download/1049497259470882460/a-dastan.ttf') format('truetype');
}

*, * *{
	font-family: "A Dastan";
}

body{
	font-family: "A Dastan";
	background:#101010;
	color:#ffffff;
}

p{
	color:white;
}

a{
	text-decoration:none;
	text-shadow: 0px 0px 20px #ffffff42;
	color: #ffffff;
	opacity: 90%
}

a:hover{
	text-shadow: 0px 0px 14px #d4d4d4;
	opacity:100%;
}

.my-content{
	margin-left: auto;
	margin-right: auto;
}

.content-wrp{
	min-height:80vh;
}


/* -------------------------------------------------- */


/* header */
.header {
	max-width:900px;
	margin: 80px 0 30px 0;
}

.header .blog-short-description{
	padding-inline-start:4px;
	padding-top:5px;
	color:#9f9f9f;
}

.header a{
	text-shadow: 0px 0px 8px #d3d3d3;
}

/* END header */

/* -------------------------------------------------- */


/* Nav */
.nav-links{
	display: flex;
	flex-wrap: nowrap;
	padding-right: 5px;
}

.nav-links .nav-link{
	display: block;
	margin-left: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

/* END Nav */

/* -------------------------------------------------- */


/* Posts List */
.post_list a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width:760px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:15px;
	margin-top:20px;
}

.post_list a
.post-details-date{
	position:relative;
	opacity:85%;
}

.post-details-middle-dot{
	box-shadow: 0px 0px 0px #d3d3d3;
	display: block;
	width: 5px; height:5px;
	background: #ffffff;
	border-radius:999999%;
	opacity:100%;
	margin-left: 10px;
	margin-right: 10px;
	scale:0;
	transition: all ease-in-out;
	transition-duration: 0.3s;
}

.post_list:hover .post-details-middle-dot{
	box-shadow: 0px 0px 18px #f3f3f3;
	scale:1;
}

.post-details.bottom, .post_list .post-title{
	display: flex;
	flex-wrap:nowrap;
	align-items:center;
}

/* END Posts List */

/* -------------------------------------------------- */


/* Post */
.block-content-view .post_list, .block-content-view .post_list a{
	max-width:900px;
}

.block-content-view .post_detail .post_list>a{
	margin-bottom:0;
}

.post-author-name{
	direction:ltr;
	opacity: 70%;
	margin-bottom:38px;
}

.post-author-name span{
	scale:0.8;
	text-shadow: 0px 0px 15px #ffffff62;
}

/* END Post */

/* -------------------------------------------------- */


/* footer */
.footer{
	padding-top: 200px;
	padding-bottom:200px;
	text-align:center;
}

.footer-text{
	text-align:center;
	font-size;220px !important;
	scale:3;
	text-shadow: 0px 0px 14px #d4d4d4;
	width:fit-content;
	margin-left:auto;
	margin-right:auto;
	transition-duration: 4s;
}

.footer:hover .footer-text{
	rotate:720deg;
	scale:0;
	text-shadow: 0px 0px 12px #ffffff;
}

/* END footer */

/* -------------------------------------------------- */


/* <pre> */
.prettyprint{
	font-family: "vazirmatn", monospace !important;
	white-space:pre-wrap;
	background: #d9d9d9;
	padding:8px 12px !important;
	filter:invert();
	border:0px solid rgba(0,0,0,0) !important;
	outline:0px solid rgba(0,0,0,0) !important;
	border-radius:8px;
	font-size:1.1rem;
	text-align:ltr;
}


/* -------------------------------------------------- */


/* Custom classes */
.hidden{
	visibility:hidden;
}

.bb{
	font-weight:bold;
}

/* END Custom classes */

/* -------------------------------------------------- */


/* Custom Comment section */
.new-comment-section{
	padding-top:40px;
}

.formField2{
	max-width:700px;
	display: block !important;
	padding:0 !important;
	margin-bottom: 4px !important;
	margin-left:auto;;
	margin-right:auto;
}

.formField2 input,
.formField2 select{
	font-weight:bold;
	min-height:25px !important;
}

.formField2 input,
.formField2 textarea,
.formField2 select{
	background:#e0e0e0aa ;
	border-radius: 8px;
	width:100%;
	padding:3px;
	outline: 0;
	border:0;
}

.formField2 input:focus-visible,.formField2 input:hover,
.formField2 textarea:focus-visible,.formField2 textarea:hover,
.formField2 select:focus-visible,.formField2 select:hover{
	background:#e0e0e0ff !important;
	box-shadow: 0 0 14px #ffffff88;
	outline: 0;
	border:0;
}

.formField2 textarea{
	padding:5px !important;
}

.formField2>.fldcontent,
.formField2>.fldcontent>div{
	margin:0 !important;
	padding:0 !important;
	width:100% !important;
}

.formField2 label{
	margin:0 !important;
	padding:0 !important;
	text-align:right !important;
	width:100%;
	font-size:1.24rem;
}

#frm_isprivate,#frm_anon{
	width:fit-content;
	slace:1.5 !important;
	width:20px; height:20px;
}

.anon-hide.hasComment{
	margin:0 !important;
	padding:0 !important;
	width:100% !important;
}

.fldcontent>textarea{
	width:100%;
	min-width: 100% !important;
	max-width: 100% !important;
	min-height: 150px !important;
	max-height:220px !important;
}

#bComFormElem{
	position:relative;
}


.comment-add-form{
	line-height:normal !important;
}
.comment-add-form > div{
	line-height:normal !important;
}
.comment-add-form a{
	border-radius:8px !important;
}

/*list comments*/
.all-comments{
	color:#101010;
	padding-top:100px;
	padding-left:28px;
	padding-right:28px;
}
.custom-comment{
	padding:4px;
	background:#ffffffa0;
	margin-bottom:20px;
	max-width:650px;
	position:relative;
}
.custom-comment:after{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	border-top:10px solid transparent;
}
.post-comment:after{
	left:100%;
	border-bottom:10px solid #ffffffa0;
	border-left:10px solid #ffffffa0;
	border-right:10px solid transparent;
}
.comment-reply:after{
	right:100%;
	border-bottom:10px solid #ffffffcf;
	border-right:10px solid #ffffffcf;
	border-left:10px solid transparent;
}

.post-comment{
	border-radius: 10px 10px 0 10px;
}

.comment-reply{
	
	background:#ffffffcf;
	border-radius: 10px 10px 10px 0;
	margin-right:auto;
}



.comment-name-s{
	display:flex;
	flex-wrap:nowrap;
	justify-content: space-between;
	align-items: center;
	opacity:70%;
}
.comment-name{
	font-size:1.2rem;
}
.comment-body-content{
	padding:15px 8px;
}
.custom-comment a{
	color:#101010;
	text-shadow:none !important;
}
.comment-reply-body{
	text-align:left;
}

.comment-body-content a{
	color: #101010 !important;
	text-shadow: 0 0 10px #101010ff !important;
}
.comment-body-content a:hover{
	color:#000000 !important; 
	text-shadow: 0 0 7px #000000ff !important;
}
.comment-website{
	position:relative;
	display: block !important;
	width:18px !important;
	height:18px !important;
	border-radius:9999px !important; 
	background:#000000 !important;
	box-shadow: 0 0 14px #000000aa;
	text-shadow:none !important;
	margin-left:18px;
	
}
.comment-website:after,.comment-website:before{
	content:"" !important;
	display:block !important;
	position:absolute !important;
	width:	60% !important;
	height:	60% !important;
	top:50% !important;
	border-radius:9999px !important;
	background-color:#101010 !important;
	transform:translateY(-51%) !important;
	z-index:999;
	box-shadow: 0px 0px 14px #101010 !important;
	transition: all ease-in-out !important;
	transition-duration:0.3s !important;
}
.comment-website:after{
	right:110%;
}
.comment-website:before{
	left:110%;;
}
.custom-comment comment-website:hover{
	background:#000000;
	box-shadow:0 0 7px #000000ff !important;
}
.comment-date-ss{
	padding-left:2px;
	padding-right:2px;
	display: flex;
	justify-content: space-between;
}
.comment-date-section{
	padding: 2px 4px;
	text-align: left;
}.comment-date-section span{
	opacity:80%;
}
.comment-reply-date{
	text-align: right;
}
.comment-reply-name-s{
	display:flex;
	justify-content: left;
}
.comment-name{
	padding:0 8px;
}

.comment-date-section{
	font-size:1.1rem;
	opacity: 70%;
}

/* END Custom Comment section */

/* -------------------------------------------------- */


/* show email? not need anymore*/
.formField2.anon-hide{
	visibility: hidden !important;
	display:none !important;
}

.smalltip#frmPrivateNotice{
	visibility:hidden !important;
	display:none !important;
}


/* -------------------------------------------------- */


/* DISABLE: comment avatar */
/* قابلیت انتخاب عکس برای کامنت غیر فعال چون نیازی نداریم فعلا بهش. عکس کمتر، زندگی بهتر */
.commentAvatar{
	visibility: hidden;
	display:none !important;
}

/* Send comment msg btn */
.sendbutton{
	display: block !important;
	font-size:1.3rem !important;
	color:#101010 !important;
	background: #ffffffbb !important;
	box-shadow: 0px 0px 14px #d4d4d4 !important;
	border: 0px solid #000000 !important;
	outline: 0px !important;
	padding: 2px 4px !important;
	border-radius:8px;
	cursor: pointer;
	margin:0 0 15px 0 !important;
}

.sendbutton:hover{
	background: #ffffff !important;
	box-shadow: 0px 0px 6px #f1f1f1 !important;
}

/* END send comment msg btn */

/* -------------------------------------------------- */


/* DISABLED: error and warning msgs */
.item_wrn, .item_err{
	display:none !important;
	visibility:hidden !important;
}


/* -------------------------------------------------- */


/* success msg */
.item_success{
	color: #ffffffcc !important;
	background:none !important;
	background-color:none !important;
	border:0 !important;
	outline:0 !important;
}

.item_success .icon{
	display:none;
	visibility: hidde;
	text-shadow: 0px 0px 8px #ffffffee, 0px 0px 14px #ffffffaa;
}

/* END success msg */

/* -------------------------------------------------- */


/* Nex and Prev post btns */
.post-nav-links a{
	display:block !important;
	position:relative !important;
	border-radius:9999px !important;
	width:		50px !important;
	height: 	50px !important;
}

.post-nav-links{
	display:flex !important;
	position:relative !important;
	flex-wrap:nowrap !important;
	justify-content: space-between !important;
	width:100% !important;
}

.post-nav-links .post-nav-next:after,
.post-nav-links .post-nav-prev:after,
.post-nav-links .post-nav-next:before,
.post-nav-links .post-nav-prev:before{
	content:"" !important;
	display:block !important;
	position:absolute !important;
	width:	60% !important;
	height:	60% !important;
	top:50% !important;
	border-radius:9999px !important;
	background-color:#d3d3d3 !important;
	transform:translateY(-50%) !important;
	box-shadow: 0px 0px 14px #d4d4d4 !important;
	transition: all ease-in-out !important;
	transition-duration:0.3s !important;
}

.post-nav-links .post-nav-next:hover:after,
.post-nav-links .post-nav-prev:hover:after,
.post-nav-links .post-nav-next:hover:before,
.post-nav-links .post-nav-prev:hover:before{
	background-color:#ffffff !important;
	box-shadow: 0px 0px 5px #ffffff !important;
}

.post-nav-links .post-nav-next:before, .post-nav-links .post-nav-prev:after{
	left:0 !important;
}

.post-nav-links .post-nav-prev:before, .post-nav-links .post-nav-next:after{
	right:0 !important;
}

.post-nav-links .post-nav-next:after, .post-nav-links .post-nav-prev:after{
	width:	35% !important;
	height: 35% !important;
}

.post-nav-links.post-nav-links-top{
	margin-bottom:50px !important;
}

.post-nav-links.post-nav-links-bottom{
	margin-top:50px !important;
	margin-bottom:80px !important;
}

/* END Next and Prev post btns */