@charset 'utf-8';

.fb-post:not([fb-xfbml-state="rendered"]),
.fb-video:not([fb-xfbml-state="rendered"]),
.fb-page:not([fb-xfbml-state="rendered"]) {
	position:relative;
}

.fb-post:not([fb-xfbml-state="rendered"])::before,
.fb-video:not([fb-xfbml-state="rendered"])::before,
.fb-page:not([fb-xfbml-state="rendered"])::before {
	display:block;
	content:'';
	background:rgba(128,128,128,.1);
	overflow:hidden;
}
.fb-post:not([fb-xfbml-state="rendered"]):empty::before,
.fb-video:not([fb-xfbml-state="rendered"]):empty::before,
.fb-page:not([fb-xfbml-state="rendered"]):empty::before {
	position:relative;
	padding-top:100%;
	width:100%;
}

.fb-post:not([fb-xfbml-state="rendered"]):not(:empty)::before,
.fb-video:not([fb-xfbml-state="rendered"]):not(:empty)::before,
.fb-page:not([fb-xfbml-state="rendered"]):not(:empty)::before {
	position:absolute;
	top:0; right:0; bottom:0; left:0;
}

.fb-post:not([fb-xfbml-state="rendered"])::after,
.fb-video:not([fb-xfbml-state="rendered"])::after,
.fb-page:not([fb-xfbml-state="rendered"])::after {
	font-family:FontAwesome;
	content:'\f230'; /* fa-facebook-official */
	
	position:absolute;
	top:5px;
	left:5px;
	
	color:white;
	font-size:32px;
	line-height:1;
}

:not(.oembed-rich) > .fb-post,
:not(.oembed-rich) > .fb-video,
:not(.oembed-rich) > .fb-page {
	margin-top:1em;
	margin-bottom:1em;
	display:block;
	vertical-align:top;
	width:100%;
}

/*
[data-embed-rendering] {
	outline:4px dashed rgba(255,0,0,.2);
}
*/