#facebook{
width:100%;
height:auto;
box-sizing: border-box;
display: block;
position: relative;
margin:0;
padding:0;
}
#facebook #item_wrapper{
display:block;
height:auto;
}
#facebook #item{
display:block;
height:auto;
width:100%;
box-sizing: border-box;
border-bottom: 1px solid gray;
}
#facebook #item #img_box,
#facebook #item #link_box,
#facebook #item #video_box{
display:block;
float:left;
height:auto;
width:250px;
padding:10px 0 10px 0;   
box-sizing:border-box;
position:relative;
}
#facebook #item #img_box img, 
#facebook #item #video_box iframe,
#facebook #item #link_box img {
height:240px;
width:100%;
border:0;
-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
}
#facebook #item #video_box:hover > #iframe_overlay{
display:none;
}
#facebook #item #img_box img,
#facebook #item #link_box img{
height:auto;
cursor:pointer;
}
#facebook #item #img_box img{
display:none;
}
#facebook #item #img_box img:first-of-type{
height:auto;
display:block;
}
#facebook #item #video_box #iframe_overlay{
height:100%;
width:100%;
margin-top:-240px;
position:absolute;
background-image: url(//www.tibvanlindenberg.nl/wp-content/themes/tibvl/images/play.png);
background-position:center center;
background-repeat: no-repeat;
background-size:60px;
cursor:pointer;
pointer-events: none;
}
#facebook #item #link_box #link_overlay{
height:60px;
width:100%;
margin-top:-60px;
position:absolute;
cursor:pointer;
pointer-events: none;
text-align:center;
font-weight:bold;
background:rgb(248,248,248);
border-top:1px solid gray;
}
#facebook #item #link_box #link_overlay a{
text-decoration:none;
color:inherit;
}
#facebook #item #link_box #link_overlay a.link{
color:black !important;
line-height:30px !important;
font-size:20px !important;
}
#facebook #item #link_box #link_overlay p.caption{
color:rgb(100,100,100) !important;
line-height:20px !important;
font-size:12px !important;
margin:0;
padding:0;
display:block;
width:100%;
text-align:center;
text-transform: uppercase;
}
#facebook #item #content_box{
display:block;
height:auto;
margin-left:260px;
width:auto;
padding:10px;
padding-left:0px;
box-sizing:border-box;
}
#facebook #item #content_box a.lees_verder{
margin:4px;
cursor:pointer;
display:block;
pointer-events: auto;
}
#facebook #item:last-of-type{
border:0;
}
#facebook #item p.item_created_time{
font-style:italic;
padding:4px;
margin:0;
display:inline-block;
}
#facebook #item p.item_likes{
font-style:italic;
padding:4px;
margin:0;
display:inline-block;
}
#facebook #item p.item_message{
padding:4px;
margin:0;
display:block;
}
#clear{
clear:both;
}
@media (max-width: 820px) {
#facebook #item #img_box,
#facebook #item #link_box,
#facebook #item #video_box	{
float:none;
width:100%;
max-width:400px;
margin:0 auto;
padding:0;
padding-top:20px;
}
#facebook #item #content_box{
margin:0;
}
}