Checkbox check and label color

//HTML
<div class="ic-check-item">
	<label>
		<input type="checkbox">
		<span>Special Day Offer</span>
		<i class="input-helper"></i>
	</label>
</div>

//CSS
.ic-check-item {
    position: relative;
}
.ic-check-item label {
    padding-left: 32px;
    display: block;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 400;
}
.ic-check-item input[type="checkbox"] {
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
}
.ic-check-item input[type="checkbox"]:checked + .input-helper:before {
  border-color: #31334a;
}
.ic-check-item label input[type="checkbox"]:checked + span {
    color: #ff6f00;
}
.ic-check-item .input-helper:before,
.ic-check-item .input-helper:after {
  position: absolute;
  content: "";
  transition: all 200ms;
}
.ic-check-item .input-helper:before {
  left: 0;
  border: 1px solid #c7c8d1;
}
.ic-check-item input[type="checkbox"] {
  width: 19px;
  height: 19px;
  margin: 0px;
}
.ic-check-item input[type="checkbox"]:checked ~ .input-helper:before {
  background-color: #ff6f00;
  border-color: #ff6f00;
}
.ic-check-item input[type="checkbox"]:checked ~ .input-helper:after {
  transform: scale(1);
  opacity: 1;
}
.ic-check-item .input-helper:before {
  top: 6px;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  color: #fff;
  background-color: #222222;
}
.ic-check-item .input-helper:after {
    /*content: '\2713';*/
    /*font: normal normal normal 14px/1 FontAwesome;*/
    /*font-size: 13px;*/
    background-image: url('../images/icons/check.png');
    background-repeat: no-repeat;
    left: 4px;
    top: 11px;
    height: 18px;
    width: 18px;
    color: #fff;
    transform: scale(0);
    opacity: 0;
}
.ic-check-item span {
    font-size: 20px;
    color: #31334a;
    line-height: 1.3;
}