@charset "UTF-8";

html {
	scroll-behavior: smooth;
}

@font-face {
	font-family: 'sahel';
	src: url('//bayanbox.ir/download/6565260237259601785/Sahel-FD.woff') format('woff');
	font-weight: normal;
}

@font-face {
	font-family: 'sahel';
	src: url('//bayanbox.ir/download/4937696673228667072/Sahel-Bold-FD.woff') format('woff');
	font-weight: bold;
}

*, body {
	margin: 0;
	padding: 0;
}

* :hover {transition: 250ms cubic-bezier(0.86, 0, 0.07, 1) !important; border-radius: 5px}
* {transition: 250ms cubic-bezier(0.86, 0, 0.07, 1) !important; border-radius: 5px}

::-moz-selection {
	color: #fff;
	background: #003c46;
}

::selection {
	color: #fff;
	background: #003c46;
}

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

body {
	direction: rtl;
	font-family: sahel;
	font-size: 16px;
	word-wrap: break-word !important;
	background-color: #f9f9f9;
	line-height: 2.3em;
	color: #222;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: inherit !important;
}

a:link, a:visited {
	text-decoration: none;
	transition: .5s;
	color: #003c46;
}

a:hover {
	color: #006e7e;
	font-weight: bold;
}

.bg-c {
	font-size: 18px !important;
}
.bg-p:hover {
	background-color: #006e7e;
}

.bg-p {
	background-image: url("//bayanbox.ir/view/2278894617592441501/mirrored-squares.png") !important;
	background-color: #003c46;
	user-select: none;
}

.fa {
	font-family: fa
}

.mb {
	margin-bottom: 20px;
}

.rad {
	border-radius: 10px;
	border: 1px dotted #ccc;
}

#navbar {
	text-align: center;
	padding: 80px 0;
	color: #fff;
	background: url("//bayanbox.ir/view/2640903989237947387/pawel-czerwinski.jpg") no-repeat center;
	filter: contrast(110%);
	background-size: cover;
}

#navbar h1 a {
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	text-shadow: 4px 4px 2px rgb(30 50 50);
}

#navbar h1 a:hover {
	color: #f9f9f9;
}

#navbar h2 {
	font-size: 16px;
	margin-top: 10px;
	font-weight: normal;
	text-shadow: 3px 3px 1px rgb(30 50 50);
}

#menu {
	/*background: #fff;*/
	padding: 5px;
	border: 1px dotted #ccc;
	border-top: none;
	font-size: 18px;
	background-image: url("//bayanbox.ir/view/2278894617592441501/mirrored-squares.png") !important;
	background-color: #003c46 !important;
	color: #fff;
}

#menu ul {
	text-align: center;
}

#menu ul li {
	display: inline-block;
	padding: 0 5px;
}

#menu ul li a {
	color: #fff;
	border-radius: 10px;
	padding: 6px 10px;
}

#menu ul li a:hover {
	background: #fff;
	color: #000;
}

.blocklinkchild a {
	padding-right: 20px !important;;
}

#wrp {
	max-width: 975px;
	margin: 20px auto;
}

#content {
	width: calc(68% - 10px);
	float: right;
}

.post {
	background: #fff;
	padding: 30px;
}

.thumb img {
	width: 100%;
	height: auto;
	padding: 0;
	margin-bottom: 15px;
}

.posttitle h2 a {
	display: block;
	font-weight: bold;
	font-family: sahel;
	color: #fff !important;
	font-size: 19px;
	padding: 0px;
	padding-right: 10px;
}

.postcontent {
	margin: 15px 0;
	font-size: 16px;
	text-align: justify;
}

.postcontent > div, .postcontent ol li {
	margin-bottom: 10px;
}

.postcontent img {
	max-width: 100%;
	height: auto;
	border-radius: 10px
}

.postcontent ul {
	margin: 10px 40px;
	/*    list-style-image: url('//bayanbox.ir/view/5946397774044841151/tick.png');*/
}

blockquote {
	border-right: 6px solid #205a66;
	padding: 14px 10px;
	background: #f9f9f9;
	margin: 15px;
	border-radius: 10px;
	font-style: normal;
}

blockquote p {
	margin: 0
}

.more {
	text-align: left;
	margin: 10px 0 20px;
}

.more a {
	background: #f9f9f9;
	padding: 10px;
	color: #000;
}

.postinfo {
	background: #f9f9f9;
	padding: 2px 10px;
	margin-top: 10px;
	font-size: 16px;
}

.comment {
	padding: 15px;
	font-size: 16px;
}

.comment .avatar img {
	border-radius: 50%;
	width: 30px;
	height: 30px;
}

.comment .myavatar img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
}

.comment-form {
	font-size: 16px;
	padding: 15px;
	margin-bottom: 7px;
	border-radius: 4px;
}

.rep-pic img {
	float: right;
	padding-top: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.comment-details { /*! background: #fff; */
	font-size: 16px;
	padding: 2px 5px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.comment-details a {
	color: #3d8296;
	font-size: 16px;
	display: inline-block;
}

.cmtname a { /*! background:#4682b4; */
	color: #c0aaaa;
	padding: 2px 10px;
}

.cmttext { /*! background: #fff; */
	padding: 5px 5px 15px;
	text-align: justify;
	font-size: 16px;
	/*! line-height: 2em; */
}

.cmtreplay {
	margin: 0 35px 10px 0;
	padding: 10px;
	/*! font-size: 16px; */
	text-align: justify;
	box-shadow: 0 0 15px rgba(6, 6, 6, 0.09) inset;
	/*! line-height: 2em; */
	border-radius: 10px;
}

.cmtreplay img {
	max-width: 100%;
	height: auto
}

.cmtdate {
	float: left;
}

.cmtdate a {
	background: #fb1347;
	padding: 2px 10px;
	color: #fff;
	border-radius: 4px;
}

.pagin {
	background: #fff;
	padding: 10px;
	text-align: center;
}

.pagin a {
	margin: 0 20px;
}


#sidebar {
	width: calc(32% - 10px);
	float: left;
	font-size: 16px;
}

.box {
	background: #fff;
	padding: 15px;
}

.box img {
	width: 100%;
	height: auto;
	border-radius: 5px;
}

.about {
	text-align: justify;
	padding: 10px 0;
}

.box h6 {
	color: #fff;
	padding: 0px;
	padding-right: 10px;
	border-radius: 5px;
	font-size: inherit;
}

.box ul {
	list-style: none;
	padding: 10px 0px;
}

.box ul li :before {
	content: '• ';
	font-weight: bold;
}

.box a {
	color: #111;
	border-right: 5px solid;
	border-color: transparent;
	display: block;
	margin: 0 0px;
}

.box a:hover {
	border-color: #205a66;
}

.tagscload ul li {
	display: inline-block !important;
	padding: 0.1px !important;
	margin: 0.1px !important;
}

.tagscload ul li ::before {
	content: '#';
	font-weight: normal;
}

.custom {
	text-align: center;
}

#footer {
	clear: both;
	padding: 20px;
	text-align: center;
	color: #fff;
}

#footer a {
	color: #fff;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #ddd;
}

th, td {
	text-align: center;
	padding: 8px;
	border: 1px solid #ddd;
}

tr:nth-child(even) {
	background-color: #f2f2f2
}

.formField2 input.text, .formField2 textarea {
	line-height: 1.4rem;
	color: #205a66;
	font-size: 16px;
	border-radius: 0;
}

.cmt-bg {
	text-align: center;
	color: #fff;
	padding: 8px;
	font-size: 16px;
	font-weight: bold;
	/*! margin-bottom: 15px; */
	/*! border: 7px solid #fff; */
}

.cmt-bg a {
	color: #fff
}

.cmt-bg a:hover {
	color: #eee
}

input, textarea, select {
	font-family: inherit;
}

#bComSub {
	cursor: pointer;
	margin-top: auto;
	padding: 9px 30px;
	border-radius: 15px;
	background: #205a66;
	color: #fff;
	font-weight: bold;
	border: 0;
}

#bComSub:hover {
	background: #266978;
}

video {
	width: 100%;
	height: auto;
	border-radius: 5px;
}

audio {
	width: 100%;
}

.none {
	display: none
}

.jqi a.btn {
	font-family: inherit;
}

@media screen and (max-width: 950px) {
	#wrp {
		width 90% !important;
		max-width: 900px !important;
		margin: 30px auto;
	}
	#sidebar {
		width: 28%;
	}
	#content {
		width: 70%;
	}
}

@media screen and (max-width: 750px) {
	#wrp {
		max-width: 700px !important;
		margin: 30px auto;
	}
	#sidebar {
		width: 32%;
	}
	#content {
		width: 65%;
	}
}

@media screen and (max-width: 712px) {
	#content, #sidebar {
		float: unset;
		width: 85%;
		margin: auto;
	}
	
	.mb {
		margin-bottom: 5px;
	}
	
}


.pey {
}

.postcontent ul li {
	margin-bottom: 10px
}

.rate-box {
	display: block;
	text-align: left;
}

.rate-button-box {
	font-size: 16px;
	padding: 0 20px;
}

.rate-up a:after {
	content: "پسندیدم";
	color: #4B4B4B;
}

.rate-button-box.rated {
	font-weight: bold;
	background: url(//bayanbox.ir/view/390913878236021869/tick-rate.png) no-repeat right;
	background-size: 16px;
}

.rate-down a:after {
	content: "نپسندیدم";
	color: #4B4B4B;
}

.posttags a {
	display: inline-block;
	padding: 0 10px;
}

.followBx, .followThis {
	font-family: inherit;
	font-size: inherit;
}

.followShow .followThis {
	font-size: 6px;
}

.blockads {
	display: block;
	text-align: center;
}

.blockads img {
	margin: 5px 0;
	max-width: 100%;
	height: auto;
	border-radius: 0;
	
}

#followersLs a, .blockads a {
	border-right: 0;
	padding: 0;
}