I need a CSS file to enable me change the color of star rating to blue. See image blue for clarification.
.course ul#course-list li.course_single_item div div div.item{height:200px !important;}
.course ul#course-list li.course_single_item span:before{color:blue !important;}
.course ul#course-list li.course_single_item div div div.item .item-title{height:50px !important;}
.course ul#course-list img.avatar{max-height:40px !Important;max-width:40px !Important;}
.course strong.course-star-rating span:before{color:white !Important;}
.course div#item-header-content h1{color:white !Important;}
.course li.course_price strong{color:blue !Important;}
.modern-star-rating span:before{color:blue !Important;}
.course_reviews .review_breakup ul.rating_breakup li strong>span {background-color:blue !important;}
.course-star-rating span:before{color:blue !Important;}