<div class="np-learning-path-certificate-content">
  <div class="np-learning-path-certificate-avatar" role="img">
    <i class="np-learning-path-certificate-avatar-icon fal fa-award"></i>
    <h5 class="np-learning-path-certificate-avatar-title">
      {% t .avatar_title %}
    </h5>
  </div>
  <h4 class="np-learning-path-certificate-name">
    {{ learning_path.certificate_name }}
  </h4>
  {% if learning_path.certificate_completed? %}
    <time
      class="np-learning-path-certificate-issue-date"
      datetime="{{ learning_path.certificate_issue_date }}"
    >
      {{ learning_path.certificate_issue_date | date: "%B %d, %Y" }}
    </time>
  {% endif  %}
</div>

<style>
.np-learning-path-certificate.np-learning-path-certificate--inactive {
	background: #ffff;
	color: #000000;
}
.np-learning-path-certificate-avatar {
	color: #000000 !important;
}
.np-learning-path-certificate-name {
	color: #000000;
}
</style>
