.socialstream .post {
    border: 1px solid #b8c2cc;
    border-radius: 8px;
    margin-bottom: 5px;
}
div#jfbcSocialMediaButtons {
    align-content: space-between;
    align-items: center;
    background: -moz-linear-gradient(top, rgba(249,252,255,0.75) 0%, rgba(249,252,255,0.95) 25%, rgba(249,252,255,1) 50%, rgba(249,252,255,1) 51%, rgba(249,252,255,0.95) 75%, rgba(249,252,255,0.75) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(249,252,255,0.75) 0%,rgba(249,252,255,0.95) 25%,rgba(249,252,255,1) 50%,rgba(249,252,255,1) 51%,rgba(249,252,255,0.95) 75%,rgba(249,252,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(249,252,255,0.75) 0%,rgba(249,252,255,0.95) 25%,rgba(249,252,255,1) 50%,rgba(249,252,255,1) 51%,rgba(249,252,255,0.95) 75%,rgba(249,252,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius: 8px;
    bottom: 0;
    display:flex;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bff9fcff', endColorstr='#bff9fcff',GradientType=0 ); /* IE6-9 */
    height: 60px;
    justify-content: space-around;
    margin-right: 2px;
    padding: 0 10px;
    position: fixed;
    right: 0px;
    width: 248px;
    z-index: 1000;
}
div.JFBC-Config {
    width: auto;
}
.sourcecoast.facebook, .sourcecoast.linkedin,
.sourcecoast.twitter, .sourcecoast.google,
.sourcecoast.pinterest {
    background: rgba(242, 249, 255, 0.5) none repeat scroll 0 0;
    padding: 5px 3px 0;
    border-radius: 4px;
}
.sourcecoast.google {
    padding: 4px 3px 0;
}
.socialstream .author {
    padding: 5px;
}

.socialstream .author span {
    display: block;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.1em;
}

.socialstream .author-image {
    float:left;
    margin-right:10px;
}

.socialstream .author-details {
    float:left;
}

.socialstream .provider img {
    width:20px;
}
.socialstream .provider {
    float:right;
}

.socialstream .date {
    color: #a1aab3;
    font-size: 12px;
    line-height: 14px;
}

.socialstream .post .message {
    font-size: .85em;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: 0;
    overflow-wrap: break-word;
    padding: 5px;
    text-align: justify;
    text-justify: inter-character;
    word-wrap: break-word;
    line-height: 1.1em;
}

.socialstream .from img {
    border-radius: 6px;
    width: 60px;
    height: auto;
}

.socialstream .preview {
    border-top: 1px solid #a1aab3;
    margin-top: 1em;
    padding: 10px 5px 0 5px;
}

.socialstream .preview .image img {
    width: 200px !important;
    margin: 1em;
}
.socialstream .preview .title {
    text-align: left;
    font-size: 1.0em;
    line-height: 1.1em;
}
 .socialstream .preview .image {
    text-align: center;
}
.socialstream .preview .title a {
    color: rgb(59,89,152);
    font-weight:bold;
    line-height: 14px;
    text-decoration: none;
}

.socialstream .preview .image img {
    max-width: 60%;
}

.socialstream .preview .caption a,
.socialstream .preview .description a {
    color: rgb(59,89,152);
    font-size: 0.85em;
    line-height: 1.1em;
    text-decoration: none;
}

.socialstream .preview .caption a {
    font-weight: bold;
}

.socialstream .preview .description {
    line-height: 14px;
    margin-top: 5px;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    text-align: justify;
    text-justify: inter-character;
    word-wrap: break-word;
    line-height: 1.1em;
}

.socialstream .preview .description a {
    font-weight: normal;
}

.socialstream .comments.preview {
    font-size: 1em;
    font-weight: bold;
    padding: 0.5em;
}

.socialstream .comments.preview div:nth-child(3) {
    font-size: 0.85em;
    font-weight: bold;
}

.socialstream .comments.preview div.text-center {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

.socialstream .comments.preview div.comment img {
    margin: 0.5em 0.5em 0 0;
}

.socialstream .comments.preview span.from {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 0.25em;
}

.socialstream .comments.preview span.date {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    float: left;
    margin-bottom: 0.5em;
}

.socialstream .comments.preview div.message {
    border-bottom: 1px solid #82add9;
    clear: both;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    margin-bottom: 0.25em;
    padding-bottom: 0.5em;
}

/* Twitter */
.socialstream .author-name {
    color: #a1aab3;
}
