/* 	Виджеты Популярные записи 
	и Сейчас на сайте*/
.widget-item .bg-az-top-posts {
	margin: 5px;
	padding: 0;
}
.widget-item .bg-az-top-posts>li,
.widget-item .bg-az-counter p {
	margin: 0px;
	padding: 5px;
	list-style-type: none;
}
.widget-item .bg-az-top-posts>li:before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-right: 5px;
	vertical-align: middle;
	background: var(--link-color, #90694a); ;
	border: none;
	border-radius: 50%;
}
.widget-item .bg-az-top-posts>li a,
.widget-item .bg-az-counter p {
	color: var(--link-color, #90694a); ;
}
.widget-item .bg-az-top-posts>li .bg-az-count,
.widget-item p .bg-az-counter-now,
.widget-item p .bg-az-counter-unit,
.widget-item p .bg-az-counter-views,
.widget-item p .bg-az-counter-posts  {
	color: #999;
}
.widget-item .bg-az-top-posts>li:hover {
	background: var(--side-bg, #fff);
	color: var(--link-color, #e88f57);
	transition: all .4s ease;
}

i.fa-user-o:before,
i.fa-star-o:before {
	margin-left: 4px;
}

.widget-item .bg-az-counter,
.widget-item .bg-az-top-posts {
	display: table;
	width: 100%;
	max-width: 35em;
	margin: 0 auto;
}

.widget-item .bg-az-counter p,
.widget-item .bg-az-top-posts>li {
	display: table-row;
}
.widget-item .bg-az-counter p>span,
.widget-item .bg-az-top-posts>li>a,
.widget-item .bg-az-top-posts>li>span {
	display: table-cell;
	text-align: right;
}
.widget_bg_counter_online_widget .bg-az-counter p>span{
	white-space: nowrap;
}

.widget-item .bg-az-counter p>span.bg-az-counter-title,
.widget-item .bg-az-top-posts>li>a {
	width: 100%;
	padding: 0 3px 5px 3px;	
	text-align: left;
}

/*	Рейтинг */
.bg_counter_rating {
	position: relative;
	padding:0px; 
	margin:0px;
}
#bg_counter_rate_box {
	box-sizing:border-box; 
	padding:0px; 
	margin:0px;
	color:#999;
	position:relative;
	font-size:1.5rem;
	content-visibility: visible;
	
	background: linear-gradient(to right, #ffcf33 0%, #ffcf33 50%, grey 50%);
	background-size: 200%;
	background-position: calc(100% - var(--star-index));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
	
	transition: background-position .5s ease;
}

#bg_counter_rate_box * {
	box-sizing:border-box; 
	padding:0px; margin:0px;
}
#bg_counter_rate_box li {
	display: inline-block;
	width:1em; 
	height:1em;  
	text-align:center;
	margin: 0 1.5px; 
	list-style:none; 
	cursor:default;
}
#bg_counter_rate_box li:after{
	content:'\f005';
	font-family:FontAwesome;
}

#bg_counter_rate_box li::before {
    display: none;
}
.bg_counter_rate_text{
	display: block;
    font-size: 12px;
	white-space: nowrap;
}
#bg_counter_popup_help {
	position: absolute;
	padding: 2px 10px; 
	margin: 0px;
	left: 0px;
	bottom: 2.5em;
	min-width: 115px;
	z-index: 100;
	font-size: 16px;
	background-color: rgba(250, 248, 241, 0.9);
	color: #8A5536;
	display: none;
	font-family: Arial;
	text-align: center;
	border: 1px solid #A6801E;
	border-radius: 3px; 
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	word-break:normal;
}

.comment-like-btn{
	color:#900;
	margin: 0 .25em;
	transition:transform .35s ease;
	cursor:pointer;
}
.comment-like-btn:hover{
	transform: scale(1.2);
}
.comment-like-btn.loading,
.comment-like-btn.voted{
	pointer-events:none;
}
.comment-like-btn.loading:before{
	content: "\f017";
	color: #999;
}
.comment-like-btn.voted:before{
	content: "\f004";
}
.comment-like-wrap a{
	text-decoration:underline;
	text-decoration-color: #ccc;
}

.bg-counter-multiplier{
	font-size: 85%;
}

@media (min-width: 521px){
	i.fa-user-o:before,
	i.fa-star-o:before {
		margin-left: .5em;
	}
}