.feeds-nav {
  display:block;
  width:100%;
  height:45px;
  padding:0;
  position:relative;
  background-color:#47639e;
}
.feed-button {
  display:block;
  width:40%;
  height:100%;
  -webkit-transition:background-color 0.2s ease-out, width 0.3s ease-out;
  transition:background-color 0.2s ease-out, width 0.3s ease-out;
  position:absolute;
  top:0;
}
.feed-button .text {
  display:block;
  width:100%;
  text-indent:100%;
  overflow:hidden;
  white-space:nowrap;
}
.feed-button .icon {
  position:absolute;
  top:50%;
  left:50%;
}
.feed-button .icon * { fill:#ffffff; }
.feed-button-facebook {
  left:0;
  background-color:#47639e;
}
.facebook-active .feed-button-facebook { width:60%; }
.feed-button-twitter {
  right:0;
  background-color:#55acee;
}
.twitter-active .feed-button-twitter { width:60%; }
.feed-button-facebook .icon {
  width:12px;
  height:25px;
  margin-top:-13px;
  margin-left:-2px;
}
.feed-button-twitter .icon {
  width:23px;
  height:20px;
  margin-top:-10px;
  margin-left:-8px;
}
.feed-button:hover { background-color:#0e233b; }
.feed-button:active {
  -webkit-transition:background-color 0s ease-out, width 0.3s ease-out;
  transition:background-color 0s ease-out, width 0.3s ease-out;
}
.facebook-active .feed-button-facebook, .feed-button-facebook:active { background-color:#47639e; }
.twitter-active .feed-button-twitter, .feed-button-twitter:active { background-color:#55acee; }
.feeds-wrapper {
  width:100%;
  height:370px;
  overflow:hidden;
  position:relative;
}
.feeds {
  height:370px;
  width:100%;
  overflow:auto;
  position:absolute;
  top:0;
  left:0;
  display:block;
}
.feeds-facebook { left:0; }
.feeds > .inner {
  width:100%;
  padding:20px 19px 44px 0;
  position:relative;
}
.feeds-loader {
  display:block;
  width:100%;
  height:35px;
  position:absolute;
  left:0;
  bottom:9px;
}
.feeds-loader .loader .part { background-color:#0e233b; }
.feed {
  margin-bottom:10px;
  overflow:hidden;
  border-bottom:1px solid rgba(22,157,181,0.3);
}
.feed-header {
  display:block;
  width:100%;
  height:40px;
}
.feed-header-link {
  display:block;
  width:100%;
  height:100%;
  position:relative;
}
.feed-user-image {
  position:absolute;
  top:0;
  left:0;
  width:40px;
}
.feed-info {
  display:flex;
  justify-content:space-between;
  width:100%;
  height:100%;
  padding:9px 0 0 50px;
  font-family:"source-sans-pro", sans-serif;
  font-weight:700;
  font-size:14px;
  line-height:15px;
}
.feed-info * { display:block; }
.feed-user-name {
  -webkit-transition:color 0.2s ease-out;
  transition:color 0.2s ease-out;
}
.feed-facebook .feed-user-name { color:#47639e; }
.feed-twitter .feed-user-name { color:#169db5; }
.feed-screen-name {
  display:inline;
  color:#0e233b;
  font-weight:400;
  margin-left:5px;
}
.feed-date { color:#0e233b; }
.feed-header-link:hover .feed-user-name { color:#0e233b; }
.feed-header-link:active .feed-user-name {
  color:#333333;
  -webkit-transition:color 0s ease-out;
  transition:color 0s ease-out;
}
.feed-content {
  padding:0 0 25px 50px;
  margin-top:-5px;
  font-size:14px;
  line-height:20px;
}
.feed .feed-content a {
  -webkit-transition:color 0.2s ease-out;
  transition:color 0.2s ease-out;
}
.feed-facebook .feed-content a { color:#47639e; }
.feed-twitter .feed-content a { color:#169db5; }
.feed .feed-content a:hover {
  color:#0e233b;
  text-decoration:underline;
}
.feed .feed-content a:active {
  color:#333333;
  -webkit-transition:color 0s ease-out;
  transition:color 0s ease-out;
}
#foo:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.extra-like-box {
  border:1px solid #eeeeee;
  padding:8px 0 7px;
  text-align:center;
}