.social-feed-wrapper h2{
  font-family:arial;
  color:#ffffff;
  background:#263138;
  padding:10px;
  margin:1em 0 0 0; 
}
.social-feed-wrapper .social-feed-icon { 
  fill:#0070bf; 
}

.social-feed-wrapper a {
  color:#0070bf;
  position:relative;
}

.social-feed-wrapper #social-feed {
  position:relative;
  min-height:400px;
  background:#ffffff;
}

.social-feed-wrapper .service-wrapper {
  position:absolute;
  top:0px;
  left:0;
  width:100%;
}

.social-feed-wrapper .comments-wrapper {
  /*border-top:1px solid #959494;*/
  height:340px;
  overflow:scroll;
}

.social-feed-wrapper .icon-wrapper {
  display:block;
  position:relative;
  height:54px;
  width:100%;
  z-index: 10;
  cursor:pointer;
}

.social-feed-wrapper .icon-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.social-feed-wrapper .service-wrapper .icon {
  position:absolute;
  height:55px;
  width:55px;
}

.social-feed-wrapper .service-wrapper:nth-of-type(2) .icon  {
  left:55px;
}

.social-feed-wrapper .service-wrapper:nth-of-type(3) .icon  {
  left:111px;
}


.social-feed-wrapper .service-wrapper .icon svg {
  padding:10px 10px 10px 10px;
  border-right:1px solid #959494;
}

.social-feed-wrapper .service-wrapper .comments-wrapper {
  display:none;
  position:absolute;
  top:54px;
  left:0;
  width:100%;
}

.social-feed-wrapper .service-wrapper.active .comments-wrapper {
  display:block;
  padding:0 8px 8px 8px;
  font-style:italic;
}

.social-feed-wrapper .service-wrapper.active .icon-wrapper {
  z-index:1;
  border-bottom:1px solid #959494;
}

.social-feed-wrapper .service-wrapper.active .icon {
  border-bottom:none;
  width:55px;
  height:54.5px;
  background:#ffffff;
  z-index:1;
}

.social-feed-wrapper .service-wrapper .user {
  font-weight:bold;
}

.social-feed-wrapper .service-wrapper .comment {
  background:#ececec;
  padding:6px;
  margin:6px 0 6px 0;
  overflow:hidden;
}

.social-feed-wrapper .comment:nth-of-type(1) {
  margin:12px 0 6px 0;
}

.social-feed-wrapper .service-wrapper .comments-wrapper .comment p {
  float: right;
  width: 87%;
  margin: 0px 0 10px 0;
  padding: 0 15px 0 0;
}

.social-feed-wrapper .service-wrapper svg {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  background-color: transparent;
  height: auto;
  width: auto;
}

.social-feed-wrapper .service-wrapper .comment svg { 
  float:left;
  height: 50px;
  width: 50px;
}

.social-feed-wrapper
.service-wrapper .comments-wrapper .comment p {
  width:77%;
  text-align:left;
}

.social-feed-wrapper
.service-wrapper .comments-wrapper.large .comment p {
  width:88%;
}

.social-feed-wrapper
.service-wrapper .comments-wrapper.medium .comment p {
  width:90%;
}

.social-feed-wrapper
.service-wrapper .comments-wrapper.small .comment p {
  width:85%;
}