/* rating */
.article-ratings {
  display: flex;
  align-items: center;
  justify-content:start;
  flex-wrap: wrap;
  gap:15px;
}
.article-ratings p {
  margin:0;
  font-size:14px;
  opacity:.6
}
#page-rating-block {
  display:flex;
  align-items:center;
  justify-content:center;
  height: 24px;
  line-height: 1;
  cursor: default;
}
#page-rating-block .hidden {
  visibility: hidden;
}
.rating-img {
  cursor: pointer;
  vertical-align: middle;
  margin: 0 -3px;
  border-left : 3px solid transparent;
  border-right: 3px solid transparent;
  margin-top: -3px;
}
.rating-img.hover {
  padding: 16px 16px 0 0;
  width  : 0;
  height : 0;
  background: url('../img/ratingStarHover.webp');
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}
.rating-img.nocursor {
  cursor: default;
}
#page-rating-value {
  order:-1;
  margin-right:8px;
  color:#b7b7b7;
  font-size:16px;
  font-weight:400;
}
#page-rating-uservalue {
  display: inline-block;
  min-width: 8ch;
}
#page-rating-block {
  position: relative;
	top: 1px;
  display: flex; 
	align-items: center;
  height: 16px;
  line-height: 15px;
  font-size: inherit; 
}
#page-rating-block .hidden { 
  visibility: visible; 
  display: none; 
}
#page-rating-block .rating-img { 
  margin: -3px -2px 0 -2px; 
}

#page-rating-info  {
  /*display: flex;*/
  display: none;
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
  margin-left: 8px;
  line-height: 17px;
  opacity: 0.7;
}
#page-rating-count {
	margin: 0 2px 0 5px;
}

@media screen and (max-width:767px) {
  #page-rating-value{font-size:12px}
  .rating-img{width:20px}
}