#fb-comments-button {
background: #000;
color: #fff;
padding: 15px 40px;
font-size: 1.1em;
cursor: pointer;
border-radius: 5px;
transition-duration: .2s;
}
#fb-comments-button:hover {
background: rgba(0, 0, 0, .8);
}
.facebook_comment_post {
float: left;
position: relative;
width: 100%;
margin: 10px 0 50px;
text-align: center;
}
.fb-comments,
.fb-comments iframe[style],
.fb-like-box,
.fb-like-box iframe[style] {
width: 100% !important;
}
.fb-comments span,
.fb-comments iframe span[style],
.fb-like-box span,
.fb-like-box iframe span[style] {
width: 100% !important;
}
const pageMargin = window.innerWidth {
entries.forEach(entry => {
if (entry.intersectionRatio > 0) {
openFBComments();
fbObserver.unobserve(entry.target);
}
});
}, fBObserverOptions);
facebookComments.forEach(div => {
fbObserver.observe(div);
});
function openFBComments() {
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.1&autoLogAppEvents=1';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
var btn = document.getElementById('fb-comments-button');
if (btn) btn.style.display = "none";
}
