How can I invert the color of the icon fa fa-clipboard when hovering over the wrap div?
<div class="col-lg-6 mbr-col-md-10">
<div class="wrap">
<div class="ico-wrap">
<span class="mbr-iconfont fa fa-clipboard"></span>
</div>
</div>
</div>
This will invert the color of the clipboard icon when I hover over the icon itself, but I need it to invert when hovering over the div above it. The default color is black.
.mbr-iconfont:hover {
color: white !important;
}