Icon is dark in the first <li>
porfolio item and correct in the second <li>
porfolio item. I cannot discover the error.
thanks
——————————–
<ul class="portfolio-list sort-destination lightbox" data-sort-id="portfolio" data-plugin-options='{"delegate": "a", "type": "iframe", "gallery": {"enabled": true}}'>
<li class="col-sm-6 col-xs-12 isotope-item websites">
<div class="portfolio-item img-thumbnail">
<a href="http://brightcove.vo.llnwd.net/e1/uds/pd/2272822653001/2272822653001_3598985665001_l7-shorter.mp4">
<img alt="" src="img/video_thumb/l7-thumb.jpg" />
<span class="thumb-info-title">
<span class="thumb-info-inner">Help!</span>
<span class="thumb-info-type">thumb info icon is dark</span>
</span>
<span class="thumb-info-action">
<span title="Universal" class="thumb-info-action-icon"><i class="fa fa-video-camera"></i></span>
<span class="thumb-info-action"></span>
</span>
</a>
</div>
</li>
<li class="col-sm-6 col-xs-12 isotope-item websites">
<div class="portfolio-item img-thumbnail">
<a href="portfolio-single-project.html">
<img alt="" width="560" height="375" src="img/video_thumb/l7-thumb.jpg" />
<span class="thumb-info-title">
<span class="thumb-info-inner">SEO</span>
<span class="thumb-info-type">Website</span>
</span>
<span class="thumb-info-action">
<span title="Universal" class="thumb-info-action-icon"><i class="fa fa-link"></i></span>
</span>
</a>
</div>
</li>
</ul>