@charset "UTF-8";

/* reset kinde of */

* {
	box-sizing: border-box;
	outline: none !important;
}

/* global */

p {
	margin: 0.25em 0;
}

a {
	text-decoration: none;
}

img, table {
	max-width: 100%;
}

.imgFeat {
	width: 100%;
	height: auto;
}

.hr {
	border: 0;
	height: 15px;
	background: transparent !important;
}

/* html */

html {
	scroll-behavior: smooth;
}

/* margin and padding */

.mrg0, .ul {
	margin: 0;
}

.mrgb {
	margin-bottom: 1rem;
}

/* lists */

.ul {
	list-style-type: none;
	padding: 0;
}

.li:last-child,.lib:last-child {
	margin-bottom: 0;
}

.lib:last-child {
	border-bottom: 0;
}

/* flex */

.fl,.flW,.flRe,.flWRe,.plmc {
	display: flex;
}

.flW,.flWRe {
	flex-wrap: wrap;
}

.flRe,.flWRe {
	flex-direction: row-reverse;
}

.aliI-CE,.plmc {
	align-items: center;
}

.jusCo-SP {
	justify-content: space-between;
}

.jusCo-CE,.plmc {
	justify-content: center;
}

.fl-im {
	display: flex !important;
}

/* border-radius */

.borOK {
	border-radius: 50%;
}

.borNOK {
	border-radius: 10rem;
}

/* buttons and input[type="submit"] */

.but, input[type="submit"] {
	padding: 0;
	border: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
}

/* positioning */

.por{
	position: relative;
}

.pos,.farhana  {
	position: absolute;
}

.farhana {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	inset: 0;
}

.zin1 {
	z-index: 1;
}

.zin2 {
	z-index: 2;
}

.zin3 {
	z-index: 3;
}

.zin4 {
	z-index: 4;
}

.zin5 {
	z-index: 5;
}

/* aligns */

.txt-R {
	text-align: right;
}

.txt-C,.plmc {
	text-align: center;
}

.txt-L {
	text-align: left;
}

.dir-L {
	direction: ltr;
}

.dir-R {
	direction: rtl;
}

/* summary */

summary {
	cursor: pointer;
}

.non-mark {
	list-style-type: none !important;
}

.non-mark::marker {
	color:transparent;
}

/* displays */

.disp-B {
	display: block;
}

/* float */

.floR {
	float: right;
}

.floL {
	float: left;
}

.clear {
	clear: both;
}

/*fonts in blog never change*/

/* فونت های وبلاگ اینجاست بچه ها اصن تغییر ندید  این قسمت نیازی به ادیت نداره */

/* fonts */

/*font awesome*/

@font-face {
	font-family: 'Font Awesome 5 Free';
	src: url("https://bayanbox.ir/download/4392897547407628947/fa-solid-900.eot?#iefix") format("embeded-opentype"),
	url("https://bayanbox.ir/download/3706299187250494616/fa-solid-900.woff") format("woff"),
	url("https://bayanbox.ir/download/3787616081568797036/fa-solid-900.woff2") format("woff2"),
	url("https://bayanbox.ir/download/59719621806361717/fa-solid-900.svg#fa-solid-900") format("svg"),
	url("https://bayanbox.ir/download/7180062416204032635/fa-solid-900.ttf") format("truetype");
	font-style: normal;
	font-weight: normal !important;
}

/*به هیچ وجه پاک نکنید*/

.fa,.search-wrapper:after  {
	font-family : 'Font Awesome 5 Free' !important;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-weight: normal !important;
}

textarea, input, select, body,
button, h1, h2, h3, h4, h5, h6,
iframe,.followBx, .followThis,
.cke_reset_all .cke_rtl * {
 font-family:sahel !important; 
}


/*شروع استایل دهی قالب از اینجا به بعد کنار هرچی نوشته بودم ادیت همونو ادیت کنید قالب کاملن ادیت میشه*/

body {
	background-color: #3F3834; /*ادیت*/
	background-image: url('/*لینک تصویر تون رو بزارید اینجا*/');
	margin: 0;
	font-size:16px;
}

/* header */

header.header {
	height: 350px;
	background: url('https://bayanbox.ir/view/6519206064901640987/image-2022-10-30-170242035.jpg'); /*ادیت : تصویر هدر قالب*/
	background-position: center;
}

/* top menu ('search part and follow button') */

.srch-and-follow {
	padding: 10px 15px;
	background: rgba(0, 0, 0, 0.2); /*رنگ اینو تغییر ندید دوستان بهتره تغییر ندید*/
}

/* follow button in top menu The 'top menu' refers to that top section that i put the search bar in. */ 
/* بالا گفتم این بخش مربوط به تاپ منو هستش همون جایی که سرچ وجستجو هست */

.srch-and-follow a {
	padding: 2px 10px;
	background: #fff; /*ادیت : پس زمینه دکمه فالو*/
	border-radius: 3px;
	color: #000; /* ادیت : رنگ دکمه فالو */
	font-weight: 600;
}

.srch-and-follow a,
nav div[name*="https://blog.ir/panel/-/followed_blogs?follow="],
.follow-about{
	display: none;
}

.srch-and-follow a[name*="https://blog.ir/panel/-/followed_blogs?follow="]{
	display: flex;
}

.follow-about[name*="https://blog.ir/panel/-/followed_blogs?follow="] {
	display:block;
}

/* search bar */

/* search bar reset */

#srchBx,.search-box.black {
	background: none !important;
	border: 0 !important;
	margin: 0 !important;
	height: auto !important;
	line-height: normal !important;
	border-radius: 0 !important;
}

.search-wrapper {
	margin:0 !important;
}

.search-box input.text {
	float:none !important;
}

form[action$="/search"] {
	display: flex;
	position: relative;
}

.search-wrapper {
	width: 450px;
	position: relative;
}

.search-wrapper input[type="text"] {
	width: 100%;
	padding: 10px;
	border: 0;
	border-radius: 3px;
	padding-left: 38px;
	background: rgba(255, 255, 255, 0.13);
	color: #fff !important;
	height:36px;
	font-size:13.3333px;
}

.search-wrapper input[type="text"]::placeholder {
	color: #fff;
	font-family: main;
}

form[action$="/search"] input[type="submit"] {
	border-radius: 3px;
	left: 0;
	position: absolute;
	width: 36px;
	height: 36px;
	background: transparent !important;
	display:inline-block;
}

.search-wrapper:after {
	border-radius: 2px;
	content: '\f002';
	position: absolute;
	left: 0;
	height: 36px;
	width: 36px;
	background: transparent;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	top:0;
}

/* profile website */

header.header .imgProf {
	width: 114px;
	height: 114px;
	border-radius: 50%;
	background: #3f3834;
	top: 100%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.imgProf img {
	width: 114px;
	height: 114px;
	border-radius: inherit;
	padding: 5px;
	object-fit: cover;
    	filter: saturate(0.5);
}

/* main part */

main {
	width: 820px;
	margin: 0 auto 50px;
}

/* Short Info About Blog */

.ShortInfoAbouBlog {
	text-align: center;
	padding: 50px 0 10px;
}

.ShortInfoAbouBlog .h1b {
	font-size: 56px;
}

/* blog name */

.ShortInfoAbouBlog .h1b a,
.heading,
.pos-es-I a,
.stat-i {
	color: #A19090;
}

/* blog short description */

.ShortInfoAbouBlog strong {
	color: #a19090b3;
}

/* menu */

nav {
	padding: 10px;
}

nav div {
	margin: 0 0 3px 10px;
}

nav div a {
	color: #fff;
}

/* menu selected */

nav div a.selected {
	border-bottom: 2px solid;
}

/* main-columns */

.main-col {
	margin: 15px 0 0;
}

/* side bar */

aside {
	width: 300px;
}

.siI {
	margin-bottom: 30px;
}



/* headings in sidebar */

.heading {
	text-align: left;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	margin: 0 0 15px;
}

/* about Me */

.about-Me[open] .pos.non-mark .fa-times {
	display: inline-block;
}


.about-Me[open] .pos.non-mark .fa-question,
.about-Me .pos.non-mark .fa-times {
	display: none;
}

.about-Me .pos.non-mark {
	width: 25px;
	height: 25px;
	border-radius: 100px;
	background: linear-gradient(45deg, #3f3834, #a19090);
	color: #000;
	transition: top 0.6s ease, right 0.6s ease;
}

.about-Me[open] .pos.non-mark {
	top: 8px;
	right: 5px;
}

.about-sec {
	padding: 8px;
	border: 2px solid;
}

.about-sec img {
	border-radius: 5px;
}

.name-blog-ab {
	font-size: 18px;
	color: #A19090;
	margin-bottom: 6px;
}

.long-desc {
	color: #a19090b3;
	margin-bottom: 13px;
}

.follow-about {
	padding: 2px 8px;
	border-radius: 10px 42%;
	top: 100%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #3f3834;
	color: #A19090;
	font-weight: 600;
	border: 2px solid;
}

.about-sec,
.follow-about {
	border-color: #2c2724;
}

.mob-about {
	display: none;
}

/* Stories */
.story-item {
	margin: 2px;
}

.story-item .xfd {
	list-style-type: none;
	height: 95px;
}

.story-item .xfd img {
	width: 95px;
	height: 95px;
	border-radius: 6px;
}

.story-item .xfd i {
	display: none;
	position: fixed;
	z-index: 10;
	width: 25px;
	height: 25px;
	color: red;
	background: #3f3834;
	top: 25px;
	right: 25px;
}

.story-item[open] .xfd i {
	display: flex;
}

/* show My Story */

.shMyStory {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9;
	overflow-y: scroll;
}

.story-item[open] .shMyStory,
.inf-data-post[open] .box-detail,
.about-Me[open] .about-sec,
.tab-get-right,
details.Link ul,
details.commentMe-Here[open] .berg,
body {
	animation: farhanFade 0.6s linear 0s 1;
}


/* story view */

.story-view {
	width: 300px;
	background: #fff;
	border-radius: 3px;
	margin: 50px auto;
}

/* story like */

.featur-story-img a i {
	color:#fff;
}

.featur-story-img i {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size:20px;
}

.rated a i {
	color: darkred;
}

/* title-story */

.title-story {
	color: #000;
	padding: 10px 5px;
}

.mainTxt {
	padding: 0 15px 5px;
}

.mainTxtS {
	padding: 5px;
}

/* recent-comments */

.recCom {
	margin-bottom: 10px;
	width: fit-content;
	max-width: 100%;
}

.recCom a {
	color: #000;
	font-size: 12px;
	font-weight: 600;
}

.recCom-con {
	padding: 6px 15px 0 0;
}

.recCom-con div {
	padding: 5px 8px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.recCom-con:after {
	z-index: -1;
	content: '';
	position: absolute;
	border: 0;
	border-right: 15px solid #ffffff;
	border-bottom: 15px solid #ff000000;
	top: 13px;
	right: 11px;
	transform: rotate(45deg);
}

/* stats */

.stat-i {
	font-size: 12px;
	padding: 5px;
	background: rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid #A19090;
}

/* music-player */

.name-and-player {
	width: calc(100% - 64px);
	padding-left: 6px;
	text-align: left;
	font-size: 13px;
	font-weight: 600;
	color: #000;
}

.name-and-player .player {
	margin: 8px auto 0 0;
	position: relative;
	width: 110px;
	height: 30px;
	border-radius: 5px;
	overflow: hidden;
}

.name-and-player .player p, .name-and-player .player div {
	margin: 0;
	padding: 0;
	border: 0;
}

.name-and-player .player audio {
	width: 200px;
	height: 30px;
	position: absolute;
	left: -11px;
	-webkit-filter: invert(1);
	filter: invert(1);
}

.music-I {
	padding: 8px;
	border: 3px solid #2d2825;
	border-radius: 10px;
	box-shadow: 0 0 6px #212120;
	margin-bottom: 8px;
}

/* blue tags */

.blTag {
	margin-bottom: 15px;
}

.blue-tag-I {
	border: 3px solid #2c2724;
	padding: 5px;
	margin-bottom: 10px;
}

.blue-tag-name {
	color: #998b81;
	display: block;
}

.blue-tag-name:before {
	content: '--';
	color: #b98674;
	padding-left: 7px;
}

.blue-tag-I .mainTxts {
	color: #a19090b3;
	font-size: 14px;
}

.blue-read-more {
    font-size: 13px;
    color: #cdcdcd;
}

/* tab container */

.tab-con {
	padding: 2px;
	margin: 40px 0 15px;
	min-height: 25px;
}

.tab-con .d .pos.non-mark .fa-times,
.tab-con .d[open=""] .pos.non-mark .fa {
	display: none;
}

.tab-con .d[open=""] .pos.non-mark .fa-times {
	display: block;
}

.tab-con .d .pos.non-mark {
	background: #a19090b3;
	color: #3f3834;
	width: 25px;
	height: 25px;
	top: 0;
}

.tab-con .d1 .pos.non-mark {
	left: 10%;
}

.tab-con .d2 .pos.non-mark {
	left: 35%;
}

.tab-con .d3 .pos.non-mark {
	left: 60%;
}

.tab-con .d4 .pos.non-mark {
	left: 85%;
}

/* tabs settings */

.tab-get-right {
	margin-top: 33px;
}

.pos-es-I {
	padding: 6px;
	border-radius: 2px;
	background: #2d2825d6;
	margin-bottom: 5px;
}

/* link and daily link and archive */

.Link summary {
	padding: 2px 24px;
	border-radius: 3px;
	background: #a19090b3;
	color: #3f3834;
	font-weight: 600;
}

.link-I:first-child,
.category-I:first-child {
	margin-top: 10px;
}

.link-I {
	padding: 5px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	margin-bottom: 6px;
}

.link-I a {
	color: #A19090;
}

/* tag cloud */

.tag-cloud .ul.flW {
	margin-top: 8px;
}

.tagCloud-I {
	margin: 0 0 3px 3px;
	padding: 2px 6px;
	background: #000;
}

.tagCloud-I:after {
	content: '#';
	color: chocolate;
}

.tagCloud-I a {
	color: #A19090;
}

/* categories */

.category-I {
	margin-bottom: 8px;
}

.category-I a {
	padding: 5px;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.3);
	color: #847675;
	font-weight: 600;
}

.category .ul.subC {
	margin-bottom: 8px;
}

.category .ul.subC li {
	margin-right: 26px;
	position: relative;
}

.category .ul.subC li:before {
	content: '↷';
	position: absolute;
	width: 20px;
	height: 20px;
	right: -23px;
	transform: rotate(90deg);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 100px;
	background: #000;
	color: chocolate;
}

/* articles block or post block */

.article-list {
	width: 560px;
}

/* story mobile */

.story-mobile {
	overflow-x: scroll;
	margin-bottom: 15px;
	display: none;
}

.story-mobile .story-item {
	flex-shrink: 0;
}

.story-mobile .story-item .xfd img {
	border-radius: 100px;
}

.story-mobile::-webkit-scrollbar,
.commentMe-Here textarea[name="comment"]::-webkit-scrollbar{
	width: 0 !important;
	height: 0 !important;
}

/* posts */

.post-I {
	background: #fff;
	border-radius: 5px;
	margin-bottom: 15px;
}

/* post header */

.post-header,
.post-footer {
	padding: 2px 18px;
}

.post-header {
	border-bottom: 1px solid #fafafa;
}

.detail-item span, .detail-item .rated span {
	color: #000;
	font-weight: normal;
}

.detail-item:first-child {
	color: #000;
	font-size: 12px;
}

/* post author and his/her name in each post */

.avatar-post {
	height: 45px;
	width: 45px;
}

.avatar-post img {
	border-radius: inherit;
	padding: 4px;
	background: linear-gradient(to bottom right, #ce6c4e, #883607);
}

.post-header div.fl.aliI-CE span b {
	font-size: 13px;
	padding-right: 6px;
}

/* data and info about post */

.inf-data-post {
	padding-top: 11px;
}

.inf-data-post .butShInf {
	width: 25px;
	height: 25px;
	border: 1px dotted transparent;
}

.inf-data-post[open] .butShInf {
	border-color: #000;
}

/* open data about post*/

.box-detail {
	position: absolute;
	width: 295px;
	left: 0;
	background: #fff;
	padding: 5px;
	border-radius: 0 5px 5px 0;
	box-shadow: 6px 6px 8px 3px #1c1b17;
	top: 50px;
	z-index:5;
}

.detail-item {
	padding: 5px;
	border-bottom: 1px solid #fafafa;
}

.detail-item:last-child {
	border: 0;
}

/* category post */

.category-post-i, .catp {
	font-size: 9px;
	padding: 3px 6px;
	height: fit-content;
	background: #3f3834;
	margin: 0 0 2px 2px;
	border-radius: 10px 63%;
}

.category-post-i a {
	color: #A19090;
}

.catp {
	font-size: 14px;
	color: #c3a981 !important;
	margin: 13px 0;
	display: inline-block;
}

.detail-item ul {
	width: calc(100% - 95px);
}


/* name post */

.name-post {
	font-size: 21px;
	padding: 5px 15px;
}

.name-post a {
	color: #3F3834;
}

/* footer post */

/* comment Me Here */

.commentMe-Here .comMe-But {
	color: #000;
	font-size: 16px;
}

.commentMe-Here textarea[name="comment"] {
	resize: none;
	height: 35px;
	padding: 5px;
	font-family: main2, main;
	width: 100%;
	border: 2px dashed #ddd;
	border-radius: 5px;
	color: chocolate;
}

.whenOp,
.commentMe-Here[open=""] .comMe-But .befOp {
	display: none;
}

.commentMe-Here[open=""] .comMe-But .whenOp {
	display: block;
}

/* comment Me Setting Never Change (هیچ وقت تغییر ندهید قسمت پایین رو) */

.commentMe-Here form.bComForm .anon-hide,
.commentMe-Here form.bComForm .smalltip,
.commentMe-Here form.bComForm .formField2 label{
	display: none !important;
}

.commentMe-Here form.bComForm .formField2 .fldcontent {
	padding-left: 0;
	margin-right: 0;
}

.commentMe-Here form.bComForm .formField2 label[for] {
	display: inline-block !important;
	font-size: 12px;
}

input[type=radio], input[type=checkbox] {
	filter: brightness(2.5) invert(0.21);
	cursor:pointer;
}

.commentMe-Here .berg .item_success {
	font-size: 12px;
	margin-top: 8px;
	display: inline-block;
	width: 100%;
	border: 0;
	border-radius: 6px;
	background: antiquewhite;
	position:relative;
	padding:15px;
}

/*نوشته زیر را به هیچ وجه تغییر ندهید */

.commentMe-Here .berg .item_success::after {
	border-radius: inherit;
	background: inherit;
	position: absolute;
	content: 'دوست عزیز برای نوشتن دیدگاه خود در قسمت فست کامنتینگ لطفا اول در بیان ثبت نام کنید و یا بر روی عنوان پست کلیک کنید و در صفحه مخصوص به خودش دیدگاه خود را بیان کنید';
	inset: 0;
	color: #000;
	font-size: inherit;
	display: flex;
	align-items: center;
	padding: 7px;
}

/* در بخش پایین فقط رنگ و پس زمینه رو تغییر بدهید بقیه جاها رو تغییر ندید */

.commentMe-Here .bComForm .sendbutton.hasCheckbox {
	width: 100%;
	color: #2c2724;
	border-radius: 5px;
	margin-top: 0;
	background: #947b6c;
	padding: 2px;
}

/* like and read more */

.likePost {
	margin-left: 7px;
}

/*رنگ دکه ادامه مطلب و لایک برای پست ها پایین هستش اونو میتونید تغییر بدید*/

.readMore svg,
.likePost svg {
	fill: #3f3834;
}

.rated .likePost svg {
	fill:red;
}

/* pagination */

.pagination-box {
	padding: 7px;
	border: 3px solid #2c2724;
	box-shadow: 0 0 6px #000;
	border-radius: 100px;
}

.pagination-box a {
	margin: 0 0 3px 3px;
}

.B-and-A {
	padding: 2px 8px;
	border-radius: 100px;
	color: #fff;
	background: #000;
}

.Num {
	color: #fff;
	text-align: center;
	padding: 2px 6px;
	border-radius: 100px;
	background: radial-gradient(black, transparent);
	width: 30px;
}

.spacer-pagination {
	font-weight: 600;
	color: #736055;
	padding: 0 6px;
}

/* page */

.page {
	background: #fff;
	border-radius: 5px;
	margin-bottom: 15px;
}

/* page header */

.page_header {
	padding: 8px 15px;
}

.inf-data-page {
	padding: 0;
}

/* page name */

.page-name {
	font-size: 16px;
	color: #000;
	padding-left: 6px;
}

/* box page detail */

.box-page-detail {
	position: absolute;
	width: 295px;
	left: 0;
	background: #fff;
	padding: 5px;
	border-radius: 0 5px 5px 0;
	box-shadow: 6px 6px 8px 3px #1c1b17;
	top: 41px;
	z-index:5;
}

.date-page-I {
	padding: 5px;
	border-bottom: 1px solid #fafafa;
}

/* main settings for page Never Change*/

.maintxt-page  {
	padding-bottom: 25px;
}

.maintxt-page p,
.maintxt-page div,
.maintxt-page blockquote,
.maintxt-page pre {
	margin: 0.25em 15px !important;
}

/* footer page */

.footer-page {
	top: 100%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 3px 20px;
	background: #3f3834;
	border-radius: 17px 40%;
	border: 2px solid #0a080b;
	font-style: initial;
}

/* comment situation */

.com-situ {
	margin: 30px 0 15px;
	text-align: center;
	padding: 6px;
	border-radius:6px;
	background:#342e2b;
	text-shadow: 1.1px 1.3px #000;
	color: #fff;
}

/* post and page comments */

.coms-p {
	margin: 10px 0;
	background: url('https://i.pinimg.com/originals/24/69/90/246990856080012235a4cbae9ef5b792.jpg');
	background-attachment: fixed;
	background-size: contain;
	border-radius: 7px;
	flex-direction: column;
}

.pCom:first-child {
	margin-top: 15px;
}
.pCom:last-child {
	margin-bottom: 15px;
}

.pCom {
	margin: 8px 15px 7px;
	
}

.pCom {
	width: fit-content;
	max-width: 100%;
	font-size: 12px;
	font-weight: 600;
	color: #000;
}

.pCom-con {
	padding: 6px 15px 0 0;
	width: calc(100% - 50px);
}

.pCom-con div {
	padding: 8px 12px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.pCom-con:after {
	z-index: 0;
	content: '';
	position: absolute;
	border: 0;
	border-right: 15px solid #ffffff;
	border-bottom: 15px solid #ff000000;
	top: 13px;
	right: 11px;
	transform: rotate(45deg);
}

.ava-pCom {
	width: 50px;
	height: 40px;
	border-radius: 100px;
}

/* comment reply */

.pCom.flRe .pCom-con {
	padding: 6px 0 0 15px;
}

.pCom.flRe .pCom-con div {
	background: #ff9800;
}

/* never change it */

.pCom.flRe .pCom-con:after {
	content: none;
}

.pCom.flRe .pCom-con:before {
	content: '';
	position: absolute;
	border: 0;
	border-left: 15px solid #ff9800;
	border-top: 15px solid transparent;
	transform: rotate(45deg);
	left: 11px;
	top: 13px;
}

/* post tags */

.post-tag-I {
    padding: 1px 6px;
    margin-left: 2px;
    font-size: 13px;
    margin-bottom: 2px;
    background: #7e5f4c;
    border-radius: 6px 18%;
    position: relative;
}

.post-tags {
    padding: 5px;
    border-radius: 5px;
    background: #fff;
}

.post-tag-I a {
    color: #fff;
}

.post-tag-I:after {
	content: '#';
	color: #000;
	font-weight: 600;
}

/*comment form*/

#comment_box {
	padding: 5px;
	background: #342e2b;
	border-radius: 6px;
}

#comment_box form.bComForm .formField2 .fldcontent {
	padding: 0;
	margin: 0;
}

#comment_box form.bComForm .formField2 label {
	border-radius: 10px 10px 0 0;
	font-size: 12px;
	width: fit-content;
	width:100px;
	color:#fff;
	padding:1px 0;
	margin-bottom:-2px;
	position:relative;
	z-index:0;
	background: #2a2420;
	text-align: center;
}

#comment_box form.bComForm .formField2 label[for] {
	background: none;
	border: 0;
	position: static;
	margin:0;
	padding:0;
}

#captchaInput {
	width: 100% !important;
}

.item_success {
	border: 0;
	background: whitesmoke;
	font-size: 12px;
}

#comment_box form.bComForm .commentAvatar span, .smalltip {
	display:none !important;
}

#comment_box form.bComForm .commentAvatar img {
	border: 0;
	border-radius: 50%;
}

#comment_box .bComForm .formField2 textarea[name="comment"] {
	color:#fff;
	background: #2a2420;
	border: 0;
	resize: none;
	height: 118px;
	width: 100%;
}

select, .formField2 input.text {
	width: 100%;
	padding: 5px;
	background: #2a2420;
	border: 0;
	direction: ltr;
	color: #795548;
	margin-bottom:7px;
}

#comment_box form.bComForm .formField2 {
	position: relative;
}

#comment_box form.bComForm .sendbutton.hasCheckbox {
	color: #fff;
	text-align: center;
	margin-top: 0;
	width: 100%;
	padding: 5px;
	background: #2a2420;
}

/* view of posts */

.gotoc {
    color: #000;
    font-weight: 600;
}

.webfooter {
    padding: 15px;
    background: linear-gradient(45deg, #3f3834, #26211f);
    text-align: center;
    font-size: 16px;
}

.webfooter a {
    color: #fff;
}

/* web typography */

video {
	width: 100% !important;
    	height: auto !important;
}

audio {
    width: 100%;
    height: 32px;
    border-radius: 100px;
}

/* blue tags typograghy */


.blue-tag-I .mainTxts video {
    background: #3f3834;
}

.blue-tag-I .mainTxts audio {
    filter: brightness(0.9) invert(1);
}

.blue-tag-I .mainTxts img {
	display:none;
}

.blue-tag-I .mainTxts a {
	color:#8c4e17;
	text-decoration:1px solid underline;
}

/*story,posts and page*/

.mainTxt h1, .mainTxt h2, .mainTxt h3, .mainTxt h4, .mainTxt h5, .mainTxt h6
.maintxt-page h1, .maintxt-page h2, .maintxt-page h3, .maintxt-page h4, .maintxt-page h5, .maintxt-page h6 
.story-view .maiTxt h1, .story-view .maiTxt h2, .story-view .maiTxt h3, .story-view .maiTxt h4, .story-view .maiTxt h5, .story-view .maiTxt h6{
    margin: 10px 0;
}

.mainTxt h1,.maintxt-page h1, .story-view .maiTxt h1 {
    font-size:20px;
}

.mainTxt h2,.maintxt-page h2, .story-view .maiTxt h2 {
    font-size: 19.2px;
}

.mainTxt h3,.maintxt-page h3, .story-view .maiTxt h3 {
    font-size: 17px;
}

.mainTxt h4,.maintxt-page h4, .story-view .maiTxt h4 {
    font-size: 16px;
}

.mainTxt h5 ,.maintxt-page h5, .story-view .maiTxt h5 {
    font-size:12px;
    font-style:oblique;
    color:#aaa;
}

.mainTxt, .maintxt-page, .story-view .maiTxt {
    font-size: 14px
}

.mainTxt audio, .maintxt-page audio, .story-view .maiTxt audio {
    display:block;
    margin: 10px auto;
    filter:invert(0.8) hue-rotate(15deg);
}

.mainTxt hr,.maintxt-page hr, .story-view .maiTxt hr {
    border:0;
    border-bottom:2px dashed #3f3834;
}

.mainTxt a,.maintxt-page a, .story-view .maiTxt a {
    font-weight:600;
    color:brown;
}

.mainTxt blockquote, .maintxt-page blockquote, .story-view .maiTxt blockquote {
    border:0;
    padding: 20px 5px 5px;
    position: relative;
    margin: 10px 0;
    background: #807169;
    text-align: center;
    border-radius: 5px;
    font-style:normal;
    color:#000000675;
}

blockquote a {
    color: #ffd79c !important;
}

.mainTxt blockquote:after ,.maintxt-page blockquote:after, .story-view .maiTxt blockquote:after{
    content: "❝";
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%, -50%);
    width: 1em;
    height: 0.5em;
    background: #3f3834;
    border-radius: 11px;
    display: grid;
    padding-top: 0.5em;
    color: #958686;
    font-size: 30px;
    align-content: center;
    font-style: normal;
}

/*به هیچ وجه تغییر ندهید*/

/* Animations */


@keyframes farhanFade {
	0% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}


/* Responsive */

@media only screen and (max-width:820px) {
	main {
		width: 100%;
	}
	
	.story-mobile {
		display: flex;
	}
	
	.main-col {
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}
	
	.sto-Cons,
	.about-Me {
		display: none;
	}
	
	aside {
		width: 500px;
	}
	
	.article-list {
		margin-bottom: 30px;
	}
	
	.mob-about {
		display: block;
	}
}

@media only screen and (max-width:600px) {
	.search-wrapper {
		width: 280px;
	}
}

@media only screen and (max-width:585px) {
	.ShortInfoAbouBlog .h1b {
		font-size:45px;
	}
}

@media only screen and (max-width:500px) {
	
	aside,
	.article-list {
		width: 96%;
	}
}

@media only screen and (max-width:425px) {
	.search-wrapper {
		width: 185px;
	}
}

@media only screen and (max-width:345px) {
	.ShortInfoAbouBlog .h1b {
		font-size:35px;
	}
	
	.story-view {
		width:98%;
	}
	
	.story-item .xfd i {
		top:10px;
	}
}


@media only screen and (max-width:320px) {
	.search-wrapper {
		width: 150px;
	}
}

@media only screen and (max-width:300px) {
	.box-detail,
	.box-page-detail{
		width: 100%;
	}
}

@media only screen and (max-width:280px) {
	.search-wrapper {
		width: 125px;
	}
}

.fa-times:before {
	content: "\f00d"; }

.fa-question:before {
	content: "\f128"; }

.fa-heart:before {
	content: "\f004"; }

.fa-clock:before {
	content: "\f017"; }

.fa-fire:before {
	content: "\f06d"; }

.fa-comment-medical:before {
	content: "\f7f5"; }