/* Post item */
.mx-membership-posts-list .mx-post-item {
	margin: 0 auto 60px auto;
	max-width: 540px;
}

/* Author */
.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-author {
	margin: 0 0 15px 0;
	display: flex;
	align-items: center;
	gap: 20px;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-author .mx-post-item-author-icon {
	position: relative;
	width: 56px;
	height: 56px;
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0px 7px 64px rgb(0 0 0 / 7%);
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-author .mx-post-item-author-icon img,
.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-author .mx-post-item-author-icon svg {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-author .mx-post-item-info .mx-post-item-author-name {
	letter-spacing: 0.8px
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-author .mx-post-item-info .mx-post-item-author-email {
	font-weight: 300;
	color: var(--mainFontColorAdditional);
}

/* Image */
.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-image {
	display: block;
	width: 100%;
	border-radius: 6px;
}

/* Audio */
.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-audio-item {
	padding: 25px 20px;
	background: var(--bodyMainColor2);
	border-radius: 6px;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-audio-item .mx-player .mx-button-player.play:hover {
	background: var(--cardColorHover);
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-audio-item .mx-player .mx-button-player.play:active {
	background: var(--cardColorActive);
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-audio-item .mx-audio-item-track .mx-audio-item-track-full-version {
	position: absolute;
	top: -5px;
	right: 0;
	font-size: 16px;
	font-weight: 300;
	color: var(--mainFontColorAdditional);
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-audio-item .mx-audio-item-track {
	position: relative;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-audio-item .mx-audio-item-track .mx-player {
	display: flex;
	align-items: center;
	text-align: left;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-audio-item .mx-audio-item-track .mx-player .mx-player-track {
	position: relative;
	flex: 1 1 0;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-audio-item .mx-audio-item-track .mx-player .mx-player-track .mx-current-track-point {
	position: absolute;
	left: 0;
	background: #fff;
	height: 4px;
	width: 0%;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-audio-item .mx-audio-item-track .mx-player .mx-player-track .mx-line-track {
	width: 100%;
	height: 4px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 4px;
	opacity: 0.2;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-audio-item .mx-audio-item-track .mx-player .mx-player-track .mx-circle {
	position: absolute;
	top: -5px;
	left: 0;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 50%;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-audio-item .mx-audio-item-track .mx-audio-item-track-full-version {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	font-weight: 300;
	color: var(--mainFontColorAdditional);
}

/* Lock */
.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-lock {
	position: relative;
	background-color: var(--bodyMainColor3);
	border-radius: 6px;
	aspect-ratio: 1 / 1;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-lock .mx-post-item-lock-content {
	margin: 12px;
	padding: 20px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	border: 2.5px solid var(--secondaryIllustrationColor);
	border-radius: 6px;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-lock .mx-post-item-lock-content svg path {
	fill: var(--secondaryIllustrationColor);
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-lock .mx-post-item-lock-content .mx-post-item-lock-content-title {
	margin: 10px 0 0 0;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-lock .mx-post-item-lock-content .mx-button {
	margin: 75px 0 0 0;
	padding: 14px 31px;
	background: var(--button2Color);
}

/* Meta */
.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-date {
	margin: 15px 0 0 0;
	font-weight: 300;
	color: var(--mainFontColorAdditional);
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-meta-list {
	margin: 20px 0 0 0;
	display: flex;
	align-items: center;
	gap: 25px;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-meta-list .mx-post-item-meta {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--bodyMainColor4);
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-meta-list .mx-post-item-meta svg {
	width: 24px;
	height: 24px;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-meta-list .mx-post-item-meta svg path {
	fill: var(--bodyMainColor4);
}

/* Like */
.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-meta-list .mx-post-likes {
	cursor: pointer;
	transition: 1s;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-meta-list .mx-post-likes svg path {
	fill: transparent;
	stroke: var(--bodyMainColor4);
	transition: 0.3s;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-meta-list .mx-post-likes svg:hover path,
.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-meta-list .mx-post-likes.liked svg path {
	fill: var(--bodyMainColor4);
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-meta-list .mx-post-likes.liked .mx-post-count-like {
	color: var(--bodyMainColor4);
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-meta-list .mx-post-likes img {
	cursor: pointer;
}

/* Button */
.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-content-comments .mx-button-more {
	margin: 28px 0 0 0;
	display: block;
	background: transparent;
	border: none;
	outline: none;
	line-height: 190%;
	cursor: pointer;
	color: var(--mainFontColorLink);
	font-family: var(--mainFontFamily);
	font-size: var(--mainFontSize);
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-content-comments .mx-button-more:hover {
	color: var(--mainFontColorLinkHover);
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-content-comments .mx-button-more:active {
	color: var(--mainFontColorLinkActive);
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-content-comments .mx-send-comment {
	position: relative;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-content-comments .mx-send-comment input {
	margin: 28px 0 0 0;
	width: 100%;
}

.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-content-comments .mx-send-comment .mx-form-notices {
	margin: 20px 0 0 0;
	border: 1px solid var(--bodyMainColor4);
	border-radius: 6px;
	color: var(--bodyMainColor4);
}

/* Comment */
.mx-membership-posts-list .mx-post-item .mx-content-comments .mx-comments-list {
	margin: 28px 0 0 0;
}

.mx-membership-posts-list .mx-post-item .mx-content-comments .mx-comments-list .mx-comment-item {
	margin: 0 0 20px 0;
	display: flex;
	align-items: center;
	gap: 15px;
}

.mx-membership-posts-list .mx-post-item .mx-content-comments .mx-comments-list .mx-comment-item:last-child {
	margin: 0;
}

.mx-membership-posts-list .mx-post-item .mx-content-comments .mx-comments-list .mx-comment-item .mx-comment-author-avatar {
	margin: 3px 0 0 0;
	position: relative;
	align-self: flex-start;
	width: 32px;
	height: 32px;
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0px 7px 64px rgb(0 0 0 / 7%);
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
}

.mx-membership-posts-list .mx-post-item .mx-content-comments .mx-comments-list .mx-comment-item .mx-comment-author-avatar img,
.mx-membership-posts-list .mx-post-item .mx-content-comments .mx-comments-list .mx-comment-item .mx-comment-author-avatar svg {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.mx-membership-posts-list .mx-post-item .mx-content-comments .mx-comments-list .mx-comment-item .mx-comment-item-author-name {
	color: var(--mainFontColorAdditional);
}

.mx-membership-posts-list .mx-post-item .mx-content-comments .mx-comments-list .mx-comment-item .mx-comment-item-content {
	margin: 4px 0 0 0;
	line-height: 160%;
}

@media(max-width: 767px) {
	.mx-membership-posts-list .mx-post-item {
		margin: 0 auto 40px auto;
	}

	.site-content .mx-account .mx-account-content .mx-account-dashboard .mx-account-mobile-heading {
		margin: 0 0 40px 0;
	}

	.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-author {
		margin: 0 0 10px 0;
	}

	.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-lock .mx-post-item-lock-content svg {
		height: 128px;
		width: 110px;
	}

	.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-lock .mx-post-item-lock-content .mx-post-item-lock-content-title {
		margin: 8px 0 0 0;
	}

	.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-lock .mx-post-item-lock-content .mx-button {
		margin: 20px 0 0 0;
		padding: 8px 50px;
		font-size: var(--mainFontSize);
	}

	.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-item-date,
	.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-post-meta-list {
		margin: 10px 0 0 0;
	}

	.mx-membership-posts-list .mx-post-item .mx-content-comment,
	.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-content-comments .mx-button-more,
	.mx-membership-posts-list .mx-post-item .mx-post-item-inner .mx-content-comments .mx-send-comment input {
		margin: 20px 0 0 0;
	}
}