@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%;
}

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: #fff url('#');
}

/* main */

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

/* header */

header {
	background: url('https://i.pinimg.com/736x/20/0e/61/200e61d8769b0ed3e9773bfa4d3cd42d--guy-fashion-mori-girl.jpg');
	height: 250px;
	background-size: cover;
	border-radius: 6px;
}


/* blog name */

.blgTT a {
	font-size: 18px;
	padding: 5px 15px;
	background: rgba(0, 0, 0, calc(0.31 * 1.68));
	border-radius: 5px;
	color: #fff;
}

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

/* article block */

.politi {
    border: 2px solid #e8e8e8;
    border-radius: 5px;
    background:#fff;
    color:#000;
}

#article-block {
	width: 380px;
	height: 600px;
}

.section_post_list {
	padding-bottom: 25px;
}

.post-I3 {
	padding: 15px;
	border: 2px solid #e8e8e8;
	border-radius: 7px;
	margin-bottom: 15px;
}

.post-I-Name a {
	font-size: 16px;
	padding: 5px;
	background: #d5b28d;
	color: #000;
	border-radius: 4px;
}

.picFeature {
	border-radius: 5px;
}

.mainTxt {
	font-size: 13.2px;
	color: #000;
}

/* footer post */

.footer-post {
	padding: 5px;
}

.read_more {
	padding: 2px 10px;
	background: #f9f9f5;
	border-radius: 3px;
	color: #000;
	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: #f9f9f5;
	color: #979797;
}

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


.goCom a span {
	background: #d5b28d;
	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: #d5b28d;
	color: #fff;
}

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

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

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

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

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

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

/* pagination */

.paginBox {
    padding: 10px;
    border: 2px solid #e8e8e8;
    border-radius: 5px;
    background:#fff;
}

.paginBox a {
    background: #f9f9f9;
    padding: 2.5px 15px;
    border-radius: 3px;
    color: #000;
}

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

.fot-Bl a {
    background: #f7c4ae;
    padding: 9px;
    text-align: center;
    border-radius: 5px;
    display: block;
    color: #000;
    font-weight: 600;
    font-style: oblique;
}


/* comments */

#comment_box_title {
	border: 2px solid #e8e8e8;
	border-radius: 6px;
	color:#000;
}

#comment_box_title span {
	color:#d5b28d;
}

.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 #e8e8e8;
	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: 7px;
	border: 5px dashed #e8e8e8;
}

.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 #d5b28d; /*رنگ این بخش باید با رنگ پس زمینه تیکه کد زیر یکی باشه */
	position: absolute;transform: rotate(45deg);bottom: 4.5px;left: -2px;} /*منظورم این نیست منظورم کد خط 729 هست*/

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

input#bComSub {
    margin: 0;
    text-align: center;
    width: 100%;
    color: #62320f;
    padding: 5px;
    background: #d5b28d;
}

/* comments list in posts and pages */

.shC0msBut {
    padding: 6px;
    border: 2px solid #e8e8e8;
    font-size: 14px;
    background:#fff;
    border-radius: 5px;
    margin: 20px 0;
}

.shC0msBut[open] {
	border:0;
}

.shC0msBut[open] .sum {
	margin-bottom:10px;
	padding:6px;
	border:2px solid #e8e8e8;
	border-radius:5px;
	background:#fff;
}

.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: wheat;
}

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

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

.comsLI.fir .commnTxt {
    color: #000;
    background: white;
}

/* admin comments */

.comsLI.sec {
    background: #d5b28d;
}

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

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

.comsLI.sec .commnTxt {
    background: #ffffff;
    color: #000;
}




/* position fixed container */

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


/* aside */

aside {
	width: 220px;
	border-radius: 6px;
	border: 2px solid #e8e8e8;
	height: fit-content;
}

/* info blogs */

.infoImgCont {
	width: 196px;
	height: 196px;
	border-radius: 10px;
}

.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;
	border: 2px solid #e8e8e8;
	font-size: 12px;
}

/* button container */

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

.button-cont a {
	display: block;
	position: relative;
	width: 17.5%;
	height: 34.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: #f7c4ae 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: #f7c4ae 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: #f7c4ae 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: #f7c4ae 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: #f7c4ae url('https://www.svgrepo.com/show/332297/comment.svg');
	border-radius: 50%;
	background-size: 100% 100%;
}

/* tasvir dokme Mozoat */

[name="Mozoate_Web"] {
	background: #f7c4ae 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: #f7c4ae 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: #f7c4ae 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: #f7c4ae 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: #f7c4ae 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: antiquewhite;
	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;
	}
}