#members-cp h2.hndle,
#members-cp-side h2.hndle {
	border-bottom: none !important;
	justify-content: flex-start;
}

#members-cp h2.hndle:before,
#members-cp-side h2.hndle:before {
	content: url("data:image/svg+xml,%3Csvg width='15px' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='users-cog' class='svg-inline--fa fa-users-cog fa-w-20' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M610.5 341.3c2.6-14.1 2.6-28.5 0-42.6l25.8-14.9c3-1.7 4.3-5.2 3.3-8.5-6.7-21.6-18.2-41.2-33.2-57.4-2.3-2.5-6-3.1-9-1.4l-25.8 14.9c-10.9-9.3-23.4-16.5-36.9-21.3v-29.8c0-3.4-2.4-6.4-5.7-7.1-22.3-5-45-4.8-66.2 0-3.3.7-5.7 3.7-5.7 7.1v29.8c-13.5 4.8-26 12-36.9 21.3l-25.8-14.9c-2.9-1.7-6.7-1.1-9 1.4-15 16.2-26.5 35.8-33.2 57.4-1 3.3.4 6.8 3.3 8.5l25.8 14.9c-2.6 14.1-2.6 28.5 0 42.6l-25.8 14.9c-3 1.7-4.3 5.2-3.3 8.5 6.7 21.6 18.2 41.1 33.2 57.4 2.3 2.5 6 3.1 9 1.4l25.8-14.9c10.9 9.3 23.4 16.5 36.9 21.3v29.8c0 3.4 2.4 6.4 5.7 7.1 22.3 5 45 4.8 66.2 0 3.3-.7 5.7-3.7 5.7-7.1v-29.8c13.5-4.8 26-12 36.9-21.3l25.8 14.9c2.9 1.7 6.7 1.1 9-1.4 15-16.2 26.5-35.8 33.2-57.4 1-3.3-.4-6.8-3.3-8.5l-25.8-14.9zM496 368.5c-26.8 0-48.5-21.8-48.5-48.5s21.8-48.5 48.5-48.5 48.5 21.8 48.5 48.5-21.7 48.5-48.5 48.5zM96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm224 32c1.9 0 3.7-.5 5.6-.6 8.3-21.7 20.5-42.1 36.3-59.2 7.4-8 17.9-12.6 28.9-12.6 6.9 0 13.7 1.8 19.6 5.3l7.9 4.6c.8-.5 1.6-.9 2.4-1.4 7-14.6 11.2-30.8 11.2-48 0-61.9-50.1-112-112-112S208 82.1 208 144c0 61.9 50.1 112 112 112zm105.2 194.5c-2.3-1.2-4.6-2.6-6.8-3.9-8.2 4.8-15.3 9.8-27.5 9.8-10.9 0-21.4-4.6-28.9-12.6-18.3-19.8-32.3-43.9-40.2-69.6-10.7-34.5 24.9-49.7 25.8-50.3-.1-2.6-.1-5.2 0-7.8l-7.9-4.6c-3.8-2.2-7-5-9.8-8.1-3.3.2-6.5.6-9.8.6-24.6 0-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h255.4c-3.7-6-6.2-12.8-6.2-20.3v-9.2zM173.1 274.6C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z'%3E%3C/path%3E%3C/svg%3E");
	margin-right: 5px;
}

#members-cp-side .postbox-header {
	border-bottom: none !important;
}

#members-cp-side .handle-actions .handle-order-higher,
#members-cp-side .handle-actions .handle-order-lower {
	display: none;
}

#members-cp-side .handle-actions .handlediv {
	position: absolute;
	right: 5px;
}

.members-upgrade-header {
	text-align: center;
	padding: 5px;
}

.members-upgrade-header a {
	color: #F59431;
}

.memberpress-paid-memberships {
	background-color: #f5f5f5;
	padding: 50px 10px;
	text-align: center;
}

.memberpress-paid-memberships a {
	background-color: #0E4598;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 300px;
	color: #fff;
	text-decoration: none;
	margin-top: 20px;
}

#members-cp-side .members-tabs {
	position: relative;
}

#members-cp-side .members-tab-nav {
	background-color: transparent;
	margin-bottom: 20px;
	border-right: none !important;
}

#members-cp-side .members-tab-nav .members-tab-title {
	width: 33.333%;
	height: 50px;
	border-right: none !important;
}

#members-cp-side .members-tab-nav .members-tab-title a {
	border: none;
}

#members-cp-side .members-tab-content h3 {
	font-weight: bold;
	font-size: 15px;
	margin-top: 0;
	color: #000;
	margin-bottom: 10px;
}

#members-cp-side .members-tab-content .memberpress-paid-memberships {
	text-align: left;
	padding: 20px;
}

#members-cp-side .members-tab-content .memberpress-paid-memberships a {
	display: block;
	text-align: center;
}

#members-cp-side .members-tabs .members-tab-nav li a,
#members-cp-side .members-tabs .members-tab-nav li[aria-selected="false"] a i {
	color: #555;
}

#members-cp-side .members-tabs .members-tab-nav li a svg,
#members-cp-side .members-tabs .members-tab-nav li[aria-selected="false"] a svg {
	fill: #555;
}

#members-cp-side .members-tabs .members-tab-nav li[aria-selected="true"] a {
	background-color: transparent;
	border-bottom: 2px solid #3582AE;
}

#members-cp-side .members-tabs .members-tab-nav li[aria-selected="true"] a i {
	color: #3582AE;
}

#members-cp-side .members-tabs .members-tab-nav li[aria-selected="true"] a svg {
	fill: #3582AE;
}

.members-tab-title svg,
.members-tab-title[aria-selected="false"] svg {
	fill: #0073aa;
}

.members-tab-title[aria-selected="true"] svg {
	fill: #555;
}

#wpcontent #members-admin-header {
	margin-left: -20px;
	padding: 0 28px 0 22px;
	background-color: #0b1220;
	background-image:
		radial-gradient(circle at 12% 35%, rgba(14,69,152,0.45), transparent 55%),
		radial-gradient(circle at 90% 85%, rgba(245,148,49,0.14), transparent 60%);
	background-repeat: no-repeat;
	min-height: 56px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#wpcontent #members-admin-header img.members-logo {
	height: 42px;
	display: block;
}

#wpcontent #members-admin-header .members-by-mp {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
	text-decoration: none;
	box-shadow: none;
	transition: opacity 0.15s ease;
}

#wpcontent #members-admin-header .members-by-mp:hover,
#wpcontent #members-admin-header .members-by-mp:focus {
	opacity: 0.75;
	text-decoration: none;
	box-shadow: none;
}

#wpcontent #members-admin-header .members-by-label {
	color: #94a3b8;
	font-size: 12px;
	font-weight: 500;
}

#wpcontent #members-admin-header img.members-mp-logo {
	height: 18px;
	display: block;
}

/* Notifications inbox button — hosted in the admin header on every Members page. */
#wpcontent #members-admin-header #membersAdminHeaderNotifications {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 0 0 0 18px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	box-shadow: none;
	transition: background 0.15s ease, border-color 0.15s ease;
	line-height: 1;
	vertical-align: middle;
	min-height: 0;
	text-decoration: none;
}

#wpcontent #members-admin-header #membersAdminHeaderNotifications:hover,
#wpcontent #members-admin-header #membersAdminHeaderNotifications:focus {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.24);
	color: #fff;
	box-shadow: none;
	outline: none;
}

#wpcontent #members-admin-header #membersAdminHeaderNotifications svg {
	width: 16px;
	height: auto;
	display: block;
}

#wpcontent #members-admin-header #membersAdminHeaderNotifications svg path {
	fill: #e2e8f0;
}

#wpcontent #members-admin-header #membersAdminHeaderNotifications .members-notifications-count {
	position: absolute;
	top: -4px;
	right: -4px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 999px;
	background: #F59431;
	color: #0b1220;
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
	border: 1.5px solid #0b1220;
	box-sizing: content-box;
}

.members-upgrade-header #close-members-upgrade-header {
	position: absolute;
	right: 20px;
	top: 3px;
}

.members-upgrade-header #close-members-upgrade-header:hover {
	cursor: pointer;
}

/* ====== Members Settings Screen. ====== */

.memberpress-welcome-panel.welcome-panel {
	margin-top: 20px;
	padding: 20px 28px;
	background: #fff;
	border-radius: 10px;
	min-height: 0;
}

.memberpress-welcome-panel.welcome-panel .welcome-panel-content {
	min-height: 0;
	height: auto;
}

/* ============================================================
   About Us — editorial redesign
   Scoped entirely under .members-about to avoid WP admin bleed.
   ============================================================ */

.members-about {
	--ink:            #0f172a;
	--ink-soft:       #334155;
	--ink-muted:      #64748b;
	--mp-blue:        #0E4598;
	--mp-teal:        #3582AE;
	--mp-orange:      #F59431;
	--rule:           #e5e7eb;
	--paper:          #fbfaf7;
	--paper-soft:     #f3efe6;
	--paper-line:     #e8e3d5;
	--display-font:   "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--sans-font:      "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Full-bleed paper background — override the default admin gray */
body.members_page_members-about #wpbody-content,
body.toplevel_page_members-about #wpbody-content,
body.admin_page_members-about #wpbody-content {
	background: var(--paper);
}

.members-about.wrap {
	max-width: 1120px;
	margin: 0 auto;
	padding: 48px 24px 80px;
	color: var(--ink);
	font-family: var(--sans-font);
}

/* === Hero ================================================== */
.members-about__hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 200px;
	grid-template-areas:
		"head mark"
		"body mark";
	gap: 32px 56px;
	align-items: start;
	padding-bottom: 64px;
	border-bottom: 1px solid var(--paper-line);
}

.members-about__hero-head { grid-area: head; }
.members-about__body { grid-area: body; }
.members-about__mark { grid-area: mark; align-self: start; }

.members-about__eyebrow {
	display: inline-block;
	font-family: var(--sans-font);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--ink-muted);
	padding-bottom: 18px;
}

.members-about__title {
	font-family: var(--display-font);
	font-weight: 900;
	font-size: clamp(40px, 5.5vw, 64px);
	line-height: 1;
	letter-spacing: -0.035em;
	color: var(--ink);
	margin: 0;
}

.members-about__title em {
	font-style: normal;
	font-weight: 900;
	color: var(--mp-blue);
}

.members-about__title-dot {
	color: var(--mp-blue);
	font-style: normal;
	font-weight: 900;
}

.members-about__body {
	max-width: 60ch;
	font-size: 15.5px;
	line-height: 1.62;
	color: var(--ink-soft);
}

.members-about__body p {
	margin: 0 0 14px;
}

.members-about__body p:last-child {
	margin-bottom: 0;
}

.members-about__lead {
	font-family: var(--sans-font);
	font-weight: 500;
	font-size: 17px;
	line-height: 1.5;
	color: var(--ink);
	margin-bottom: 24px !important;
	padding-left: 18px;
	border-left: 2px solid var(--mp-blue);
}

.members-about__body a,
.members-about__lead a {
	color: var(--mp-blue);
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-size: 100% 1px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	padding-bottom: 1px;
	transition: color 0.2s ease, background-size 0.2s ease;
}

.members-about__body a:hover,
.members-about__lead a:hover {
	color: var(--mp-orange);
}

.members-about__body em,
.members-about__lead em {
	font-style: normal;
	font-weight: 700;
	color: var(--mp-blue);
}

/* MP stacked logo — treated as a confident visual mark */
.members-about__mark {
	padding: 24px;
	background: #fff;
	border: 1px solid var(--paper-line);
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.members-about__mark:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.members-about__mark a {
	display: block;
	box-shadow: none !important;
	text-decoration: none;
}

.members-about__mark img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 160px;
	margin: 0 auto;
}

/* === Products =============================================== */
.members-about__products {
	padding-top: 56px;
}

.members-about__products-head {
	margin-bottom: 28px;
	text-align: center;
}

.members-about__products-head h3 {
	font-family: var(--display-font);
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--ink-muted);
	margin: 0;
}

.members-about__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.members-about__card {
	display: flex;
	flex-direction: column;
	padding: 24px;
	background: #fff;
	border: 1px solid var(--paper-line);
	border-radius: 6px;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.members-about__card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
	border-color: rgba(14, 69, 152, 0.2);
}

.members-about__card-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
}

.members-about__card-icon {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--paper-soft);
	border-radius: 10px;
	overflow: hidden;
}

.members-about__card-icon img {
	display: block;
	max-width: 32px;
	max-height: 32px;
	width: auto;
	height: auto;
}

.members-about__card-title {
	margin: 0;
	font-family: var(--display-font);
	font-weight: 700;
	font-size: 17px;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: var(--ink);
}

.members-about__card-title a {
	color: inherit;
	text-decoration: none;
	box-shadow: none;
}

.members-about__card-title a:hover {
	color: var(--mp-blue);
}

.members-about__card-desc {
	flex: 1;
	margin: 0 0 24px;
	font-size: 14px;
	line-height: 1.55;
	color: var(--ink-soft);
}

.members-about__card-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--paper-line);
}

.members-about__status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ink-muted);
}

.members-about__status::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: currentColor;
}

.members-about__status.is-active { color: #10b981; }
.members-about__status.is-inactive { color: var(--mp-orange); }
.members-about__status.is-missing { color: var(--ink-muted); }

.members-about__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.01em;
	border-radius: 4px;
	text-decoration: none;
	border: 1px solid transparent;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
	box-shadow: none;
}

.members-about__cta:focus,
.members-about__cta:focus-visible {
	outline: 2px solid var(--mp-blue);
	outline-offset: 2px;
	box-shadow: none;
}

.members-about__cta.is-primary {
	background: var(--mp-blue);
	color: #fff;
}

.members-about__cta.is-primary:hover {
	background: #093374;
	color: #fff;
	transform: translateY(-1px);
}

.members-about__cta.is-secondary {
	background: transparent;
	color: var(--ink);
	border-color: var(--rule);
}

.members-about__cta.is-secondary:hover {
	border-color: var(--ink);
	background: #fff;
	color: var(--ink);
}

.members-about__cta svg {
	transition: transform 0.2s ease;
}

.members-about__cta:hover svg {
	transform: translate(1px, -1px);
}

/* === Responsive ============================================= */
@media (max-width: 900px) {
	.members-about__hero {
		grid-template-columns: 1fr;
		grid-template-areas:
			"head"
			"body"
			"mark";
		gap: 24px;
	}
	.members-about__mark { max-width: 160px; }
	.members-about__grid { grid-template-columns: 1fr; }
}

.memberpress-welcome-panel.welcome-panel:before {
	background: none;
}

.memberpress-welcome-panel.welcome-panel .about-description {
	margin: 20px 0;
}

.memberpress-welcome-panel.welcome-panel-content {
	margin: 0;
}

.memberpress-welcome-panel.welcome-panel-content .mp-logo-wrap>a {
	display: block;
}

@media screen and (min-width: 870px) {

	.members_page_members-settings .members-short-p {
		max-width: 612px;
		margin-left: auto;
		margin-right: auto;
	}

	.members_page_members-settings .welcome-panel-content {
		text-align: center;
	}
}

.members_page_members-settings .welcome-panel .button.button-hero {
	margin-left: auto;
	margin-right: auto;
}

.members_page_members-settings .members-svg-wrap {
	display: inline-block;
	margin: 0 auto 20px;
}

@media screen and (max-width: 870px) {
	.members_page_members-settings .welcome-panel {
		padding: 20px;
	}

	.members_page_members-settings .members-svg-wrap {
		float: left;
		margin-right: 28px;
	}

	.admin_page_members-settings.rtl .members-svg-wrap {
		float: right;
		margin-right: 0;
		margin-left: 28px;
	}
}

.members_page_members-settings .members-svg-link {
	display: table-cell;
	text-align: center;
	width: 128px;
	height: 128px;
	background: #363b3f;
	color: #fff;
	padding: 24px 16px 16px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 4px solid #ffffff;
	box-shadow: 0 0 0 4px #363b3f;
}

.members_page_members-settings .members-svg-link svg {
	max-width: 84px;
	max-height: 64px;
	width: auto;
	height: auto;
}

.members-addons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-row-gap: 20px;
	grid-column-gap: 20px;
}

.members-addons .plugin-card {
	margin: 0;
}

.members-addons .plugin-card-top {
	width: 100%;
}

.members-addon {
	width: 100%;
	position: relative;
	float: none;
	display: flex;
	align-items: center;
}

.members-addon .desc {
	margin-bottom: 80px;
}

.addon-activate {
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 5px 10px 10px;
	display: inline-block;
	width: 100px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.activate-toggle:hover {
	cursor: pointer;
}

.activate-toggle svg {
	max-width: 20px;
	position: relative;
	top: 5px;
}

.activate-toggle svg {
	transform: rotate(180deg);
}

.activate-toggle svg.active {
	transform: rotate(0);
}

.activate-toggle svg path {
	fill: #cccccc;
}

.activate-toggle svg.active path {
	fill: #8CBD5A;
}

.activate-toggle.processing {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.5;
}

.activate-toggle .action-label {
	display: inline-block;
	width: 50px;
	text-align: left;
}

.mepr_dummy_txns {
	filter: blur(3px);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
	pointer-events: none;
}

.mepr_dummy_txns::after {
	background-color: rgba(0, 0, 0, .2);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
}

.mepr-upgrade-table {
	position: relative;
}

.mepr-upgrade-table .mepr-upgrade {
	position: relative;
	top: 100px;
	z-index: 10;
	background: rgba(0, 0, 0, .2);
	width: 100%;
	height: 100%;
	max-width: 600px;
	margin: 0 auto;
	box-shadow: 0 0 30px #ccc;
}

.mepr-upgrade-content {
	background-color: #fff;
	padding: 20px;
	text-align: center;
}

.mepr-upgrade-content h2 {
	font-size: 24px;
}

.mepr-upgrade-content h4 {
	font-size: 18px;
}

.mepr-upgrade-content .features {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 10px;
	align-items: center;
	justify-content: center;
	text-align: left;
	padding: 10px;
}

.features li:before {
	content: "\f147";
	font-family: dashicons;
	color: green;
	font-size: 20px;
	position: relative;
	top: 4px;
	margin-right: 10px;
}

.mepr-upgrade-cta {
	text-align: center;
	background-color: #f2f2f2;
	padding: 20px;
}

.mepr-upgrade-cta .mepr-cta-button {
	display: block;
	max-width: 300px;
	margin: 0 auto 20px;
	background-color: #FD9C27;
	color: #fff;
	padding: 15px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 300px;
}

.members-plugin-card.plugin-card:nth-child(even) {
	margin-right: inherit;
}

.members-plugin-card.plugin-card:nth-child(odd) {
	clear: none;
	margin-left: inherit;
}

.members-plugin-card.plugin-card .plugin-card-top {
	min-height: 0;
	padding: 30px 20px;
}

.members-plugin-card.plugin-card .plugin-icon {
	top: 30px;
}

.members-plugin-card.plugin-card .plugin-card-bottom .column-status {
	font-weight: bold;
}

.members-plugin-card.plugin-card .plugin-card-bottom .column-status .active {
	color: #8CBD5A;
}

.members-plugin-card.plugin-card .plugin-card-bottom .column-status .inactive {
	color: red;
}

.members-plugin-card.plugin-card .plugin-icon {
	width: 64px;
	height: auto;
}

.plugin-icon-small {
	width: 32px;
	height: auto;
}

.members-plugin-card.plugin-card .name,
.members-plugin-card.plugin-card .desc {
	margin-right: 0;
	margin-left: 84px;
}

.members-addons .plugin-card .name,
.members-addons .plugin-card .desc p {
	margin-right: 0;
}

@media screen and (max-width: 1100px) {
	.members-addons {
		display: flex;
		flex-direction: column;
	}
}

@media screen and (max-width: 600px) {
	.members_page_members-settings .members-svg-link {
		width: 64px;
		height: 64px;
	}

	.members_page_members-settings .members-svg-link svg {
		position: absolute;
		top: 14px;
		left: 15px;
		max-width: 30px;
		max-height: 30px;
	}

	.members_page_members-settings .plugin-card-members-edd-integration .members-svg-link svg,
	.members_page_members-settings .plugin-card-members-acf-integration .members-svg-link svg,
	.members_page_members-settings .plugin-card-members-givewp-integration .members-svg-link svg,
	.members_page_members-settings .plugin-card-members-meta-box-integration .members-svg-link svg,
	.members_page_members-settings .plugin-card-members-woocommerce-integration .members-svg-link svg {
		top: 10px;
		left: 8px;
		max-width: 40px;
		max-height: 40px;
	}

	.members_page_members-settings .plugin-card-members-block-permissions .members-svg-link svg,
	.members_page_members-settings .plugin-card-members-role-hierarchy .members-svg-link svg {
		left: 14px
	}

	.members-addons .plugin-card .desc>p,
	.members-addons .plugin-card .name {
		margin-left: 84px;
	}
}

.memberpress-about .welcome-panel-column-container {
	display: flex;
	align-items: center;
	gap: 40px;
	padding: 0;
	margin: 0;
}

.memberpress-about .mp-desc p {
	font-size: 13px;
	line-height: 1.6;
	color: #334155;
	margin: 0 0 12px;
}

.memberpress-about .mp-desc p:first-child {
	font-size: 15px;
	font-weight: 600;
	color: #0f172a;
	margin-top: 0;
	margin-bottom: 14px;
}

.memberpress-about .mp-desc p:last-child {
	margin-bottom: 0;
}

.memberpress-about .mp-logo-wrap {
	flex: 0 0 auto;
}

.memberpress-about .mp-logo {
	display: block;
	max-width: 220px;
	height: auto;
	margin: 0;
}

.members-about-addons {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-column-gap: 20px;
}

.members-about-addons .members-plugin-card {
	margin: 0;
	width: 100%;
}

.members-about-addons .members-plugin-card .plugin-icon {
	position: static;
	width: auto;
	height: 28px;
	max-width: 40px;
	object-fit: contain;
	flex: 0 0 auto;
	display: block;
}

.members-about-addons .members-plugin-card .name,
.members-about-addons .members-plugin-card .desc {
	margin-left: 0;
}

.members-about-addons .members-plugin-card .plugin-card-top {
	padding: 20px;
}

.members-about-addons .members-plugin-card .name h3 {
	margin: 0 0 10px;
	min-height: 0;
	height: auto;
	display: flex;
	align-items: center;
	gap: 10px;
	line-height: 1.2;
}

.members-about-addons .members-plugin-card .name h3 a {
	text-decoration: none;
	line-height: 1.2;
}

.members-about-addons .members-plugin-card .plugin-card-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media only screen and (max-width: 1099px) {
	.members-about-addons {
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
}

@media screen and (min-width: 1100px) and (max-width: 1600px) {
	.members-about-addons .members-plugin-card {
		float: none;
		width: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.members-plugin-card.plugin-card .desc {
		margin-left: 0;
		margin-top: 50px;
	}

	.members-plugin-card.plugin-card .desc p {
		margin-left: 0;
		margin-right: 0;
	}

	.members-plugin-card.plugin-card .plugin-card-bottom .column-status {
		float: none;
	}

	.members-plugin-card.plugin-card .plugin-card-bottom .column-updated {
		float: none;
		width: auto;
	}
}

@media screen and (max-width: 1200px) {
	.welcome-panel .welcome-panel-column-container {
		flex-direction: column-reverse;
		gap: 0;
		padding: 0;
	}

	.memberpress-about .mp-logo {
		margin: 0 0 20px;
	}
}

.members-plugin-card.plugin-card .desc p {
	margin-left: 0;
	margin-right: 0;
}

/* ====== Manage Roles Screen. ====== */

@media only screen and (min-width: 783px) {

	.members_page_roles .column-users,
	.members_page_roles .column-granted_caps,
	.members_page_roles .column-denied_caps {
		width: 100px;
		text-align: center;
	}
}

/* ====== Edit/New Role Screen. ====== */

/* === Role and Role Name === */

.members-title-div #titlewrap input {
	padding: 0 8px;
	font-size: 1.7em;
	line-height: normal;
	height: 1.7em;
	width: 100%;
	outline: none;
	margin: 0 0 3px;
	background-color: #fff;
}

.members-title-div input[name="role"] {
	font-size: 13px;
	height: 22px;
	margin: 0;
	width: 16em;
}

/* === Edit Capabilities Tabs === */

/* Wrapper box */

#tabcapsdiv {
	margin-top: 1em;
}

#tabcapsdiv>.hndle {
	padding: 10px;
	border-bottom: 1px solid #eee;
}

#tabcapsdiv .inside,
#members-cp .inside {
	margin: 0;
	padding: 0;
}

/* Tabs wrapper. */

.members-cap-tabs,
.members-tabs {
	overflow: hidden;
	background: #fff;
	background: linear-gradient(90deg, #fafafa 0%, #fafafa 20%, #fff 20%, #fff 100%);
}

@media only screen and (max-width: 782px) {

	.members-cap-tabs,
	.members-tabs {
		background: linear-gradient(90deg, #fafafa 0%, #fafafa 48px, #fff 48px, #fff 100%);
	}
}

/* Tab nav. */

.members-cap-tabs .members-tab-nav,
.members-tabs .members-tab-nav {
	position: relative;
	float: left;
	list-style: none;
	width: 20%;
	line-height: 1em;
	margin: 0 0 -1px 0;
	padding: 0;
	background-color: #fafafa;
	border-right: 1px solid #eee;
	box-sizing: border-box;
}

.members-cap-tabs .members-tab-nav li,
.members-tabs .members-tab-nav li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 20px;
}

.members-cap-tabs .members-tab-nav li a,
.members-tabs .members-tab-nav li a {
	display: block;
	margin: 0;
	padding: 10px;
	line-height: 20px !important;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	box-shadow: none;
}

.members-cap-tabs .members-tab-nav li a .dashicons,
.members-tabs .members-tab-nav li a .dashicons {
	line-height: 20px;
	margin-right: 3px;
}

.members-cap-tabs .members-tab-nav li[aria-selected="true"] a,
.members-tabs .members-tab-nav li[aria-selected="true"] a {
	position: relative;
	font-weight: bold;
	color: #555;
	background-color: #e0e0e0;
}

@media only screen and (max-width: 782px) {

	.members-cap-tabs .members-tab-nav,
	.members-tabs .members-tab-nav {
		width: 48px;
	}

	.members-cap-tabs .members-tab-nav li a .dashicons,
	.members-tabs .members-tab-nav li a .dashicons {
		width: 24px;
		height: 24px;
		font-size: 24px;
		line-height: 24px;
	}

	.members-tab-nav li .dashicons::before,
	.members-tab-nav li .dashicons::before {
		width: 24px;
		height: 24px;
	}

	.members-tab-nav li .label {
		overflow: hidden;
		position: absolute;
		top: -1000em;
		left: -1000em;
		width: 1px;
		height: 1px;
	}
}

/* Tab content wrapper */

.members-cap-tabs .members-tab-wrap,
.members-tabs .members-tab-wrap {
	float: left;
	width: 80%;
	margin-left: -1px;
}

@media only screen and (max-width: 782px) {

	.members-cap-tabs .members-tab-wrap,
	.members-tabs .members-tab-wrap {
		width: calc(100% - 48px);
	}
}

#members-cp .members-tab-content {
	padding: 10px;
	border-left: 1px solid #e5e5e5;
}

.members-roles-select th,
.members-roles-select td {
	width: 190px;
	overflow: hidden;
}

.members-roles-select .check-all-th {
	text-align: center;
}

.members-roles-select .check-all-th label {
	padding-left: 5px;
}

/* === Manager when in the side meta box. === */

@media only screen and (min-width: 850px) {

	#side-sortables .members-tabs {
		background: #fff;
	}

	#side-sortables .members-tabs .members-tab-wrap {
		width: 100%;
	}

	#side-sortables .members-tabs .members-tab-nav {
		display: table;
		width: 100%;
	}

	#side-sortables .members-tabs .members-tab-nav li {
		display: table-cell;
		text-align: center;
		border-right: 1px solid #eee;
	}

	#side-sortables .members-tabs .members-tab-nav li:last-of-type {
		border-right: none;
	}

	#side-sortables .members-tabs .members-tab-nav li a {
		padding: 10px 0;
	}

	#side-sortables .members-tabs .members-tab-nav .dashicons {
		width: 24px;
		height: 24px;
		font-size: 24px;
		line-height: 24px;
	}

	#side-sortables .members-tabs .members-tab-nav .dashicons::before {
		width: 24px;
		height: 24px;
	}

	#side-sortables .members-tabs .members-tab-nav .label {
		overflow: hidden;
		position: absolute;
		top: -1000em;
		left: -1000em;
		width: 1px;
		height: 1px;
	}
}


.members-tabs .members-tabs-label {
	display: block !important;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 4px;
}

.members-tabs .butterbean-control-checkbox .members-tabs-label {
	display: inline !important;
}

.members-tabs .members-tabs-description {
	display: block;
	font-style: italic;
	margin-top: 4px;
}

.members-tabs .members-tabs-label+.members-tabs-description {
	margin-top: 0;
	margin-bottom: 4px;
}

/* Tab tables. */

#tabcapsdiv table {
	border-right: none;
	border-top: none;
	border-bottom: none;
}

/* Tabs table columns. */

#tabcapsdiv table td,
#tabcapsdiv table th {
	padding: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	font-size: 13px;
	line-height: 20px;
}

#tabcapsdiv table td {
	padding: 9px;
}

#tabcapsdiv tbody tr:last-of-type td {
	border-bottom: none;
}

#tabcapsdiv tfoot th {
	border-color: #eee;
}

@media only screen and (max-width: 782px) {

	#tabcapsdiv table td,
	#tabcapsdiv table th {
		line-height: 24px;
	}
}

/* Grant/Deny columns. */

.members-roles-select .column-grant,
.members-roles-select .column-deny {
	width: 70px !important;
	text-align: left;
	display: table-cell !important;
	clear: none !important;
}

.members-roles-select thead th,
.members-roles-select tfoot th {
	padding: 9px !important;
}

.members-roles-select .column-grant input,
.members-roles-select .column-deny input {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.members-roles-select tbody tr:nth-child(even) {
	background: #f2f2f2;
}

/* Cap grant/deny button. */

.members-cap-tabs button {
	display: inline;
	margin: -4px;
	line-height: inherit;
	padding: 4px 8px;
	border: 1px solid transparent;
	background: transparent;
	border-radius: 0;
	outline: none;

	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

.members-cap-tabs button:hover,
.members-cap-tabs button:focus {
	border-color: #eee;
	background: #fafafa;
	cursor: pointer;
}

.members-cap-tabs button:active {
	color: #0073aa;
	border-color: #0073aa;
}

.members-cap-tabs button+.dashicons {
	display: none;
	margin-top: 1px;
	margin-bottom: -1px;
	line-height: inherit;
}

.members-cap-tabs button:hover+.dashicons,
.members-cap-tabs button:focus+.dashicons {
	display: inline-block;
}


/* New cap highlight */

.members-tab-content .members-highlight {
	background-color: rgba(0, 115, 170, 0.05);
}

.members-tab-content tbody {
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}

/* ====== Edit Post ====== */

/* Role checkboxes in the Content Permissions meta box. */

.members-cp-role-list-wrap {
	overflow: auto;
	min-height: 42px;
	max-height: 200px;
	padding: 0 0.9em;
	border: solid 1px rgb(223, 223, 223);
	background-color: rgb(253, 253, 253);
}

/* Promotional Footer */

#wpbody-content {
	padding-bottom: 200px;
}

.members-footer-promotion {
	text-align: center;
	font-weight: 400;
	font-size: 13px;
	line-height: 16px;
	color: #787c82;
	padding: 20px 0 30px 0;
	margin-bottom: 20px;
}

.members-footer-promotion p {
	font-weight: 600;
}

.members-footer-promotion-links,
.members-footer-promotion-social {
	display: flex;
	justify-content: center;
	align-items: center;
}

.members-footer-promotion-links {
	margin: 9px 0 0;
}

.members-footer-promotion-links span {
	color: #c3c4c7;
	padding: 0 7px;
}

.members-footer-promotion-social {
	margin: 10px 0 0 0;
	gap: 10px;
}

.members-footer-promotion-social li {
	margin-bottom: 0;
}

.members-footer-promotion-social a {
	display: block;
	height: 16px;
}

.members_page_members-settings.rtl {
	
	.addon-activate {
		left: 20px;
		right: unset;
	}

	.members-addons .plugin-card {
		.name,
		.desc p {
			margin-left: 0;
			margin-right: 148px;
		}
	}
}
/* Reset Roles Button Styles */
.button.button-warning {
	background: #dc3232;
	border-color: #dc3232;
	color: #fff;
}

.button.button-warning:hover,
.button.button-warning:focus {
	background: #c92424;
	border-color: #c92424;
	color: #fff;
}

.members-reset-spinner {
	float: none;
	margin-top: 0;
	vertical-align: middle;
}