@charset "UTF-8";
/* Star Rating */
.rate {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

#star-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#star-rating > input {
  display: none;
}
#star-rating > input:checked ~ label:before {
  opacity: 1;
}
#star-rating > label {
  position: relative;
  width: 1em;
  font-size: 30px;
  font-weight: 300;
  color: var(--brand-color);
  cursor: pointer;
}
#star-rating > label::before {
  content: "★";
  position: absolute;
  opacity: 0;
}
#star-rating > label:hover:before, #star-rating > label:hover ~ label:before {
  opacity: 1 !important;
}
#star-rating:hover > input:checked ~ label:before {
  opacity: 0.4;
}

.star-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.star-rating > input {
  display: none;
}
.star-rating > input:checked ~ label:before {
  opacity: 1;
}
.star-rating > label {
  position: relative;
  /*width: 1em;*/
  font-size: 1.4em;
  font-weight: 300;
  color: var(--body-font);
  cursor: pointer;
}
.star-rating > label::before {
  content: "★";
  position: absolute;
  opacity: 0;
}

.post-rating .star-rating {
  padding-top: 0.15rem;
}