/*
Similar to feeds.css of twitter plugin
*/
/*	Holds the entire list */
.tweets.tweets {
	position:relative;
	max-width:100%;
	font-size:16px;
	background:#FFF;
	color: #3d3d3d;
	
	/* Match the height of Facebook default iframe: */
	height:500px;
	overflow:auto;
}
	.tweets.tweets * {
		font: inherit;
	}
	/* All links in the feed */
	.tweets a,
	.tweets .tweet a {
		color: #3077c4; /* or white text themes mess up */
		text-decoration:none;
	}
	.tweets a:hover {
		text-decoration:underline;
	}

/*	Outer tweet wrapper */
article.tweet {
	border-top:1px solid #ededed;
	position:relative;
	padding:16px 5px 8px;
}
article.tweet:first-child {
	border-top:none;
}
article.tweet:nth-child(even) {
}

/*	Inner tweet wrapper */
.tweet_content {
	padding:0 0 0 55px;
}
	/*	The profile pic
		Default size of said pic is 48px by 48px */
	.tweet_profile_img {
		position:absolute;
		margin:0 0 0 -55px;
	}
		.tweet_profile_img a img {
			border:1px solid #dbdbdb;
		}

	/*	Display name/@screen name */
	.tweet_header,
	.tweet_primary_meta {
		font-weight:bold;
		text-align:left;
	}
		.tweet_screen_name {
			opacity:0.6;
		}

	/* The tweet text */
	.tweet_text {
		margin:3px 0 7px;
	}
	
	/* In case of overlap - see js */
	.tweets .tweet >.tweet_content.overlap .tweet_primary_meta {
		padding-top: 23px;
	}

	/* Tweet footer */
	.tweet_footer,
	.tweet_secondary_meta {
		font-size:79%;
	}
		/* Tweet meta info */
		.tweet_date {
			position:absolute;
			top: 13px;
			right:10px;
			color:#a0a0a0;
		}
		.tweet_retweet {
			display:block;
		}
			.tweet_retweet .tweet_icon_retweet {
				background-position:-80px -3px;
			}

		/* Tweet actions */
		.tweet_intents {
			text-align:right;
		}
			.tweet_intents .tweet_intent {
				display:inline-block;
				margin-left:10px;
			}
			.tweet_intents .tweet_intent:first-child {
				margin-left:0;
			}
			.tweet_intent_reply .tweet_icon_reply {
				background-position:-1px -1px;
			}
			.tweet_intent_reply:hover .tweet_icon_reply {
				background-position:-17px -1px;
			}
			.tweet_intent_retweet .tweet_icon_retweet {
				background-position:-80px -3px;
			}
			.tweet_intent_retweet:hover .tweet_icon_retweet {
				background-position:-96px -3px;
			}
			.tweet_intent_retweet:active .tweet_icon_retweet {
				background-position:-112px -3px;
			}
			.tweet_intent_favourite .tweet_icon_favourite {
				background-position:-33px -1px;
			}
			.tweet_intent_favourite:hover .tweet_icon_favourite {
				background-position:-49px -1px;
			}
			.tweet_intent_favourite:active .tweet_icon_favourite {
				background-position:-65px -1px;
			}

/* Icon styling */
.tweet_icon {
	margin-right:3px;
}

.tweet_icon_reply,
.tweet_icon_retweet,
.tweet_icon_favourite {
	display:inline-block;
	background-image:url('icons.png');
	background-repeat:no-repeat;
}
.tweet_icon_reply {
	position:relative;
	width:13px;
	height:13px;
	top:1px;
}
.tweet_icon_retweet {
	width:16px;
	height:10px;
}
.tweet_icon_favourite {
	position:relative;
	width:15px;
	height:15px;
	top:3px;
}

.tweet_intent_txt {
	display:none;
}
@media screen and (max-width:1200px) {
	/*smaller screens collapse icon with content float on smaller columns:*/
	.sflb_row:not(.sflb_12) .tweet .tweet_content {
		padding: 0px;
	}
	.sflb_row:not(.sflb_12) .tweet .tweet_profile_img {
		margin: 8px 8px 8px 0;
		position: static;
		float:left;
	}
}

@media screen and (max-width:400px) {
	.tweet_intents .tweet_intent {
		padding:2px 12px;
	}
	.tweet_icon {
		margin:0;
	}
}