/* -----------------------------------------------------------------------------
   Bond Activity Card Layout
   ----------------------------------------------------------------------------- */

.bond-bp-content #buddypress .activity-list.bp-list,
.bond-bp-content #buddypress .activity-list,
.activity-list {
	padding: 0;
	border: 0;
	background: transparent;
}

.bond-bp-content #buddypress .activity-list.bp-list .activity-item,
.activity-list.bp-list .activity-item {
	box-shadow: 0 0 0 0;
}

.bond-bp-content {
	& #buddypress {
		& .activity-list.bp-list {
			& > li.bond-activity-entry.activity-item:not(.activity-popup) {
				position: relative;
				margin: 0 0 20px;
				padding: 0 !important;
				background: #fff !important;
				border: 1px solid #d2d0c8 !important;
				border-radius: 4.75px !important;
				box-shadow: none !important;
				overflow: hidden !important;
				list-style: none;

				& > .bb-activity-more-options-wrap.action {
					position: absolute;
					top: 8px;
					right: 15px;
					z-index: 6;
				}

				& > .bb-pin-action {
					position: absolute;
					top: 12px;
					right: 52px;
					z-index: 5;
				}

				& .bond-activity-card {
					display: block;
					width: 100%;
					margin: 0 !important;
					padding: 0 !important;
					background: transparent !important;
					border: 0 !important;
					border-radius: 0 !important;
					box-shadow: none !important;
					overflow: visible !important;
				}

				& .bond-activity-card__main {
					display: flex;
					align-items: flex-start;
					gap: 12px;
					padding: 24.99px 20px 0 !important;
				}

				& .bond-activity-card__avatars {
					position: relative;
					flex: 0 0 50px;
					width: 50px;
					min-width: 50px;
					height: 40px;
				}

				& .bond-activity-card__avatar {
					position: absolute;
					display: block;
				}

				& .bond-activity-card__avatar-link,
				& .bond-activity-card__avatar-link img {
					display: block;
					width: 100%;
					height: 100%;
				}

				& .bond-activity-card__avatar--group,
				& .bond-activity-card__avatar--context,
				& .bond-activity-card__avatars--single .bond-activity-card__avatar--author {
					top: 0;
					left: 0;
					width: 40px;
					height: 40px;
					border-radius: 50%;
					overflow: hidden;
				}

				& .bond-activity-card__avatar--group img,
				& .bond-activity-card__avatars--single .bond-activity-card__avatar--author img,
				& .bond-activity-card__avatar--author img {
					display: block;
					width: 100%;
					height: 100%;
					border-radius: 50%;
					object-fit: cover;
				}

				& .bond-activity-card__avatar--context {
					background: #b6002d;
				}

				& .bond-activity-card__avatars--stacked .bond-activity-card__avatar--author {
					right: 0;
					bottom: -4px;
					width: 22px;
					height: 22px;
					border: 1.2px solid #fff;
					border-radius: 50%;
					background: #fff;
					overflow: hidden;
				}

				& .bond-activity-card__body {
					display: flex;
					flex: 1 1 auto;
					flex-direction: column;
					gap: 12px;
					min-width: 0;
					padding-right: 15px !important;
				}

				& .bond-activity-card__meta,
				& .bond-activity-card__action,
				& .bond-activity-card__action p,
				& .bond-activity-card__action span {
					margin: 0;
					color: #37322d;
					font-size: 16px;
					font-weight: 400;
					line-height: 24px;
				}

				& .bond-activity-card__meta {
					min-width: 0;
					padding: 0;
				}

				& .bond-activity-card__topic {
					display: none;
				}

				& .bond-activity-card__action {
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					column-gap: 1px;
					row-gap: 0;

					& a {
						color: #d50032;
						text-decoration: underline;
						text-decoration-thickness: 1px;
						text-underline-offset: 2px;
					}
				}

				& .bond-activity-card__action--native img.avatar,
				& .bond-activity-card__action--native .activity-avatar,
				& .bond-activity-card__action--native .activity-content {
					display: none;
				}

				& .bond-activity-card__time,
				& .bond-activity-card__time .time-since {
					display: inline-flex;
					align-items: center;
					color: #989482;
					font-size: 14px;
					font-weight: 400;
					line-height: 21px;
					text-decoration: none;
				}

				& .bond-activity-card__time-separator {
					margin: 0 3px;
					color: #989482;
					font-size: 16px;
					line-height: 24px;
				}

				& .bond-activity-card__title {
					margin: 0;
					padding-top: 19px;

					& h2 {
						margin: 0;
						color: #37322d;
						font-size: 19px;
						font-weight: 500;
						line-height: 29px;
					}
				}
			}
		}
	}
}

@media (max-width: 991px) {
	.bond-bp-content #buddypress .screen-content #activity-stream .activity-list.bp-list > li.bond-activity-entry.activity-item:not(.activity-popup) {
		& .bond-activity-card__main {
			gap: 16px;
			padding: 20px 16px 0;
		}
	}
}

@media (max-width: 640px) {
	.bond-bp-content #buddypress .screen-content #activity-stream .activity-list.bp-list > li.bond-activity-entry.activity-item:not(.activity-popup) {
		& .bond-activity-card__main {
			gap: 10px;
			padding: 18px 12px 0;
		}

		& .bond-activity-card__action,
		& .bond-activity-card__action p,
		& .bond-activity-card__action span {
			font-size: 15px;
			line-height: 22px;
		}

		& .bond-activity-card__title h2 {
			font-size: 17px;
			line-height: 24px;
		}
	}
}