/*-------------------------------------------------*/
/* Plugin Name: Vivo Live Tweets
/* Version: 1.0.0
/* Author: jetonr
/*-------------------------------------------------*/

/* Clearfix */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/*-------------------------------------------------*/
/* =  Tweet Main Container
/*-------------------------------------------------*/
.vivo-live-tweets-container {
	height: auto;
	position: relative;
	clear: both;
	padding: 0px;
	margin: 0px;
}

/* General Link Style */
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet a { 
	text-decoration: none; 
	position: relative; /* Safari Fix Unclicable Links */
}
/* General Tweet Text color */
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-body .tweet-content p.content { 
    color: #666666 !important; 
}

/* Unordered List for Tweets */
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"],
#sidebar .vivo-live-tweets-container ul[id^="vivo_live_tweets_"] {
	padding: 0;
	margin: 0;
	list-style: none;
	border: none;
	width: 100%;
}

/* Tweets List Style */
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet,
#sidebar .vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet {
	list-style: none;
	border: none;	
	position:relative;
    background: none !important;
    padding: 5px 0 !important;
	margin: 0;
	font-size:14px;
	line-height: 18px;
	height: auto;
	-webkit-transform-style: preserve-3d;
}

/* Tweets List Style Borders */
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"].borders li.tweet,
#sidebar .vivo-live-tweets-container ul[id^="vivo_live_tweets_"].borders li.tweet {
    padding: 8px 8px 0 !important;
	margin: 10px 0px;
    background: #fff !important;
	border-color: rgb(238, 238, 238) rgb(221, 221, 221) rgb(187, 187, 187);
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.14902);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.14902);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.14902);
}

/* Tweets Line Separator */
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"].borders li.tweet .separator {
	border-bottom-color: transparent;
}
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .separator {
	border-bottom: 1px solid #e8e8e8;
	clear: both;
	min-width: 100%; 
	margin: 0 auto;
	content: ' ';
}
/*-------------------------------------------------*/
/* =  Tweet Body
/*-------------------------------------------------*/
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-body {
	clear: both;
	min-width: 100%;
	margin: 0 auto;
	margin-bottom: 5px;
	display: block;
}

/* Twitter Profile Image */
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-image {
	margin-right: 10px;
	width: 10%;
	float: left;
	position: relative;
}
.vivo-live-tweets-widget .vivo-live-tweets-container .tweet .tweet-image {
	width: 15%;
} 
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-image img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
	opacity: 1;
	box-sizing: border-box;         /* Opera/IE 8+ */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"].circle li.tweet .tweet-image .avatar {
	border-radius: 50%; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%;
}
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"].rounded li.tweet .tweet-image .avatar {
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

/* Tweet Content */
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-content {
	margin: 0;
	overflow: hidden;
}

/* Tweet Content Paragraph */
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-content p.content {
	margin: 0;
	line-height: normal;
	font-size: 12px !important;
	width: auto;
}

/* Tweet Meta */
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-content .meta {
	margin: 0 0 5px;
	line-height: 1em;
}

/* Tweet Meta Time */
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-content .meta .time {
	font-size: 10px;
	margin: 0;
	white-space: nowrap;
	float: right;
	display: inline-block;
}

/* Tweet Meta Username */
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-content .meta .username {
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
	font-size: 12px;
	margin: 0px;
	text-decoration: none;
}

/*-------------------------------------------------*/
/* =  Tweet Footer
/*-------------------------------------------------*/
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-footer {
	position: relative;
	min-height: 23px;
}

/* Twitter Retweet and favorite count */
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-footer .tweet-stats {
	width: 65%;
	position: absolute;
	bottom: 5px;
	left: 0;
	font-size: 12px;
	line-height: 1em;
}
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-footer .tweet-stats a.favorites-count,
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-footer .tweet-stats a.retweet-count {
	display: inline-block;
	padding: 0;
	float: left;
	line-height: normal;
	font-size: 11px;
	font-weight: normal;
}
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-footer .tweet-stats a.retweet-count {
	margin-right: 7px;
}

/* Twitter Action Links Style Favorite Retweet Reply Icons */
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-footer ul.tweet-actions,
#sidebar .vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-footer ul.tweet-actions {
	position: absolute;
	right: 0;
	bottom: 0;
	list-style: none;
	line-height: 0;
	padding: 3px 5px !important;
	background-color: #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: -1px;
	margin-right: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-footer ul.tweet-actions li,
#sidebar .vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-footer ul.tweet-actions li {
	display: inline-block;
	font-size: 14px;
    background: none !important;
    padding: 0 !important;
	margin: 0;
	line-height: 0;
	margin-top: 2px;
	border: none;
}
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-footer ul.tweet-actions li a span {
	color: #999;
}
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-footer ul.tweet-actions li a.retweet:hover span.vlt-icon-retweet {
	color: #56bf0c !important;
}
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-footer ul.tweet-actions li a.favorite:hover span.vlt-icon-star {
	color: #f5c614 !important;
}
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"] li.tweet .tweet-footer ul.tweet-actions li a.reply:hover span.vlt-icon-reply  {
	color: #0084B4 !important;
}

/*-------------------------------------------------*/
/* =  Tweet Small Container
/*-------------------------------------------------*/
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"].small-container .tweet .tweet-body {
	margin-bottom: 10px;
}
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"].rounded.small-container .tweet-image, 
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"].circle.small-container .tweet-image,
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"].small-container .tweet-image,
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"].small-container .tweet-content {
	width: 100%;
}
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"].small-container .tweet-footer .tweet-stats {
	bottom: 2px;
	line-height: 1.1em;
	font-size: 11px;
}
.vivo-live-tweets-container ul[id^="vivo_live_tweets_"].small-container .tweet-footer .tweet-stats a {
	display: block !important;
}

/*-------------------------------------------------*/
/* =  Tweet IN Animations 
/*-------------------------------------------------*/

/* fadeIn Animation */
.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
   
    opacity: 1;
	
	animation-duration: 0.8s;	
	-webkit-animation-duration: 0.8s;
	
	animation-timing-function: ease-in;	
	-webkit-animation-timing-function: ease-in;	
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* fadeOut Animation */
.fadeOut {
    animation-name: fadeOut;
    -webkit-animation-name: fadeOut;
   
    opacity: 0;
	
	animation-duration: 0.8s;	
	-webkit-animation-duration: 0.8s;;
	
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* slideDown Animation */
.slideDown {
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: .6s;	
	-webkit-animation-duration: .6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;						
}
@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0%);
	}		
}
@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}	
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/* slideDownBounce Animation */
.slideDownBounce {
	animation-name: slideDownBounce;
	-webkit-animation-name: slideDownBounce;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}
@keyframes slideDownBounce {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}		
}
@-webkit-keyframes slideDownBounce {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*-------------------------------------------------*/
/* =  Vivo Live Tweets Font Face
/*-------------------------------------------------*/
@font-face {
  font-family: 'vivolivetweets_font';
  src: url('../font/vivolivetweets_font.eot?723405');
  src: url('../font/vivolivetweets_font.eot?723405#iefix') format('embedded-opentype'),
       url('../font/vivolivetweets_font.woff?723405') format('woff'),
       url('../font/vivolivetweets_font.ttf?723405') format('truetype'),
       url('../font/vivolivetweets_font.svg?723405#vivolivetweets_font') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'vivolivetweets_font';
    src: url('../font/vivolivetweets_font.svg?723405#vivolivetweets_font') format('svg');
  }
}

 
 [class^="vlt-icon-"]:before, [class*=" vlt-icon-"]:before {
  font-family: "vivolivetweets_font";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.vlt-icon-heart:before { content: '\e80c'; } /* '' */
.vlt-icon-twitter-t:before { content: '\e813'; } /* '' */
.vlt-icon-star-empty:before { content: '\e802'; } /* '' */
.vlt-icon-link:before { content: '\e810'; } /* '' */
.vlt-icon-reply:before { content: '\e803'; } /* '' */
.vlt-icon-star:before { content: '\e800'; } /* '' */
.vlt-icon-play:before { content: '\e809'; } /* '' */
.vlt-icon-stop-1:before { content: '\e80a'; } /* '' */
.vlt-icon-pause:before { content: '\e80b'; } /* '' */
.vlt-icon-twitter:before { content: '\e812'; } /* '' */
.vlt-icon-retweet:before { content: '\e801'; } /* '' */