.rating-text {
   position: relative;
}
.rating-text__under {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 1px;
   border-bottom: 1px solid #f6786f;
}

.comments-rating {
   position: relative;
	border: none;
	padding: 0;
   margin-left: 0;
   line-height: 21px;
}

.comments-rating label {
	display: inline-block;
}

.rating-container {   
	/* remove inline-block whitespace */
	font-size: 0;
	/* flip the order so we can use the + and ~ combinators */
	unicode-bidi: bidi-override;
	direction: rtl;
}

.rating-container * {
	font-size: 1.4rem;
}

.rating-container > input {
   position: absolute;
   top: 0;
   left: 0;
   visibility: hidden;
   height: 1px;
   width: 1px;
   opacity: 0;
}

.rating-container > input + label {
	/* only enough room for the star */
   font-family: 'dashicons';
   display: inline-block;
   overflow: hidden;
   text-indent: 9999px;
   width: 1em;
   white-space: nowrap;
   cursor: pointer;
   margin: 0;
   font-size: 20px;
   margin-left: 2px;
   line-height: 20px;
}

.rating-container > input + label:before {
	display: inline-block;
	text-indent: -9999px;
	content: "\f154";
   color: #a1a1a1;
}
.rating-container > input.error + label:before {
   color: #f6786f;
}

.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
	content: "\f155";
	color: #258594;
}

.rating-container > .star-cb-clear + label {
	text-indent: -9999px;
	width: .5em;
	margin-left: -.5em;
}

.rating-container > .star-cb-clear + label:before {
	width: .5em;
}

.rating-container:hover > input + label:before {
	content: "\f154";
   color: #a1a1a1;
	text-shadow: none;
}

.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
	content: "\f155";
	color: #258594;
}

.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
	text-indent: 9999px;
}

.comment-respond .rating-container > input + label {
	text-indent: -9999px;
}