:root {
--pmpro--color--white: #fff;
--pmpro--box-shadow: 2px 2px 7px rgba( 0, 0, 0, 0.07 );
} .pmpro {
color: var(--pmpro--color--contrast); .pmpro_section {
margin: calc( var(--pmpro--base--spacing--large) * 2 ) 0;
}
.pmpro_section:first-of-type {
margin-top: 0;
}
.pmpro_section_title {
font-weight: 700;
margin: 0;
padding: 0;
} .pmpro_card {
background-color: var(--pmpro--color--base);
border: 1px solid var(--pmpro--color--border--variation);
border-radius: var(--pmpro--base--border-radius);
box-shadow: var(--pmpro--box-shadow);
display: flex;
flex-direction: column;
margin: var(--pmpro--base--spacing--medium) 0;
overflow: hidden;
}
.pmpro_card_title {
color: var(--pmpro--color--contrast);
font-weight: 700;
margin: 0;
padding: var(--pmpro--base--spacing--large) var(--pmpro--base--spacing--large) 0;
}
.pmpro_card_content {
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--large) var(--pmpro--base--spacing--large);
p:not(.pmpro_form_hint) {
margin: var(--pmpro--base--spacing--small) 0;
padding: 0;
}
p:last-of-type {
margin-bottom: 0;
}
}
.pmpro_card_actions {
background-color: rgba( 0, 0, 0, 0.04 );
border-bottom: 1px solid var(--pmpro--color--border--variation);
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--large);
}
.pmpro_card_content + .pmpro_card_actions {
border-top: 1px solid var(--pmpro--color--border--variation);
border-bottom: none;
}
.pmpro_card_actions button {
}
.pmpro_card_action_separator {
margin: 0 calc( var(--pmpro--base--spacing--small) / 2 );
opacity: 0.25;
} .pmpro_heading-with-avatar {
align-items: center;
display: flex;
font-weight: 700;
gap: var(--pmpro--base--spacing--small);
} .pmpro_message {
box-shadow: var(--pmpro--box-shadow);
} .pmpro_btn {
background-color: var(--pmpro--color--accent);
border: 1px solid var(--pmpro--color--accent);
border-radius: var(--pmpro--base--border-radius);
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
color: var(--pmpro--color--base);
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 700;
letter-spacing: normal;
line-height: 1.5;
min-height: 40px;
outline: 0;
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--medium);
text-align: center;
text-decoration: none;
text-rendering: geometricprecision;
text-transform: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
transition: background-color 0.2s, color 0.2s;
}
.pmpro_btn:hover,
.pmpro_btn:focus {
background-color: var(--pmpro--color--accent--variation);
background-position: 0 0;
border-color: var(--pmpro--color--accent--variation);
color: var(--pmpro--color--base);
}
.pmpro_btn:active {
opacity: .7;
}
.pmpro_btn-outline {
background-color: transparent;
color: var(--pmpro--color--accent);
}
.pmpro_btn-outline:hover,
.pmpro_btn-outline:focus {
background-color: transparent;
border-color: var(--pmpro--color--accent--variation);
color: var(--pmpro--color--accent--variation);
}
.pmpro_btn-delete {
background-color: var(--pmpro--color--error-text);
border-color: var(--pmpro--color--error-text);
}
.pmpro_btn-delete:hover,
.pmpro_btn-delete:focus {
background-color: var(--pmpro--color--error-link);
border-color: var(--pmpro--color--error-link);
}
.pmpro_btn-cancel {
background-color: transparent;
border-color: var(--pmpro--color--border);
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
color: var(--pmpro--color--contrast);
}
.pmpro_btn-cancel:hover,
.pmpro_btn-cancel:focus {
background-color: var(--pmpro--color--border--variation);
border-color: var(--pmpro--color--border);
color: var(--pmpro--color--contrast);
}
.pmpro_btn-plain,
.pmpro_btn-plain:hover,
.pmpro_btn-plain:focus,
.pmpro_btn-plain:active {
background: 0 0;
border: 1px solid transparent;
box-shadow: none;
cursor: pointer;
font-size: 14px;
margin: 0;
padding: 0;
}
.pmpro_btn-print {
align-items: center;
color: var(--pmpro--color--accent);
display: inline-flex;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
justify-content: space-between;
text-decoration: underline;
}
.pmpro_btn-print:hover {
color: var(--pmpro--color--accent--variation);
} .pmpro_form {
margin: 0;
}
.pmpro_section:has(.pmpro_form) .pmpro_card_content {
padding-top: var(--pmpro--base--spacing--large);
}
.pmpro_section:has(.pmpro_form) .pmpro_card_title + .pmpro_card_content {
padding-top: var(--pmpro--base--spacing--small);
}
.pmpro_form_fieldset {
border: 0;
margin: 0;
padding: 0;
}
.pmpro_form_legend {
border: none;
margin: 0 0 var(--pmpro--base--spacing--medium);
padding: 0;
}
.pmpro_form_heading {
font-weight: 700;
margin: var(--pmpro--base--spacing--large) 0 0;
padding: 0;
}
.pmpro_card_content .pmpro_form_heading {
margin-top: 0;
}
.pmpro_form_fields {
display: flex;
flex-direction: column;
gap: var(--pmpro--base--spacing--medium);
}
.pmpro_form_fields-inline {
align-items: center;
display: flex;
flex-direction: row;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
}
.pmpro_form_field {
display: flex;
flex-direction: column;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
}
.pmpro_form_label {
margin: 0;
padding: 0;
}
.pmpro_form_label:not(.pmpro_form_label-inline) {
display: block;
font-weight: 500;
}
.pmpro_form_input {
background-color: var(--pmpro--color--base);
border: 1px solid var(--pmpro--color--border);
border-radius: var(--pmpro--base--border-radius);
box-shadow: none;
box-sizing: border-box;
color: var(--pmpro--color--contrast);
font-size: 16px;
height: auto;
line-height: 1.5;
margin: 0;
min-height: auto;
outline: none;
padding: var(--pmpro--base--spacing--small);
}
.pmpro_form_input-textarea {
font-family: inherit;
width: 100%;
}
.pmpro_form_input-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('data:image/svg+xml;utf8,<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
background-position: right var(--pmpro--base--spacing--small) center;
background-repeat: no-repeat;
background-size: 16px 16px;
padding-right: calc(var(--pmpro--base--spacing--small) + 20px);
}
.pmpro_form_input-text:focus,
.pmpro_form_input-email:focus,
.pmpro_form_input-url:focus,
.pmpro_form_input-password:focus,
.pmpro_form_input-search:focus,
.pmpro_form_input-select:focus,
.pmpro_form_input-checkbox:focus,
.pmpro_form_input-radio:focus,
.pmpro_form_input-multiselect:focus,
.pmpro_form_input-number:focus,
.pmpro_form_input-file:focus,
.pmpro_form_input-date:focus,
.pmpro_form_input-textarea:focus {
background-color: var(--pmpro--color--base);
border-color: #80BDFF;
box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
outline: none;
word-break: initial;
}
.pmpro_form_hint {
display: block;
font-size: 14px;
margin: 0;
opacity: 0.75;
padding: 0;
}
.pmpro_form_field-checkbox {
.pmpro_form_label {
align-items: first baseline;
display: flex;
flex-direction: row;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
}
}
.pmpro_form_field-radio-item {
align-items: baseline;
flex-direction: row;
flex-wrap: nowrap;
.pmpro_form_hint {
flex: 0 0 100%;
}
}
.pmpro_form_field-radio-item:not(:last-of-type) {
margin-bottom: calc( var(--pmpro--base--spacing--small) / 2 );
}
.pmpro_form_field-checkbox-grouped {
.pmpro_form_field-checkbox-grouped-item {
align-items: first baseline;
display: flex;
flex-direction: row;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
}
}
.pmpro_form_input-multiselect {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.pmpro_form_input-file {
border: 3px dashed var(--pmpro--color--border--variation);
border-radius: var(--pmpro--base--border-radius);
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--medium);
width: 100%;
} .pmpro_form_field-password-toggle {
align-items: center;
display: flex;
font-weight: 500;
justify-content: space-between;
margin: 0;
padding: 0;
}
.pmpro_form_field-password-toggle button,
.pmpro_form_field-password-toggle button:hover,
.pmpro_form_field-password-toggle button:focus,
.pmpro_form_field-password-toggle button:active {
align-items: center;
background: transparent;
border: none;
box-shadow: none;
box-sizing: border-box;
color: var(--pmpro--color--accent);
display: flex;
flex-direction: row;
font-size: 16px;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
line-height: 1;
margin: 0;
min-height: 1px;
padding: 0;
}
.pmpro_form_field-password-toggle button:focus,
.pmpro_form_field-password-toggle button:active {
box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
color: var(--pmpro--color--accent--variation);
outline: none;
}
.pmpro_form_field-password-toggle .pmpro_icon-eye {
display: block;
height: 20px;
width: 20px;
}
.pmpro_form_field-password-toggle button:focus .pmpro_icon-eye svg,
.pmpro_form_field-password-toggle button:active .pmpro_icon-eye svg {
stroke: var(--pmpro--color--accent--variation);
}
.pmpro_form_field-select2 {
display: block;
}
.pmpro_form_field-select2 .pmpro_form_label {
margin-bottom: calc( var(--pmpro--base--spacing--small) / 2 );
}
.pmpro_form_field-select2 .pmpro_form_hint {
margin-top: calc( var(--pmpro--base--spacing--small) / 2 );
}
.pmpro_payment-expiration #ExpirationMonth,
.pmpro_payment-expiration #ExpirationYear {
flex-grow: 1;
}
.pmpro_payment-discount-code #pmpro_discount_code {
flex-grow: 1;
}
#other_discount_code_fields {
margin-bottom: var(--pmpro--base--spacing--small);
}
#pmpro_tos_fields {
margin: var(--pmpro--base--spacing--medium) 0;
}
#pmpro_tos_fields #pmpro_license {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.pmpro_form_submit {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--pmpro--base--spacing--medium);
margin-top: var(--pmpro--base--spacing--medium);
}
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber,
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry,
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV,
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber,
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry,
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV {
background-color: var(--pmpro--color--white);
border-radius: var(--pmpro--base--border-radius);
padding: calc( var(--pmpro--base--spacing--small) + 3px );
}
[id^="pmpro_paypal"] .pmpro_btn-submit-checkout-paypal {
align-items: center;
background-color: #ffc439;
border-color: #ffc439;
color: #000;
display: flex;
flex-direction: row;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
justify-content: center;
}
[id^="pmpro_paypal"] .pmpro_btn-submit-checkout-paypal:hover {
background-color: #ffb60a;
border-color: #ffb60a;
} #loginform {
margin-bottom: 0;
}
#loginform input[type="submit"] {
width: 100%;
}
.pmpro_section:has(#loginform) .pmpro_card_content:not(.widget .pmpro_section:has(#loginform) .pmpro_card_content) {
padding-top: var(--pmpro--base--spacing--large);
}
.pmpro_section #loginform .login-username,
.pmpro_section #loginform .login-password,
.pmpro_section #loginform .login-remember {
display: flex;
flex-direction: column;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
margin: 0 0 var(--pmpro--base--spacing--medium);
padding: 0;
}
.pmpro_section #loginform label:not(.pmpro_section #loginform .login-remember label) {
align-items: center;
display: flex;
font-weight: 500;
justify-content: space-between;
margin: 0;
padding: 0;
}
.pmpro_section #loginform .input {
background-color: var(--pmpro--color--base);
border: 1px solid var(--pmpro--color--border);
border-radius: var(--pmpro--base--border-radius);
box-shadow: none;
box-sizing: border-box;
color: var(--pmpro--color--contrast);
font-size: 16px;
line-height: 1.5;
margin: 0;
min-height: auto;
outline: none;
padding: var(--pmpro--base--spacing--small);
}
.pmpro_section #loginform .input:focus {
background-color: var(--pmpro--color--base);
border-color: #80BDFF;
box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
outline: none;
word-break: initial;
}
.pmpro_section #loginform .login-remember {
align-items: baseline;
flex-direction: row;
flex-wrap: wrap;
}
.pmpro_section #loginform .login-submit {
margin: var(--pmpro--base--spacing--medium) 0 0;
}
.pmpro_section #loginform .login-submit .button {
background-color: var(--pmpro--color--accent);
border: 1px solid var(--pmpro--color--accent);
border-radius: var(--pmpro--base--border-radius);
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
color: var(--pmpro--color--base);
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 700;
letter-spacing: normal;
line-height: 1.5;
min-height: 40px;
outline: 0;
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--medium);
text-align: center;
text-decoration: none;
text-rendering: geometricprecision;
text-transform: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
transition: background-color 0.2s, color 0.2s;
}
.pmpro_section #loginform .login-submit .button:hover,
.pmpro_section #loginform .login-submit .button:focus {
background-color: initial;
background-position: 0 0;
border-color: var(--pmpro--color--accent);
color: var(--pmpro--color--accent);
}
.pmpro_section #loginform .login-submit .button:active {
opacity: .7;
} #pmpro_user_fields .pmpro_form_field-password:has(.pmpro_form_field-password-toggle),
.pmpro_section #loginform .login-password {
align-items: center;
display: grid;
grid-template-areas:
"label toggle"
"input input";
grid-template-columns: 1fr auto;
}
#pmpro_user_fields .pmpro_form_field-password:has(.pmpro_form_field-password-toggle) label,
.pmpro_section #loginform .login-password label {
grid-area: label;
}
#pmpro_user_fields .pmpro_form_field-password:has(.pmpro_form_field-password-toggle) input,
.pmpro_section #loginform .login-password input {
grid-area: input;
}
#pmpro_user_fields .pmpro_form_field-password .pmpro_form_field-password-toggle,
.pmpro_section #loginform .login-password .pmpro_form_field-password-toggle {
grid-area: toggle;
justify-self: end;
}
#resetpassform .pmpro_cols-2 {
container: resetpassform / inline-size;
}
@container resetpassform (max-width: 620px) {
#resetpassform .pmpro_cols-2 {
flex-direction: column;
}
#resetpassform .pmpro_cols-2 > * {
width: 100%;
}
} .pmpro_list.pmpro_cols-3 {
.pmpro_list_item {
margin-bottom: 0;
}
li:not(.pmpro_list_item) {
border-top: 1px solid var(--pmpro--color--border--variation);
padding-top: var(--pmpro--base--spacing--medium);
grid-column: span 3;
}
}
.pmpro_list_item_label {
font-weight: 700;
}
.pmpro_list-with-labels {
.pmpro_list_item_label {
display: block;
font-weight: 400;
opacity: 0.75;
}
.pmpro_list_item_value {
font-weight: 700;
}
} .pmpro_table {
background-color: var(--pmpro--color--base);
border: none;
text-align: left;
thead th {
background-color: var(--pmpro--color--base);
border: none;
padding: var(--pmpro--base--spacing--small);
vertical-align: text-bottom;
}
tbody th,
tbody td,
tfoot td  {
background-color: var(--pmpro--color--base);
border-color: var(--pmpro--color--border--variation);
border-width: 1px 0 0 0;
border-style: solid;
font-weight: normal;
padding: var(--pmpro--base--spacing--small);
vertical-align: middle;
}
} #pmpro_account-membership-none {
.pmpro_card_content {
padding-top: var(--pmpro--base--spacing--large);
p {
margin: 0;
}
}
}
#pmpro_account-membership {
.pmpro_account-membership-message {
border-top: 1px solid var(--pmpro--color--border--variation);
margin-top: var(--pmpro--base--spacing--large);
padding-top: var(--pmpro--base--spacing--large);
> *:first-child {
margin-top: 0;
padding-top: 0;
}
}
}
#pmpro_account-links {
.pmpro_card_content {
padding-top: var(--pmpro--base--spacing--large);
.pmpro_list {
margin-bottom: 0;
}
}
} .pmpro_levels_table {
table-layout: fixed;
}
.pmpro_level td p:first-of-type {
margin-top: 0;
}
.pmpro_level .pmpro_btn {
display: block;
text-decoration: none;
} [id^="pmpro_billing-"] .pmpro_card .pmpro_card {
background-color: transparent;
border: none;
border-radius: unset;
box-shadow: none;
margin: 0;
.pmpro_card_content {
padding: 0;
}
} .pmpro_table_orders .pmpro_tag {
display: block;
}
#pmpro_order_single {
.pmpro_card_actions {
text-align: right;
}
h2 {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: var(--pmpro--base--spacing--small);
justify-content: space-between;
}
.pmpro_list-with-labels {
.pmpro_list_item_label {
font-weight: 700;
opacity: 1;
}
}
.pmpro_table {
thead th {
white-space: nowrap;
}
thead th:not(th:first-of-type),
tbody td,
tfoot td {
text-align: right;
}
tfoot tr:last-of-type td {
font-weight: 700;
}
}
}
.pmpro_price_part-total {
border-top: 1px solid var(--pmpro--color--border--variation);
margin-top: var(--pmpro--base--spacing--small);
padding-top: var(--pmpro--base--spacing--small);
} .pmpro_logged_in_welcome_wrap .menu {
display: flex;
flex-direction: column;
list-style: none;
margin: 0;
padding: 0;
}
.pmpro_logged_in_welcome_wrap .menu-item {
display: block;
margin: 0 0 calc( var(--pmpro--base--spacing--small) / 2 );
} .pmpro_content_message .pmpro_card_title {
align-items: center;
display: flex;
gap: var(--pmpro--base--spacing--small);
}
.pmpro_content_message:has(.pmpro_card_title) .pmpro_card_content {
padding-top: 0;
}
.pmpro_content_message .pmpro_card_content h2 {
margin: 0;
padding: 0;
}
.pmpro_content_message .pmpro_card_content p {
margin: var(--pmpro--base--spacing--medium) 0;
padding: 0;
}
.pmpro_content_message .pmpro_card_content p:last-of-type {
margin-bottom: 0;
}
.pmpro_content_message .pmpro_card_content .pmpro_btn {
text-decoration: none;
}
.pmpro_content_message .pmpro_card_actions {
padding-right: var(--pmpro--base--spacing--large);
padding-left: var(--pmpro--base--spacing--large);
} .pmpro_pagination {
align-items: center;
display: flex;
gap: var(--pmpro--base--spacing--small);
justify-content: center;
margin: var(--pmpro--base--spacing--medium) 0;
a {
background-color: var(--pmpro--color--base);
border: 1px solid var(--pmpro--color--border--variation);
border-radius: var(--pmpro--base--border-radius);
color: var(--pmpro--color--contrast);
padding: 2px var(--pmpro--base--spacing--small);
text-decoration: none;
transition: background-color 0.2s, border-color 0.2s, color 0.2s;
&:hover {
background-color: var(--pmpro--color--accent--variation);
border-color: var(--pmpro--color--accent--variation);
color: var(--pmpro--color--base);
}
}
span {
background-color: var(--pmpro--color--base);
border: 1px solid var(--pmpro--color--border--variation);
border-radius: var(--pmpro--base--border-radius);
color: var(--pmpro--color--contrast);
padding: 2px var(--pmpro--base--spacing--small);
}
.pmpro_pagination-current {
background-color: var(--pmpro--color--accent);
color: var(--pmpro--color--base);
cursor: default;
font-weight: 700;
}
.pmpro_pagination-disabled {
background-color: var(--pmpro--color--base--variation);
border-color: var(--pmpro--color--border--variation);
color: var(--pmpro--color--contrast--variation);
cursor: not-allowed;
opacity: 0.7;
}
.pmpro_pagination-dots {
background: none;
border: none;
color: var(--pmpro--color--contrast--variation);
padding: 0;
}
.pmpro_pagination-previous {
margin-right: 0;
}
.pmpro_pagination-next {
margin-left: 0;
}
} .avatar {
border: 1px solid var(--pmpro--color--border--variation);
border-radius: 50%;
box-shadow: var(--pmpro--box-shadow);
margin: 0;
padding: 0;
}
.pmpro_cols-2,
.pmpro_cols-3 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--pmpro--base--spacing--medium);
}
.pmpro_cols-2 > * {
width: calc( 50% - calc( var(--pmpro--base--spacing--medium) / 2 ) );
}
.pmpro_cols-3 > * {
width: calc( 33.333333% - calc( var(--pmpro--base--spacing--medium) * 2 / 3 ) );
}
.pmpro_font-x-large {
font-size: 32px;
line-height: 1.4;
}
.pmpro_font-large {
font-size: 24px;
line-height: 1.5;
}
.pmpro_font-medium {
font-size: 16px;
line-height: 1.6;
}
.pmpro_font-small {
font-size: 14px;
line-height: 1.5;
}
.pmpro_tag-discount-code {
border-style: dashed;
}
.pmpro_divider {
background-color: var(--pmpro--color--border--variation);
height: 1px;
margin: var(--pmpro--base--spacing--medium) 0;
}
.pmpro_form .pmpro_divider {
margin-top: var(--pmpro--base--spacing--large);
}
} .rtl {
.pmpro_form_field-password-toggle {
padding: 0 0 0 var(--pmpro--base--spacing--small);
}
} @media print {
.pmpro {
font-size: 12pt;
.pmpro_section {
margin: var(--pmpro--base--spacing--medium) 0;
}
.pmpro_card_title {
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--small) 0;
}
.pmpro_card_content {
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--small);
}
.pmpro_section:has(.pmpro_form) .pmpro_card_content {
padding-top: var(--pmpro--base--spacing--small);
}
.pmpro_font-x-large {
font-size: 18pt;
}
.pmpro_font-large {
font-size: 14pt;
}
.pmpro_font-medium {
font-size: 14pt;
}
}
} @media print {
.pmpro {
.pmpro_card {
background-color: transparent;
border: none;
box-shadow: none;
}
.pmpro_card_title,
.pmpro_card_content,
.pmpro_section:has(.pmpro_form) .pmpro_card_title + .pmpro_card_content {
padding: 0;
}
.pmpro_form_legend {
margin-bottom: 0;
}
}
} @media screen and (max-width: 767px) {
.pmpro {
.pmpro_table {
tbody tr th:first-child,
tbody tr td:first-child {
border-top-width: 4px;
padding-top: var(--pmpro--base--spacing--large);
}
tbody tr th:last-child,
tbody tr td:last-child {
padding-bottom: var(--pmpro--base--spacing--large);
}
tbody tr:first-child th:first-child,
tbody tr:first-child td:first-child {
border-top: none;
}
}
#pmpro_order_single {
.pmpro_table {
thead th:not(th:first-of-type),
tbody td,
tfoot td {
text-align: left;
}
tbody tr:first-child th {
display: block;
}
tbody tr:first-child th:before {
display: none;
}
tfoot td:first-of-type {
display: none;
}
}
}
.pmpro_table_cancel {
border-bottom: 1px solid var(--pmpro--color--border--variation);
}
.pmpro_table_cancel tbody tr td {
border-width: 0;
padding-top: 0;
}
.pmpro_cols-2,
.pmpro_cols-3 {
display: flex;
flex-direction: column;
gap: var(--pmpro--base--spacing--medium);
}
.pmpro_cols-2 > *,
.pmpro_cols-3 > * {
width: auto;
}
#pmpro_user_fields .pmpro_form_field-password:has(.pmpro_form_field-password-toggle) {
width: 100%;
}
}
}