/*!
 * Powered by DashAli
 * Copyright 2016-2021 ERPx.ir
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
@import url('colors.css');
body {
    padding-top: 80px;
}

footer {
    margin: 50px 0;
}

@media (max-width:767px){
	.xs-clearfix{clear:both; margin:0 5px; float:none!important}
	.forum-intro h1{margin:0 auto;}
	.mb-xs-15 div{margin-bottom:15px}
}
@media (min-width:768px){
	.gallery .thumbnail{transition:all .7s}
	.gallery .thumbnail:hover,.gallery .thumbnail:focus{transform:scale(1.2); transition:all .25s}
}

.parent-forum-sellector img{margin:0 auto; height:110px;}

@media (min-width:768px){
	.parent-forum-sellector input{max-width:72px}
	}

.forum-intro h1{
	color: #999;
	border: 1px solid #eee;
	border-radius: 50%;
	width: 180px;
	height: 180px;
	overflow: hidden;
	padding: 10px 0 0;
}
@media (min-width:768px) and (max-width:991px){
	.forum-intro h1{margin:50px -25px 0 0}
}
.icon-parents{width: 160px;}

.forum-featured h1{font-size:100px}


/*****	فروم‌ها	*****/

.active-users .user-mini-img,
.active-users .user-mini-img .img-circle{
	transition:all 1s;
	}
.active-users .user-mini-img:hover{
	transform:scale(1.2, 1.2);
	transition:all .2s;
	box-shadow:0 5px 5px rgba(0,0,0,.25);
	}
.active-users{
	display: content;
	float: right;
	margin: 0 0 10px 0;
	}
.active-users .user-mini-img{
	padding: 4px;
	background-color: #fff;
	border-radius: 50%;
	height: 42px;
	border: 1px solid rgba(0,0,0,0.35);
	box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
	margin-left:5px;
	width:42px;
	}
.active-users img{
	margin-left:10px;
	}
.most-active-users .active-users .user-mini-img{
	margin-bottom:10px;
	margin-left:10px;
	width:58px;
	height: 58px;
}

.title{font-size: 16px; margin:5px 0;}
.top-featured,.featured{border-radius:7px; padding: 10px 0;}
.top-featured:hover,.featured:hover{background-color:rgba(0,0,0,.05)}
.top-featured .thumbnail{margin-bottom:0; float:right; margin-left:15px}
.sup-title{margin: 0 0 -20px 0}
.sub-title{margin: -10px 0 10px 0}
.topic-intro{clear:both}
.featured-icons{font-size:12px; margin: -2px 5px 0 0}
.last-reply{
	font-size: 14px;
	margin: -2px 5px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.top-featured h3{
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
	color:#337ab7;
}
.top-featured h3:hover,
.top-featured h3:focus{
	color:#23527c;
}
.top-featured:hover .last-reply span{display:initial}

.top-featured .glyphicon-comments{padding-top:2px}
.top-featured .glyphicon-eye-open{padding-top:1px}
.top-featured .glyphicon-lightbulb{padding-top:1px}
.top-featured .glyphicon-user{padding-top:1px}

.top-photo h4{font-size:16px}
.top-photo .thumbnail{margin-bottom:5px}
.top-photo .caption{border-bottom: none transparent; margin-bottom: 15px; padding-bottom:0}
.top-photo .table button.circle{width:48px; height:48px; padding: 11px 8px;}
.top-photo .table button span{right:auto; left:-24px; top:-45px}
.top-featured .thumbnail{margin-bottom:0; float:right; margin-left:15px}

@media (min-width:1200px){.guid-intro .col-sm-3 h1{margin-right: -40px}}
@media (min-width:992px) and (max-width:1199px){.guid-intro .col-sm-3 h1{margin-right:0}}
@media (min-width:769px) and (max-width:991px){.guid-intro .col-sm-3 h1{margin-right: -80px}}
	
@media (max-width:768px){
	.top-featured .thumbnail{margin-bottom:14px}
	.guid-intro .col-sm-3 h1{margin-right: 0}
	.guid-intro .col-sm-9 h1{text-align:center}
}

.guid-intro h1{
	margin-top: 30px;
}
.guid-intro .x5{
	color: lightskyblue;
	height: 200px;
	width: 200px;
	line-height: 151px;
	padding: 1px 0 0;
	margin:0 auto;
	transition:all .7s;
	box-shadow: 0 0 0 0 #fff inset;
}
.guid-intro .x5:hover{
	transition:all .14s;
	background: #87cefa33;
	box-shadow: 0 0 0 10px #fff inset;
}

.guid-featured{
	background-color:#115588;
	padding:15px 0;
	margin:20px 0;
}
.guid-featured .input-group-btn button{
	padding-top: 9px;
	padding-bottom: 3px;
}

.accepted-user .glyphicon-ok{
	color: #449d44;
	font-size: 24px;
	line-height: 50px;
	position: absolute;
	left: 54px;
	top: 10px;
}
.accepted-user{
	margin: -72px 0 -10px 5px;
	position: relative;
	background: #fff;
	width: 86px;
	padding: 5px 20px;
	height: 82px;
}
.top-featured:hover .accepted-user,.featured:hover .accepted-user{background-color:#f2f2f2}
.creator-user{
	margin:11px 2px 11px 7px;
}
.creator-image{
	padding: 4px;
	background-color: #fff;
	border-radius: 50%;
	height: 42px;
	border: 1px solid rgba(0,0,0,0.35);
	box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
	margin-left: 10px;
	width: 42px;
	transition:all 1s;
}
.accepted-image{
	padding: 4px;
	background-color: #fff;
	border-radius: 50%;
	height: 42px;
	border: 1px solid rgba(0,0,0,0.35);
	box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
	margin-left: 5px;
	width: 42px;
}
.accepted-likes{
	top: 0px;
	left: 2px;
	position: relative;
	display: block;
	background-color: rgba(255,255,255,.5);
	border: 1px solid #eee;
	border-radius: 4px;
	min-width: 25px;
	text-align: center;
	height: 20px;
	color:#373a3c!important;
}
.accepted-likes .glyphicon-heart{color:#f04124;padding-top:2px}
.froum-section h4 span{font-weight:normal;font-size: 59%;}
.forum-section .top-featured{}
.forum-attributes{
    position: relative;
    margin-top: -27px;
    color: #373a3c;
}
@media (max-width:599px){
	.forum-attributes{
		position: absolute;
		margin-top: -25px;
	}
	.froum-section h4{
		margin-top: -10px;
		margin-bottom: 30px;
	}
}
.forum-attributes .glyphicon-file{
	color:#373a3c;
}
.forum-attributes .glyphicon-comments{
	color:gray;
}
.forum-attributes .glyphicon-ok{
	color:#449d44;
}
.forum-attributes .glyphicon-comments,
.forum-attributes .glyphicon-ok{
	margin-right:10px;
}
.topic-attributes{
	padding:8px 5px 0;
	color:#373a3c;
	width: 43px;
}
.topic-attribute{
	font-size:12px;
}
.topic-attribute .glyphicon-heart{
	padding-top: 2px;
}
.forum-status{
	box-shadow: 0 0 4px rgba(0,0,0,.2);
	display: block;
	position: absolute;
	width: 26px;
	height: 26px;
	margin: 0;
	right: 63px;
	background: rgba(255,255,255,.7);
	text-align: center;
	vertical-align: middle;
	padding: 6px 0 0 1px;
	top: 20px;
}
.glyphicon-lightbulb{
	margin-right:14px
}