/* CSS Document */

@font-face { font-family: 'Yekan'; src: url('//cdn.monoblog.ir/temp/templates/2theme/28/fonts/Yekan.eot?#') format('eot'), url('//cdn.monoblog.ir/temp/templates/2theme/28/fonts/Yekan.woff') format('woff'), url('//cdn.monoblog.ir/temp/templates/2theme/28/fonts/Yekan.ttf') format('truetype'), url('//cdn.monoblog.ir/temp/templates/2theme/28/fonts/Yekan.svg') format('svg'); }
* { box-sizing: border-box; }
html { }
body { direction: rtl; margin: 0px; padding: 0px; font-family: Tahoma; font-size: 12px; line-height: 1.8em; background-color: #eee; color: #333; }
h1, h2, h3, h4, h5, h6 { font-family: Yekan; font-weight: normal; line-height: 2em; margin: 0px; }
a { text-decoration: none; }
a:link, a:visited { color: #069EDB; }
a:hover { color: #333; transition: all ease 0.3s; }
img { max-width: 100%; height: auto; }
/***********************************    header & title   ******************************************/
.header { background-color: #fff; border-bottom: 1px solid #f1f1f1; }
.site-title { padding: 20px 10px 20px 10px; text-align: right; }
.site-title h1 { font-size: 20px; font-weight: bold; }
.site-title h3 { font-size: 13px; color: #666; }
.site-title a { color: #666; }
/*****************************************    Navbar     ****************************************/
.topbar { background-color: #FFFFFF; margin-bottom: 10px; }
.navi { font-family: Yekan; font-size: 14px; }
.navi a { margin-left: 5px; }
.navi a:link, .navi a:visited { color: #666; }
.navi a:hover { color: #000; }
.nav > li > a { padding: 10px 7px; }
#homeactive { background-color: #fff; color: #000; }
.navbar-default .navbar-toggle { border-color: #000; }
.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; }
/***************************************  New Posts Gallery  ***********************************/
.newpostsgall { padding: 15px 0px; }
.newpostsgall img { border: 5px solid #fff; -webkit-box-shadow: 0px 0px 1px #999; box-shadow: 0px 0px 1px #999; width: 100%; height: auto; }
.newpostsgall img:hover { -webkit-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc; transition: all ease 0.3s; }
/****************************************   ُSearch & Todaytime  ********************************/
.searchbar { background-color: #FFFFFF; padding-bottom: 5px; border-bottom: 1px solid #f1f1f1; }
.searchbox { padding-top: 8px; }
.searchbox:after { content: ''; clear: both; display: table; }
.searchbox form { float: left; }
.searchbox input[type="text"] { font-family: Tahoma; font-size: 11px; margin-left: 5px; height: 25px; float: right; background: none; margin-right: 5px; color: #666; border: 1px solid #666; border-radius: 20px; padding: 5px; }
.searchbox input[type="submit"] { border: 0px; background-color: #666; font-family: Tahoma; font-size: 11px; padding: 3px 10px 5px 10px; border-radius: 30px; color: #fff; height: 25px; }
.searchbox input[type="submit"]:hover { background-color: #000; color: #fff; }
.todaytime { padding-top: 5px; font-family: yekan; font-size: 11px; text-align: left; margin-top: 8px; color: #666; }
span.tticon { }
.tticon:before { content: '\e031'; font-family: General; font-size: 30px; display: inline-block; margin-left: 3px; vertical-align: middle; color: #666; }
/********************************************  Posts  ***************************************/
.content { margin-bottom: 10px; }
.messages-box { margin-bottom: 15px; background-color: #fff; -webkit-box-shadow: 0px 0px 5px #CACACA; box-shadow: 0px 0px 5px #CACACA; }
.messages-text { padding: 10px; text-align: center; }
.post { margin-bottom: 15px; background-color: #fff; -webkit-box-shadow: 0px 0px 5px #CACACA; box-shadow: 0px 0px 5px #CACACA; }
.post-title { padding: 5px 10px; border-bottom: 1px solid #eee; }
.post-title:after { clear: both; display: table; content: ''; }
.post-title h2 { font-size: 18px; display: inline-block; }
.post-title h2 a:link, .post-title h2 a:visited { color: #666; }
.post-title h2 a:hover { color: #666; }
.post-body { padding: 15px; }
.post-thumb { overflow: hidden; }
.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 { -ms-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); }
.post-cnt { line-height: 2em; margin-bottom: 10px; }
.post-cnt a { }
.post-cnt a:link, .post-cnt a:visited { }
.post-cnt a:hover { }
.post-cnt img { }
.post-tags { margin-bottom: 10px; }
span.tag { vertical-align: middle; }
.post-tags a { margin-left: 5px; }
.post-tags a:link, .post-tags a:visited { color: #069EDB; }
.post-tags a:hover { color: #000; }
.post-details { margin-bottom: 10px; }
span.postdate { }
span.postviews { display: inline-block; margin-left: 3px; vertical-align: middle; }
.post-info { border-top: 1px solid #eee; font-size: 12px; font-family: Yekan; }
.post-info a { }
.post-info a:link, .post-info a:visited { color: #666; }
.post-info a:hover { color: #000; }
.post-info ul { margin: 0px; padding: 0px; }
.post-info li { list-style-type: none; list-style-position: inside; display: inline-block; margin-left: 0px; padding: 10px; }
.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: 10px; vertical-align: middle; }
span.postauthor { }
span.postcmnt { }
span.postmore { }
li.postlike { }
li.postlike a.downlike { }
li.postlike a.uplike { }
li.postlike span.like-down, li.postlike span.like-up { width: auto; }
li.postlike span.down-result, li.postlike span.up-result { width: auto; }
span.like-up { }
span.like-up:before { content: '\e00c'; font-family: 'General'; font-size: 26px; vertical-align: middle; color: #749EF3; display: inline-block; }
span.like-down { }
span.like-down:before { content: '\e014'; font-family: 'General'; font-size: 26px; vertical-align: middle; color: #F41717; display: inline-block; }
span.down-result { vertical-align: middle; }
span.up-result { vertical-align: middle; }
/**************************************************  Pageination  ******************************/
.pagination { padding: 10px; margin-bottom: 20px; text-align: center; font-family: Yekan; font-size: 16px; background-color: #fff; -webkit-box-shadow: 0px 0px 5px #CACACA; box-shadow: 0px 0px 5px #CACACA; }
.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: #069EDB; color: #fff; }
.pagination a:hover { background-color: #000; color: #fff; }
/********************************************* Comments Box **********************************************/
.comment-block { margin-bottom: 10px; }
.comments-cunt-box { margin-bottom: 5px; background-color: #fff; -webkit-box-shadow: 0px 0px 5px #CACACA; box-shadow: 0px 0px 5px #CACACA; }
.comments-cunt-text { padding: 20px 10px; text-align: center; font-family: Yekan; font-size: 16px; }
.comment-list { margin-bottom: 10px; }
.comment-box { margin-bottom: 10px; background-color: #fff; -webkit-box-shadow: 0px 0px 5px #CACACA; box-shadow: 0px 0px 5px #CACACA; }
.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: 13px; 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: 30px; vertical-align: middle; color: #069EDB; }
a:hover.comment-web:before { content: '\e0bb'; font-family: 'General'; font-size: 30px; 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: 35px; vertical-align: middle; color: #069EDB; }
a:hover.comment-email:before { content: '\e064'; font-family: 'General'; font-size: 35px; vertical-align: middle; color: #000; }
a.comment-date { }
.comment-text { padding: 10px; }
.comment-replay { padding: 10px; border-top: 1px dashed #ccc; }
.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; }
.comment-replay-name { font-family: yekan; font-size: 13px; font-weight: bold; }
.comment-replay-name:before { content: '\e107'; font-family: 'General'; font-size: 24px; vertical-align: middle; margin-left: 5px; color: #000; }
/************************************************* Sidebar ***************************************/
.sidebar { background-color: #fff; -webkit-box-shadow: 0px 0px 5px #CACACA; box-shadow: 0px 0px 5px #CACACA; padding: 10px 10px; }
.menu-block { margin-bottom: 25px; }
.menu-title { padding: 5px 10px; border-bottom: 1px solid #ccc; }
.menu-title h3 { color: #666; font-weight: normal; font-size: 16px; display: inline; }
/*********    Menu content    *********/
.menu-cnt { padding: 10px; }
.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: 8px 8px; }
.menu-cnt li a:link, .menu-cnt li a:visited { color: #666; }
.menu-cnt li a:hover { color: #000; }
.menu-cnt a:link, .menu-cnt a:visited { color: #069EDB; }
.menu-cnt a:hover { color: #000; }
.menu-cnt img { margin-bottom: 5px; }
/***********   list menu    ***************/
.menu-list { padding: 10px; }
.menu-list ul { margin: 0px; padding: 0px; }
.menu-list li { list-style-type: none; list-style-position: inside; border-bottom: 1px solid #eee; }
.menu-list li a { display: block; padding: 8px 8px; }
.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: #666; }
.menu-list li a:hover { color: #000; }
.menu-list a:link, .menu-list a:visited { color: #069EDB; }
.menu-list a:hover { color: #000; }
.menu-list img { margin-bottom: 5px; }
/***********   Profile menu box   ****************/
.blogprofile img { max-width: 150px; height: auto; }
/***********   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: '\e103'; font-family: General; font-size: 20px; margin-left: 7px; 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: '\e0dc'; font-family: General; font-size: 22px; margin-left: 7px; 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: #069EDB; margin: 0px 3px 5px 2px; border-radius: 4px; color: #000; }
.tagsbox .menu-cnt li a:hover { background: #000; color: #fff; }
.tagsbox .menu-cnt li a:before { content: none; }
/*********** SOCIAL  menu box  ****************/
.socialbox { }
.socialbox ul { text-align: right; margin: 0px; margin-top: 5px; padding: 0px; }
.socialbox li { display: inline-block; border: none; margin: 0px 0px 5px 3px; }
.socialbox li a { text-align: center; background-color: #fff; color: #000; padding: 0px; font-size: 26px; width: 30px; height: 30px; line-height: 1em; margin: 0px; display: inline-block; }
.socialbox li a:hover { background-color: #000; color: #fff; }
.socialbox 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: '\e18e'; 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 #999; }
.poll-answer { border-bottom: 1px dashed #ccc; }
li.poll-send { text-align: center; }
.poll-send input[type="submit"] { border: 1px solid #ccc; background-color: #fff; font-family: Tahoma; font-size: 11px; padding: 5px 10px; border-radius: 30px; }
.poll-send input[type="submit"]:hover { border: 1px solid #000; background-color: #666; color: #fff; font-family: Tahoma; font-size: 11px; padding: 5px 10px; border-radius: 30px; }
/*************  Stats Menu box  ****************/
.blogstats { }
.blogstats .menu-cnt li span { float: left; }
.blogstats .menu-cnt li { padding: 5px 10px; border-bottom: 1px dashed #ccc; }
.blogstats .menu-cnt li:last-child { border-bottom: none; }
/*******************  FOLOWERS menu box ***********/

.followers { }
.followers .menu-cnt ul { text-align: center; }
.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: 30px; background-color: #069EDB; color: #fff; float: left; font-size: 12px; font-weight: normal; padding: 5px; line-height: 1.5em; margin: 5px 10px 5px 5px; }
a.followers-plus { font-family: Yekan; font-size: 15px; font-weight: bold; display: block; margin: 10px auto; padding: 7px 10px; background-color: #069EDB; color: #fff; border-radius: 4px; }
a:link.followers-plus, a:visited.followers-plus { background-color: #069EDB; color: #fff; border-bottom: 3px solid #04719C; }
a:hover.followers-plus { background-color: #000; color: #fff; border-bottom: 3px solid #666; }
.followers-plus span { font-size: 30px; font-weight: bold; vertical-align: middle; }
/****************************************  Footer  **************************************/
.btmbar { background-color: #fff; -webkit-box-shadow: 0px 0px 5px #CACACA; box-shadow: 0px 0px 5px #CACACA; margin: 20px 0px; }
.footer { padding: 5px; color: #666; }
.copyright { font-family: Yekan; font-size: 14px; }
.copyright a:link, .copyright a:visited { color: #069EDB; }
.copyright a:hover { color: #000; }
a.fblogo { display: inline-block; width: 40px; height: 35px; background: url(//cdn.monoblog.ir/temp/templates/2theme/28/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: #666; font-size: 20px; width: 27px; height: 27px; line-height: 1em; margin: 0px; border: 1px solid #666; padding: 0px; border-radius: 50%; }
.dashboard li a:hover { background-color: #fff; color: #069EDB; border: 1px solid #069EDB; }
.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; }


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

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