#activityFeedContainer .template {
	display: block;
}
#activityFeedContainer li.feedItem.unread .from::before {
	content: "●";
	position: absolute;
	left: 3px;
	top: 50%;
	display: block;
	width: 10px;
	height: 20px;
	transform: translateY(-50%);
	/* background: #bbb; */
}

#activityFeedContainer .placeholder .text{
	color: #ccc;
}
#activityFeedContainer li.feedItem .from::after {
	background: url('/assets/img/icons/icon_caret_right_dark.png') right center no-repeat;
	background-position: center center;
	background-size: 7px 14px;
	content: '';
	display: block;
	width: 15px;
	height: 100%;
	left: 84%;
	position: absolute;
	top: 0;
}

#activityFeedContainer .sketchThumb {
	/* position: relative; */
}

#activityFeedContainer .welcome .to {
	position: relative;
	height: 100%;
	padding-top: 10px;
}

#activityFeedContainer .to {
	flex-basis: 128px;
}

#activityFeedContainer .feedItem h2 {
	font-size: 32px;
	margin-bottom: 5px !important;
	line-height: 1;
}

#activityFeedContainer .text {
}

#activityFeedContainer .from {
	background: none;
	padding-right: 30px;
	position: relative;
	flex-basis: 90px;
}

#activityFeedContainer .userThumbContainer {}

#activityFeedContainer .sketchThumbContainer-mb {
    /* width: 70%; */
}

#activityFeedContainer .groupSketch {
	padding: 0;
	flex: 1;
	max-width: 300px;
}
#activityFeedContainer .newSketchGroup .groupSketch:first-child {
	display: none;
}


#activityFeedContainer .newComment h2 {
	font-size: 22px;
	margin-top: 5px;
}

#activityFeedContainer .sketchThumb {
	/* position: relative; */
}

#activityFeedContainer .newCrayon .sketchThumbContainer {
	overflow: hidden;
	display: flex;
}


#activityFeedContainer .newCrayon .sketchThumb {
	height: 100%;
	width: 100%;
	object-fit: cover;
}


#activityFeedContainer .userThumbContainer {
	/* width: 50%; */
	/* height: 50%; */
	/* margin-top: 0; */
}

#activityFeedContainer .sketchThumb {
	border-color: #fbfbfb;
}

#activityFeedContainer .text {flex: 1;}

#activityFeedContainer .plus {
	display: none;
}

#ulactivityFeedContainer,
#activityFeedContainer li.feedItem {
	list-style: none;
	padding: 0;
	margin-bottom: 30px;
	transition: all 200ms;
	opacity: 1;
	padding-top: 0px;
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 15px;
}
#activityFeedContainer li.tip {
	/* border: 1px solid #ccc; */
	/* background: #fafafa; */
	/* padding: 30px; */
	margin-bottom: 15px;
}
#activityFeedContainer li.tip h2 {
	margin-bottom: 10px !important;
}

#activityFeedContainer li.feedItem.animateEntry {
	/* opacity: 0; */
	margin-bottom: 0px;
	padding-bottom: 40px;
}

#activity .from {
	position: relative;
}
#activityFeedContainer .text > * {
	margin-bottom: 6px;
}

#activityFeedContainer .icon_star {
	width: 50px;
	height: 50px;
}
#activityFeedContainer li.feedItem ul {
	padding-left: 20px;
}
#activityFeedContainer li.feedItem li {
	list-style-type: circle;
	padding-left: 5px;
	margin-bottom: 10px;
}
#activityFeedContainer .actionText {
	/* color: #999; */
}
#activityFeedContainer .groupSketchContainer {
	display: flex;
	flex-wrap: wrap;
}
#activityFeedContainer .groupSketch {
	flex: 0 0 100px;
	max-width: 300px;
}

@media (max-width: 767px) {
	#activityFeedContainer .groupSketch:first-child {
		display: none;
	}
	#activityFeedContainer .groupSketch:first-child {
		display: block;
	}

}