@font-face {
  font-family: Vazir;
  src: url('../fonts/vazirmatn.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: VazirFD;
  src: url('../fonts/vazirmatn-fd.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: VazirBold;
  src: url('../fonts/vazirmatn-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body{direction:rtl;background: #F9F9FF;margin: 0;padding: 0;font-family:Vazir,Tahoma,Arial;font-size:13px;font-weight: normal;}
p {margin-top: 1em;margin-bottom: 1em;} 
table { font-family: Vazir,Tahoma; font-size: 9pt; line-height:150%; border-collapse: collapse;margin-bottom:10px;}
th,td      {padding-left: 5px; padding-right: 5px;}
form       { margin: 0;}
input      {border: 1px solid #c2c2c2;border-radius: 3px;background: #FFFFFF;font-family: Vazir,Tahoma; font-size: 9pt;padding: 5px ;box-sizing: border-box ;width: 100%;}
select     {border: solid 1px #c2c2c2;border-radius: 3px;background: #FFFFFF;padding: 5px;font-family: Vazir,Tahoma;font-size: 9pt;width: 100%;box-sizing: border-box ;}
textarea   {border: solid 1px #c2c2c2;border-radius: 3px;background: #FFFFFF;padding: 5px;font-family: Vazir,Tahoma;font-size: 9pt;width: 100%;box-sizing: border-box ;}
input[type=submit],[type=radio],[type=button], label, select, .pointer {cursor: pointer;}
img{max-width:100%;height:auto; border:0px;}
a:link{color: #1976d2;text-decoration:none;}
a:visited  {color:#1976d2;text-decoration:none;}
a:hover{color:#0d47a1;text-decoration:none;}
hr {border: 0;border-bottom-color: currentcolor;border-bottom-style: none;border-bottom-width: 0px;border-bottom: 1px solid #e1e1e1;}

.clear{clear:both;margin:0px;padding:0px;}

.wrapper {width: 800px;margin: auto;}

.nav {background: #FFFFFF;padding: 6px 6px;margin: 10px 0px;border-radius: 5px;font-size:14px;min-height:30px;-webkit-box-shadow: 0px 5px 20px 0px rgba(69, 67, 96, 0.1);box-shadow: 0px 5px 20px 0px rgba(69, 67, 96, 0.1);}

.menu {width:300px;margin-top: 5px;float:right;}
.menu ul {list-style: none;padding: 0;margin: 0;}
.menu li {list-style: none;padding: 0px;margin: 0px;display: inline-block;}
.menu a{padding: 3px 6px;margin: 0px 2px;color: #3c4858;background: transparent;border-radius: 5px;}
.menu a:hover{color: #1f5bd1 !important;transition-duration: .3s;}

.search {width:300px; background: #F0F0F0;border-radius: 5px;line-height: 30px;height: 30px;float:left}
.search input {border: 0;outline: 0;height: 30px;padding: 0;display: block;}
.search input.text {background: transparent;width:100%;float:right;}
.search .submit {border-radius: 5px 0 0 5px;width: 35px;float: left; background: #bdc2ca url(../images/search.png);}
.search .submit:hover {background-color:#AAAEB3;}
.search .search-wrapper {margin: 0 5px 0 40px;}

.header {height: auto;background-position: center;background-repeat: no-repeat;background-size: cover;padding: 20px 15px;line-height: 1.8em;color: #fff;text-align: right;margin: 10px 0px;border-radius: 5px;}
.header h1{font-size: 18px;color: #111;}
.header a {color: #111;}
.header .logo {display: block;text-align: center;min-height: 120px;margin-top: 30px;margin-bottom: 30px;position: relative;text-align: right;}
.header .logo img.logo_image {position: absolute;top: 0;right: 0;width: 120px;height: 120px;padding: 3px;border: 3px solid #fff;border-radius: 50%;transition: .5s;}
.header .logo img.logo_image:hover {-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-o-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);transition: .5s;}
.header .logo h1 {margin: 0;margin-top: 20px;display: inline-block;padding: 9px;padding-left: 15px;padding-right: 15px;border-radius: 15px;font-size: 18px;font-weight: 600;color: #111;background-color: rgba(255,255,255,.85);padding-right: 100px;margin-right: 40px;text-align: right;}
.header .logo a:hover h1 {color: #0073bc;}
.header .logo p {display: inline-block;padding: 9px;padding-left: 15px;padding-right: 15px;border-radius: 15px;font-size: 13px;font-weight: 400;color: #111;background-color: rgba(255,255,255,.85);padding-right: 100px;margin-right: 40px;text-align: right;}

.text-success{color: #34A853;}
.text-info{color: #4285F4;}
.text-warning{color: #FBBC05;}
.text-danger{color: #EA4335;}

.alert-success{display: block;	background-color:#DFF0D8;color:#009900;margin-bottom:5px;border-radius:5px;padding: 10px;text-align:center;font-weight:bold;}
.alert-info{display: block;	background-color:#D9EDF7;color:#0099FF;margin-bottom:5px;border-radius:5px;padding: 10px;text-align:center;font-weight:bold;}
.alert-warning{display: block;	background-color:#FCF8E3;color:#FF9900;margin-bottom:5px;border-radius:5px;padding: 10px;text-align:center;font-weight:bold;}
.alert-danger{display: block;	background-color:#F2DEDE;color:#FF0000;margin-bottom:5px;border-radius:5px;padding: 10px;text-align:center;font-weight:bold;}

.block {display: block;border-radius: 15px;margin-bottom: 10px;background:#fff;padding: 10px;-webkit-box-shadow: 0px 5px 20px 0px rgba(69, 67, 96, 0.1);box-shadow: 0px 5px 20px 0px rgba(69, 67, 96, 0.1);}

.post-detail-title {color: #222;font-size: 12px;font-weight: bold;}
.post-detail-title h2{font-size: 15px;font-weight: bold;}
.post-detail-title a:link{color: #222;text-decoration:none;}
.post-detail-title a:visited  {color:#222;text-decoration:none;}
.post-detail-title a:hover{color:#777;text-decoration:none;}
.post-detail-image {text-align:center;}
.post-detail-description{text-align: justify;}
.post-detail-description ul,ol {margin-right:10px;}
.post-detail-tags .tag {display: inline-block;margin-left: 5px;}
.post-detail-tags .tag a:link{color: #222;text-decoration:none;}
.post-detail-tags .tag a:visited  {color:#222;text-decoration:none;}
.post-detail-tags .tag a:hover{color:#777;text-decoration:none;}
.post-detail-tags .tag .hash {margin-left: 1px;color: #222;}

.post-detail-share {text-align: center;transition: .5s;float: left;padding: 6px 10px 1px 10px;background-color: #c4e2ff;border-radius: 10px;margin-top:5px;margin-bottom: 5px;}
.post-detail-share:hover {transition: .5s;}
.post-detail-share img {width: 13px;height: 13px;padding: 3px;opacity: .4;transition: .2s;}
.post-detail-share img:hover {opacity: 1;transition: .2s;}

.main_title {width: 100%;margin-left: auto;margin-right: auto;height: 30px;line-height: 30px;border-bottom: 2px solid #ccc;direction: rtl;margin-top: 25px;margin-bottom: 5px;}
.main_title span {display: block;float: right;height: 30px;line-height: 30px;font-size: 15px;font-weight: 400;border-bottom: 2px solid #12a1d9;}

.row{padding: 5px;display: inline-block;box-sizing: border-box;	}

.post-description{text-align: justify;text-align-last: right;height:100px;overflow: hidden;}
.post-description h3{font-size:15px;font-weight:bold;line-height: 25px;padding-bottom : 5px;text-align:center;height:80px;}
.post-description a:link{color: #222;text-decoration:none;}
.post-description a:visited  {color:#222;text-decoration:none;}
.post-description a:hover{color:#777;text-decoration:none;}
.post-image{text-align:center;height:150px;overflow: hidden;}
.post-image img{border-radius:5px;}

.comment{padding:0px;background: #F8F9FD;padding: 10px;margin:10px auto;border: 1px solid #c5c5c5;border-radius:5px;}
.comment_title {width: 100%;margin-left: auto;margin-right: auto;height: 30px;line-height: 30px;border-bottom: 2px solid #ccc;direction: rtl;margin-top: 2px;margin-bottom: 2px;}
.comment_title span {display: block;float: right;height: 30px;line-height: 30px;font-size: 15px;font-weight: 400;border-bottom: 2px solid #7bad49;}

.comments{padding:0px;width: 100%;margin:0 auto;}
.comments .comment-list{max-height: 500px;overflow: auto;}
.comments .comment-header{color: #555555;}
.comments .comment-header .comment-avatar{float:right;width:30px;overflow: hidden;margin-left:0px;}
.comments .comment-header .comment-avatar i{font-size: 30px;}
.comments .comment-header .comment-meta{color: #555555;}
.comments .comment-header .comment-meta .comment-user{font-size: 12px;}
.comments .comment-header .comment-meta .comment-time{font-size: 11px;color: #999;}
.comments .comment-description{background: #F8F9FD;padding: 5px;margin:5px;border-radius:5px;}
.comments .comment-description .comment-response{background: #E9E9E9;padding: 5px;margin:5px 15px;border-radius:5px;}

.table{margin:15px auto;width:100%}
.table tr td{padding: 2px;}
.table-header{background: #F7F7F7;color: #4D4D4D;}

.input-captcha {width: 80px;float:right;margin-left:10px;text-transform: uppercase;}

.btn {background-color: #2196f3;color: white;border: 0px;padding: 5px 10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;font-family: Vazir,Tahoma,Arial;font-size: 13px;direction: rtl;}
.btn:hover {background: #1976d2;}

.w-70{width: 70%;margin:0 auto;}

.pagination { overflow:auto; margin:5px auto; width:96%; text-align:center;  height: auto; min-height:30px;  }
.pagination a { font-weight: bold; display: inline-block; margin:2px; text-decoration: none; padding:5px 7px; background-color: white; border: 1px solid #555555; color:#636363; border-radius:4px;}
.pagination span { font-weight: bold; display: inline-block; margin:2px; padding:5px 7px; border-radius:4px; background-color: #636363; color: white; border: 1px solid #555555;}

.footer {border-top: 1px solid rgba(21, 32, 53, 0.1);margin-bottom: 10px;padding: 8px;clear: both;bottom: 0;left: 0;top: auto;text-align:center;color: #506172;}

@media only screen and (max-width: 768px) {
	.wrapper {width: 95%;margin:0 auto;}
	.menu{float:none;width:100%;text-align: center;margin-bottom: 10px;}
	.search{float:none;width:100%;}
	.header .logo {text-align: center;margin-top: 30px;margin-bottom: 30px;}
	.header .logo img.logo_image {position: relative;top: auto;right: auto;display: block;margin-left: auto;margin-right: auto;}
	.header .logo h1 {display: inline-block;text-align: center;padding-right: 15px;margin-right: auto;margin-left: auto;}
	.header .logo p {display: inline-block;padding-right: 15px;text-align: center;margin-right: auto;margin-left: auto;}
    .w-70{width: 100%;}
}