Add CSS class to social icon list items

[themeblvd]

In themeblvd_contact_bar() and themeblvd_blog_share(), there's no way to style tooltips based on the social media source because the tooltips are outside the <a> tags and the <li> tags have no CSS classes.

So let's add a CSS class to those list items like li-pinterest, making CSS like this possible:

.btn-share.pinterest:hover,
.btn-share.pinterest:focus {
    background-color: #BD081C;
}
.li-pinterest .tooltip-inner {
    border-color: #BD081C
}
.li-pinterest .tooltip.top .tooltip-arrow {
    border-top-color: #BD081C
}
.li-pinterest .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #BD081C
}