/*
 * OWNER: forum.css
 * Feed, comments, likes, ui_group, story attachments, feed photos.
 * Selectors: feed_*, feed-content, commentbox, comments_section, ui_group (in feed).
 * Responsive @media for feed densify live at the bottom of this file.
 * Not for page headers (layout) or composer shell beyond feed context (forms).
 */

/* FORUM */
/* Styles for the display of feed responses, comments and likes */

/* UI GROUP */

/* node_group aligns content vertically centered */

.ui_group.node_group {
	align-items: center;
	display: flex;
}

/* node_block aligns content vertically top */

.ui_group.node_block {
	align-items: flex-start;
	display: flex;
}

.ui_group.node_group .ui_group_content,
.ui_group.node_block .ui_group_content {
	flex: 1;
}

.grid .ui_group.node_group,
.grid .ui_group.node_block {
	align-items: auto;
	display: block;
}

.ui_group .ui_group_img {
	display: block;
  float: left;
  line-height: 0;
  margin-right: 10px;
  position: relative;
  width: 54px;
}

.ui_group .ui_group_img.face-wrap {
    border-radius: 4px;
}

.grid .column .ui_group .ui_group_img {
  float: none;
  margin: 0 0 10px 0;
  width: 100%;
}

.ui_group.node_group .ui_group_img {
	flex-shrink: 0;
	float: none;
}

.story_attachments .ui_group.node_group .ui_group_img {
  float: left;
}

.ui_group.node_group.sm-group .ui_group_img {
	float: left;
	width: 34px;
}

.ui_group p { word-wrap: break-word; }

.ui_group.liked {
	background: #f2f4f9;
	border-bottom-color: #d7ddec;
}

.ui_group .ui_group_img.video_img {
  margin-right: 15px;
  position: relative;
  width: 190px;
}

.ui_group .ui_group_img.dc-wrap {
  background: none;
}

.ui_group .ui_group_img img.pic {
  background: none;
  float: none;
  margin: 0;
  width: 100%;
}

.ui_group .ui_group_img.face-wrap img.pic {
	border-radius: 3px;
}

.ui_group .ui_group_content {
	position: relative;
	vertical-align: top;
}

.ui_group:not(.node_group):not(.node_block) .ui_group_content:not(.content-visible) {
  overflow: hidden;
  zoom: 1;
}

.commentbox .ui_group:not(.node_group):not(.node_block) .ui_group_content {
  overflow: visible;
}

.ui_group .ui_group_content.content-visible,
.content_feed_item .ui_group .feed_content {
  overflow: visible;
}

.ui_group .ui_group_img .img_text {
  background: -moz-linear-gradient(bottom, rgba(0,0,0,.95) 60%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,.95) 60%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, rgba(0,0,0,.95) 60%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  color: #fff;
  bottom: 0;
  left: 0;
  padding: 25% 10% 10%;
  position: absolute;
  right: 0;
  text-align: center;
}

.ui_group .ui_group_img .img_text a { 
  color: #fff;
  text-decoration: none;
}

.group_share_item .ui_group .ui_group_img {
  margin-right: 10px;
  width: 45px;
}

.ui_group.img-only .ui_group_img img { border-radius: 3px; }
.ui_group.img-only .ui_group_img .img_text { border-radius: 0 0 3px 3px; }

ul.grid .ui_group.node_block .ui_group_img:not(.face-wrap) {
	float: none;
	margin: 0;
	width: 100%;
}

.ui_group .ui_group_img.img {
  margin-right: 15px;
  width: 134px;
}

.ui_group .ui_group_img.img img {
  width: 100%;
}

/* STACKED GROUP */

.ui_group.stacked-group {
	display: block;
	text-align: center;
}

.ui_group.sm-group.stacked-group div.face-wrap,
.ui_group.stacked-group div.face-wrap {
  float: none;
  margin: 0 auto 10px;
}

.ui_group.stacked-group div.face-wrap img.pic {
  float: none;
}

.ui_group.stacked-group div.ui_group_content {
  overflow: visible;
}

.ui_group.stacked-group .ui_group_content h6 {
  font-size: 20px;
}

/* GROUP SIZES */

/* extra small */

      
/* XSM GROUP */

.ui_group.xsm-group {
  font-size: 13px;
  line-height: 24px;
}

.grid_4 .ui_group.xsm-group span.block,
.ui_group.xsm-group span.block { display: inline-block; }

.ui_group.xsm-group .ui_group_img {
  margin-right: 8px;
  width: 26px;
}

.grid_4 .ui_group.xsm-group .ui_group_img {
	float: left;
	margin-right: 7px;
	width: 26px;
}

.grid_4 .ui_group.xsm-group h6,
.ui_group.xsm-group h6 {
	display: inline-block;
	padding-right: 10px;
}

.ui_group.xsm-group .ui_group_content p {
  font-size: 13px;
  line-height: 26px;
}

table td .ui_group.xsm-group h6 { font-size: 13px; line-height: 22px; }

.ui_group.xsm-group .ui_node_subtitle,
.ui_group.xsm-group h6 { font-size: 11px; line-height: 13px; }

.ui_group.xxsm-group h6 {
	font-size: 12px;
	line-height: 18px;
}

/* tiny */

.ui_group.xxsm-group .ui_group_img {
	margin-right: 5px;
	width: 18px;
}

.ui_group.xxsm-group .ui_group_img img {
	border-radius: 3px;
}

.ui_group.xxsm-group .ui_group_content p {
  font-size: 13px;
  line-height: 18px;
}

/* small */

.ui_group.sm-group h6 { font-size: 16px; line-height: 1.333; }
.ui_group.sm-group p.ui_node_subtitle { font-size: 13px; line-height: 1.333; }

.response_to .story_attachments .ui_group .ui_group_img { width: 80px; }
.response_to .story_attachments .ui_group .ui_group_img.icon-img { 
  border: 2px solid rgba(0,0,0,.05);
  border-radius: 100%;
  width: 65px;
}
.response_to .story_attachments .ui_group .ui_group_img.icon-img img {
  border-radius: 100%;
}

/* button group */

.ui_group.btn-group .ui_group_img { width: 30px; }
.ui_group.btn-group .ui_node_name { font-size: 14px; line-height: 1.4; }
.ui_group.btn-group .ui_node_subtitle { font-size: 11px; line-height: 1; }

/* large */

.ui_group.lg-group .ui_group_img,
.ui_group.lg-group .ui_group_img.face-wrap {
  width: 75px; 
}

/* extra large */

.ui_group.xlg-group .ui_group_img { width: 125px; }

.main_attachment .ui_group.xlg-group .ui_group_img { width: 160px; }
.main_attachment .ui_group.xlg-group.landscape .ui_group_img { width: 230px; }

.input_wrap .ui_group.xlg-group .ui_group_img:not(.video_wrapper) { width: 60px; }

.ui_group.xlg-group h6.ui_node_name { font-size: 22px; margin: 0 0 5px 0; }
.ui_group.xlg-group .ui_node_subtitle { font-size: 16px; }

.story_attachments .ui_group.xlg-group h6.ui_node_name { font-size: 20px; }
.story_attachments .ui_group.xlg-group .ui_node_subtitle { font-size: 13px; }

.commentbox .ui_group.xlg-group h6.ui_node_name,
.mini_feed .story_attachments .ui_group.xlg-group h6.ui_node_name {
  font-size: 13px;
}

.commentbox .ui_group.xlg-group p.ui_node_desc {
  font-size: 11px;
  line-height: 1.3;
}

.commentbox .ui_group.xlg-group .ui_group_img {
  width: 115px;
}

.ui_group.cover-group {
	background: white;
	border: 1px solid #ddd;
  border-radius: 3px;
	display: block;
}

.ui_group.cover-group .cover {
	background-position: center;
  border-radius: 3px 3px 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 1px solid #ddd; 
	height: 90px;
}

.ui_group.cover-group .ui_group_img {
	border: 2px solid #fff;
	border-radius: 3px;
	float: none;
	margin: -40px auto 0px;
	width: 80px;
}

.ui_group.cover-group .ui_group_img img { border-radius: 2px; }

.ui_group.cover-group .ui_group_content { padding: 10px; }
.ui_group.cover-group .ui_group_content h3 { font-size: 18px; }

.story_attachments .multi-link li .ui_group.xlg-group .ui_group_img { width: 32px; }

#sidebar .ui_group.xlg-group .ui_group_img { width: 74px; }
#sidebar .attachments .ui_group.xlg-group .ui_group_img {
  float: none;
  margin: 0 0 10px 0;
  width: 100%;
}

#sidebar .link_attachments .ui_group.xlg-group .ui_group_img:not(.video_wrapper) {
  float: right;
  margin: 0 0 0 10px;
  width: 50px;
}

/* right image */

.ui_group.img-right .ui_group_img { 
  float: right; 
  margin: 0 0 0 10px; 
}

.lg .ui_group .ui_group_img {
  width: 80px;
}

/* TABLE GROUP */

.ui_group.table-group { display: table; }
.ui_group.table-group .ui_group_content {
  display: table-cell;
  overflow: visible;
  vertical-align: middle;
  width: 100%;
}

.ui_group.table-group.link-obj {
  border: 1px solid rgba(0,0,0,.05);
  background: rgba(0,0,0,.05);
}

.ui_group.table-group.xlg-group .ui_group_img { margin-right: 15px; width: 160px; }
.story_attachments .ui_group.table-group.xlg-group .ui_group_img { width: 125px; }

.commentbox .ui_group.table-group.xlg-group { background: rgba(0,0,0,.03); border: 1px solid rgba(0,0,0,.02); border-radius: 3px; }
.commentbox .ui_group.table-group.xlg-group .ui_group_img { margin: 0; width: 140px; }
.commentbox .ui_group.table-group.xlg-group h6 { font-size: 16px; }
.commentbox .ui_group.table-group.xlg-group h6 a { color: #333; }
.commentbox .ui_group.table-group.xlg-group .ui_group_content_inner { padding: 15px; }

.ui_group.table-group.link-obj .ui_group_img a.imga {
  display: block;
  height: 172px;
  text-decoration: none;
}

.ui_group.table-group.link-obj .ui_group_content {
  border-left: 1px solid rgba(0,0,0,.05);
  padding: 15px;
}

/* END UI GROUP */

#sidebar .ui_group .ui_node_name {}
#sidebar .ui_group .ui_node_subtitle {}
#sidebar .ui_group .ui_node_desc {}

#mainview .ui_group .ui_node_name { width: 90%; }
#mainview .ui_group .ui_node_subtitle {}
#mainview .ui_group .ui_node_desc {}
  
#sidebar .sideview_list_item .first_item {}
#sidebar .sideview_list_item .middle_item {}
#sidebar .sideview_list_item .last_item {}

/* COMMENT BOX */

.content_feed_item .attachments .ui_group_content { margin-left: 120px; }
.content_feed_item .post_share_item .ui_group_content { margin-left: 45px; }

.content_feed_item .ui_group .ui_group_content .alt_actor_img { display: block; }
.content_feed_item .ui_group .ui_group_content .alt_actor_img img.pic { width: 18px; }

.content_feed_item .ui_group .ui_group_content .with_time .alt_actor_img img.pic,
.ui_group.with_title .feed_actor.with_time .alt_actor_img img.pic {
  width: 38px; 
}

.content_feed_item .ui_group .ui_group_content .with_time .alt_time { display: block; }
.content_feed_item .ui_group .ui_group_content .with_time .alt_time a:hover span { display: inline; }

.feed_item .feedback > .timestamp { margin-top: 10px; } 

.compressed_posts { margin-top: 5px; }
.forum_item .compressed_posts { padding: 5px 10px; }

#all li.last, 
ul#all div.pagelet { border-top: 1px solid #e9e9e9; }

.likecount {
	background: url('/foundation_static/images/like_sm.png') no-repeat 0 3px;
	display: block;
	padding-left: 17px;
}

div.commentbox a.loadmore,
.postcount {
	background: url('/foundation_static/images/comment_sm.png') no-repeat 0% 50%;
	padding-left: 17px;
}

div.incontext div.commentbox a.loadmore {
  font-size: 13px;
  font-weight: bold;
}

div.commentbox {
	border-width: 0px;
	/* background-color: #edeff4; */
	/* border-bottom: 1px solid #d2d9e7; */
	background: #f3f3f3;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
	line-height: 1.333;
	margin-bottom: 2px;
	padding: 5px;
	position: relative;
}

  div.commentbox .more_link { line-height: 18px; }

  .transparent div.commentbox {
    background: none;
    padding: 8px 0;
  }

	div.commentbox .like_faces { margin-top: 2px; }
	div.comments_section.incontext .like_faces { margin: 0; }

  .ui_group span.delete,
  div.commentbox span.delete,
  .story-content .admin_actions,
  .ui_group > .admin_actions,
  .column > .admin_actions,
  .ui_group_content > .story_content .admin_actions,
  .ui_group_content > .admin_actions,
	.ui_group > .admin_actions .deletex,
	.ui_group > .ui_group_content > .story-content > .admin_actions .deletex { display: none; }
    
	span.delete.open_x,
	a.deletex.open_x,
  .story-content:hover .admin_actions,
  .column:hover > .admin_actions,
  .ui_group_content:hover > .story_content .admin_actions,
  .ui_group_content:hover > .admin_actions,
  .ui_group:hover > .admin_actions,
	.ui_group:hover > .admin_actions .deletex,
	.ui_group:hover > .ui_group_content > .story-content > .admin_actions .deletex { display: block; }
    
  td span.delete.open_x { margin: 0 auto; }
	
	span.delete.edit {
  	background-image: url('/foundation_static/images/pencils.png');
  }

  span.delete:hover,
  a.deletex:hover { background-position: 0 -15px; }

  span.delete:active,
  a.deletex:hover { background-position: 0 -30px; }

  .link_ex .ui_group span.delete,
  div.list_item:hover span.admin_main span.delete, 
  div.commentbox:hover span.admin span.delete, 
  span.delete.show {
    display: block;
  }

  div.ui_group_content span.admin_main {
  	position: absolute;
  	top: 0;
  	right: 0;
  }

  .subtitle_label {
    background: #999;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 1px 6px;
    text-transform: uppercase;
  }
  
  .ui_page_header_cover .subtitle_label {
    background: rgba(0,0,0,.8);
  }
	
	.anonymous .feed_actor h6,
	.anonymous .feed_actor h6 a,
	.anonymous .feed_actor h6 a.fwb {
	  font-weight: normal;
	}

	.ui_group div.space {
		float: left;
		width: 58px;
	}
	 
 	  .incontext .commentbox .ui_group div.face-wrap {
      background: none;
	    width: 60px;
	  }
	  
	  /* SIDEVIEW FEED ITEM */
	  
	  #sidebar .ui_section.mini_feed .ui_section_box .content { padding: 15px 0 0; }
	  
      .sideview_list_item.feed_item { border: 0; padding: 0 0 10px; }
      
      li.sideview_list_item.feed_item:last-child,
	  .sideview_list_item.feed_item.last_item { padding: 0; }
	  
	  .sideview_list_item.feed_item .feed-content .feedback > .timestamp > .time,
	  .sideview_list_item .feed_story > .ui_group > .face-wrap { display: none; }

	  .sideview_list_item.feed_item .alt_actor_img,
	  .sideview_list_item.feed_item .alt_time { display: block; }
	  
	  /* END FEED ITEM */
	  						
		.ui_group.compressed img.pic {
		  border: 0;
			margin-right: 6px;
			padding: 0;
			width: 24px;
		}
		
		.ui_group.compressed p {
		  font-size: 12px;
		  line-height: 18px;
			margin: 3px 0;
		}
		
    body.logged_out #mainview .edge_node_item .ui_group h6 {
      font-size: 16px;
      line-height: 1.5;
    }

		.grid_4 .ui_node_desc,
		.grid_4 .feed_item .story_body, 
		.grid_4 .large .ui_group .subtitle {
			font-size: 11px;
			line-height: 1.4;
		}
    		
		.grid_12 #mainview .feed-content .story_title h6 {
		  font-size: 24px;
		  line-height: 1.2;
		}
		
		#mainview h6.ui_node_author {
      overflow: hidden;
		  text-overflow: ellipsis;
		  white-space: nowrap;
		}
		
		/* H5 TITLE */
	  
    .ui_group h5 {
      font-size: 22px;
      line-height: 1.222;
    }
    
    ul.grid .column_4 .ui_group h5,
    ul.grid .column_5 .ui_group h5 {
      font-size: 13px;
      line-height: 18px;
    }
    
    .ui_group h6 {
      font-size: 18px;
      line-height: 1.222;
    }
    
    .ui_group h6 {
      font-size: 18px;
      line-height: 1.222;
    }
		
		.ui_group .feed_actor h6,
    .post_share_item .ui_group h6 {
      font-size: 13px;
    }
		    
    .multiple_posts .ui_group h6,
    .comment_list_item h6,
    #sidebar .ui_group h6 {
      font-size: 14px;
			line-height: 1.3;
    }
    
    .comment_list_item .story_attachments {
      margin: 10px 0;
    }
    
    .comment_list_item .story_attachments .photo_wrap {
      background-color: rgba(0,0,0,.05);
      text-align: center;
    }
    
    .comment_list_item .story_attachments .photo_wrap img {
      max-width: 60%;
    }
    
    .comment_list_item .file-item {
      background: rgba(0,0,0,.03);
      border: 1px dashed #ddd;
      padding: 10px;
    }
    
    .feed_item .story_title {
      padding-bottom: 5px;
    }
    
    .inline_feed .feed_item .story_title { padding-top: 0; }
		
		.ui_group .story_title h5 {
		  font-size: 20px;
		  letter-spacing: normal;
      line-height: 1.3;
		}
			
		.ui_group.inline h6 { display: inline-block; }
		
		span.timestamp img.icon {
			float: left;
			margin-right: 5px;
		}
    
#mainview .feed_section .feed_story .feed-content .feedback .commentbox,
div.commentbox {
  font-size: 13px;
  line-height: 1.333;
}

#mainview .feed_section.inline_feed .interests_list .commentbox { border-radius: 3px 3px 0 0; }

#mainview .feed_section.inline_feed .feed_story .feed-content .feedback .commentbox { border: 0; }

.inline_feed .feed_item .comments_section::before {
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0,0,0,.05);
  border-left: 7px solid transparent;
  content: '';
  display: inline-block;
  left: 10px;
  position: absolute;
  top: -7px;
}

#mainview .feed_section.full_feed .feed_story .commentbox { border-top: 0; }

#mainview .feed_section.full_feed .feed_story .list_item:not(.content_feed_story) .commentbox { border-bottom: 1px solid #ddd; }

#mainview .feed_section.full_feed .feed_story .feed-content .comments_section .commentbox { padding: 10px 18px; }

#mainview .feed_section.full_feed .feed_story .feed-content .comments_section .commentbox.new { padding-left: 16px; }

.full_feed .feed_item .feed-content .comments_section .commentbox.input { margin-bottom: 0; }

div.comments_section.incontext .commentbox:not(.input) > .ui_group > .ui_group_content {
  background: none;
  border-radius: 0;
  padding: 0;
}

div.commentbox div.photo_wrap .imga {
  background: none;
  text-align: left;
}

div.comments_section.incontext .commentbox {
  border: 0;
  border-top: 1px solid rgba(0,0,0,.08);
  font-size: 13px;
  line-height: 18px;
  padding: 15px 0;
}

/* NOTIFICATION ITEM */
			
.notification_item .ui_group_img { border-radius: 3px; margin-right: 8px; width: 54px; }
body.is_web .notification_item .ui_group_img { width: 21px; }

body.is_mobile .notification_section .notification_item {
  padding: 3px 0;
}

body.is_mobile.cover #mainview .ui_section.notification_section.feed_box {
  border-width: 0 0 1px;
  margin: -10px -10px 15px;
}

body.is_mobile.cover #mainview .ui_section.notification_section.feed_box .title {
  padding: 10px 0;
}

body.is_mobile .notification_section .seemore {
  border: 1px dashed rgba(0,0,0,.1);
  font-weight: bold;
  margin-top: 5px;
  padding: 10px;
  text-align: center;
}

body.is_web .notification_item p {
  font-size: 11px;
  line-height: 15px;
  padding: 3px 0;
}

.notification_item p {
  font-size: 13px;
  line-height: 1.4;
}

body.is_web .notification_item p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: auto;
}

body.body_12 .notification_item p,
body.body_12 .notification_item .timestamp { font-size: 13px; }
			
/* COMMENT BOX INPUT */
			  			
div.commentbox.input {
  display: none;
  margin: 0;
}

.open div.commentbox.input { display: block; }

div.commentbox.input.open textarea,
div.commentbox.input.half_open textarea {
    height: 48px;
}

div.interests_list .fwb { font-weight: normal; }
div.incontext div.interests_list .fwb { font-weight: bold; }

div.incontext div.interests_list div.commentbox { padding-left: 0; }

.ui_group div.commentbox .face-wrap,
.commentbox .ui_group .face-wrap {
  margin-right: 10px;
  width: 38px;
}

div.commentbox > .ui_group > .ui_group_content {
  margin-left: 48px;
  overflow: visible;
  word-wrap: break-word;
}
				
div.incontext div.commentbox > .ui_group > .ui_group_content,
div.incontext div.commentbox.input.half_open  > .ui_group > .ui_group_content,
div.incontext div.commentbox.input.open  > .ui_group > .ui_group_content {
  margin-left: 70px;
}

div.comments_section.open {
    display: block;
    padding: 0;
    position: relative;
}

div.commentbox .inline_comment { padding-top: 3px; }
div.commentbox .inline_comment p { margin: 0 0 3px 0; }

div.commentbox textarea {
	background: white;
	border: 1px solid #d7ddec;
	color: black;
	font-size: 13px;
	line-height: normal;
	padding: 0;
	margin: 0;
  width: 100%;
}

div.commentbox .post_wrap {
  border-top: 1px dashed rgba(0,0,0,.1);
  padding: 5px;
}

div.commentbox .post_wrap input.text {
  background: none;
  border: 0;
  float: left;
  line-height: 26px;
  padding: 0;
  width: 75%;
}

div.commentbox .post_wrap input[type=file] {
  width: 45%;
}
        
div.incontext div.commentbox .attachments .ui_group.xlg-group div.ui_group_content {
  margin-left: 130px;
}
				
div.commentbox.input.half_open > .ui_group > .ui_group_content,
div.commentbox.input.open > .ui_group > .ui_group_content {
  margin-left: 48px;
  overflow: visible;
}

div.commentbox img.img {
	float: left;
	margin-right: 10px;
	max-width: 70px;
}
			
div.commentbox.new {
	border-left: 2px solid #A8B2CE !important;
	padding-left: 4px;
}

/* MISC */
		
		li.new {
			background: #f4f6f9;
			border-left: 2px solid #A8B2CE;
			margin-bottom: 0px;
			padding-left: 6px;
			padding-right: 6px;
      border-bottom: 1px solid #D8D8D8;
		}
		
		div.flyout-section li.new {
		  padding-left: 3px;
		}
		
		li.new:hover {
		  background: #e9edf4;
		}
		
		div.message:hover h6 a {
			text-decoration: underline;
		}

		.ui_group div.passive img.pic {
			width: 26px;
		}
		
		.ui_group div.passive div.ui_group_content h6 {
			color: #666;
		}
		
		.ui_group div.photos img {
			float: left;
			border: 1px solid #ddd;
			margin-right: 5px;
			padding: 3px;
			-webkit-box-shadow: #eee 0px 1px 1px;
		}
		
		.ui_group div.response_to { margin: 0; }
    
    .commentbox.input .attach { padding: 0; }
    .commentbox.input .ui_group .link_attachments { border: 0; }
    
    .ui_group .link_attachments h6 a { color: #333; }
									
			.commentbox div.no_img {
			  border-left: 5px solid #ccc;
        margin: 10px 0 5px;
			  padding-left: 15px;
			}

      .attachments h6 {
				font-size: 16px;
				line-height: 1.333;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			
			.grid_4 .attachments p {
			  font-size: 11px;
			  line-height: 15px;
			}
      
      .main_attachment div.question_item h6 {
        font-weight: normal;
      }
			
			.commentbox .story_template { padding-right: 25px; }
			
			.commentbox .ui_group .attachments h6,
      .commentbox .ui_group .attachments p:not(.fsm),
			.ui_group .attachments p:not(.fsm),
			.grid_4 .ui_group .main_attachment p:not(.fsm) {
			  font-size: 11px;
			  line-height: 1.333;
			}
			
			.grid_4 .main_attachment h6,
			#mainview .ui_group .main_attachment .ui_node_desc {
			  font-size: 13px;
			  line-height: 18px;
			}
		
			.ui_group .attachments img.set {
				border: 1px solid #ddd;
				margin-right: 10px;
				padding: 3px;
				max-height: 90px;
			}
			
			.ui_group .attachments img.set:hover {
				border-color: #aaa;
			}
      	
			.attachments .ui_group img.video_img {
			  margin-right: 10px;
			  width: 145px;
			}
			
			div.commentbox .ui_group .attachments img.video_img {
			  width: 100px;
			}
			
			.grid_4 .ui_group .attachments img.video_img,
			.grid_4 .attachments img.video_img,
			.grid_4 .attachments div.ui_group_content.video_img {
			  float: none;
			  margin-left: 0;
			  width: 100%;
			}
    	
			.timestamp i.icon-node { margin-top: 1px; }
      .inline_feed .timestamp i.icon-node { margin-top: 0px; }
			.grid_4 .activity_feed .timestamp i.icon-node { margin-top: 7px; }
			
			.grid_4 .activity_feed .ui_group .attachments img.img {
			  margin-bottom: 5px;
				max-width: 60px;
				width: 60px;
			}
				
		.bordered_insert {
			border-left: 5px solid #ddd;
			padding-left: 10px;
		}
		
		div.commentbox .attachments .ui_group_content.video_img,
		.attachments .ui_group_content.video_img {
		  margin-left: 160px;
		  overflow: visible;
		}
		
		div.commentbox .attachments .ui_group_content.video_img {
		  margin-left: 115px;
		}
		
		.grid_4 div.ui_section .ui_group .attachments div.ui_group_content.video_img {
		  margin: 0;
		}
		
		.ui_group span.irt {
			background: url('/foundation_static/images/r_arr2.png') no-repeat left center;
			margin-left: 0px;
			padding-left: 13px;
		}
		
		.ui_group span.irt a {
			font-weight: bold;
		}
		
	.ui_group.sm-group div.face-wrap,
  .grid_4 .ui_group div.face-wrap,
  .grid_4 .lg .ui_group.sm-group img.pic,
  .comment_attachment .ui_group div.face-wrap,
  .grid_4 .ui_group .alt_actor_img img.pic,
  div.feed_actor .alt_actor_img img.pic {
		float: left;
    margin-right: 10px;
		width: 36px;
  }
		
  .grid_4 .ui_group .alt_actor_img img.pic,
  div.feed_actor .alt_actor_img img.pic {
		width: 36px;
	}
    
    div.feed_actor .alt_actor_img img.pic,
    img.brm {
      border-radius: 3px;
      border: 0;
      padding: 0;
    }
	
	.ui_group.text-group div.face-wrap {
		margin-right: 8px;
		width: 29px;
	}
	
	.ui_group.text-group div.face-wrap .online_status {
		border-color: #fff;
		padding: 3px;
	}
	
	.ui_group.med-group .ui_group_img {
		width: 62px;
	}
  
  .ui_group.med-group h5 {
    font-size: 16px;
    line-height: 1.3;
  }
  
  .grid_4 .ui_group .face-wrap img.pic,
  div.feed_item .attachments .ui_group .video_wrapper img.pic,
  div.commentbox .ui_group .face-wrap img.pic {
    width: 100%;
  }
  
  .grid_4 .lg .ui_group .face-wrap,
  .grid_4 div.ui_section .ui_group.lg .face-wrap {
    border: 1px solid #ddd;
    width: 78px;
  }
  
  .grid_4 div.ui_section .ui_group.lg .ui_group_content {
    margin-left: 90px;
    overflow: visible;
  }
				      			
			#mainview div.feedback,
			#mainview div.feed_story_template { width: 90%; }
			
			#mainview div.feedback.incontext,
			div.feedback.incontext { width: 100%; }
			
			div.comments_section { display: none; }
			
			#mainview .attachments div.comments_section,
			#mainview div.feedback .commentbox .timestamp,
			.grid_4 div.feedback .timestamp { margin-top: 5px; }

        div.commentbox .ui_action_bar { display: none; padding: 5px 0 0; }
        div.commentbox.open .ui_action_bar { display: block; }
			
			div.commentbox form { margin: 0; }
			
			div.commentbox input.text.place, div.commentbox textarea.place {
				color: #aaa;
				font-weight: normal !important;
				overflow: hidden;
			}
		
		div.comment span.cline {
			color: #999;
			display:block;
			font-size: 11px;
		}
		
		.timestamp .ui_action_set {
		  display: inline;
		  margin: 0;
		}
		
		.timestamp .ui_separator,
		.ui_tiny_size .ui_separator {
		  background: none;
		  border: 0;
		  display: inline;
		  height: auto;
		  padding: 0 3px;
		  width: auto;
		}
		
		.timestamp .ui_separator {
			padding: 0 8px;
		}

/* VIDEO FRAME WRAPPER */

.video_frame_wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.video_frame_wrapper .video_frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui_group .ui_group_img.video_wrapper {
  box-sizing: border-box;
  width: 190px;
}

#sidebar .ui_group.xlg-group .ui_group_img.video_wrapper,
.ui_group.stacked-group .ui_group .ui_group_img.video_wrapper,
.content_feed_item .story_attachments .ui_group .ui_group_img.video_wrapper {
  float: none;
  margin-bottom: 15px;
  width: 100%;
}

.video_wrapper i.video_play {
	background:url('/foundation_static/images/play_buttons.png') no-repeat 0 0;
	bottom: 5px;
	display: block;
	height: 29px !important;
  padding: 0;
	position: absolute;
	left: 5px;
	width: 38px;
}

.content_feed_item .video_wrapper i.video_play {
  background-image: url('/foundation_static/images/play_buttons_lg.png');
  bottom: 45%;
  height: 60px !important;
  left: 45%;
  width: 60px;
}

	.video_wrapper:hover i.video_play { background-position-y: -32px; }
  .video_wrapper i.video_play:active { background-position-y: -64px; }
  
	.content_feed_item .video_wrapper:hover i.video_play { background-position-y: -60px; }
  .content_feed_item .video_wrapper i.video_play:active { background-position-y: -121px; }
  
/* BLING BOX */

div.blingbox {
	background: url('/foundation_static/images/nub.png') no-repeat 10px 0px;
	font-size: 11px;
	margin-top: 3px;
	padding-top: 5px;
	text-align: center;
	width: 66px;
}

	div.blingbox div.text {		
		background-color: #EDEFF4;
		border-bottom: 1px solid #d7ddec;
		padding: 3px;
	}

	div.blingbox span.clike,
	div.blingbox span.like_icon {
		margin-left: 0px;
	}
  
/* INLINE BLING */
	
span.bling {
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	padding: 0 4px;
}

  span.bling .bling_item {
    display: inline-block;
    line-height: 19px;
  }

	span.bling:hover { background: #d7ddec; }
	
  .timestamp span.bling i.fa{ margin-top: 3px; }

	span.bling i.fa{ margin-right: 2px; }
	
	span.bling span.clike { margin: 0; }

  .icon_left {
    margin-left: 5px;
    padding-left: 14px;
  }

  .feed_icon {
    background: url('/foundation_static/images/feed_icons.png') no-repeat 0 0;
    padding-left: 20px;
  }

  .feed_icon.like_icon { background-position: 0 0px; padding-left: 17px; }
  .inline_actions .feed_icon.like_icon,
  .timestamp .feed_icon.like_icon { background-position: 0 -1px; }
  .feed_icon.comment_icon { background-position: 0 -13px; }
  .commentbox .feed_icon.comment_icon { background-position: 0 -17px; }
  .feed_icon.tag_icon { background-position: 0 -30px; }
  
  .bling .feed_icon { padding-left: 16px; }
  
  .bling .feed_icon.like_icon { background-position: 0 1px; margin-right: 3px; }
  .bling .feed_icon.comment_icon { background-position: 0 -15px; }
  
  .commentbox i.msg_reply {
    display: block;
    float: left;
    margin-top: 1px;
  }

  .clike {
  	background: url('/foundation_static/images/like_sm.png') no-repeat left center;
  	margin-left: 5px;
  	padding-left: 14px;
  }

  .ccomment {
  	background: url('/foundation_static/images/comment_sm.png') no-repeat left center;
  	margin-left: 5px;
  	padding-left: 14px;
  }

  .cview {
  	background: url('/foundation_static/images/view_sm.png') no-repeat left center;
  	margin-left: 5px;
  	padding-left: 14px;
  }
	
/* IN CONTEXT */

div.comments_section.incontext {
  background: none;
  border: 0;
}

div.incontext div.commentbox {
	background: transparent;
	border-bottom: 1px solid #eee;
	padding: 15px 0;
}

div.incontext div.commentbox,
div.incontext div.commentbox textarea,
div.incontext div.commentbox .insert,
div.incontext .show_more_comments {
	font-size: 13px;
	line-height: 18px;
}

div.incontext div.commentbox textarea { height: 18px; }
div.incontext div.commentbox.open textarea { height: 48px; }
	
span.open_nub {
	border-bottom: 1px solid #ddd;
	display: block;
	height: 4px;
}

span.open_nub i {
	background: url('/foundation_static/images/comp_nub.png') no-repeat -17px 0;
	display: block;
	height: 5px;
	margin-left: 35px;
	width: 9px;
}

div.comments_section.incontext.interests_list { border-top: 0; }

/* FEED */

#mainview .feed_section .feed_story_template > .story_body > ol,
#mainview .feed_section .feed_story_template > .story_body > ul { margin: 10px 0 10px 20px; }

#mainview .feed_section .feed_story_template > .story_body > ol { list-style: decimal; }

#mainview .feed_section .feed_story_template > .story_body > ul { list-style: disc; }

#mainview .feed_section .feed_story_template > .story_body > p,
#mainview .feed_section .feed_story_template > .story_body > ol li,
#mainview .feed_section .feed_story_template > .story_body > ul li {
  color: #555;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 0;
}

#mainview .feed_section .feed_story_template > .story_body > ul {
  list-style-type: circle;
  margin-left: 20px;
}

#mainview .feed_section .feed_story .story_body .ui_node_desc .tag_str {
  font-weight: 300;
  font-size: 12px;
}

body.conversation #mainview .feed_section.full_feed .list_item:not(.content_feed_item) .feed_story {
  margin: 0 0 15px 0;
  padding-bottom: 15px;
}

#mainview .feed_section.inline_feed .feed_story {
  border-top: 1px solid rgba(0,0,0,.08);
  padding: 20px 0;
}

.grid_8 li.feed_story:first-child { padding-top: 10px; }

.full_feed .feed_story div.ui_group .face-wrap i.caret,
#mainview .full_feed .feed_story div.ui_group .face-wrap i.caret { display: none; }

#mainview .feed_section.full_feed .feed_story .story_title.main_title { display: none; }

#mainview .feed_section.full_feed .feed_story .story_title.post_title {
  display: block;
  padding: 0;
}

#mainview .feed_section.full_feed .feed_story .feed-content .story_title {
  border: 0;
  line-height: 1.4;
  padding: 0;
}

#mainview .feed_section.full_feed .feed_story .feed-content .story_title h6 {
  border: 0;
  font-size: 23px;
  line-height: 26px;
  margin-bottom: 0px;
  padding: 0 0 10px 0;
}

#mainview .feed_section.full_feed .feed_story .ui_group .feed-content {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 3px;
  box-shadow: none;
}

.full_feed .feed_story.no_fb .feed-content .story-content { padding: 15px 18px; }

body.logged_out #mainview .feed_section.full_feed span.bling { margin-left: 10px; }

#sidebar .mini_feed .feed_story .ui_group .feed-content {
  background: rgba(0, 0, 0, .02);
  border: 0;
  border-radius: 0;
  border-top: 1px solid rgba(0, 0, 0, .04);
  box-shadow: none;
}

#mainview .feed_section.full_feed .sponsored_item .feed_story .ui_group .feed-content {
  background: #fff;
  border: 3px solid rgba(0,0,0,.1);
}

#mainview .feed_item .feed_actor h6 {
  font-family: 'Open Sans';
  font-size: 13px;
  line-height: 1.4;
  overflow: hidden;
}

.mini_feed .feed_item .feed-content .feed_actor {
  margin-bottom: 5px;
  padding-bottom: 5px;
}

#mainview .feed_item .feed_actor h6 .actor-name { text-transform: uppercase; }

.feedback .timestamp .ui_separator { visibility: hidden; }

.feed_section.inline_feed .feed_story .feed-content .feedback { margin-top: 0; position: relative; }

body.logged_in .feed_section.inline_feed .feed_story .feed-content .feed-story-time { float: right; padding: 0; }

.feed_section.inline_feed .feed_story .feed-content .feed-story-icon { float: right; padding: 1px 0 0 5px; }

.feed_section .feed_story .feed-content .feedback .timestamp .feed-story-actions a { font-weight: bold; }

#sidebar .feed_section .timestamp a { text-transform: uppercase; }

.feed_section .feed_story .feedback .feed-story-actions a.depressed { color: #60a2ff; }

#mainview .feed_section .feed_story .feed-content .feedback > .timestamp {
  border: 0;
  font-size: 13px;
  line-height: normal;
  padding: 15px 18px;
}

#mainview .feed_section .feed_story.multi_post .feed-content .multiple_posts .feedback > .timestamp {
  font-size: 11px;
  padding: 10px 0;
}

#mainview .feed_section.inline_feed .feed_story .feed-content .feedback > .timestamp { padding: 10px 0 5px; }

.mini_feed .feed_item .feed-content > .story-content { padding: 10px 14px; }

#sidebar .full_feed .feed_item .feed-content .feedback > .timestamp {
  border-top: 0;
  font-size: 10px;
  line-height: 16px;
  padding-bottom: 10px;
  padding-top: 0;
}

#mainview .full_feed .feed_item .feed-story-icon { display: none; }

#mainview .feed_section .feed_story .timestamp .involve_actions,
body.logged_in #mainview .feed_section .feed_story .feed_story .timestamp .involve_actions { float: none; }

#mainview .feed_section .feed_story .feed-content .feedback > .timestamp div.ui_separator,
#mainview .list_item .timestamp div.ui_separator {
  display: inline;
  padding: 0 5px;
  visibility: hidden;
}

#mainview .feed_section .feed_story .feed-content .feedback > .timestamp div.ui_separator.first,
#mainview .feed_section .feed_story .feed-content .feedback > .timestamp div.ui_separator.last { display: none; }

#mainview .feed_section .feed_story .feedback span.involve_actions { margin: 0; }

#mainview .feed_section.inline_feed .feed_story .ui_group .ui_group_content.feed-content {
  margin-left: 70px;
  overflow: visible;
}

#mainview .feed_section.inline_feed .file_attachments {
  background-color: rgba(0,0,0,.03);
  padding: 20px;
  box-shadow: inset 0 1px 4px rgba(0,0,0,.05);
  border-radius: 3px;
}

#mainview .feed_section .feed_story div.ui_group div.ui_group_content span.admin_actions {
  right: 0px;
  top: 0px;
}

#mainview .feed_section .feed_story .story_title h5,
#mainview .feed_section.inline_feed .feed_story .feed-content .feed_actor { padding-bottom: 10px; }

#mainview .feed_section.full_feed .feed_story .feed-content .feed_actor {
  border: 0;
  margin: 0;
  max-width: 90%;
  padding-top: 0;
  padding-bottom: 14px;
}

#mainview .feed_section.full_feed .feed_story .feed-content .bordered_insert { margin-left: 0; }
#mainview .ui_section.notification_section.feed_box {
  background: rgba(0,0,0,.03);
  border: 1px dashed rgba(0,0,0,.08);
  box-shadow: none;
}

.grid_4 .ui_tiny_size .facelist img,
.grid_4 .ui_tiny_size .facelist a.blockmore {
  font-size: 9px;
  line-height: 20px;
  height: 20px;
  width: 20px;
}

#mainview div.ui_group.feed_item div.feed-content {
  margin-left: 67px;
  overflow: visible;
}

#mainview .full_feed .feed_item div.ui_group div.feed-content div.commentbox .attachments div.ui_group_content.img { margin-left: 85px; }

.face-wrap img.pic,
#sidebar .face-wrap img.pic,
.notification_item img.pic,
.facelist img,
.facelist span.blockmore,
.facelist a.blockmore,
div.ui_group.xsm-group img.pic {
  border-radius: 3px;
  border: 0;
  padding: 0;
}

.full_feed .feed_item div.ui_group.with_title > .face-wrap { margin-top: 0; }

.ui_group .feed-content .story-content > h5 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding: 0 0 10px 0;
}

.ui_group .feed-content .story-content h5 a { color: #333; }

.grid_7 #mainview .feed_story div.ui_group div.feed-content,
.tight_feed .feed_item .feed-content { margin: 0; }

.full_feed .feed_item div.ui_group.with_title .feed-content span.subtitle,
.full_feed .feed_item div.ui_group.with_title .feed-content span.subtitle div.ui_separator { display: inline; }

.full_feed .feedback span.subtitle .ui_separator,
.full_feed .feedback .timestamp .ui_separator.first { display: none; }

.full_feed .feedback .commentbox .timestamp .ui_separator.first {
  display: inline;
  padding-left: 0;
}

.full_feed .feed_item .attachments .feedback div.ui_separator.first,
.full_feed .feed_item .feedback div.ui_separator.last { display: inline; }

.full_feed .feed_item .feed-content .timestamp div.ui_separator.last {
  display: inline;
  margin-right: 3px;
}

.sideview_list_item.feed_item .feed-content .main_attachment h6 {
  font-size: 13px;
  line-height: 18px;
}

.grid_7 #mainview div.feed_item .feed-content { margin: 0; }

/* ATTACHMENTS */

li.feed_story div.ui_group .story_attachments img.pic {
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

#mainview .feed_section .feed_story .feed-content .ui_group .story_attachments {
  font-size: 12px;
  line-height: 16px;
}

#mainview .feed_section .feed_story .feed-content .story_attachments .feedback > .timestamp { padding: 0; }

#mainview .main_attachment .entity_attachments .ui_group h6 { font-size: 16px; }

#mainview .main_attachment .entity_attachments .ui_group .ui_node_subtitle,
#mainview .main_attachment .entity_attachments .ui_group .ui_node_desc { font-size: 13px; }

.grid_4 .feed_story_template .story_attachments {
  background:rgba(0,0,0,.03);
  margin: 15px -14px 0;
  padding: 10px 15px;
}

.grid_4 .feed_story_template .response_to .story_attachments { margin: 0 -14px 10px; }

.feed_story_template .story_attachments h6 a { color: #35446a; }

#mainview .feed_section.full_feed .feed_story:not(.multi_post) .feed_story_template .story_attachments {
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.04);
  border-width: 1px 0;
  box-sizing: border-box;
  font-size: 13px;
  margin-left: -17px;
  margin-right: -17px;
  padding: 17px;
}

#mainview .feed_section.full_feed .feed_story:not(.multi_post) .feed_story_template .story_attachments .comment_attachment {
  background: none;
  border: 0;
  padding: 0;
}

#mainview .feed_section.full_feed .feed_story:not(.multi_post) .feed_story_template .response_to .story_attachments {
  border-radius: 3px;
  border-width: 1px;
  box-shadow: inset rgba(0,0,0,.05) 0px 0px 5px;
  margin: 0 0 15px 0;
  padding: 15px;
  -webkit-transition: 0.1s linear;
}

#mainview .feed_section.full_feed .feed_story:not(.multi_post) .feed_story_template .response_to .story_attachments:hover { background-color: rgba(0,0,0,.04); }

#mainview .feed_section .feed_story:not(.multi_post) .main_entity .entity_attachments .ui_group.xlg-group .ui_group_img { width: 150px; }

#mainview .feed_story:not(.multi_post) .feed_story_template .story_attachments.main_attachment .ui_group .ui_node_desc,
#mainview .feed_story:not(.multi_post) .feed_story_template .story_attachments .ui_group h6,
#mainview .feed_story:not(.multi_post) .feed_story_template .story_attachments .file-item .ui_group h6 { font-size: 16px; }

#mainview .feed_story:not(.multi_post) .feed_story_template .story_attachments.main_attachment .ui_group h6 { font-size: 20px; }

#mainview .feed_story:not(.multi_post) .feed_story_template .story_attachments .ui_group .ui_node_desc { font-size: 13px; line-height: 1.333; }

#mainview .feed_section.inline_feed .story_attachments .ui_group.table-group.has_img .ui_group_content { padding: 0 15px 0 0; }

#mainview .feed_section.inline_feed .story_attachments .ui_group.table-group.no_img {
  border-left: 5px solid #ddd;
  padding-left: 15px;
}

#mainview .questions_list_item .story_attachments h6 a {
  color: #333 !important;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
}
/* PHOTO */

.photo_attachments .multi-photo .img_thumb.tall i { width: 141px; }

.mini_feed .feed_item .feed-content .photo_wrap { margin: 10px -10px 0; }

#mainview div.photo_wrap .imga img.mega {
  background: #fff;
  max-height: 415px;
  max-width: 100%;
}

div.commentbox div.photo_wrap .imga img.mega {
  max-height: 200px;
  max-width: 100%;
}

.photo_attachments .multi-photo {
  background: rgba(0,0,0,.08);
  margin: 0 -17px -5px;
  padding: 10px 17px;
}

.photo_list_item:hover { box-shadow: rgba(0,0,0,.1) 0px 1px 15px; }

/* GRID 5 */

.grid_5 p.ui_node_subtitle,
.grid_5 p.ui_node_desc {
  font-size: 13px;
  line-height: 18px;
}

/* GRID 7 */

.grid_7 .commentbox { padding: 10px 13px; }

.grid_7 #mainview div.feedback .commentbox .timestamp { margin-top: 3px; }

.grid_7 .feed_actor:after,
.tight_feed .feed_actor:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.grid_7 div.feed_item .face-wrap,
.grid_7 .feed_actor span.subtitle,
.tight_feed .face-wrap,
.tight_feed .feed_actor span.subtitle,
.tight_feed .feedback > span.timestamp > span.feed-story-time {
  display: none;
}

.grid_7 div.feed_item .feed_actor .hidden,
.tight_feed .feed_actor .hidden {
  display: block;
}

/* FEED ITEM CHROME (from elements.css) */

#mainview .full_feed .feed_item{ margin: 0 0 20px 0; }

body.logged_out #mainview .inline_feed {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

#mainview .inline_feed li.mainview_list_item:first-child div.list_item {
  border: 0;
  padding-top: 0;
}

#mainview .full_feed .feed_item.list_item.grouped_item {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.full_feed .feed_item .commentbox img.pic{ border-radius: 3px; }

#mainview .sponsored .feed-content {
  border-color: #ccc;
  border-bottom-width: 3px;
}

#mainview .full_feed .feed_item .feed-content {
  margin-left: 65px;
  overflow: visible;
}

#mainview .full_feed .feed_item .list_item.content_feed_item .feed-content,
.grid_7 #mainview .feed_item .feed-content,
body.body_7_5 #mainview .feed_item .feed-content { margin: 0; }

#mainview .full_feed .feed_item .face-wrap i.caret { display: none; }

.full_feed .feed_item .feed-content {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e2e2e2;
  box-shadow: rgba(0,0,0,.05) 0px 1px 5px;
}

.mini_feed .feed_item .feed-content { overflow: visible; }

.full_feed .feed_item .feed-content > .story-content { padding: 14px 14px 0; }

.full_feed .feed_item .feed-content .attachments .story_title {
  border: 0;
  margin: 0;
  padding: 0 0 5px;
}

.full_feed .feed_item .feed-content .attachments .first .story_title { font-size: 16px; }

#sidebar .feed_item .feed-content .story_title {
  border: 0;
  font-size: 13px;
  padding: 0;
}

.full_feed .feed_item .feed-content .story_title.no_border { border: 0; margin: 0; padding: 0; }

.full_feed .feed_item .feed-content .story_title h5 a { color: #333; }

.full_feed .feed_item .content_feed_item .feed-content .story_title {
  border: 0;
  margin: 0;
  padding: 10px 13px 0;
}

.full_feed .feed_item .content_feed_item .with_title .feed-content .feed_actor {
  border-top: 1px solid #eee;
  padding-top: 10px;
}

#mainview .full_feed .feed_item .content_feed_item .feed-content .feed_actor h6 { line-height: 20px; }

.full_feed .feed_item .feed-content .feed_actor {
  border-bottom: 1px solid #f0f0f0;
  padding: 0px 10px 10px 0;
  margin: 0 0 10px 0;
}

.inline_feed .feed_item .story_title.main_title { display: none; }

.inline_feed .feed_item .feed-content .story_title.hidden { display: block; }

.grid_7 #mainview .feed_item .feed-content .feed_actor,
.tight_feed .feed_item .feed-content .feed_actor {
  border: 0;
  display: block;
  padding: 5px 30px 15px 0;
  margin: 0 0 15px 0;
  max-width: none;
}

.full_feed .feed_item .feed-content .feed_actor.with_time { padding: 5px 30px 10px 0; }

.full_feed .feed_item .feed-content .bordered_insert {
  border-width: 10px;
  margin-left: -15px;
  padding-left: 20px;
}

.full_feed .feed_item .feed-content .attachments .bordered_insert {
  border-width: 5px;
  margin-left: 0;
  padding-left: 10px;
}

.full_feed .feed_item .feed-content .commentbox .bordered_insert {
  border-left: 5px solid #ddd;
  margin-left: 0;
  padding-left: 10px;
}

.full_feed .feed_item .feed-content img.mega {
  border: 0;
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  max-height: 425px;
  padding: 0;
}

.full_feed .feed_item .feed-content .commentbox img.mega { max-height: 180px; }

.mini_feed .content > ul > .feed_item { border: 0; }

.mini_feed .content > ul > .feed_item.first_item { padding-bottom: 5px; }

.mini_feed .content > ul > .feed_item.middle_item { padding: 5px 0; }

.mini_feed .content > ul > .feed_item.last_item { padding-top: 5px; }

.mini_feed .feed_item .feed-content img.mega {
  max-height: 210px;
  max-width: 100%;
}

.mini_feed .feed_item .face-wrap i.caret { top: 10px; }

#sidebar .mini_feed .feed_item .feed-content .feed_actor h6 {
  font-size: 13px;
  line-height: 1.3;
}

#sidebar .mini_feed .feed_item .alt_time { font-size: 11px; }

.mini_feed .feed_item .feed-content .story_title { padding-bottom: 5px; }

.full_feed .feed_item .feed-content .feedback > .timestamp {
  border-top: 1px solid #eee;
  line-height: 28px;
  margin: 0;
  padding: 4px 14px;
}

.full_feed .feed_item .feed-content .attachments .timestamp {
  border: 0;
  padding: 0;
}

#sidebar .full_feed .feedback > .timestamp .feed-story-time { display: none; }

body.logged_in .full_feed .feedback > .timestamp .feed-story-actions a { font-weight: bold; }

body.logged_in .full_feed .feedback > .timestamp .feed-story-time,
body.logged_in .full_feed .feedback .timestamp .involve_actions { float: right; }

.full_feed .feed_item .feed-story-icon {
  float: right;
  margin: 0 0 0 10px;
}

#sidebar .full_feed .feed_item .feed-story-icon { float: right; margin: 1px 0 0; }

.full_feed .feed_item .attachments .timestamp .feed-story-time,
.full_feed .feed_item .commentbox .timestamp .feed-story-time,
.full_feed .feed_item .commentbox .timestamp .involve_actions { float: none; }

.full_feed .feed_item .attachments .timestamp .feed-story-icon { display: none; }

.full_feed .feedback,
.full_feed .feed_story_template,
#mainview .full_feed .feed_story_template,
#mainview .full_feed .feedback { width: 100%; }

.full_feed .feed_item .commentbox {
  background: #ebf1f2;
  border: 0;
  margin-bottom: 1px;
  padding: 10px 14px;
}

.full_feed .feed_item .no_comments .commentbox { margin: 0; }

.inline_feed .feed_item .commentbox {
  background: rgba(0,0,0,.05);
  border-color: rgba(0,0,0,.08);
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 1px;
  padding: 8px;
}

.inline_feed .feed_item .comments_section { margin-top: 10px; }

.full_feed .feed_item .feed-content .comments_section .commentbox.new { padding-left: 11px; }

.full_feed .feed_item .feed-content .commentbox .fake_textarea { border-color: #ddd; }

#mainview li.mainview_list_item .answer_item .feed-content {
  margin-left: 70px;
}

/* RESPONSE ITEM */

#mainview .responses_list_item div.response_item .feed-content {
  margin-left: 0;
  overflow: visible;
}

div.response_item div.feed-content {
  background: white;
  border: 1px solid #eaeaea;
  margin: 0;
}

div.response_item.winner div.feed-content {
  border-top: 2px solid #70c062 !important;
}
div.response_item.liked div.feed-content{
  border-top: 2px solid #f48686 !important;
}

/* REVIEW ITEM */

#mainview div.review_item .feed-content {
  background: rgba(0, 0, 0, .03);
  border-radius: 3px;
}

/* RESPONSIVE — feed densify (from light_feed / responsive.css) */

/* Single column (phones + small tablets) */
@media screen and (max-width: 762px) {
    
    .ui_group.node_block { display: block; }

  /* ALT FEED */
  #mainview .feed_section.full_feed .feed_item .feed-content {
    border: 1px solid #e2e2e2;
    border-radius: 0;
    border-width: 1px 0;
    margin: 0 -10px !important;
  }

  #mainview .feed_section.full_feed .feed_story .feed-content .feed_actor {
    border: 0;
    display: block;
    margin-left: 0;
    padding: 5px 0 15px;
  }

  #mainview .feed_section.full_feed .feed_story:not(.multi_post) .feed_story_template .story_attachments.main_attachment {
    margin: 0 -10px 0;
    padding: 0;
  }

  #mainview .feed_section.full_feed .feed_story .story_attachments .ui_group_content { padding: 15px; }

  #mainview .feed_section.inline_feed .feed_story .ui_group .ui_group_content.feed-content { margin-left: 0; }

  #mainview .feed_section.full_feed .feed_story .ui_group > .feed-content > .story-content { padding: 10px; }

  #mainview .feed_section.full_feed .feed_story .ui_group > .feed-content .feedback > .timestamp { padding: 5px 10px 15px; }

  .ui_composer.inline_feed.single_type .ui_group_content::before { display: none; }

  #mainview .feed_section.full_feed .feed_story:not(.multi_post) .feed_story_template .story_attachments {
    margin-left: -10px;
    margin-right: -10px;
  }

}

/* Mobile phones */
@media screen and (max-width: 570px) {

  #mainview .feed_section.full_feed .sponsored_item .feed_story .ui_group .feed-content {
    border-width: 2px 0 !important;
    border-radius: 0 !important;
  }

  #mainview .feed_section.full_feed .feed_story .ui_group .feed-content {
    background-color: #fff;
    border-radius: 0 !important;
    border-width: 1px 0 !important;
  }

  #mainview .feed_section.full_feed .feed_story .feed-content .comments_section .commentbox { padding: 10px; }

  #mainview .feed_section.full_feed .feed_story .feed-content .comments_section .commentbox.new { padding-left: 8px; }

  #mainview .full_feed .feed_story_template div.photo_wrap { margin: 10px -10px 0; }

  #mainview .feed_section.full_feed .feed_story .feed-content .feed_story_template, 
    #mainview .feed_section.full_feed .feed_story .feed-content .feedback:not(.incontext) { width: 100% !important; }

  #mainview .feed_section.full_feed .feed_story .feed-content .feedback > .timestamp .time,
    #mainview .feed_section.full_feed .feed_story .feed-content .feedback > .timestamp div.ui_separator.first { display: none; }

  a.more_masher {
    background: rgba(0,0,0,.1);
    border-radius: 3px;
    color: #333;
    font-size: 14px;
  }
}

/* Large laptop / wide desktop */
@media screen and (min-width: 1200px) {

  .ui_composer.inline_feed.single_type .ui_composer_form textarea:not(.open) { height: 56px; }

  #mainview .feed_section.full_feed .feed_story:not(.content_feed_item) .ui_group .feed-content { margin-left: 85px; }

  #mainview .feed_section.full_feed .feed_story .feed-content .comments_section .commentbox { padding: 10px 19px; }
}
