/* -----------------------------------------------------------------------------
   Activity Feed Mini Group Cards
   ----------------------------------------------------------------------------- */

.bond-bp-content {
	& #buddypress {
		& .screen-content #activity-stream .activity-list.bp-list > li.groups.activity-item.mini:not(.activity-popup) {
			& .bp-activity-head-group {
				display: flex;
				align-items: flex-start;
				gap: 0;
				margin: 0;
				padding: 19px 20px 18px;
			}

			& .activity-group-avatar {
				position: relative;
				flex: 0 0 50px;
				width: 50px;
				min-width: 50px;
				height: 40px;
				margin-right: 20px;
				padding-right: 10px;

				& .group-avatar img {
					display: block;
					width: 40px;
					height: 40px;
					border-radius: 50%;
					object-fit: cover;
				}

				& .author-avatar {
					position: absolute;
					right: -5px;
					bottom: -5px;
					width: 22px;
					height: 22px;
					border: 1.2px solid var(--color-background-body);
					border-radius: 50%;
					overflow: hidden;
					background: var(--color-background-body);

					& img {
						display: block;
						width: 100%;
						height: 100%;
						border-radius: 50%;
						object-fit: cover;
					}
				}
			}

			& .activity-header.activity-header--group {
				flex: 1 1 auto;
				min-width: 0;
				padding: 2px 0 0;
			}

			& .activity-group-heading {
				display: none;
			}

			& .activity-group-post-meta {
				display: flex;
				flex-wrap: wrap;
				align-items: baseline;
				gap: 0;
				margin: 0;
				color: var(--color-bond-black);
				font-size: 16px;
				font-weight: 400;
				line-height: 24px;

				& .activity-post-author,
				& .activity-post-author p,
				& > a,
				& .activity-topic {
					display: inline-flex;
					flex-wrap: wrap;
					align-items: baseline;
					gap: 0;
					margin: 0;
					color: inherit;
					font-size: inherit;
					font-weight: inherit;
					line-height: inherit;
				}

				& .activity-post-author img,
				& > a:not(.view),
				& > a {
					display: none;
				}

				& .activity-topic:empty {
					display: none;
				}

				& .activity-post-author p {
					display: inline;
				}

				& a,
				& span,
				& p {
					font-size: inherit;
					line-height: inherit;
				}

				& .time-since::before {
					content: "\00b7";
					margin: 0 3px;
					color: #989482;
				}
			}
		}
	}
}

@media (max-width: 991px) {
	.bond-bp-content #buddypress .screen-content #activity-stream .activity-list.bp-list > li.groups.activity-item.mini:not(.activity-popup) .bp-activity-head-group {
		padding: 1rem 1rem 0.875rem;
	}
}