/*=============================================================*/
/* FEED */
/*=============================================================*/

/*-------------------------------------------------------------*/
/* Feed  */

.feed-header{
	position: relative;
}

.feed-a {
	color: #373737;
}

.feed-a:active, .feed-a:hover {
	color: #373737;
}

.feed-profileimage, .comment-profileimage {
	position: absolute;
}

.feed-name {
	margin-left: 60px;
	margin-bottom: 0px;
}

.comment-header{
	position: relative;
}

.comment-name {
	margin-left: 48px;
	margin-bottom: 0px;
}

.feed-date {
	margin-left: 60px;
	margin-top: 0px;
	margin-bottom: 16px;
}

.comment-date {
	margin-left: 48px;
	margin-top: 0px;
	margin-bottom: 4px;
	height: 20px;
}

.comment-comment {
	margin: 1px 0px;
    background-color: #f2f2f2;
    border-radius: 8px;
    padding: 4px 8px;
	display: inline-block;
}

.comment-bottom {
	display: flex;
}

.comment-stats {
	display: flex;
    align-items: center;
	margin: 0px 4px 4px 6px;
	opacity: 0.8;
}

.comment-stats img {
	width: 14px;
}

.comment-stats span {
	font-size: 0.8rem;
	margin-left: 4px;
}

.comment-reaction{
	font-size: 0.8rem;
	margin: 2px 0px 6px 4px;
	display: flex;
	flex-direction: row;
}

.comment-reaction-text {
	padding: 0px 8px 0px 3px;
	/* color: gray; */
	font-size: 0.7rem;
}

.comment-reaction-text:hover {
	/* color: black; */
}

.answer-header{
	position: relative;
	margin-left: 60px;
}

.answer-reply {
	margin-left: 60px;
}

.answer-reply-area {
	/* width: 70%; */
	height: 31px;
	min-height: unset;
	font-size: 12px;
	background-color: #fcfcfc;
}

.feed-title {
	font-size: 1rem;
    margin: 8px 4px;
}

.feed-image {
	width: 100%;
	object-fit: cover;
	height: 300px;
}

@media (max-width: 550px) {
	.feed-image {
		height: 250px;
	}
}

.feed-more {
    opacity: 0.7;
    top: 0px;
    right: 0px;
    height: 22px;
    position: absolute;
    cursor: pointer;
	padding: 4px;
	border-radius: 50%;
}

.feed-more:hover {
    background-color: #e4e4e4;
}

.feed-more:active {
    background-color: #c7c7c7;
}

.feed-reaction {
	display: inline-flex;
	width: 100%;
	padding: 8px 0px 0px 0px;
    box-sizing: border-box;
	font-size: 13px;
	color: #7f7f7f;
	line-height: 24px;
}

.feed-reaction img {
	width: 16px;
	height: 16px;
	opacity: 0.6;
	vertical-align: middle;
    padding-right: 6px;
}

.feed-like {
	/* width: 50%; */
	align-items: center;
    justify-content: center;
    display: flex;
}

.feed-stats {
	margin: 4px 0px;
	/* line-height: 3px; */
    font-size: 12px;
	display: inline-flex;
}

.feed-noOf {
	width: 16px;
	height: 16px;
	opacity: 0.6;
	vertical-align: middle;
    padding-right: 6px;
	padding-left: 6px;
}

.feed-like-button {
	height: unset;
	border: 0px;
	font-family: inherit;
	padding: unset; 
    color: unset;
	margin: 0px;
	font-size: unset; 
    font-weight: unset;
    line-height: unset;
    letter-spacing: unset;
    text-transform: unset;
	width: 100%;
	box-shadow: unset;
}

.feed-like-button.liked {
	cursor: default;
}

.feed-comment-button {
	height: unset;
	border: 0px;
	font-family: inherit;
	padding: unset; 
    color: unset;
	margin: 0px;
	font-size: unset; 
    font-weight: unset;
    line-height: unset;
    letter-spacing: unset;
    text-transform: unset;
	width: 50%;
	box-shadow: unset;
}

.feed-comment {
	width: 100%;
}

.feed-like-form {
	width: 50%;
}

.feed-link, .feed-link:visited {
	color: #1EAEDB;
}

.feed-profile-images {
	position: relative;
}

.feed-profile-background-image {
	height: 70px;
    width: 100%;
    object-fit: cover;
}

.feed-profile-imageProfile {
	position: absolute;
	top: 40px;
    width: 100%;
}

.feed-profile-avatar {
    height: 56px;
    width: 56px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid white;
}

.feed-profile-name {
	margin-top: 32px;
	margin-bottom: 8px;
	display: block;
}

.feed-profile-stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.8rem;
    padding: 4px;
}

.feed-logo {
	width: 100px;
}

.feed-video {
	margin: 4px 0px;
	width: 100%;
	height: 234px;
}

@media (max-width: 550px) {
	.feed-video {
		height: 180px;
	}
}

@media (max-width: 770px) {
	.feed-mobile {
		display: none;
	}
}

#boostedIdeas {
	display: block;
	position: relative;
	/* z-index: 99; */
}

.feed-show-comments {
	font-size: 0.8rem;
    margin: 4px 4px 8px 4px;
	cursor: pointer;
	padding-top: 4px;
}

.feed-show-comments:active {
	color: #eeeeee;
}

.feed-show-comments:after {
  content: '\002B';
  font-weight: bold;
  float: right;
}

.active-comments:after {
  content: "\2212";
}

.feed-show-comments-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	/* max-height: 300px; */
	overflow: auto;
}

.feed-hr {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.feed-target:target {
	padding-top: 64px;
}

.feed-precontent {
	font-size: 0.7rem;
    padding: 4px;
}

.feed-precontent-image {
	height: 18px;
    vertical-align: bottom;
	padding-right: 4px;
	opacity: 0.7;
}

/*-------------------------------------------------------------*/