@charset "utf-8";

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	font-family:'farhan';
	text-decoration:none;
}

@font-face {
      font-family: 'farhan';
      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;
}

h1,h2,h3,h4,h5,h6 {
	font-family:'farhan';
	font-size:15px;
	font-weight:500;
}

input {
	font-family:'farhan';
}

body {
	background:#fff; /*تصویر پس زمینه سایت*/
}

img {
	width:100%;
}

.p-matn {
	overflow:hidden;
}

a {
	color:#f50010;	
}

/*آغاز استایل دهی به بخش منو*/

#menu {
	width:100%;
	padding:5px;
	background:#202020;
}

.m-list {
	width:100%;
	display:flex;
	justify-content:center;
}

.m-list li {
	margin:0 10px;
	padding:5px;
	border:2px solid #424242;
	border-radius:100px;
}

.m-list li:hover {
	background:#000;
	transition:0.9s ease;
}

.m-item {
	padding:5px 16px;
	color:#fff;
}

/*بخش اصلی وبسایت*/

#main {
	width:850px;
	margin:0 auto;
}

#webname {
	width: 100%;
	padding: 50px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#webname a  {
	color:#000;
}

#webname a h2 {
	font-size:35px;
}

#webname strong {
	font-size:12px;
	color:#c4c4c4;
}

/*بخش بلاک های وب (بلاک پست ها و ساید بار)*/

#the-blocks {
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.post-block {
	width:65%;
}

.side-block {
	width:34%;
}

/*بخش ساید بار*/

.side-item {
	border:1px solid #ddd;
	padding:3px;
	margin-bottom:20px;
}

.title {
	color:#000;
	text-align:center;
	padding: 0 56px;
	font-size:16px;
}

/*بخش اطلاعات بلاگ*/

.blog-image {
	width:100%;
	padding:15px;
}

.blog-desc {
	text-align:center;
	color:#aaa;
	padding:0 15px;
}

/*بخش بار جستجو*/

.search-box {
	border-radius: 25px 25px 0
}

.search-box .submit {
    	border-radius: 25px 25px 0 0;
    	background: #2f2f2f url(/media/images/search.png?_2d5FF); /*تصویر جستجو*/
	cursor:pointer;	
}

/*بخش فالوور ها*/
.followBx {
	width: 95%;
	border: 2px solid #ddd;
	background: #fafafa;
	margin: 15px auto;
	border-radius: 0;
}

.followersTitle {
    color: #a0a0a0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'farhan';
    border-bottom: 2px dotted #ddd;
}

#followInBx #followersLs .followImg, .folDetImg, .followShow .folDetImg {
    border-radius: 50%;
    border: 2px dotted #000;
}

#followThis, .followShow .followThis {
    background: linear-gradient(to bottom right,#555555,#232323);
    font-size: 12px;
    font-family: 'farhan';
    border-radius: 0;
    font-weight: 400;
}

.followShow {
    background: #f5f5f5;
    border: 1px solid #ddd;
}

.followShow .site {
    color: #aaa;
    margin: 25px 0;
    border-top: 2px dotted #ddd;
}

.followShow .site:hover {
	color:#000;
	transition:0.6s;
}

/*بخش برچسب های آبی*/

.blue-list {
	width:100%;
	padding:3px;
}

.blue-list li {
	width:100%;
	box-shadow:2px 2px 2px #5c5c5c;
	margin:10px 0;
	padding:5px;
	background:#202020;
	border-radius: 15px;
}


.ablue {
	color: #4caf50;
}

.p-blue a {
	color:#368fc9;
}

.p-blue img {
	display:none;
}

.p-blue audio {
	width:100%;
	height:28px;
	border-radius:100px;
	background:#383838;/*رنگ موزیک هایی که در بخش برچسب آبی هست در فایر فاکس */
}

.p-blue video {
	width:100%;
	height:200px;
	border-radius:5px;
	background:#333333;/*رنگ پس زمینه ویدیو ها در برچسب های آبی*/
	box-shadow:2px 2px 3px #303030;
}


.p-blue {
	color:#fff;
}

.ablue h3 {
	font-size:16px;
	font-weight:500;
}

.read-more-blue a {
	color: chocolate;
	padding: 3px;
	display: block;
	text-align: center;
}

/*بخش آخرین نظرات*/

.recent-com {
	padding:3px;
}

.recent-com li {
	width:100%;
	padding:5px;
}

.recent-com li:hover {
	background:#d1d1d1;
	transition: 0.5s;
}

.recent-com li a {
	display:flex;
	align-items:center;
	color:#000;
}

.rec-cm-img {
	width:18%;
	height:45px;
}

.rec-cm-img img {
	height:100%;
	border-radius:10px;
}

.recmatn {
	width:74%;
}

/*بخش آمار وب*/

.stat,.stat li,.recent {
	width:100%;
	padding:3px;
}

.stat li {
	border-bottom: 1px dotted #696969;
	display: flex;
	justify-content: space-between;
	padding: 0 5px;
}

.stat li:last-child,.items:last-child {
	border-bottom:none;
}
/*آخرین ها*/

.items {
	padding:5px;
	border-bottom:1px solid #ddd;
}

.items:hover {
	background:#ddd;
	transition:0.9s;
}

.items a {
	display:block;
	color:#000;
	
}

.arch {
	display:flex;
	align-items:center;
}

.subcat {
	margin-right:6px;
}

/*بخش ابر تگ*/

ul.tags-cloud-list {
	display: flex;
	flex-wrap: wrap;
}

.tags-cloud-list li {
	margin:0 10px 5px 0;
}

.tags {
	padding:0 12px;
	background:#e0e0e0;
	color: #000;
	border-right:2px solid #595959;
}

.tags:hover {
	background:#424242;
	color: #ffffff;
	border-right:2px solid #ec0e0e;
	transition:0.5s;
}


/*بخش بلاک پست ها*/

.titr {
	padding:4px;
	text-align:center;
	background:#d1d1d1;
	
}

.titr a {
	color:#000;
}

.titr a:hover {
	color:#5c5c5c;
	transition:0.9s;
	
}

.titr a h3 {
	font-size:15px;
	font-weight:500;
}

.post-image {
	width:100%;
	padding:6px;
	height:300px;
}

.post-image img {
	height:100%;
}

.meta {
	width:100%;
	background:#eae6e6;
	border-radius:100px;
	display:flex;
	align-items:center;
	justify-content:space-around;
	padding:5px;
}

.like-and-cm,.author,.dated {
	width: 22.3%;
}

.like-and-cm {
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.like,.cm {
	width:49.7%;
}

/*بخش متای پست*/

.cma {
	color:#000;
	display:flex;
	align-items:center;
	flex-direction:row-reverse;
	justify-content: flex-end;
}

.margin {
	margin-right:6px;
}

.kia {
	font-size:16px;
}


.cma:hover {
	color:#f00f0f;
	transition:all 0.9s ease;
}


.dated {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row-reverse;
}

.author {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: center;
}

.read-more {
	display:flex;
	justify-content:center;
	padding:5px;
	margin:3px 0;
	width:100%;
}
.read-more a {
	color:#fff;
	background:#202020;
	padding:5px 16px;
}

/*بازدید از پست ها*/

.cm-cm-count {
	margin: 15px 0;
	width:100%;
	border:1px solid #ddd;
	padding:5px;
	text-align:center;
}

.cma2 {
	justify-content:center;
	font-size:18px;
}

.center {
	font-size:18px;
}

/*قسمت نظرات هر پست*/

.p-comment {
	width:100%;
	margin:15px 0;
	display:flex;
	flex-direction:column;
}

.m-c-m {
	padding:5px;
	margin:10px 0;
	border:2px solid #ddd;
}

.w-c-m {
	display:flex;
	align-items:center;
	flex-direction:row-reverse;
}

.w100 {
	width:100%;
}

.m-c-m-img {
	width:35px;
	height:35px;
	border-top-left-radius:25%;
	
}

.pr-matn div br {
	display: none;
}

.pr-matn a {
	color:#1152a2;
}

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

.rep {
	flex-direction:row;
	text-align: left;
}

.marg {
	margin-left:6px;
	font-size:15px;
}

.r-c-m-img {
	border-top-right-radius:25%;
	border-top-left-radius:0;
}

.reps {
	background:#f5f5f5;
	border:2px solid #ddd;
}

/*بخش فرم کامنت ها*/

.cd-form {
	width:100%;
	border:2px solid #ddd;
	padding:3px;
}

.cd-titr {
	padding:3px 12px;
	border:2px solid #ddd;
	font-size:15px;
	box-shadow: 0 2px 3px #ddd;
}

.bComForm .commentAvatar img {
	padding: 1px;
	width: 64px;
	height: 64px;
	border-top-left-radius: 25%;
}

.bComForm .sendbutton.hasCheckbox {
	border-radius: 100px;
	padding: 3px 16px;
	font-family: 'farhan';
	background: #fff;
	cursor: pointer;
	border: 2px solid #ddd;
	margin: 0;
}

div.inputFix input.text {
	width: 100%;
	border: 2px solid #ddd;
	border-radius: 100px;
}

select {
	font-size: 11px;
	padding: 1px;
	border: 2px solid #ddd;
	border-radius: 100px;
	width:50%;
}

/*بخش پجینیشن یا همون صفحه بندی مطالب*/

.pagin {
	width:100%;
	padding:5px;
	background:#202020;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius: 100px;
	border: 2px solid #6d6d6d;
}

.pagin a {
	padding:3px 6px;
	border-radius:100px;
	background:#616161;
	color:#fff;
	margin:0 0 0 4px;
}

.footer {
	width:100%;
	padding:5px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:#202020;
	color:#fff;
}

a[href="http://farhanez.blog.ir"] {
	padding:2px 14px;
	background:#901d95;
	color:#fff;
	border-radius:100px;
}

/*تغییر ندهید به هیچ وجه*/
@media only screen and (max-width:770px) {
	body {
		font-size:100%;
	}
	
	.cd-form {
		width:100%;
	}
	
	#main {
		width:100%;
	}
	
	#the-blocks {
		flex-direction: column;
		align-items: center;
		width:100%;
		padding: 0 10px;
	}
	
	.post-block {
		width:100%;
	}
	
	.side-block {
		width: 100%;
		margin: 15px 0;
	}
	
}

@media only screen and (max-width:595px) {
	.like-and-cm {
		width:75%;
	}
	.author {
		display:none;
	}
	.dated {
		width:25%;
	}
}

@media only screen and (max-width:440px) {
	.footer {
		flex-direction:column;
	}
}

@media only screen and (max-width:480px) {
	#menu {
		width:100%;
	}
	
	#menu ul {
		flex-direction:column;
		align-items:center;
	}
	
	.m-list li {
		margin-bottom:6px;
	}
}


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

@font-face {
	font-family:'FontAwesome';
	src:url('//bayanbox.ir/download/3376674101209512198/fontawesome-webfont.eot');
	src:url('//bayanbox.ir/download/3376674101209512198/fontawesome-webfont.eot?#') format('embedded-opentype'),
	url('//bayanbox.ir/download/563157643849148443/fontawesome-webfont.woff') format('woff'),
	url('//bayanbox.ir/download/7290627479469205398/fontawesome-webfont.ttf') format('truetype');
}

.fa {
	font-style:normal;
	font-weight:normal;
	font-family:FontAwesome;
}

.fa-comment-o:before {
	content: "\f0e5"; }

.fa-heartbeat:before {
	content: "\f21e"; }

.fa-user:before {
	content: "\f007"; }

.fa-calendar-check-o:before {
	content: "\f274"; }

.fa-hashtag:before {
	content: "\f292"; }

.fa-folder-open-o:before {
	content: "\f115"; }