How do i hide Social sharing for Disqus via CSS

I would like to use Disqus comments system as a guestbook on a wedding website based on a bootstrap/html5 template.

Since the content on the website is personal, i would like to remove the share links for Facebook, Twitter etc which appear above the comments box and below each individual comment.

Screenshot here, http://imgur.com/pkvUSoF

Is there a way to achieve this by hiding the share elements in CSS ?

I understand the new Disqus uses an iframe, however there is a similar thread for hiding the Disqus footer linked here and the CSS code below does work.

#disqus_thread{
     position: relative;
}
#disqus_thread:after{
     content: "";
     display: block;
     height: 55px;
     width: 100%;
     position: absolute;
     bottom: 0px;
     background:white;
}

Using the 'inspect element' in Chrome, I am able to hide the share elements using 'display:none'

.nav-secondary>ul>li.share-menu {
float: right;
display: none;
}

and

.post-content footer .share {
position: relative;
display: none;
}

Could anyone help me with the correct code/syntax to add this to my styles.css to hide the Social Sharing buttons.

Thanks !