/* CSS Document */

@font-face { font-family: 'Yekan'; src: url('//cdn.monoblog.ir/temp/templates/3theme/99/fonts/Yekan.eot?#') format('eot'), url('//cdn.monoblog.ir/temp/templates/3theme/99/fonts/Yekan.woff') format('woff'), url('//cdn.monoblog.ir/temp/templates/3theme/99/fonts/Yekan.ttf') format('truetype'), url('//cdn.monoblog.ir/temp/templates/3theme/99/fonts/Yekan.svg') format('svg'); }
* { box-sizing: border-box; }
html { margin: 0px; padding: 0px; }
body { direction: rtl; margin: 0px; padding: 0px; font-family: Tahoma; font-size: 12px; line-height: 1.5em; background-color: #cbd3af; color: #000; }
h1, h2, h3, h4, h5, h6 { font-family: Yekan; font-weight: normal; line-height: 1.5em; margin: 0px; }
a { text-decoration: none; }
a:link, a:visited { color: #6a9f8d; }
a:hover { color: #000; transition: all ease 0.3s; }
img { max-width: 100%; height: auto; }
/***********************************    header & title   ******************************************/
.header { margin: 10px 0px; background: url(//cdn.monoblog.ir/temp/templates/3theme/99/images/header.jpg) center center no-repeat; height: 250px; background-size: cover; }
.site-title { padding: 20px 20px 30px 10px; text-align: right; }
.site-title h1 { font-size: 28px; font-weight: bold; margin-bottom: 10px; display: inline; margin-left: 20px; line-height: 1em; }
.site-title h3 { font-size: 13px; color: #000; font-family: Tahoma; display: inline; }
.site-title a { color: #000; }
/*****************************************    Navbar     ****************************************/
.topbar { background-color: #6a9f8d; padding: 5px; margin-bottom: 10px; }
.navi { font-family: Yekan; font-size: 13px; }
.nav > li > a { padding: 5px 7px; }
.navi a { display: inline-block; margin-left: 5px; }
.navi a:link, .navi a:visited { color: #fff; }
.navi a:hover { color: #fff; }
#homeactive { color: #fff; }
.navbar-default .navbar-toggle { border-color: #fff; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; border-color: #fff; }
.navbar-default .navbar-toggle .icon-bar { background-color: #888888; }
span.resmenu:after { content: '\e0ca'; font-family: General; font-size: 30px; color: #fff; }
/****************************************   ُSearch & Todaytime  ********************************/
.searchbox { text-align: center; }
.searchbox:after { content: ''; clear: both; display: table; }
.searchbox form { }
.searchbox input[type="text"] { font-family: Tahoma; font-size: 11px; height: 25px; background: none; margin-right: 5px; margin-left: 5px; border-radius: 20px; padding: 3px 5px; color: #333; border: 1px solid #333; }
.searchbox input[type="submit"] { font-family: Tahoma; font-size: 11px; height: 25px; padding: 3px 10px 5px 10px; border: 0px; border-radius: 30px; color: #000; background-color: #ccc; }
.searchbox input[type="submit"]:hover { background-color: #000; color: #fff; }
.todaytime { text-align: center; font-family: Yekan; font-size: 12px; color: #333; margin-bottom: 20px; }
span.tticon { }
.tticon:before { content: '\e031'; font-family: General; font-size: 30px; display: inline-block; margin-left: 2px; vertical-align: middle; color: #333; }
/********************************************  Posts  ***************************************/
.content { margin-bottom: 10px; }
.messages-box { margin-bottom: 15px; background-color: #fff; }
.messages-text { padding: 10px; text-align: center; }
.post { margin-bottom: 15px; background-color: #fff; padding-top: 1px; }
.post-title { padding: 7px 10px 10px; border-radius: 10px 0px 0px 10px; background-color: #6a9f8d; margin: 10px 0px 10px 10px; }
.post-title:after { clear: both; display: table; content: ''; }
.post-title h2 { font-size: 16px; display: inline; }
.post-title h2 a:link, .post-title h2 a:visited { color: #fff; }
.post-title h2 a:hover { color: #fff; }
/* POST CONTENT */
.post-body { padding: 15px; }
.post-cnt { line-height: 2em; margin-bottom: 10px; }
.post-cnt:after { content: ''; display: table; clear: both; }
.post-cnt a { }
.post-cnt a:link, .post-cnt a:visited { color: #6a9f8d; }
.post-cnt a:hover { color: #000; }
.post-cnt img { }
/* POST THUMB */

.post-thumb { float: right; width: 50%; margin: 0px 0px 5px 10px; }
.post-thumb img { margin-bottom: 10px; -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.post-thumb img:hover { }
/* POST TAGS */

.post-tags { margin-bottom: 10px; }
span.tag { vertical-align: middle; width: 30px; height: 30px; display: inline-block; text-align: center; padding-top: 5px; }
span.tag:before { content: '\e0aa'; font-family: 'General'; font-size: 25px; color: #000; vertical-align: middle; }
.post-tags a { margin-left: 5px; }
.post-tags a:link, .post-tags a:visited { color: #6a9f8d; }
.post-tags a:hover { color: #000; }
/* POST DETAILS & INFO */

.post-details { margin-bottom: 10px; }
.post-details span { display: inline-block; vertical-align: middle; margin-left: 5px; }
.post-details span:before { font-size: 20px; vertical-align: middle; display: inline-block; }
.post-info { font-size: 11px; font-family: Tahoma; background-color: #E5EEEB }
.post-info a { font-family: Yekan; font-size: 12px; }
.post-info a:link, .post-info a:visited { color: #6a9f8d; }
.post-info a:hover { color: #000; }
.post-info ul { margin: 0px; padding: 0px; }
.post-info li { list-style-type: none; display: inline-block; padding: 5px 5px; }
.post-info li:last-child { float: left; margin-left: 0px; margin-right: 0px; border-left: none; }
.post-info ul:after { content: ''; display: table; clear: both; }
.post-info span { display: inline-block; margin-left: 5px; vertical-align: middle; }
.post-info span:before { margin-left: 5px; font-size: 20px; vertical-align: middle; display: inline-block; }
span.postdate { }
span.postdate:before { content: '\e03f'; font-family: 'General'; }
span.postviews { }
span.postviews:before { content: '\e06e'; font-family: 'General'; }
span.postauthor { }
span.postauthor:before { content: '\e170'; font-family: 'General'; }
span.postcmnt { }
span.postcmnt:before { content: '\e148'; font-family: 'General'; }
span.postmore { }
span.postmore:before { content: '\e013'; font-family: 'General'; }
/* POST Like */

.postlike { }
.postlike span { width: auto; }
.postlike span:before { font-family: 'General'; font-size: 26px; vertical-align: middle; display: inline-block; }
.postlike a.downlike { }
.postlike a.uplike { }
.postlike span.like-down, .postlike span.like-up { }
.postlike span.down-result, .postlike span.up-result { }
span.like-up { }
span.like-up:before { content: '\e00c'; color: #749EF3; }
span.like-down { }
span.like-down:before { content: '\e014'; color: #F41717; }
span.down-result { }
span.up-result { }
/**************************************************  Pageination  ******************************/
.pagination { padding: 10px; margin-bottom: 20px; text-align: center; font-family: Yekan; font-size: 14px; }
.pagination a { display: inline-block; padding: 5px 10px; margin-left: 5px; margin-right: 5px; border-radius: 5px; }
.pagination a:link, .pagination a:visited { background-color: #6a9f8d; color: #fff; }
.pagination a:hover { background-color: #000; color: #fff; }
/********************************************* Comments Box **********************************************/
.comment-block { margin-bottom: 10px; background-color: #fff; padding: 5px; }
.comments-cunt-box { margin-bottom: 15px; background: #E5EEEB; }
.comments-cunt-text { padding: 20px 10px; text-align: center; font-family: Yekan; font-size: 16px; }
.comment-list { margin-bottom: 10px; }
.comment-box { margin-bottom: 15px; border: 1px solid #E5EEEB; }
.comment-details { padding: 5px 10px; }
.comment-user { }
span.comment-avatar { float: right; }
.comment-avatar img { width: 40px; height: auto; border-radius: 4px; margin-left: 10px; }
span.comment-sender { font-family: Yekan; font-size: 11px; font-weight: bold; }
.comment-info { padding: 5px; }
a.comment-web { display: inline-block; height: 30px; width: 30px; margin-left: 10px; vertical-align: middle; }
a.comment-web:before { content: '\e0bb'; font-family: 'General'; font-size: 25px; vertical-align: middle; color: #6a9f8d; }
a:hover.comment-web:before { content: '\e0bb'; font-family: 'General'; font-size: 25px; vertical-align: middle; color: #000; }
a.comment-email { display: inline-block; height: 35px; width: 35px; margin-left: 10px; vertical-align: middle; }
a.comment-email:before { content: '\e064'; font-family: 'General'; font-size: 25px; vertical-align: middle; color: #6a9f8d; }
a:hover.comment-email:before { content: '\e064'; font-family: 'General'; font-size: 25px; vertical-align: middle; color: #000; }
a.comment-date { }
a:hover.comment-date { }
.comment-text { padding: 10px; }
.comment-replay { padding: 10px; background-color: #E5EEEB; }
.comment-replay-name { font-family: Yekan; font-size: 11px; font-weight: bold; }
.comment-replay-name:before { content: '\e107'; font-family: 'General'; font-size: 24px; vertical-align: middle; margin-left: 5px; color: #000; }
.comment-replay-date { font-family: Yekan; font-size: 13px; border-right: 1px solid #ccc; }
.comment-replay-date:before { content: '\e03f'; font-family: 'General'; font-size: 24px; vertical-align: middle; margin-left: 5px; color: #000; }
/************************************************* Sidebar ***************************************/
.sidebar { }
.menu-block { margin-bottom: 15px; background-color: #fff; padding-top: 1px; }
.menu-title { padding: 7px 10px 10px; border-radius: 10px 0px 0px 10px; background-color: #6a9f8d; margin: 10px 0px 10px 10px; }
.menu-title h3 { color: #fff; font-weight: normal; font-size: 13px; display: inline; line-height: 1em; }
/*********    Menu content    *********/
.menu-cnt { padding: 8px; }
.menu-cnt ul { margin: 0px; padding: 0px; }
.menu-cnt li { list-style-type: none; list-style-position: inside; }
.menu-cnt li a { display: block; padding: 5px 5px; }
.menu-cnt li a:link, .menu-cnt li a:visited { color: #000; }
.menu-cnt li a:hover { color: #6a9f8d; }
.menu-cnt a:link, .menu-cnt a:visited { color: #6a9f8d; }
.menu-cnt a:hover { color: #000; }
.menu-cnt img { margin-bottom: 5px; }
/***********   list menu    ***************/
.menu-list { padding: 0px; }
.menu-list ul { margin: 0px; padding: 0px; }
.menu-list li { list-style-type: none; list-style-position: inside; border-bottom: 1px solid #cbd3af; }
.menu-list li a { display: block; padding: 5px 5px; }
.menu-list li a:before { content: '\e0ae'; font-family: General; font-size: 12px; margin-left: 5px; vertical-align: middle; }
.menu-list li:last-child { border-bottom: none; }
.menu-list li a:link, .menu-list li a:visited { color: #000; }
.menu-list li a:hover { color: #6a9f8d; }
.menu-list a:link, .menu-list a:visited { color: #6a9f8d; }
.menu-list a:hover { color: #000; }
.menu-list img { margin-bottom: 5px; }
/***********   Thumb menu    ***************/
.menu-thumb { padding: 5px; }
.menu-thumb ul { margin: 0px; padding: 0px; }
.menu-thumb ul:after { content: ''; display: table; clear: both; }
.menu-thumb li { list-style-type: none; list-style-position: inside; margin-bottom: 10px; }
.menu-thumb li:nth-child(odd) { }
.menu-thumb li:nth-child(even) { }
.menu-thumb li a { display: block; padding: 3px 3px; text-align: right; }
.menu-thumb li a:after { content: ''; display: table; clear: both; }
.menu-thumb li:after { content: ''; display: table; clear: both; }
.menu-thumb li:last-child { border-bottom: none; }
.menu-thumb li a:link, .menu-thumb li a:visited { color: #000; }
.menu-thumb li a:hover { color: #6a9f8d; }
.menu-thumb a:link, .menu-thumb a:visited { color: #6a9f8d; }
.menu-thumb a:hover { color: #000; }
.menu-thumb li img { margin: 0px 0px 5px 5px; float: right; width: 50%; height: auto }
/***********   Profile menu box   ****************/
.blogprofile img { }
/***********   Category Menu box   **************/
.catbox { }
.catbox .menu-cnt li a { display: block; padding: 3px 5px; }
.catbox .menu-cnt ul { margin: 0px; padding: 0px; }
.catbox .menu-cnt li { list-style-type: none; list-style-position: inside; border-bottom: none; }
.catbox .menu-cnt ul li { }
.catbox .menu-cnt ul li ul { }
.catbox .menu-cnt ul li a:before { content: '\e086'; font-family: General; font-size: 26px; margin-left: 5px; vertical-align: middle; }
.catbox .menu-cnt ul li ul a:before { }
.catbox .menu-cnt ul li ul li { margin-right: 20px; }
.catbox .menu-cnt ul li ul li a:before { content: '\e103'; font-family: General; font-size: 18px; margin-left: 5px; vertical-align: middle; }
.catbox .menu-cnt li span { margin-right: 2px; vertical-align: middle; }
/*************** Archive menu box ***************/
.archivebox { }
.archivebox .menu-list ul { }
.archivebox .menu-list li { }
.archivebox .menu-list li a { }
.archivebox .menu-list li a:hover { }
.archivebox .menu-list li span { margin-right: 2px; vertical-align: middle; }
.archivebox .menu-list li a:before { }
.archivebox .menu-list li:last-child { border-bottom: none; }
/*************** Last COMMENT menu box ***************/
.lastcmnt { }
.lastcmnt .menu-list ul { }
.lastcmnt .menu-list li { }
.lastcmnt .menu-list li a { }
.lastcmnt .menu-list li a:hover { }
.lastcmnt .menu-list li span { margin-right: 2px; vertical-align: middle; }
.lastcmnt .menu-list li a:before { }
.lastcmnt .menu-list li:last-child { border-bottom: none; }
/*************** Author menu box ***************/
.authorbox { }
.authorbox .menu-list ul { }
.authorbox .menu-list li { }
.authorbox .menu-list li a { }
.authorbox .menu-list li a:hover { }
.authorbox .menu-list li span { margin-right: 2px; vertical-align: middle; }
.authorbox .menu-list li a:before { }
.authorbox .menu-list li:last-child { border-bottom: none; }
/*************** OUTE Links box ***************/
.linkbox { }
.linkbox .menu-list ul { }
.linkbox .menu-list li { }
.linkbox .menu-list li a { }
.linkbox .menu-list li a:hover { }
.linkbox .menu-list li span { margin-right: 2px; vertical-align: middle; }
.linkbox .menu-list li a:before { }
.linkbox .menu-list li:last-child { border-bottom: none; }
/***************  Tags Menu Box    ***********/
.tagsbox { }
.tagsbox .menu-cnt ul { text-align: center; }
.tagsbox .menu-cnt li { display: inline; border-bottom: none; }
.tagsbox .menu-cnt li a { display: inline-block; padding: 3px 7px; background: #6a9f8d; margin: 0px 3px 5px 2px; border-radius: 4px; color: #fff; }
.tagsbox .menu-cnt li a:hover { background: #000; color: #fff; }
.tagsbox .menu-cnt li a:before { content: none; }
/*********** SOCIAL  menu box  ****************/
.socialbox { }
.socialbox .menu-cnt ul { text-align: center; }
.socialbox .menu-cnt li { display: inline-block; border: none; margin: 0px 0px 5px 3px; }
.socialbox .menu-cnt li a { text-align: center; color: #000; padding: 0px; font-size: 30px; width: 30px; height: 30px; line-height: 1em; margin: 0px; display: inline-block; }
.socialbox .menu-cnt li a:hover { color: #6a9f8d; }
.socialbox .menu-cnt li a:before { margin: 0px; }
#social-rss:before { content: '\e11a'; font-family: General; }
#social-facebook:before { content: '\e06f'; font-family: General; }
#social-instagram:before { content: '\e0a3'; font-family: General; }
#social-telegram:before { content: '\e054'; font-family: General; }
#social-twitter:before { content: '\e162'; font-family: General; }
#social-google:before { content: '\e093'; font-family: General; }
#social-linkedin:before { content: '\e0bd'; font-family: General; }
#social-youtube:before { content: '\e18d'; font-family: General; }
#social-vimeo:before { content: '\e177'; font-family: General; }
#social-pinterest:before { content: '\e0ee'; font-family: General; }
#social-flickr:before { content: '\e083'; font-family: General; }
#social-yahoo:before { content: '\e188'; font-family: General; }
/******************* Poll ********************/
.poll { }
.poll .menu-cnt { }
.poll .menu-cnt ul { margin: 0px; padding: 0px; }
.poll .menu-cnt li { margin-bottom: 5px; padding: 5px 10px; }
.poll-question { font-weight: bold; border-bottom: 1px solid #ccc; }
.poll-answer { border-bottom: 1px dashed #ccc; }
li.poll-send { text-align: center; }
.poll-send input[type="submit"] { border: 0px; background-color: #6a9f8d; color: #fff; font-family: Tahoma; font-size: 11px; padding: 5px 10px; border-radius: 30px; }
.poll-send input[type="submit"]:hover { background-color: #000; color: #fff; }
/*************  Stats Menu box  ****************/
.blogstats { }
.blogstats .menu-cnt li span { float: left; }
.blogstats .menu-cnt li { padding: 5px 10px; border-bottom: 1px solid #ccc; }
.blogstats .menu-cnt li:last-child { border-bottom: none; }
/*******************  FOLOWERS menu box ***********/

.followers { }
.followers .menu-cnt ul { text-align: center; }
.followers .menu-cnt ul:after { content: ''; display: table; clear: both; }
.followers .menu-cnt li { display: inline-block; width: 50px; height: 50px; border-bottom: none; }
.followers .menu-cnt li a { padding: 0px; }
.followers .menu-cnt li a:before { content: none; }
.followers .menu-cnt li img { width: 50px; height: 50px; border-radius: 4px; border: 1px solid #ccc; }
span.followers-cunt { border-radius: 4px; background-color: #fff; color: #6a9f8d; float: left; font-size: 12px; font-weight: normal; padding: 2px 7px; line-height: 1.5em; margin: 0px 10px 5px 0px; }
a.followers-plus { font-family: Yekan; font-size: 12px; font-weight: bold; display: inline-block; margin: 10px auto; padding: 7px 10px; background-color: #6a9f8d; color: #fff; border-radius: 4px; }
a:link.followers-plus, a:visited.followers-plus { background-color: #6a9f8d; color: #fff; }
a:hover.followers-plus { background-color: #000; color: #fff; }
.followers-plus span { font-size: 30px; font-weight: bold; vertical-align: middle; }
/****************************************  Footer  **************************************/
.btmbar { background-color: #fff; margin: 20px 0px; }
.footer { padding: 5px; color: #000; }
.copyright { padding: 5px; font-family: Yekan; font-size: 13px; }
.copyright a:link, .copyright a:visited { color: #6a9f8d; }
.copyright a:hover { color: #000; }
a.fblogo { display: inline-block; width: 40px; height: 35px; background: url(//cdn.monoblog.ir/temp/templates/3theme/99/images/logo_monoblog.png) center center no-repeat; vertical-align: middle; margin-left: 10px; background-size: cover; }
.dashboard { text-align: left; }
.dashboard ul { }
.dashboard li { display: inline-block; border: none; margin: 0px 0px 5px 3px; }
.dashboard li a { display: inline-block; text-align: center; color: #000; font-size: 25px; width: 30px; height: 30px; line-height: 1em; margin: 0px; border: 1px solid #000; padding: 0px; border-radius: 50%; }
.dashboard li a:hover { background-color: #fff; color: #6a9f8d; border: 1px solid #6a9f8d; }
.dashboard li a:before { text-align: center; margin: 0px; line-height: 1em; }
#monoblog-ico:before { content: '\e0e6'; font-family: General; }
#uploadcenter-ico:before { content: '\e16d'; font-family: General; }
#cartcharg-ico:before { content: '\e04e'; font-family: General; }
#datetime-ico:before { content: '\e030'; font-family: General; }
#videoshare-ico:before { content: '\e077'; font-family: General; }
#blogtemp-ico:before { content: '\e044'; font-family: General; }

/*
Responsive
*/
@media (max-width: 768px) {
.todaytime { margin-bottom: 10px; }
.searchbox { margin-bottom: 10px; }
.post-info li { width: 49%; border-bottom: 1px solid #eee; }
.post-info li:nth-child(even) { border-left: none; }
#cmtblock { float: none; margin-right: 0px; border-bottom: none; }
.copyright { text-align: center; }
.dashboard { text-align: center; }
}

@media (max-width: 992px) {
.todaytime { margin-bottom: 10px; }
.searchbox { margin-bottom: 10px; }
}

.menu-cnt span, .menu-list span { display: inline-block;}
.menu-list a:before, .menu-cnt a:before {display: inline-block;}