Custom CSS for using Paid Memberships Pro with the Twenty Twenty WordPress 5.3+ Theme

twenty_twenty_pmpro.css

/* General Table Styles Adjustments */
.pmpro_table {
	border: none;
}
.pmpro_table th,
.pmpro_table td {
	border: none;
	padding: 10px 0;
}
.pmpro_table td {
	border-top: 1px solid #dcd7ca;
}

/* Restricted Content Messages Adjustments */
.pmpro_content_message {
	background: #fff;
	border: 1px solid #dcd7ca;
	padding: 1em 1em 1px 1em;
	text-align: center;
}

/* Replicating Theme's "Button" Appearance for Plugin Buttons with .pmpro_btn Class Selector */
.pmpro_btn,
.pmpro_btn:link {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #cd2653;
	border: none;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: 0.0333em;
	line-height: 1.25;
	margin: 0;
	opacity: 1;
	padding: 1.1em 1.44em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: opacity 0.15s linear;
}
.pmpro_btn:focus,
.pmpro_btn:hover {
	text-decoration: underline;
}

/* Checkout and Billing Page Adjustments */
.pmpro_checkout h3 span.pmpro_checkout-h3-msg {
  display: block;
  margin-bottom: 1em;
}

/* Membership Account Page Adjustments */
#pmpro_account .pmpro_box {
	border: none;
	margin: 0;
	padding: 0;
}
#pmpro_account #pmpro_account-membership .pmpro_table td:nth-child(1) {
    width: 300px;
}
#pmpro_account #pmpro_account-membership .pmpro_table thead th:last-child,
#pmpro_account #pmpro_account-membership .pmpro_table tbody td:last-child {
	display: none;
}
#pmpro_account #pmpro_account-membership .pmpro_table .pmpro_actionlinks,
#pmpro_account #pmpro_account-profile .pmpro_actionlinks {
	margin-top: .5em;
	font-size: 1.5rem;
}
#pmpro_actionlink-levels {
	display: none;
}

/* Membership Levels Page (using the Advanced Levels Page Shortcode Add On - https://www.paidmembershipspro.com/add-ons/pmpro-advanced-levels-shortcode/) */
.singular .pmpro_level .entry-header {
  background: none;
}
.pmpro_level:nth-child(2) {
  background: #fff;
  margin-top: -40px;
  padding: 40px 0 40px 0;
}

This recipe is included in the blog post on "Using the Twenty Twenty Theme for your WordPress Membership Site" at Paid Memberships Pro here: https://www.paidmembershipspro.com/twenty-twenty-theme-wordpress-membership-site/