/**
 * Star ratings
 */

body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important

	.star-rating {

		&::before {
			color: map-deep-get($config-woocommerce, "star-rating", "color");
			content: "\53\53\53\53\53";
			opacity: 0.4;
		}

		span {
			color: map-deep-get($config-woocommerce, "star-rating", "color");
		}
	}

	p.stars a {
		color: map-deep-get($config-woocommerce, "star-rating", "color");
	}
}