/* Plugin styles */

/* Light */
@font-face {
     font-family: 'Open Sans';
     src: url('/assets/css/fonts/OpenSans-Light-webfont.eot');
     /* src fallbacks ommitted for brevity */
     font-weight: 200;
     font-style: normal;
}

/* Light Italic */
@font-face {
     font-family: 'Open Sans';
     src: url('/assets/css/fonts/OpenSans-LightItalic-webfont.eot');
     /* src fallbacks ommitted for brevity */
     font-weight: 200;
     font-style: italic;
}

/* Regular */
@font-face {
     font-family: 'Open Sans';
     src: url('/assets/css/fonts/OpenSans-Regular-webfont.eot');
     /* src fallbacks ommitted for brevity */
     font-weight: normal;
     font-weight: 400;
     font-style: normal;
}

.social-feed-element.hidden {
     background-color: red !important;
}

.social-feed-element .pull-left {
     float: left;
     margin-right: 10px;
}

.social-feed-element .pull-right {
     margin-left: 10px;
}

.icon-wb-social {
     margin:0px 10px 0px 0px;
     padding:0px 0px 0px 0px;
     display:inline-block;
     float:left;
     width: 24px;
     height:24px;
}

.text-wb-wrap {
     display:inline-block;
     float:left;
     max-width:465px;
}

.social-feed-element img {
     width: 100%;
     width: auto\9;
     height: auto;
     border: 0;
     vertical-align: middle;
     -ms-interpolation-mode: bicubic;
}

.social-feed-element .attachment {
     vertical-align: middle;
     -ms-interpolation-mode: bicubic;
     width:75px;
}

/* Link styles */

.social-feed-element a {
     color: #0088cc;
     text-decoration: none;
}

.social-feed-element a:focus {
     outline: thin dotted #333;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
}

.social-feed-element a:hover, .social-feed-element a:active {
     outline: 0;
     color: #005580;
     text-decoration: underline;
}

/* Text styles */

.social-feed-element small {
     font-size: 85%;
}

.social-feed-element strong {
     font-weight: bold;
}

.social-feed-element em {
     font-style: italic;
}

.social-feed-element p {
     margin: 0 0 10px;
}

.social-feed-element .media-body > p {
     margin-bottom: 4px;
     min-height: 20px;
}

.social-feed-element p.social-feed-text {
     font-size:14px;
     font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
     line-height:21px;
     margin: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
}

/* Message styles */

.social-feed-element, .social-feed-element .media-body {
     overflow: hidden;
     zoom: 1;
 *overflow: visible;
}

.social-feed-element .media-body .social-network-icon {
     margin-top: -3px;
     margin-right: 5px;
     width: 64px;
     background-color:#ffcc00;
}

.social-feed-element .media-body div {
     color: #666;
     line-height: 20px;
}

.social-feed-element:first-child {
     margin-top: 0;
}

.social-feed-element .media-object {
     display: block;
     width: 48px;
     border-radius: 50%;
}

.social-feed-element .media-heading {
     margin: 0 0 5px;
}

.social-feed-element .media-list {
     margin-left: 0;
     list-style: none;
}

.social-feed-element .muted {
     color: #999;
}

.social-feed-element a.muted:hover, .social-feed-element a.muted:focus {
     color: #808080;
}

.social-feed-element {
     /*box-shadow: 0 0 5px 0 rgba(10, 10, 10, 0.2);*/
     transition: 0.25s;
     -webkit-backface-visibility: hidden;
     margin: -1px;
     margin-top: 10px;
     background-color: #fff;
     color: #333;
     text-align: left;
     font-size: 14px;
     font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
     line-height: 21px;
}

.social-feed-element:hover {
     box-shadow: 0 0 20px 0 rgba(10, 10, 10, 0.4);
}

.social-feed-element .content {
     padding: 15px;
}

.social-feed-element .social-network-icon {
     opacity: 0.7;
}

.social-feed-element .author-title {
     color: #444;
     /*line-height: 1.5em;*/
     font-size: 13px;
     line-height:18px;
     font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
     font-weight: 600;
}

.social-feed-container::-webkit-scrollbar {
 width:10px;
 height:10px
}
social-feed-container::-webkit-scrollbar-track {
 margin:10px 3px 10px 3px;
 -webkit-box-shadow:inset 0 0 6px rgba(125,125,125,0.3);
 -webkit-border-radius:10px;
 border-radius:10px
}
social-feed-container::-webkit-scrollbar-thumb {
 -webkit-border-radius:10px;
 border-radius:10px;
 background:rgba(125,125,125,0.8);
 -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)
}
social-feed-container::-webkit-scrollbar-thumb:window-inactive {
 background:rgba(125,125,125,0.4)
}