@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,audio {
     max-width: 100%;
    padding-right: 11px;
    padding-left: 11px;
    background: #e4e7e7;
    border: 2px solid #d7d6d5;
    }

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

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

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

/* html */

html {
    scroll-behavior: smooth;
}

/* margin and padding and width */

.fit-CON {
    width: fit-content;
}

.Hfit-CON {
    height: fit-content;
}

.mrg0, .ul, .padOmrg0 {
    margin: 0;
}

.mrgb {
    margin-bottom: 1rem;
}

.pad10 {
    padding: 10px;
}

.pad15 {
    padding: 15px;
}

.padOmrg0 {
    padding: 0;
}

.mrg-B10 {
    margin-bottom: 10px;
}

.mrg-T10 {
    margin-top: 10px;
}

/* 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;
}

.aliI-flS {
    align-items: flex-start;
}

.aliI-flE {
    align-items: flex-end;
}

.fl1 {
    flex-grow: 1;
    flex-shrink: 1;
}

/* border-radius */

.borOK {
    border-radius: 50%;
}

.borNOK {
    border-radius: 10rem;
}

.bor-INH {
    border-radius: inherit;
}

/* 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;
}

.zin6 {
    z-index: 6;
}

.zin7 {
    z-index: 7;
}

.zin8 {
    z-index: 8;
}

.zin9 {
    z-index: 9;
}

.zin10 {
    z-index: 10;
}

/* 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;
}

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

/* details topics... */

details .clBut .clos, details[open] .clBut .ope, .disp-N,[name="dis-N"] {
    display: none;
}

details[open] .clBut .clos {
    display: initial;
}

/* displays */

.disp-B {
    display: block;
}

/* float */

.floR {
    float: right;
}

.floL {
    float: left;
}

.clear {
    clear: both;
}

/* overflow */

.ovf-H {
    overflow: hidden;
}

.ovf-YS {
    overflow-y: scroll;
}

/* background and backG settings */

.backGSize {
    background-size: cover !important;
}

/* @key frames */

@keyframes fade-farhan {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}

@keyframes rot-farhan {
    0% {
        transform: rotate(0deg);
    }
    
    100% {
        transform: rotate(360deg);
    }
}

/* animations */

.fade-ME,
.stickyAs {
    animation: fade-farhan 0.6s linear 0s 1;
}

/* Fonts */

/* English Font */

@font-face {
    font-family: 'Poppins-Regular';
    src: url('https://bayanbox.ir/download/3597202278100401580/Poppins-Regular.eot');
    src: url('https://bayanbox.ir/download/3597202278100401580/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
    url('https://bayanbox.ir/download/1068366696921114214/Poppins-Regular.svg#Poppins-Regular') format('svg'),
    url('https://bayanbox.ir/download/5947179238070229354/Poppins-Regular.ttf') format('truetype'),
    url('https://bayanbox.ir/download/4861806138071738912/Poppins-Regular.woff') format('woff'),
    url('https://bayanbox.ir/download/7211620908606122750/Poppins-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


/* Persian Font */

@font-face {
    font-family: 'Vazir-Regular';
    src: url('//bayanbox.ir/download/4827310715344697348/Vazir.eot');
    src: url('//bayanbox.ir/download/4827310715344697348/Vazir.eot?#iefix') format('embedded-opentype'),
    url('//bayanbox.ir/download/9079346587792044865/Vazir.woff2') format('woff2'),
    url('//bayanbox.ir/download/8618153108850776974/Vazir.woff') format('woff'),
    url('//bayanbox.ir/download/8657326714357973781/Vazir.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

textarea, input,
select, body,
button,
h1, h2, h3, h4, h5, h6,
.followBx, .followThis,
.cke_reset_all .cke_rtl * {
    font-family: 'Poppins-Regular','Vazir-Regular';
}


/* body */

body {
   
 background:#b6c4dd url(//cdn.bayan.ir/blog/templates/120/body-bg.jpg);  
    border-top:16px solid #d6d6d7;
 }
::selection {
    background: #20666a;
    color: #e0edf1;
}

a {
  color: #6988b0;
    font-weight:bold;
  text-decoration: none;
  position: relative;
  transition: color 250ms ease;
}
a:hover {
    background: #ffe65c;
  color: #000000;
}

/* main */

main {
    width: 820px;
    margin: 25px auto;
}    

/* header */

header {
    background:url(https://s33.picofile.com/file/8485035842/photo_2025_05_24_12_37_27.jpg) #f9fbfa;
    border: 3px dashed #4fbaba;
    border:6px solid #f0f3f5;
        border-top:11px solid #e2e4e4;
    height: 142px;
    background-size: cover;
    border-radius: 6px;
}


/* blog name */

.blgTT a {
    font-size: 24px;
    padding: 1px 1px;
    border-radius: 0px;
    color: #d9d9d9;
    text-shadow: 0px 3px 2px rgb(0 0 0 / 99%);
    text-shadow:0 2px 0 #203d15;
        border: 0px solid #eff0f0;
}

/* music list */

.music_list-cont {
    height: 100px;
    margin: 25px 0 15px;
}

.music_list-cont::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.music_list-cont::-webkit-scrollbar-corner,
.music_list-cont::-webkit-scrollbar-track {
    background: transparent;
}

.music_list-cont::-webkit-scrollbar-thumb {
    background-color: indianred;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    border: 7px double transparent;
}

.music-IMG {
    width: 64px;
    height: 64px;
    border-radius: 100px;
    margin-left: 10px;
}

.music-I {
    margin: 0 15px 15px;
    background: #f1f3f4;
    border-radius: 10px;
    border: 4px dashed #fff;
    padding: 6px;
}

.rest-Mu {
    width: calc(100% - 75px);
}

.ex-Mu {
    width: calc(100% - 50px);
}

.ex-Mu h5 {
    font-size: 13.28px;
    color: #000;
}

.tag-M {
    margin-left: 3px;
    margin-bottom:3px;
}

.tag-M a {
    color: #c7c7c7;
    font-size: 11.5px;
    padding: 0 6px;
    background: rgba(255, 255, 255, 0.67);
    border-radius: 5px;
}

/* player */

.player {
    width: 30px;
    height: 30px;
}

.player audio {
    position: absolute;
    width: 100px !important;
    height: 35px !important;
    max-width: 100px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    min-width: 100px !important;
    left: -11px;
    top: -2px;
    filter: invert(1);
    -webkit-filter: invert(1);
    -moz-transform: translateX(2px);
}

.player p {
    margin:0!important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
}


/* header */
}
/*---block-message---*/
.align {
    margin-bottom: 10px;
}
.messages {
    background:#e1e4dd url(https://cdn.bayan.ir/blog/templates/142/body-bg.png) repeat;
    box-shadow: 0px 0px 0px 9px #dedfdd;
    padding: 1px 10px;
    text-align: center;
}
.messages h2{
    font-family: yekan,tahoma;
    font-weight: normal;
    font-size: 16px;
}
/* article block */

.politi {
    border: 5px solid #c2bcbc;
    border-radius: 5px;
    background:#e5edf0 url(https://cdn.bayan.ir/blog/templates/171/w-header.png);
    border-bottom:1px solid #1897ec;
    color:#000;
}

#article-block {
    width: 535px;
    height: 530px;
}

.section_post_list {
    
        border:3px solid #c4cac4;
    padding-bottom: 5px;
}

.post-I3 {
background:#ffffff url(https://cdn.bayan.ir/blog/templates/142/body-bg.png) repeat;
    box-shadow: 0 0 0px #b5b5b5;
    border: 3px solid #e5e6e6;
    margin-bottom: 21px;
    padding: 22px;
        box-shadow:0 0 6px 1px #cdc6c6;
        padding-bottom:1px;
}

.post-I-Name a {
    color: #535a58;
    padding:5px 21px 5px 1px;
        background:#eceeee url(https://cdn.bayan.ir/blog/templates/382/folder_ico.png) right center no-repeat;
        border-bottom:4px solid #e0e1e1;
    font-weight: bold;
    font-family: lale;
    font-size: 19px;
    font-weight: 900;
    border-radius: 0px;
}
a:hover {
    background: #cafa42;
  color: #ff4b14;
}

.picFeature {
    border-radius: 5px;
}

.mainTxt {
    font-size: 13.5px;
    color: #777;
}

/* footer post */

.footer-post {
    border:1px solid #e2dfdf;
        border-top:6px solid #ededed;
     background:#f7f7f7 url(https://cdn.bayan.ir/blog/templates/142/body-bg.png) repeat;
    padding: 3px;
}

.read_more {
    padding: 2px 10px;
    background: #f6f9f7;
    border-radius: 3px;
    color: #71787f;
    font-size: 13.5px;
}

.like {
    margin-left: 5px;
}

.like a,
.goCom a {
    font-size: 13.5px;
    padding: 2.5px 8px;
    border-radius: 5px;
}

.like a b,
.goCom a b {
    font-weight: normal;
}

.like a {
    background: #f6f9f7;
    color: #979797;
}

.goCom a {
    background: #f6f9f7;
    color: #979797;
}


.goCom a span {
    background: #a5bee4;
    width: 40px;
    left: 50%;
    top: 50%;
    height: 4px;
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-87%, -50%) rotate(-45deg);
}


.like a:hover,.rated a {
    background: #f6f9f7;
    color: #e0dddc;
}

/* When Post Has Liked By The User */

.rate-button-box.rated {
    font-weight:normal;
}

.rated a i:before,
.rated a:hover i:before{
    content:"\f004";
}

.date-post {
    font-size: 10px;
    color: #8a8f8b;
}

.views {
    font-size: 10px;
    color: #8a8f8b;
}

.tag-postss li {
    margin-left: 5px;
    margin-top: 5px;
    font-size: 10px;
}

.tag-postss li a {
    color: #8a8f8b;
}

.tag-postss li a:hover {
    color: #000000;
    text-decoration: underline;
}

.tag-postss li a:before {
    content: '#';
}

blockquote {
    border: 0;
    padding: 10px 5px 5px;
    text-align: center;
    margin: 18px 0;
    font-style: normal;
    position: relative;
     background: linear-gradient(45deg, #e3f6fc, #ffffff);
    border-radius: 5px;
}

blockquote:after {
    content: '❝';
    position:absolute;
    top: 0;
    left: 50%;
    display: block;
    font-size: 25px;
    width:25px;
    transform: translate(-50%, -50%) rotate(180deg);
    height:25px;
    background: #b9fb6a;
    color: #0bd59c;
    border-radius: 3px 57% 15px;
    box-shadow: 0 0 1px #000;
}

/*pagination*/

.pagination-box {
    background:#a8adaa url(//cdn.bayan.ir/blog/templates/120/body-bg.jpg);
    border: 3px solid #c2c1c1;
    padding: 6px 6px 1px 6px;
}

.pagination-box a {
    padding: 2.5px 13px;
    background: #eefdd3;
    color: #000;
    border-radius: 0px;
    text-align: center;
    margin-left: 6px;
    margin-bottom: 0px;
}
a:hover {
    background: #cafa42;
  color: #ff4b14;
}

.pagination-box a.current {
    background: #ffebbd;
    color: #ff0000;
}

.mainTxt audio {
    width: 100%;
    margin: 15px auto;
    height: 35px;
    border-radius: 100px;
}

/*stat*/

.stat-I {
    background: #e3e8e8;
}

.stat-I span {
    color: #000;
}

.stat-I b {
    background: #dad7d7;
    color: #000;
}

.stat-I b span {
    padding:0;
}

.WhoMade {
    background: #fcef1d;
    color: #fff;
    font-weight: 600;
}

.fot-Bl a {
    background: #33a383;
    padding: 9px;
    text-align: center;
    border-radius: 0px;
    display: block;
    color: #e7f8f9;
    font-weight: 600;
    font-style: oblique;
}


/* comments */

#comment_box_title {
    background:#bfbfbf url(http://bayanbox.ir/view/4610794979453298229/lined-paper-2.png);
    border: 2px solid #cfc9c9;
    border-radius: 0px;
    color:#000;
}

#comment_box_title span {
    color:#338fe1;
}

.formField2 textarea {
    border: 2px solid #e8e8e8;
    resize: none;
    height: 65px;
    background: #f9f9f9 url('#');
}

.formField2 textarea {
    border: 2px solid #e8e8e8;
    resize: none;
    height: 65px;
    background: #f9f9f9;
    width: 100%;
}

select {
    padding: 3px;
    border: 2px solid #d3d5d9;
    appearance: none;
    border-radius: 5px;
    width: 100%;
    cursor: cell;
}

.formField2 input.text {
    padding: 3px;
    border: 2px solid #e8e8e8;
    border-radius: 5px;
    background: #fff;
    font-size: 12px;
}

div.inputFix {
    padding: 0;
}

.smalltip {
    display: none !important;
}

.bComForm .commentAvatar img {
    border: 0;
    padding: 5px;
    background: linear-gradient(45deg, #d5b28d, #f7c4ae);
    border-radius: 100px;
}

.bComForm .commentAvatar span {
    display: none !important;
}

#comment_box {
    padding: 10px;
    margin-top: 35px;
    border-radius: 0px;
    border: 3px dashed #d8d4d4;
    background:#bfbfbf url(http://bayanbox.ir/view/4610794979453298229/lined-paper-2.png);
}

.formField2 label {
    text-align: right;
}

.formField2 .fldcontent {
    padding: 0;
    margin: 0 100px 0 0;
}

.formField2 label:not([for]):after {
    content: '';
    border: 0;
    border-right: 9px solid transparent; /*به هیچ وجه تغییر ندهید*/
    border-bottom: 9px solid #ff880a; /*رنگ این بخش باید با رنگ پس زمینه تیکه کد زیر یکی باشه */
    position: absolute;transform: rotate(45deg);bottom: 4.5px;left: -2px;} /*منظورم این نیست منظورم کد خط 729 هست*/

.formField2 label:not([for]) {
    position: relative;
    background: #cfcfcf;
    width: fit-content;
    color:#000;
    border-radius: 8px 0 0 8px;
    padding-right: 5px;
}

input#bComSub {
    margin: 0;
    text-align: center;
    width: 100%;
    color: #344c55;
    padding: 5px;
    background: #d0e53e;
}

/* comments list in posts and pages */

.shC0msBut {
    padding: 6px;
    border: 2px solid #c5d5d8;
    font-size: 14px;
    background:#9aa0a2;
    border-radius: 0px;
    margin: 20px 0;
}

.shC0msBut[open] {
    border:0;
}

.shC0msBut[open] .sum {
    margin-bottom:10px;
    padding:6px;
    border:2px solid #6fa1a5;
    border-radius:0px;
    background:#ff530a;
}

.shC0msBut[open] .sum .op,.clo{
    display:none;
}

.shC0msBut[open] .sum .clo {
    display:block;
}

.shC0msBut .sum span {
    color: #000;
}

.shC0msBut .sum span b{
    color: #000;
}

.shC0msBut[name="comsNow:۰"] {
    display: none;
}

/*
به هیچ وجه تکه کد زیر را تغییر ندهید این
تکه کد از خراب شدن دکمه نمایش دیدگاه در مرورگر های
قدیمی جلوگیری میکند 😘
*/

.shC0msBut .sum {
    color: transparent;
    text-align: center;
}

/*comments item*/

.comsLI {
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.niam {
    font-weight: 600;
}

a.niam {
   position: relative;
}

a.niam:after {
    content: '🌐';
    font-weight: normal;
    padding: 0 4px 0 0;
}

.comsLI img {
    padding: 5px;
    margin-left: 10px;
}

.commnTxt {
    padding: 5px;
    border-radius: 4px;
    margin: 5px;
}

.EXC0m {
    width: calc(100% - 68px);
}

/* user comment */

.comsLI.fir {
    background: #c6cedd;
}

.comsLI.fir img {
    background: linear-gradient(45deg, #f7c4ae, #d5b28d);
}

.comsLI.fir section .niam {
    color: #000;
}

.comsLI.fir .commnTxt {
    color: #000;
    background: #ced4d3;
    border: 2px solid antiquewhite;

}

/* admin comments */

.comsLI.sec {
    background: #ebe2e0;
}

.comsLI.sec img {
    background: linear-gradient(45deg, #a0805d, #0e0903);
}

.comsLI.sec section .niam {
    color: #000;
}

.comsLI.sec .commnTxt {
    background:#f8fee1 url(https://cdn.bayan.ir/blog/templates/142/body-bg.png) repeat;
    border: 3px solid #fff;
    color: #000;
}


/* position fixed container */

.positionFixedContainer {
    background: transparent;
    width: 835px;
    position: fixed;
    padding-left: 11px;
    height: 100vh;
    justify-content: flex-end;
}


/* aside */

aside {
        background: #f5fafa url('http://bayanbox.ir/view/8183506170057604885/back.png');
    border: 4px solid #d2d5d5;
    width: 266px;
    border-radius: 0px;
    border: 3px solid #becacf;
    border:3px solid #c0c4c4;
    border-top:3px solid #c4cac4;
    height: fit-content;
}

/* info blogs */

.infoImgCont {
    width: 239px;
    height:122px;
    border-radius: 0px;
}

.infoImgCont img,
.music-IMG img {
    border-radius: inherit;
    object-fit: cover;
    object-position: center;
    -o-object-position: center;
    -o-object-fit: cover;
    width: 100%;
    height: 100%;
}

/* short description */

.shdescription {
    border-radius: 3px;
    background: #6894ac;
    border: 2px solid #c4c4c4;
    font-size: 12px;
}

/* button container */

.button-cont {
    justify-content: space-between;
}

.button-cont a {
    display: block;
    position: relative;
    width: 17.5%;
    height: 15.3px;
    margin-bottom: 5px;
}

.button-cont a:after {
    position: absolute;
    content: attr(id);
    left: 50%;
    top: 0;
    border-radius: 3px;
    background: antiquewhite;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    color: #000;
    pointer-events: none;
    text-align: center;
    padding: 3px;
    white-space: nowrap;
    z-index: 3;
    font-size: 11.35px;
    box-shadow: 0 0 3px #fcccb7;
}

.button-cont a:hover:after {
    top: -29px;
}

/* tasvir dokme ha */

/* tasvir dokme akharin post ha */

[name="Akharin_Post_Ha"] {
    background: #cfddd8 url('https://www.svgrepo.com/show/100367/time-left.svg');
    border-radius: 50%;
    background-size: 100% 100%;
}

/* tasvir dokme Mahbob Tarin Post Ha */

[name="MahbobTarin_Post_Ha"] {
    background: #cfddd8 url('https://www.svgrepo.com/show/65342/like.svg');
    border-radius: 50%;
    background-size: 100% 100%;
}

/* tasvir dokme Por Bazdid Tarin Post Ha */

[name="Por_Bazdid_Tarin_Post_Ha"] {
    background: #cfddd8 url('https://www.svgrepo.com/show/135781/eye.svg');
    border-radius: 50%;
    background-size: 100% 100%;
}

/* tasvir dokme Por Bazdid Tarin Post Ha */

[name="Por_Bahs_Tarin_Post_Ha"] {
    background: #cfddd8 url('https://www.svgrepo.com/show/350485/comment-o.svg');
    border-radius: 50%;
    background-size: 100% 100%;
}


/* tasvir dokme Akharin Comment Ha */

[name="Akharin_Comment_Ha"] {
    background: #cfddd8 url('https://www.svgrepo.com/show/332297/comment.svg');
    border-radius: 50%;
    background-size: 100% 100%;
}

/* tasvir dokme Mozoat */

[name="Mozoate_Web"] {
    background: #cfddd8 url('https://www.svgrepo.com/show/356293/category-1.svg');
    border-radius: 50%;
    background-size: 80% 110% !important;
    background-repeat: no-repeat;
    background-position: 4px -1px;
}

/* tasvir dokme barchab haye web */

[name="Barchasb_Haye_Web"] {
    background: #cfddd8 url('https://www.svgrepo.com/show/85628/tag.svg');
    border-radius: 50%;
    background-size: 84% 84%;
    background-position: center 1px;
    background-repeat: no-repeat;
}

/* tasvir dokme archive */

[name="Archive"] {
    background: #cfddd8 url('https://www.svgrepo.com/show/124125/archive.svg');
    border-radius: 50%;
    background-size: 74% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

/* tasvir dokme payvand ha */

[name="Payvand_Ha"] {
    background: #cfddd8 url('https://www.svgrepo.com/show/349595/external-link.svg');
    border-radius: 50%;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

/* tasvir dokme payvand haye roozane */

[name="Payvand_Haye_Roozane"] {
    background: #cfddd8 url('https://www.svgrepo.com/show/111487/link.svg');
    border-radius: 50%;
    background-size: 82% 100%;
    background-position: center;
    background-repeat: no-repeat;
}


/* recent posts */

.section-container {
    border: 2px solid #e8e8e8;
}

.header-part {
    background: #faebd7;
    color: #000;
    font-size: 16px;
    padding-left: 32px;
}

/* closer */

.closer {
    width: 17px;
    height: 25px;
    background: url('https://www.svgrepo.com/show/304654/close-times.svg');
    background-size: 100% 100%;
    left: 7px;
}

.post-IS a {
    color: indianred;
    padding: 3px;
    background: #fff;
    border: 2px solid #e8e8e8;
    border-radius: 3px;
    font-size: 13.35px;
}

.post-IS a:hover {
    background: indianred;
    color: #fff;
    border-color: indianred;
}

/* recent comments */

.com-I {
    border: 2px solid #e8e8e8;
    border-radius: 6px;
    background: #fff;
}

.com-I img {
    margin-left: 10px;
    border-radius: 3px;
}

.com-I section {
    width: calc(100% - 48px);
}

.com-I section b {
    font-size: 16px;
    color: #000;
    padding-left: 6px;
}

.com-I section section {
    display: contents;
    font-size: 13px;
    color: #858585;
}

.com-I:hover {
    background: indianred;
    border-color: indianred;
}

.com-I:hover section b {
    color: #fff;
}

.com-I:hover section section {
    color: #ddd;
}

/* categories */

.cat-I {
    border: 2px solid #e8e8e8;
    border-radius: 6px;
    background: #fff;
}

.cat-I > span {
    font-size: 13.6px;
    color: #000;
    padding-left: 6px;
}

.cat-I div {
    padding: 2.5px 8px;
    background: #f9f9f9;
    font-size: 11.5px;
}

.cat-I div span {
    color: #000;
}

.cat-I div i {
    color: cadetblue;
}

.cat-I:hover {
    background: indianred;
    border-color: indianred;
}

.cat-I:hover > span {
    color: #fff;
}

.cat-I:hover div {
    background: #f9f9f9;
}

.cat-I:hover div span {
    color: #000;
}

.cat-I:hover div i {
    color: cadetblue;
}


/* tags */

.tag-I {
    margin-left: 5px;
    margin-bottom: 10px;
}

.tag-I a {
    padding: 5px 15px;
    border-radius: 3px;
    font-size: 11.5px;
    color: #000;
    background: #fff;
    border: 2px solid #e8e8e8;
}

.tag-I a:hover {
    background: indianred;
    color: #fff;
    border-color: indianred;
}

/* archive */

.arch-I a {
    border: 2px solid #e8e8e8;
    background: #fff;
}

.arch-I:first-child a {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.arch-I:last-child a {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.arch-I a:not(.arch-I:first-child a) {
    border-top: 0;
}

.arch-I a > span {
    color: #000;
    font-size: 13.6px;
    padding-left: 6px;
}


.arch-I a div {
    padding: 2.5px 8px;
    font-size: 11.5px;
    background: #f9f9f9;
}

.arch-I a div span {
    color: #000;
}

.arch-I a div i {
    color: indianred;
}

.arch-I a:hover {
    background: indianred;
    border-color: indianred;
}

.arch-I a:hover > span {
    color: #fff;
}

.arch-I a:hover div {
    background: #f9f9f9;
}

.arch-I a:hover div span {
    color: #000;
}

.arch-I a:hover div i {
    color: indianred;
}

/* links and daily links */

.link-I {
    background: #fff;
    color: #000;
    font-size: 13.5px;
    border: 2px solid #e8e8e8;
    border-radius: 10px;
}

.link-I:hover {
    background: indianred;
    border-color: indianred;
    color: #fff;
}

/* menu */

/* header of the menu section */

.header-menu {
    background: url('https://i.pinimg.com/474x/4a/da/3d/4ada3d34d7f544d10ae9b8472040f655.jpg');
    background-size: cover;
    height: 150px;
}


/* search farhan recet... */

#srchBx,.search-box.black {
    background: none !important;
    border: 0 !important;
    margin: -19px auto 15px !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;
    justify-content: center;
    position: relative;
}

.search-wrapper {
    width: 90%;
    position: relative;
}

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


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

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

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

.menu-I {margin-bottom: 5px;}

.menu-I a {
    border-radius: 4px;
    padding: 5px;
    text-align: center;
    background: #e8e8e8;
    color: #000;
    font-size: 14px;
}

.menu-button {
    border: 2px solid #e8e8e8;
    border-radius: 3px;
    font-size: 13px;
    color: #000;
    font-weight: 600;
}

.menu-I a:hover {
    background: indianred;
    color: #fff;
}

/* follow button in menu */

.menu-I a[href*="followed_blogs?follow"] {
    background: #f7c4ae;
    color: #000;
    box-shadow: 0 0 3px 755635;
}

.menu-I a[href*="followed_blogs?follow"]:hover {
    background: indianred;
    color: #fff;
    box-shadow: 0 0 3px #000;
}

.header-menu a.closer {
    top: 15px;
    left: 15px;
    background-size: 75% 75%;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.7);
}

/* follow button in side bar */

.flll {
    background: #d5b28d;
    color: #000;
    border-radius: 3px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    display: none;
}

.flll[href*="followed_blogs?follow"] {
    display: block;
}


[id^="_-_"]:target ~ *.section_post_list{ display: none;}

#_-_show_-_recent_-_posts:target ~ .R,
#__closer:target ~ .section_post_list,
#_-_show_-_popular_-_posts:target ~ .P,
#_-_show_-_MV_-_posts:target ~ .V,
#_-_show_-_MC_-_posts:target ~ .C,
#_-_show_-_recent_-_comments:target ~ .RC,
#_-_show_-_category_-_lists:target ~ .CA,
#_-_show_-_tag_-_lists:target ~ .T,
#_-_show_-_archive_-_lists:target ~ .A,
#_-_show_-_link_-_lists:target ~ .L,
#_-_show_-_Daily_link_-_lists:target ~ .DL,
#_-_show_-_menu_and_-_search:target ~ .M {
    display: block;
}


/* uniq classes */

.transformJust-left,
.button-cont a:after {
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
}

.opVFIRST,
.button-cont a:after {
    opacity: 0;
    visibility: hidden;
}

.opVSecond,
.button-cont a:hover:after {
    opacity: 1;
    visibility: visible;
}

.transition,
.button-cont a:after,
.post-IS a,
.com-I,
.com-I *,
.cat-I,
.cat-I *,
.tag-I a,
.arch-I a,
.arch-I a *,
.link-I,
.like a,
.tag-postss li a,
.menu-I a {
    transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.fadeAN,
[id^="_-_"] ~ .section-container,
#__closer:target ~ .section_post_list {
    animation: fadefarhan 0.6s linear 0s 1;
}

@keyframes fadefarhan {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
            }
img {
    transition: all .4s ease;
}
img:hover {
    transform: scale(1.1);
}
html{scroll-behavior: smooth;}
#scrollToTop {
     width: 64px;
        height: 45px;
        background: #eed958 url('http://bayanbox.ir/view/7444602683029121626/1-5.png') no-repeat;
        border-radius: 7px;
        box-shadow: 0 0 15px 3px #238CE4;
        opacity: .4;
        position: fixed;
        bottom: 10px;
        right: 10px;
        transition: opacity .4s ease 0s;
}
#scrollToTop:hover {
    transform: scale(1.1);
    box-shadow: 0 0 5px #00AF66;
}
}
img {
    filter: grayscale(0%);
}
img:hover {
    filter: grayscale(100%);
}
img {
    transition: all .4s ease;
}
img:hover {
    transform: scale(1.1);
}
html{scroll-behavior: smooth;}
#scrollToTop {
     width: 64px;
        height: 45px;
        background: #ba574f url('http://bayanbox.ir/view/7444602683029121626/1-5.png') no-repeat;
        border-radius: 7px;
        box-shadow: 0 0 15px 3px #238CE4;
        opacity: .4;
        position: fixed;
        bottom: 10px;
        right: 10px;
        transition: opacity .4s ease 0s;
}
#scrollToTop:hover {
    transform: scale(1.1);
    box-shadow: 0 0 5px #7900af;
              }
img {
    filter: grayscale(0%);
}
img:hover {
    filter: grayscale(100%);
}
img {
    transition: all .4s ease;
}
img:hover {
    transform: scale(1.1);
}
html{scroll-behavior: smooth;}
#scrollToTop {
     width: 64px;
        height: 45px;
        background: #ffd342 url('http://bayanbox.ir/view/7444602683029121626/1-5.png') no-repeat;
        border-radius: 7px;
        box-shadow: 0 0 15px 3px #238CE4;
        opacity: .4;
        position: fixed;
        bottom: 10px;
        right: 10px;
        transition: opacity .4s ease 0s;
}
#scrollToTop:hover {
    transform: scale(1.1);
    box-shadow: 0 0 5px #df9716;
}
img {
    filter: grayscale(0%);
}
img:hover {
    filter: grayscale(100%);
}