File: /home/ukqcurpj/www/wp-content/plugins/paid-memberships-pro/css/admin.css
/**
* Root variables
*/
:root {
--pmpro--border--color: #E5E7EB;
--pmpro--border--radius: 6px;
--pmpro--box-shadow: 1px 2px 3px #12196110;
--pmpro--box-shadow-heavy: 4px 8px 16px #12196155;
--pmpro--color--blue-lightest: #F5F8FA;
--pmpro--color--blue-medium-transparent: #E2E8F099;
--pmpro--color--blue-medium: #E2E8F0;
--pmpro--color--blue-darkest-transparent: #C3D0E099;
--pmpro--color--blue-darkest: #C3D0E0;
--pmpro--color--almost-black: #0F172A;
--pmpro--color--info-background: #d9edf7;
--pmpro--color--info-border: #bce8f1;
--pmpro--color--info-text: #2a5f7a;
--pmpro--color--info-link: #1f4659;
--pmpro--color--success-background: #d4edda;
--pmpro--color--success-border: #c3e6cb;
--pmpro--color--success-text: #0F441C;
--pmpro--color--success-link: #2b542c;
--pmpro--color--success-text-alt: #45b45c;
--pmpro--color--error-background: #f8d7da;
--pmpro--color--error-border: #f5c6cb;
--pmpro--color--error-text: #721c24;
--pmpro--color--error-link: #843534;
--pmpro--color--alert-background: #fff8e0;
--pmpro--color--alert-border: #ffeeba;
--pmpro--color--alert-text: #6C5101;
--pmpro--color--alert-link: #66512c;
--pmpro--spacing--large: 50px;
--pmpro--spacing--medium: 30px;
--pmpro--spacing--small: 10px;
}
/**
* Metabox on Editor
*/
p.pmpro_meta_notice {
border-top: 1px solid var(--pmpro--border--color);
color: #646970;
margin-top: var(--pmpro--spacing--small);
padding-top: var(--pmpro--spacing--small);
}
/**
* Icons
*/
#wp-admin-bar-paid-memberships-pro .ab-item .ab-icon:before {
content: "\f307";
font-family: "dashicons";
}
.pmpro_admin tr td .dashicons:not(.button .dashicons) {
padding-top: 4px;
}
.pmpro_admin .pmpro-has-icon:before {
font: normal 16px/1 dashicons;
margin-right: 8px;
speak: never;
vertical-align: middle;
position: relative;
top: -2px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pmpro_admin .pmpro-has-icon-edit:before {
content: "\f464";
}
.pmpro_admin .pmpro-has-icon-trash:before {
content: "\f182";
}
.pmpro_admin .pmpro-has-icon-no:before {
content: "\f158";
}
.pmpro_admin .pmpro-has-icon-printer:before {
content: "\f193";
}
.pmpro_admin .pmpro-has-icon-email:before {
content: "\f465";
}
.pmpro_admin .pmpro-has-icon-admin-users:before {
content: "\f110";
}
.pmpro_admin .pmpro-has-icon-image-rotate:before {
content: "\f531";
}
.pmpro_admin .pmpro-has-icon-update:before {
content: "\f463";
}
.pmpro_admin .pmpro-has-icon-download:before {
content: "\f316";
top: 0;
}
.pmpro_admin .pmpro-has-icon-plus:before {
content: "\f132";
top: 0;
}
/**
* Admin Banner Area
*/
.pmpro_banner {
background-color: #FFF;
box-shadow: var(--pmpro--box-shadow);
margin-left: -20px;
padding: var(--pmpro--spacing--medium) 0 calc( var(--pmpro--spacing--medium) / 2 ) 0;
}
.pmpro_banner .pmpro_banner_wrapper {
padding: 0 var(--pmpro--spacing--medium);
}
.pmpro_banner .pmpro_logo {
align-items: center;
display: flex;
justify-content: center;
gap: var(--pmpro--spacing--small);
}
.pmpro_banner .pmpro_logo h1 {
margin: 0;
}
.pmpro_banner .pmpro_logo a {
display: block;
width: 280px;
}
.pmpro_banner .pmpro_logo img {
height: auto;
max-width: 280px;
}
.pmpro_banner .pmpro_meta {
font-size: 16px;
line-height: 1.5;
text-align: center;
width: 100%;
}
.pmpro_banner .pmpro_version {
background: var(--pmpro--color--blue-medium);
color: var(--pmpro--color--almost-black);
border-radius: 999px;
font-size: 14px;
font-weight: bold;
padding: 6px 12px;
}
.pmpro_banner a.pmpro_license_tag {
font-weight: bold;
text-decoration: none;
}
.pmpro_banner a.pmpro_license_tag:before {
display: inline-block;
font: 400 20px/1 dashicons;
left: 0;
position: relative;
text-decoration: none;
vertical-align: middle;
}
.pmpro_banner a.pmpro_license_tag.pmpro_license_tag-valid {
color: #008a20;
}
.pmpro_banner a.pmpro_license_tag.pmpro_license_tag-valid:before {
content: "\f147";
}
.pmpro_banner a.pmpro_license_tag.pmpro_license_tag-invalid {
color: var(--pmpro--color--almost-black);
}
.pmpro_banner a.pmpro_license_tag.pmpro_license_tag-invalid:before {
content: "\f335";
}
.pmpro_banner .pmpro_meta a {
display: inline-block;
margin: 0 0 0 10px;
}
.pmpro_banner .pmpro_meta .pmpro_paused_tag {
color: #CC0000;
font-weight: bold;
text-decoration: none;
}
.pmpro_banner .pmpro_meta .pmpro_paused_tag:before {
content: "\f534";
display: inline-block;
font: 400 16px/1 dashicons;
left: 0;
padding-right: 3px;
position: relative;
text-decoration: none;
vertical-align: text-bottom;
}
@media only screen and (min-width: 782px) {
.pmpro_banner .pmpro_banner_wrapper {
align-items: center;
display: flex;
gap: calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro_banner .pmpro_meta {
text-align: right;
}
}
/**
* Other Admin Area Styles
*/
body[class*="admin_page_pmpro-"],
body[class*="toplevel_page_pmpro-"],
body[class*="memberships_page_pmpro-"] {
background: var(--pmpro--color--blue-lightest);
}
.wrap.pmpro_admin {
margin: var(--pmpro--spacing--medium) var(--pmpro--spacing--medium) var(--pmpro--spacing--medium) 0;
}
.pmpro_admin .pmpro-nav-primary ul {
border-bottom: 1px solid var(--pmpro--color--blue-darkest);
display: flex;
flex-wrap: wrap;
gap: var(--pmpro--spacing--small);
padding: 0 var(--pmpro--spacing--small);
width: 100%;
}
.pmpro_admin .pmpro-nav-primary ul li {
margin: 0;
}
.pmpro_admin .pmpro-nav-primary a {
background-color: var(--pmpro--color--blue-medium-transparent);
border-color: var(--pmpro--color--blue-darkest);
border-style: solid;
border-width: 1px 1px 0 1px;
border-top-right-radius: var(--pmpro--border--radius);
border-top-left-radius: var(--pmpro--border--radius);
color: var(--pmpro--color--almost-black);
display: block;
font-size: 14px;
float: none;
line-height: 1.5;
font-weight: 500;
margin: 0;
padding: var(--pmpro--spacing--small) calc( var(--pmpro--spacing--medium) / 2 );
text-decoration: none;
}
.pmpro_admin .pmpro-nav-primary a.current {
background-color: var(--pmpro--color--blue-lightest);
border-bottom: 1px solid var(--pmpro--color--blue-lightest);
margin-bottom: -1px;
}
.pmpro_admin .pmpro-nav-primary ul li a:hover:not(.pmpro_admin .pmpro-nav-primary a.current:hover),
.pmpro_admin .pmpro-nav-primary ul li a:focus:not(.pmpro_admin .pmpro-nav-primary a.current:hover) {
background-color: #FFF;
}
.pmpro_admin .pmpro-nav-secondary ul {
display: flex;
flex-wrap: wrap;
gap: var(--pmpro--spacing--small);
}
.pmpro_admin .pmpro-nav-secondary li:not(.pmpro_admin .pmpro-nav-secondary li:first-child) {
border-left: 1px solid var(--pmpro--color--blue-darkest);
padding-left: var(--pmpro--spacing--small);
}
.pmpro_admin .pmpro-nav-secondary a.current {
color: var(--pmpro--color--almost-black);
font-weight: 600;
text-decoration: none;
}
.pmpro_admin .pmpro-breadcrumbs li:not(.pmpro_admin .pmpro-breadcrumbs li:first-child) {
border-left: none;
padding-left: 0;
}
.pmpro_admin .pmpro-breadcrumbs li:not(.pmpro_admin .pmpro-breadcrumbs li:first-child):before {
color: var(--pmpro--color--almost-black);
content: "›";
display: inline-block;
font-size: 14px;
padding: 0 var(--pmpro--spacing--small) 0 0;
vertical-align: top;
}
.pmpro_admin .pmpro_wp-notice-fix {
height: 1px;
line-height: 1px;
margin: 0;
}
.pmpro_admin hr:not(hr.wp-header-end) {
background-color: var(--pmpro--border--color);
margin: var(--pmpro--spacing--medium) 0;
}
.pmpro_admin .topborder {
border-top: 1px solid var(--pmpro--border--color);
margin-top: var(--pmpro--spacing--medium);
padding-top: var(--pmpro--spacing--medium);
}
.pmpro_admin #editorcontainer #description {
width: 100%;
height: 180px;
}
.pmpro_admin h1 {
font-size: 32px;
font-weight: 700;
line-height: 1.5;
margin-top: var(--pmpro--spacing--medium);
padding: 0;
}
.pmpro_admin h1.wp-heading-inline {
margin-right: var(--pmpro--spacing--small);
}
.pmpro_admin h2 {
font-size: 24px;
font-weight: 600;
line-height: 1.5;
}
.pmpro_admin h3 {
font-size: 18px;
font-weight: 600;
line-height: 1.5;
}
.pmpro_admin h4 {
font-size: 16px;
font-weight: 600;
line-height: 1.5;
}
.pmpro_admin p {
font-size: 14px;
line-height: 1.5;
margin: var(--pmpro--spacing--small) 0;
}
.pmpro_admin ul,
.pmpro_admin ol {
font-size: 14px;
line-height: 1.5;
}
.pmpro_admin small {
font-size: 13px;
}
.pmpro_admin #dashboard-widgets .meta-box-sortables {
margin: 0;
}
#wpbody-content .pmpro_admin .metabox-holder {
padding-top: 0;
}
.pmpro_admin #poststuff .inside {
margin: 0;
}
.pmpro_admin .postbox {
border-color: var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
box-shadow: var(--pmpro--box-shadow);
}
.pmpro_admin .postbox .postbox-header {
border-bottom-color: var(--pmpro--border--color);
}
.pmpro_admin .postbox .postbox-header h2 {
color: var(--pmpro--color--almost-black);
font-size: 18px;
font-weight: 500;
padding: calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro_admin .postbox .inside {
margin-top: 0;
padding: calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro_admin .postbox .inside table {
margin-bottom: var(--pmpro--spacing--medium);
}
.pmpro_admin .wp-filter {
border-color: var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
box-shadow: var(--pmpro--box-shadow);
display: flex;
justify-content: space-between;
}
.pmpro_admin .select2-container {
min-width: 200px;
}
.wp-core-ui .pmpro_admin .button-secondary:hover,
.wp-core-ui .pmpro_admin .button.hover,
.wp-core-ui .pmpro_admin .button:hover,
.pmpro_admin .add-new-h2:hover,
.pmpro_admin .page-title-action:hover {
background: #FFF;
}
.pmpro_admin .page-title-action {
margin: 0 calc( var(--pmpro--spacing--small) / 2 );
}
.wp-core-ui .pmpro_admin .button-primary:hover {
background: #135e96;
}
@media only screen and (max-width: 782px) {
.pmpro_admin .pmpro-nav-primary ul {
border-bottom: none;
justify-content: center;
padding-left: 0;
}
.pmpro_admin .pmpro-nav-primary ul li a {
border-bottom-width: 1px;
border-radius: var(--pmpro--border--radius);
}
.pmpro_admin .pmpro-nav-primary ul li a.current {
border-bottom-color: var(--pmpro--color--blue-darkest);
margin-bottom: 0;
}
.pmpro_admin .pmpro-nav-secondary ul {
justify-content: center;
}
}
.pmpro_admin hr.wp-header-end {
margin-top: 0;
}
/* Footer */
#footer-left a {
font-weight: bold;
}
#footer-left .pmpro-rating-stars {
color: #ffb900;
}
/* Scollable Boxes */
.pmpro_scrollable {
background-color: #FFFFFF;
height: 170px;
overflow: auto;
}
.pmpro_scrollable::-webkit-scrollbar {
background-color: #c3c4c7;
width: 8px;
height: 8px;
}
.pmpro_scrollable::-webkit-scrollbar-thumb {
background: #2c3338;
border-radius: 5px;
}
/**
* Clickable Items
*/
.pmpro_clickable {
cursor: pointer;
}
.js .postbox.pmpro_clickable h3 {
cursor: pointer;
}
/**
* Tags
*/
.pmpro_tag {
border: 1px solid var(--pmpro--color--info-border);
border-radius: var(--pmpro--border--radius);
color: var(--pmpro--color--info-text);
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
margin: 5px 0;
padding: calc( var(--pmpro--spacing--small) / 2 ) var(--pmpro--spacing--small);
text-wrap: nowrap;
}
td > .pmpro_tag {
text-wrap: wrap;
}
.pmpro_tag-has_icon:before {
font: normal 12px/1 dashicons;
margin-right: 3px;
vertical-align: middle;
position: relative;
top: -1px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pmpro_tag-success,
.pmpro_tag-active {
background-color: var(--pmpro--color--success-background);
border-color: var(--pmpro--color--success-border);
color: var(--pmpro--color--success-text);
}
.pmpro_tag-success.pmpro_tag-has_icon:before,
.pmpro_tag-active.pmpro_tag-has_icon:before {
content: "\f12a";
}
.pmpro_tag-error,
.pmpro_tag-cancelled {
background-color: var(--pmpro--color--error-background);
border-color: var(--pmpro--color--error-border);
color: var(--pmpro--color--error-text);
}
.pmpro_tag-error.pmpro_tag-has_icon:before,
.pmpro_tag-cancelled.pmpro_tag-has_icon:before {
content: "\f534";
}
.pmpro_tag-alert,
.pmpro_tag-not-installed,
.pmpro_tag-inactive {
background-color: var(--pmpro--color--alert-background);
border-color: var(--pmpro--color--alert-border);
color: var(--pmpro--color--alert-text);
}
.pmpro_tag-alert.pmpro_tag-has_icon:before,
.pmpro_tag-not-installed.pmpro_tag-has_icon:before,
.pmpro_tag-inactive.pmpro_tag-has_icon:before {
content: "\f16d";
}
.pmpro_tag-info {
background-color: var(--pmpro--color--info-background);
border-color: var(--pmpro--color--info-border);
color: var(--pmpro--color--info-text);
}
.pmpro_tag-info.pmpro_tag-has_icon:before {
content: "\f111";
}
.pmpro_tag-discount-code {
border-color: var(--pmpro--color--almost-black);
border-style: dashed;
color: var(--pmpro--color--almost-black);
}
/**
* Boxes
*/
.pmpro_box {
background: var(--pmpro--color--blue-lightest);
border-radius: 10px;
border: 1px solid var(--pmpro--border--color);
padding: var(--pmpro--spacing--medium);
position: relative;
}
.pmpro_box-clickable {
display: block;
text-decoration: none;
transition: transform .2s;
}
.pmpro_box-clickable:hover {
background: #FFF;
box-shadow: 1px 1px 3px #FAFAFA;
transform: scale(1.05);
}
.pmpro_box .pmpro_box-title {
display: block;
font-size: 18px;
font-weight: 700;
margin-bottom: calc( var(--pmpro--spacing--small) / 2 );
}
.pmpro_box .pmpro_box-title-has-icon {
align-items: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: var(--pmpro--spacing--small);
}
.pmpro_box .pmpro_box-title-has-icon img {
height: 20px;
width: 20px;
}
.pmpro_box .pmpro_box-description {
color: var(--pmpro--color--almost-black);
font-weight: 400;
margin: 0;
}
/**
* Checkbox Boxes
*
* Note: We will eventually remove the non-prefixed class names here. They are still in some Add Ons.
*
*/
.pmpro_checkbox_box,
.checkbox_box {
background-color: #FFFFFF;
border: 1px solid var(--pmpro--border--color);
box-shadow: var(--pmpro--box-shadow);
max-width: 300px;
}
.pmpro_checkbox_box div,
.checkbox_box div {
border-bottom: 1px solid var(--pmpro--border--color);
padding: 6px;
}
.checkbox_box div:last-child {
border-bottom: none;
}
.pmpro_checkbox_box div:last-child,
.checkbox_box div:last-child {
border-bottom: none;
}
.pmpro_checkbox_box .pmpro_clickable,
.checkbox_box .clickable,
.pmpro_userfield-group-header {
cursor: pointer;
}
.pmpro_checkbox_box .pmpro_clickable:hover,
.checkbox_box .clickable:hover {
background: rgba(255, 185, 0, 0.1);
}
.pmpro_checkbox_box .pmpro_clickable {
align-items: center;
display: flex;
}
.pmpro_checkbox_box .pmpro_clickable label {
flex-grow: 1;
}
.pmpro_checkbox_box .pmpro_clickable input[type=checkbox] {
margin-top: 0;
}
/* Popups */
.pmpro-popup-overlay {
background: rgba(0, 0, 0, 0.4);
display: none;
height: 100%;
left: 0;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 10000;
}
.pmpro-popup-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.pmpro-popup-wrap {
background-color: #fff;
border-radius: 10px;
box-shadow: 10px 10px 30px #555;
display: inline-block;
height: auto;
max-height: 90%;
padding: var(--pmpro--spacing--medium);
position: relative;
scrollbar-width: none;
text-align: center;
overflow-y: auto;
overflow-x: hidden;
vertical-align: middle;
width: 80%;
-ms-overflow-style: none;
}
.pmpro-popup-wrap::-webkit-scrollbar {
display: none;
}
@media only screen and (min-width: 1200px) {
.pmpro-popup-wrap {
width: 65%;
}
}
.pmpro-popup-wrap h1,
.pmpro-popup-wrap p {
font-weight: normal;
margin: 0 0 var(--pmpro--spacing--medium) 0;
}
.pmpro-popup-wrap a.pmproPopupCloseButton,
.pmpro-popup-wrap button.pmproPopupCloseButton {
color: #666;
cursor: pointer;
padding: 0;
position: absolute;
right: 10px;
text-decoration: none;
top: 10px;
}
.pmpro-popup-wrap a.pmproPopupCloseButton:hover,
.pmpro-popup-wrap button.pmproPopupCloseButton:hover {
color: #000;
}
/* Stripe connected confirmation modal */
@media only screen and (min-width: 1200px) {
.pmpro-popup-wrap.pmpro-popup-stripe-confirmation {
max-width: 720px;
overflow: hidden;
width: 55%;
}
}
.pmpro-popup-wrap.pmpro-popup-stripe-confirmation h2 {
text-align: left;
line-height: normal;
margin-top: 0;
}
.pmpro-popup-wrap.pmpro-popup-stripe-confirmation button.pmproPopupCloseButton {
border: none;
background: transparent;
}
.pmpro-popup-wrap.pmpro-popup-stripe-confirmation p {
font-size: 14px;
line-height: 1.5;
text-align: left;
}
.pmpro-popup-wrap.pmpro-popup-stripe-confirmation p:last-of-type {
margin-bottom: 0;
}
.pmpro-popup-wrap.pmpro-popup-stripe-confirmation code {
display: block;
margin: .5em 0;
}
.pmpro-popup-wrap.pmpro-popup-stripe-confirmation ul {
list-style: disc;
margin: .5em 0 0 1em;
}
.pmpro-popup-wrap.pmpro-popup-stripe-confirmation ol li,
.pmpro-popup-wrap.pmpro-popup-stripe-confirmation ul li {
font-size: 14px;
line-height: 1.5;
margin-bottom: .5em;
text-align: left;
}
/* Consent Log */
.pmpro_consent_log.pmpro_scrollable {
max-width: 800px;
border: 1px solid var(--pmpro--border--color);
box-shadow: var(--pmpro--box-shadow);
padding: 0;
}
.pmpro_consent_log li {
font-size: 13px;
line-height: 1.5em;
margin: 0;
}
.pmpro_consent_log.pmpro_scrollable li {
padding: 8px 10px;
}
.pmpro_consent_log.pmpro_scrollable li:nth-child(odd) {
background-color: var(--pmpro--color--blue-lightest);
}
/* General admin-area tables styles */
.pmpro_admin table.widefat {
border-color: var(--pmpro--border--color);
box-shadow: var(--pmpro--box-shadow);
border-radius: 6px;
}
.pmpro_admin table.widefat thead th:first-child {
border-top-left-radius: 6px;
}
.pmpro_admin table.widefat thead th:last-child {
border-top-right-radius: 6px;
}
.pmpro_admin table.widefat thead td,
.pmpro_admin table.widefat thead th {
border-bottom-color: var(--pmpro--border--color);
}
.pmpro_admin table.striped tbody td,
.pmpro_admin table.striped tbody th {
border-bottom: 1px solid var(--pmpro--border--color);
}
.pmpro_admin table.widefat tfoot td,
.pmpro_admin table.widefat tfoot th {
border-top-color: var(--pmpro--border--color);
}
.pmpro_admin table.widefat td,
.pmpro_admin table.widefat td ol,
.pmpro_admin table.widefat td p,
.pmpro_admin table.widefat td ul {
font-size: 14px;
line-height: 1.5;
}
.pmpro_admin table.striped tfoot td,
.pmpro_admin table.striped tfoot th {
border-top: none;
}
.pmpro_admin .alternate,
.pmpro_admin .striped > tbody > :nth-child(odd),
.pmpro_admin ul.striped > :nth-child(odd) {
background-color: var(--pmpro--color--blue-lightest);
}
.pmpro_admin table.wp-list-table thead th.sortable,
.pmpro_admin table.wp-list-table thead th.sorted,
.pmpro_admin table.wp-list-table tfoot th.sortable,
.pmpro_admin table.wp-list-table tfoot th.sorted {
padding-left: .65em;
padding-right: .65em;
}
.pmpro_admin table.wp-list-table thead th.sortable a,
.pmpro_admin table.wp-list-table thead th.sorted a {
padding-left: 0.5em;
padding-right: 0.5em;
}
.pmpro_admin table.wp-list-table .row-actions {
color: #999;
}
@media only screen and (min-width: 1200px) {
.pmpro_admin table.wp-list-table thead th,
.pmpro_admin table.wp-list-table tfoot th {
padding-left: calc( var(--pmpro--spacing--medium) / 2 );
padding-right: calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro_admin table.wp-list-table tbody td {
padding: calc( var(--pmpro--spacing--medium) / 2 );
}
}
.pmpro_admin tr.pmpro_settings_divider td {
padding: 0;
}
.pmpro_admin tr.pmpro_settings_divider td h2 {
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
}
.pmpro_admin .pmpro_table {
border: none;
text-align: left;
width: 100%;
}
.pmpro_admin .pmpro_table thead th {
border: none;
padding: var(--pmpro--spacing--small);
vertical-align: text-bottom;
}
.pmpro_admin .pmpro_table tbody th,
.pmpro_admin .pmpro_table tbody td,
.pmpro_admin .pmpro_table tfoot td {
border-color: var(--pmpro--border--color);
border-width: 1px 0 0 0;
border-style: solid;
font-weight: normal;
padding: var(--pmpro--spacing--small);
vertical-align: middle;
}
/**
* Two column admin screen layouts
*/
.pmpro_admin .pmpro_two_col {
align-items: start;
display: grid;
gap: var(--pmpro--spacing--medium);
}
.pmpro_admin .pmpro_two_col-left {
grid-template-areas: "sidebar main";
grid-template-columns:
minmax( 220px, 1fr )
minmax( 0, 3fr );
}
.pmpro_admin .pmpro_two_col-right {
grid-template-areas: "main sidebar";
grid-template-columns:
minmax( 0, 3fr )
minmax( 220px, 1fr );
}
.pmpro_admin .pmpro_main {
grid-area: main;
min-width: 0;
}
.pmpro_admin .pmpro_sidebar {
grid-area: sidebar;
min-width: 0;
}
@media (max-width: 782px) {
.pmpro_admin .pmpro_two_col-left,
.pmpro_admin .pmpro_two_col-right {
grid-template-columns: 1fr;
grid-template-areas:
"main"
"sidebar";
}
}
/**
* Settings pages sections styles
*/
.pmpro_admin .pmpro_section {
background-color: #FFF;
border: 1px solid var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
box-shadow: var(--pmpro--box-shadow);
clear: both;
margin: var(--pmpro--spacing--medium) 0;
}
.pmpro_admin .pmpro_section .pmpro_section_toggle {
border-bottom: 1px solid var(--pmpro--border--color);
border-top-right-radius: var(--pmpro--border--radius);
border-top-left-radius: var(--pmpro--border--radius);
margin: 0;
}
.pmpro_admin .pmpro_section .pmpro_section_toggle {
display: flex;
}
.pmpro_admin .pmpro_section .pmpro_section_toggle:hover,
.pmpro_admin .pmpro_section .pmpro_section_toggle:focus-within {
background-color: var(--pmpro--color--blue-medium-transparent);
}
.pmpro_admin .pmpro_section .pmpro_section_toggle button.pmpro_section-toggle-button {
align-items: center;
-webkit-appearance: none;
background: none;
border: none;
box-shadow: none;
box-sizing: border-box;
color: var(--pmpro--color--almost-black);
cursor: pointer;
display: flex;
flex-grow: 1;
font-size: 18px;
font-weight: 500;
height: auto;
justify-content: space-between;
margin: 0;
outline: none;
padding: calc( var(--pmpro--spacing--medium) / 2 ) calc( var(--pmpro--spacing--medium) * 2 ) calc( var(--pmpro--spacing--medium) / 2 ) calc( var(--pmpro--spacing--medium) / 2 );
position: relative;
text-align: left;
text-decoration: none;
}
.pmpro_admin .pmpro_section .pmpro_section_toggle button.pmpro_section-toggle-button:focus {
box-shadow: inset 0 0 0 2px var(--pmpro--color--blue-darkest-transparent);
}
.pmpro_admin .pmpro_section .pmpro_section_toggle button.pmpro_section-toggle-button .dashicons {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
color: var(--pmpro--color--almost-black);
fill: currentColor;
transition: color .1s ease-in-out;
}
.pmpro_admin .pmpro_section .pmpro_section-sort {
display: flex;
flex-direction: column;
gap: 4px;
padding: 14px 0 14px 16px;
}
.pmpro_admin .pmpro_section .pmpro_section-sort .pmpro_section-sort-button {
background: 0 0;
border: 0;
cursor: pointer;
flex-shrink: 0;
margin: 0;
padding: 0;
}
.pmpro_admin .pmpro_section .pmpro_section-sort .pmpro_section-sort-button .dashicons {
font-size: 14px;
height: 14px;
width: 14px;
}
.pmpro_admin .pmpro_section .pmpro_section-sort .pmpro_section-sort-button:disabled {
color: #AAA;
}
.pmpro_admin .pmpro_section .pmpro_section-sort .pmpro_section-sort-button-description {
display: none;
}
.pmpro_admin .pmpro_section .pmpro_section_inside {
border-bottom: 1px solid var(--pmpro--border--color);
padding: calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro_admin .pmpro_section .pmpro_section_inside > *:first-child {
margin-top: 0;
}
.pmpro_admin .pmpro_section .pmpro_section_inside.bleed > * {
margin-right: 16px;
margin-left: 16px;
}
.pmpro_admin .pmpro_section .pmpro_section_inside.bleed > *:first-child {
margin-top: 16px;
}
.pmpro_admin .pmpro_section .pmpro_section_inside .form-table {
margin-top: 0;
}
.pmpro_admin .pmpro_section .pmpro_section_actions {
align-items: center;
background-color: var(--pmpro--color--blue-medium-transparent);
display: flex;
flex-wrap: wrap;
gap: var(--pmpro--spacing--small);
margin: var(--pmpro--spacing--medium) calc( ( var(--pmpro--spacing--medium) / 2 ) * -1 ) calc( ( var(--pmpro--spacing--medium) / 2 ) * -1 ) calc( ( var(--pmpro--spacing--medium) / 2 ) * -1 );
padding: var(--pmpro--spacing--small);
}
/**
* Columns
*/
.pmpro_cols-2,
.pmpro_cols-3 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--pmpro--spacing--medium);
}
.pmpro_cols-2 > * {
width: calc( 50% - calc( var(--pmpro--spacing--medium) / 2 ) );
}
.pmpro_cols-3 > * {
width: calc( 33.333333% - calc( var(--pmpro--spacing--medium) * 2 / 3 ) );
}
@media only screen and (max-width: 782px) {
.pmpro_cols-2,
.pmpro_cols-3 {
display: flex;
flex-direction: column;
gap: var(--pmpro--spacing--medium);
}
.pmpro_cols-2 > *,
.pmpro_cols-3 > * {
width: auto;
}
}
/**
* Lists
*/
.pmpro_list.pmpro_list-plain,
.pmpro_list.pmpro_list-plain .pmpro_list_item {
list-style: none;
margin: 0;
padding: 0;
}
.pmpro_list_item_label {
font-weight: 700;
}
.pmpro_list-with-labels .pmpro_list_item_label {
display: block;
}
/**
* Member Info Box
*/
.pmpro_member-box {
align-items: center;
background-color: #FFF;
border: 1px solid var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
box-shadow: var(--pmpro--box-shadow);
display: inline-flex;
flex-wrap: wrap;
gap: var(--pmpro--spacing--small);
padding: var(--pmpro--spacing--medium);
}
.pmpro_section_inside > .pmpro_member-box {
margin-bottom: var(--pmpro--spacing--small);
}
.pmpro_member-box .avatar {
border-radius: 9999px;
display: block;
margin-right: var(--pmpro--spacing--small);
}
.pmpro_member-box .pmpro_member-box-info {
display: flex;
flex-direction: column;
gap: calc( var(--pmpro--spacing--small) / 2 );
}
.pmpro_member-box .pmpro_member-box-info h2 {
font-weight: 500;
margin: 0;
word-break: break-all;
}
.pmpro_member-box .pmpro_member-box-info h2 strong {
font-weight: 700;
}
.pmpro_member-box .pmpro_member-box-actions {
color: #999;
}
/**
* Single Edit Member Page Styles
*/
.pmpro_admin-pmpro-member h1.wp-heading-inline {
font-weight: 500;
margin: 0 0 var(--pmpro--spacing--medium) 0;
padding: 0;
}
.pmpro_admin-pmpro-member h1 strong {
font-weight: 700;
}
.pmpro_admin-pmpro-member h1 .avatar {
display: none;
}
#pmpro_message + #pmpro-edit-user-div {
margin-top: var(--pmpro--spacing--medium);
}
.pmpro_admin-pmpro-member nav {
margin: var(--pmpro--spacing--small) 0;
}
.pmpro_admin-pmpro-member nav button {
color: var(--pmpro--color--almost-black);
background-color: transparent;
border: none;
border-radius: var(--pmpro--border--radius);
cursor: pointer;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 6px;
padding: calc( var(--pmpro--spacing--small) / 2 ) var(--pmpro--spacing--small);
position: relative;
text-align: left;
text-decoration: none;
}
.pmpro_admin-pmpro-member nav button[aria-selected="true"] {
background-color: #E2E8F0;
}
.pmpro_admin-pmpro-member nav button:hover {
background-color: var(--pmpro--color--blue-medium-transparent);
}
.pmpro_admin-pmpro-member nav button:focus {
outline: 2px solid rgba(0,0,0,.6)
}
.pmpro_admin-pmpro-member nav button:disabled {
color: #777;
cursor: not-allowed;
}
.pmpro_admin-pmpro-member nav .pmpro_divider {
position: absolute;
top: 50%;
width: 100%;
}
.pmpro_admin-pmpro-member nav .pmpro_relative {
margin-top: calc( var(--pmpro--spacing--small) * 2 );
}
.pmpro_admin-pmpro-member nav button.pmpro-member-edit-show-more-tab {
background-color: #FFF;
border: 1px solid var(--pmpro--border--color);
border-radius: calc( var(--pmpro--border--radius) * 2 );
font-size: 12px;
font-weight: normal;
margin: 0 auto;
padding: calc( var(--pmpro--spacing--small) / 2 ) var(--pmpro--spacing--small);
width: auto;
}
.pmpro_admin-pmpro-member nav button.pmpro-member-edit-show-more-tab .dashicons {
color: var(--pmpro--color--blue-darkest);
}
.pmpro_admin-pmpro-member .pmpro_section:not(.pmpro_admin-pmpro-member .pmpro_section .pmpro_section) {
margin: 0;
padding: calc( var(--pmpro--spacing--medium) / 2 ) var(--pmpro--spacing--medium);
}
.pmpro_admin-pmpro-member .pmpro_section h2:first-of-type {
display: inline-block;
margin: var(--pmpro--spacing--small) calc( var(--pmpro--spacing--small) / 2) var(--pmpro--spacing--small) 0;
}
.pmpro_admin-pmpro-member #pmpro-edit-user-div h3:not(h3:first-of-type) {
margin-top: var(--pmpro--spacing--large);
}
.pmpro_admin-pmpro-member .pmpro_scrollable:not(.pmpro_consent_log.pmpro_scrollable) {
height: 900px;
}
.pmpro_admin-pmpro-member .pmpro_consent_log.pmpro_scrollable {
max-width: 100%;
}
.pmpro_admin-pmpro-member .pmpro_scrollable table {
border-top: none;
}
.pmpro_admin-pmpro-member .pmpro_scrollable table thead th {
background-color: #FFF;
border-top: 1px solid var(--pmpro--border--color);
position: sticky;
top: 0;
}
.pmpro_admin-pmpro-member td button.toggle-pass-visibility {
background: transparent;
border: none;
}
.pmpro_admin-pmpro-member td .dashicons:not(.button .dashicons) {
vertical-align: middle;
}
/* Single Member - Membership Panel */
.pmpro_admin table.wp-list-table tbody tr.pmpro-level_change td,
.pmpro_admin table.wp-list-table tfoot tr.pmpro-level_change td {
background-color: #FFF;
padding: 0;
}
.pmpro_admin-pmpro-member .pmpro-level_change-actions {
border: 1px solid var(--pmpro--border--color);
box-shadow:0px 0px 8px #12196120;
display: flex;
flex-direction: column;
gap: var(--pmpro--spacing--medium);
max-width: 100%;
}
.pmpro_admin-pmpro-member .pmpro-level_change-action {
align-items: flex-start;
display: flex;
flex-direction: row;
gap: calc( var(--pmpro--spacing--medium) / 2 );
margin: 0 calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro-level_change-action .pmpro-level_change-action-label {
flex: 1 1 30%; /* Equal width and allow wrap if necessary */
font-weight: 500;
}
.pmpro-level_change-action .pmpro-level_change-action-field {
flex: 1 1 70%; /* Equal width and allow wrap if necessary */
}
.pmpro-level_change-action .pmpro-level_change-action-field input {
margin-left: 0;
}
.pmpro-level_change-action .pmpro-level_change-action-field input[type=datetime-local] {
display: block;
margin-top: calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro_admin-pmpro-member .pmpro-level_change-action-header,
.pmpro_admin-pmpro-member .pmpro-level_change-action-footer {
background-color: var(--pmpro--color--blue-lightest);
border-bottom: 1px solid var(--pmpro--border--color);
margin: 0;
padding: calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro_admin-pmpro-member .pmpro-level_change-action-header {
display: flex;
flex-direction: column;
gap: var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-member .pmpro-level_change-action-header * {
margin: 0;
}
.pmpro_admin-pmpro-member [id^="pmpro-level-"][id$="-edit"] .pmpro-level_change-action-header strong {
color: var(--pmpro--color--info-link);
}
.pmpro_admin-pmpro-member [id^="pmpro-level-"][id$="-cancel"] .pmpro-level_change-action-header strong {
color: var(--pmpro--color--error-text);
}
.pmpro_admin-pmpro-member [id^="pmpro-level-"][id$="-change"] .pmpro-level_change-action-header strong {
color: var(--pmpro--color--alert-text);
}
.pmpro_admin-pmpro-member .pmpro-level_change-action-footer {
display: flex;
flex-direction: row;
gap: calc( var(--pmpro--spacing--medium) / 2 );
}
/* Single Member - Memberships Panel */
.pmpro_admin-pmpro-member input[type=text]:not(.pmpro_admin-pmpro-member tr#date_field_tr input[type=text]),
.pmpro_admin-pmpro-member input[type=email] {
min-width: 25em;
width: auto;
}
.pmpro_admin-pmpro-member textarea {
width: 100%;
}
.pmpro_admin-pmpro-member tr#date_field_tr td {
align-items: center;
display: inline-flex;
flex-wrap: wrap;
gap: calc( var(--pmpro--spacing--small) / 2 );
width: 100%;
}
.pmpro_admin-pmpro-member tr#date_field_tr td small {
width: 100%;
}
.pmpro_admin-pmpro-member .pmpro_form_field-file .pmpro_form_field-file-actions {
margin-bottom: var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-member .wp-pwd {
margin-top: 0;
}
.pmpro_admin-pmpro-member button.wp-generate-pw {
margin-bottom: var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-member #pmpro-member-edit-memberships-panel .pmpro_section .pmpro_section_inside {
padding: 0;
}
.pmpro_admin-pmpro-member #pmpro-member-edit-memberships-panel .row-actions {
position: static;
}
.pmpro_admin-pmpro-member #member-history-memberships table.widefat {
border: none;
border-radius: 0;
}
.pmpro_admin-pmpro-member #member-history-memberships table.widefat thead th:first-child,
.pmpro_admin-pmpro-member #member-history-memberships table.widefat thead th:last-child {
border-radius: 0;
}
.pmpro_admin-pmpro-member #member-history-memberships table.widefat thead th {
border-top: none;
}
/* Single Member - Subscriptions Panel */
.pmpro_admin-pmpro-member #pmpro-member-edit-subscriptions-panel .pmpro_section .pmpro_section_inside {
padding: 0;
}
.pmpro_admin-pmpro-member #member-history-subscriptions table.widefat {
border: none;
border-radius: 0;
}
.pmpro_admin-pmpro-member #member-history-subscriptions table.widefat thead th:first-child,
.pmpro_admin-pmpro-member #member-history-subscriptions table.widefat thead th:last-child {
border-radius: 0;
}
.pmpro_admin-pmpro-member #member-history-subscriptions table.widefat thead th {
border-top: none;
}
/* Single Member - Orders Panel */
#pmpro-member-edit-orders-panel table {
margin-top: var(--pmpro--spacing--medium);
}
@media only screen and (min-width: 782px) {
.pmpro_admin-pmpro-member h1.wp-heading-inline {
align-items: center;
display: flex;
gap: var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-member h1 .avatar {
border-radius: 9999px;
display: block;
margin-right: var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-member #pmpro-edit-user-div {
display: flex;
gap: 2em;
}
.pmpro_admin-pmpro-member nav {
flex-shrink: 0;
margin-top: 0;
width: 220px;
}
.pmpro_admin-pmpro-member .pmpro_section {
width: 100%;
}
.pmpro_admin-pmpro-member nav button {
display: block;
padding: var(--pmpro--spacing--small) calc( var(--pmpro--spacing--small) * 2);
width: 100%;
}
}
/* buttons */
.pmpro_admin .button-hero .dashicons {
vertical-align: middle;
}
.pmpro_admin .pmpro_section .button.is-destructive {
border-color: #AA0000;
color: #AA0000;
}
.pmpro_admin .pmpro_section .button.is-success {
background-color: var(--pmpro--color--success-background);
border-color: var(--pmpro--color--success-text);
color: var(--pmpro--color--success-text);
}
/**
* Members list
*/
#member-list-form {
margin-top: var(--pmpro--spacing--medium);
}
#member-list-form h1.wp-heading-inline {
margin-top: 0;
}
.wp-list-table.members .column-ID {
white-space: nowrap;
}
.wp-list-table.members #display_name {
width: auto;
}
/**
* Orders list
*/
#order-list-form {
margin-top: var(--pmpro--spacing--medium);
}
.pmpro_admin .wp-list-table .column-username,
.pmpro_admin .wp-list-table .column-billing,
.pmpro_admin .wp-list-table .column-transaction-ids {
word-break: break-word;
}
.pmpro_order-status,
.pmpro_subscription-status {
border: 1px solid transparent;
border-radius: var(--pmpro--border--radius);
display: block;
font-weight: 500;
padding: calc( var(--pmpro--spacing--small) / 2 ) var(--pmpro--spacing--small);
text-align: center;
}
.pmpro_order-status-success,
.pmpro_order-status-cancelled,
.pmpro_subscription-status-active {
background-color: var(--pmpro--color--success-background);
border-color: var(--pmpro--color--success-border);
color: var(--pmpro--color--success-text);
}
.pmpro_order-status-error,
.pmpro_order-status-refunded,
.pmpro_subscription-status-cancelled,
.pmpro_subscription-status-error {
background-color: var(--pmpro--color--error-background);
border-color: var(--pmpro--color--error-border);
color: var(--pmpro--color--error-text);
}
.pmpro_order-status-pending,
.pmpro_order-status-review,
.pmpro_order-status-token {
background-color: var(--pmpro--color--alert-background);
border-color: var(--pmpro--color--alert-border);
color: var(--pmpro--color--alert-text);
}
.wp-list-table .pmpro_order-renewal {
display: block;
margin-top: 8px;
text-align: center;
}
a.pmpro_order-renewal {
color: inherit;
text-decoration: none;
}
.pmpro_order-renewal:before {
content: "\f113";
font: normal 12px/1 dashicons;
margin-right: 3px;
vertical-align: middle;
position: relative;
top: -1px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pmpro_admin-pmpro-orders h1.wp-heading-inline {
margin-top: 0;
}
.pmpro_admin-pmpro-orders #pmpro_message {
margin-bottom: var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-orders #pmpro_message + .wp-heading-inline {
margin-top: var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-orders .pmpro_list-with-labels .pmpro_list_item_label {
font-weight: 700;
}
.pmpro_admin-pmpro-orders #pmpro_order-view {
font-size: 14px;
line-height: 1.5;
margin-top: 0;
}
.pmpro_admin-pmpro-orders #pmpro_order_single-meta-bill_to {
word-break: break-all;
}
.pmpro_admin-pmpro-orders #pmpro_order-view .pmpro_table tfoot tr:last-of-type td {
font-weight: 700;
}
.pmpro_admin-pmpro-orders #pmpro_order-view .pmpro_table thead th:not(th:first-of-type),
.pmpro_admin-pmpro-orders #pmpro_order-view .pmpro_table tbody td,
.pmpro_admin-pmpro-orders #pmpro_order-view .pmpro_table tfoot td {
text-align: right;
}
.pmpro_admin-pmpro-orders .pmpro_sidebar .pmpro_section:first-of-type {
margin-top: 0;
}
.pmpro_admin-pmpro-orders .pmpro_sidebar .pmpro_section_inside {
display: flex;
flex-direction: column;
gap: var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-orders .pmpro_add_order_note_form textarea {
width: 100%;
}
@media only screen and (min-width: 1200px) {
.pmpro_admin-pmpro-orders .pmpro_sidebar #pmpro_order-view-actions .button,
.pmpro_admin-pmpro-orders .pmpro_sidebar #pmpro_add_order_note {
padding: var(--pmpro--spacing--small) var(--pmpro--spacing--medium);
}
}
/**
* Membership levels list and single edit
*/
#membership-level-list-form {
margin-top: var(--pmpro--spacing--medium);
}
#membership-level-list-form h1.wp-heading-inline {
margin-top: 0;
}
.pmpro_admin-pmpro-membershiplevels tr.pmpro_gray td {
color: #AAA;
}
.pmpro_admin-pmpro-membershiplevels tr td.level_name span.level-name a {
font-size: 115%;
font-weight: bold;
}
.pmpro_admin-pmpro-membershiplevels .membership-levels tr td {
background: var(--pmpro--color--blue-lightest);
}
.pmpro_admin-pmpro-membershiplevels .membership-levels tr:nth-child(odd) td {
background: #FFF;
}
.pmpro_admin-pmpro-membershiplevels .has-sortable-membership-levels tr.ui-sortable-helper {
border: 2px solid #2997C8;
cursor: move;
}
.pmpro_admin-pmpro-membershiplevels .has-sortable-membership-levels tr td:first-child:before {
color: #CCC;
content: "\f333";
display: inline-block;
font: 400 16px/1 dashicons;
opacity: 0;
width: 25px;
}
.pmpro_admin-pmpro-membershiplevels .membership-levels tr:hover td:first-child:before {
opacity: 1;
}
.pmpro_admin-pmpro-membershiplevels tr.testclass {
border: 3px solid #2997C8;
background: #2997C8;
}
.pmpro_admin-pmpro-membershiplevels tr.membership_categories ul {
margin-left: 25px;
}
.pmpro_admin-pmpro-membershiplevels .pmpro_level_templates {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px;
}
.pmpro_admin-pmpro-membershiplevels .pmpro_level_templates .pmpro_level_template {
background: var(--pmpro--color--blue-lightest);
border-radius: 10px;
border: 1px solid var(--pmpro--border--color);
padding: 25px;
position: relative;
text-decoration: none;
transition: transform .2s;
}
.pmpro_admin-pmpro-membershiplevels .pmpro_level_templates .pmpro_level_template:not(.inactive):hover {
background: #FFF;
box-shadow: 1px 1px 3px #FAFAFA;
transform: scale(1.05);
}
.pmpro_admin-pmpro-membershiplevels .pmpro_level_templates .pmpro_level_template .dashicons {
display: none;
font-size: 4rem;
height: auto;
width: auto;
}
.pmpro_admin-pmpro-membershiplevels .pmpro_level_templates .pmpro_level_template .template {
display: block;
font-size: 26px;
font-weight: 700;
margin-bottom: 15px;
}
.pmpro_admin-pmpro-membershiplevels .pmpro_level_templates .pmpro_level_template p {
color: var(--pmpro--color--almost-black);
font-weight: 400;
margin: 0;
}
.pmpro_admin-pmpro-membershiplevels .pmpro_level_templates .pmpro_level_template.inactive,
.pmpro_admin-pmpro-membershiplevels .pmpro_level_templates .pmpro_level_template.inactive p {
color: #999;
}
.pmpro_admin-pmpro-membershiplevels .pmpro_level_templates .pmpro_level_template.inactive .label {
background-color: #999;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #FFF;
font-size: 11px;
font-weight: bold;
left: 10px;
text-align: center;
padding: 2px 6px;
position: absolute;
text-transform: uppercase;
top: 0;
width: auto;
}
table.pmprommpu_levels tr.remove_level td {background: #F2DEDE; }
@media only screen and (max-width: 782px) {
#membership-level-list-form+p {
margin-top: var(--pmpro--spacing--medium);
}
}
/**
* Page Settings
*/
#pmpro-custom-page-template-settings table {
margin-top: var(--pmpro--spacing--medium);
}
#pmpro-custom-page-template-settings table tr td {
vertical-align: middle;
}
#pmpro-custom-page-template-settings table tr.pmpro_template-active-pmpro td:nth-child(2),
#pmpro-custom-page-template-settings table tr.pmpro_template-active-custom td:nth-child(3) {
background-color: var(--pmpro--color--info-background);
}
#pmpro-custom-page-template-settings table tr.pmpro_template-active-error td:nth-child(3) {
background-color: var(--pmpro--color--error-background);
}
#pmpro-custom-page-template-settings table tr td code {
font-size: 85%;
white-space: nowrap;
}
#pmpro-custom-page-template-settings table tr td:not(:last-of-type) .pmpro_tag {
background-color: transparent;
border: none;
margin: 0 0 0 calc( var(--pmpro--spacing--small) / 3 );
padding: 0;
}
#pmpro-custom-page-template-settings table tr td:last-of-type .pmpro_tag {
margin: 0;
}
/**
* Discount Codes List and Single Edit
*/
#discount-code-list-form {
margin-top: var(--pmpro--spacing--medium);
}
#discount-code-list-form h1.wp-heading-inline {
margin-top: 0;
}
.pmpro_discount_levels .pmpro_discount_level {
border: 1px solid var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
box-shadow: var(--pmpro--box-shadow);
margin: calc( var(--pmpro--spacing--medium) / 2 ) 0;
overflow: hidden;
}
.pmpro_discount_levels .pmpro_discount_level .pmpro_discount_level_select {
align-items: center;
display: flex;
gap: calc( var(--pmpro--spacing--medium) / 2 );
padding: calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro_discount_levels .pmpro_discount_level label {
font-size: 14px;
}
.pmpro_discount_levels .pmpro_discount_level input[type=checkbox] {
margin-top: 0;
}
.pmpro_discount_levels .pmpro_discount_level .pmpro_discount_levels_pricing {
background: var(--pmpro--color--blue-lightest);
margin: 0;
padding: 0 calc( var(--pmpro--spacing--medium) / 2 ) calc( var(--pmpro--spacing--medium) / 2 ) calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro_discount_code-tag {
border: 2px dashed var(--pmpro--color--blue-darkest);
display: block;
font-size: 12px;
font-weight: normal;
margin-top: calc( var(--pmpro--spacing--small) / 2 );
padding: calc( var(--pmpro--spacing--small) / 4 ) calc( var(--pmpro--spacing--small) / 2 );
}
.pmpro_discount_code-tag:hover {
background-color: #FFF;
border-color: currentColor;
}
.pmpro_discount_code-tag:before {
content: "\f323";
font: normal 12px/1 dashicons;
margin-right: 3px;
vertical-align: middle;
position: relative;
top: -1px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/**
* Payment Settings
*/
.pmpro_admin-pmpro-paymentsettings .form-table select {
max-width: none;
}
.pmpro_admin-pmpro-paymentsettings .wp-list-table .column-gateway a {
font-weight: 700;
text-decoration: none;
}
.pmpro_admin-pmpro-paymentsettings .wp-list-table .column-gateway a:hover {
text-decoration: underline;
}
.pmpro_admin-pmpro-paymentsettings .wp-list-table .column-description {
width: 40%;
}
.pmpro_admin-pmpro-paymentsettings span.pmpro_gateway-mode {
border: 1px solid transparent;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 500;
padding: .25em .5em;
}
.pmpro_admin-pmpro-paymentsettings span.pmpro_gateway-mode-live {
background-color: var(--pmpro--color--success-background);
border-color: var(--pmpro--color--success-border);
color: var(--pmpro--color--success-text);
}
.pmpro_admin-pmpro-paymentsettings span.pmpro_gateway-mode-live.pmpro_gateway-mode-not-connected {
background-color: var(--pmpro--color--error-background);
border-color: var(--pmpro--color--error-border);
color: var(--pmpro--color--error-text);
}
.pmpro_admin-pmpro-paymentsettings span.pmpro_gateway-mode-test,
.pmpro_admin-pmpro-paymentsettings span.pmpro_gateway-mode-test.pmpro_gateway-mode-not-connected {
background-color: var(--pmpro--color--alert-background);
border-color: var(--pmpro--color--alert-border);
color: var(--pmpro--color--alert-text);
}
.pmpro_admin-pmpro-paymentsettings .pmpro-stripe-connect {
background-image: -webkit-linear-gradient(#28A0E5, #015E94);
background-image: -moz-linear-gradient(#28A0E5, #015E94);
background-image: -ms-linear-gradient(#28A0E5, #015E94);
background-image: linear-gradient(#28A0E5, #015E94);
border: 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
cursor: pointer;
display: inline-block;
-webkit-font-smoothing: antialiased;
height: 30px;
margin-bottom: 1px;
padding: 1px;
text-decoration: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pmpro_admin-pmpro-paymentsettings .pmpro-stripe-connect span {
background: #1275FF;
background-image: -webkit-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
background-image: -moz-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
background-image: -ms-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
color: white;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
height: 30px;
line-height: 30px;
font-weight: bold;
padding: 0 12px 0 44px;
position: relative;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pmpro_admin-pmpro-paymentsettings .pmpro-stripe-connect span:before {
background-repeat: no-repeat;
background-size: 23px 24px;
content: '';
display: block;
height: 24px;
left: 11px;
margin-top: -12px;
position: absolute;
top: 50%;
width: 23px;
}
.pmpro_admin-pmpro-paymentsettings .pmpro-stripe-connect:active {
background: #005D93;
}
.pmpro_admin-pmpro-paymentsettings .pmpro-stripe-connect:active span {
background: #008CDD;
background-image: -webkit-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
background-image: -moz-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
background-image: -ms-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
background-image: linear-gradient(#008CDD, #008CDD 85%, #239ADF);
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
color: #EEE;
}
.pmpro_admin-pmpro-paymentsettings .pmpro-stripe-connect span:before {
background-image: url("data:image/png;base64,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");
}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
.pmpro_admin-pmpro-paymentsettings .pmpro-stripe-connect span:before {
background-image: url("data:image/png;base64,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");
}
}
.pmpro_admin-pmpro-paymentsettings #pmpro_stripe_create_webhook {
align-items: center;
display: flex;
gap: 5px;
}
.pmpro_admin-pmpro-paymentsettings .pmpro-admin-secure-key {
-webkit-text-security: disc;
}
@media only screen and (min-width: 1200px) {
.pmpro_admin-pmpro-paymentsettings .pmpro-admin-secure-key {
-webkit-text-security: disc;
}
}
/**
* Email Template Settings
*/
.admin_page_pmpro-emailtemplates #poststuff {
padding-top: 0;
}
.admin_page_pmpro-emailtemplates #poststuff .pmpro_tag {
display: inline-block;
margin-bottom: var(--pmpro--spacing--small);
}
.admin_page_pmpro-emailtemplates .edit-form-section .form-table tr:first-child th {
padding-top: 15px;
}
.admin_page_pmpro-emailtemplates .edit-form-section .form-table input[type=text],
.admin_page_pmpro-emailtemplates .edit-form-section .form-table textarea {
width: 100%;
}
.admin_page_pmpro-emailtemplates .pmpro_send_test_email {
display: flex;
flex-direction: column;
gap: var(--pmpro--spacing--small);
}
.admin_page_pmpro-emailtemplates .pmpro_send_test_email label {
font-size: 14px;
font-weight: bold;
line-height: 1.3;
}
.admin_page_pmpro-emailtemplates .pmpro_send_test_email p {
margin: 0;
}
#email-variable-reference table {
margin-bottom: 3em;
max-width: 900px;
}
/**
* User Fields Settings
*/
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-buttons-button {
background: 0 0;
border: 0;
cursor: pointer;
flex-shrink: 0;
margin: 0;
padding: 0;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-buttons-button:disabled {
color: #AAA;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-buttons-description {
display: none;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-field-expand .pmpro_userfield-group-buttons-button {
color: #FFF;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-field-expand .pmpro_userfield-group-buttons-button:disabled {
color: #0071a1;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-actions button.is-destructive {
border: none;
background: none;
color: #AA0000;
margin: .5em;
padding: 0;
text-decoration: underline;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-actions button.is-destructive:hover {
border: none;
background: none;
color: #6B0000;
text-decoration: underline;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-field-actions button.is-destructive {
border: none;
background: none;
color: #AA0000;
margin: 0 0 0 .5em;
padding: 0;
text-decoration: underline;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-field-actions button.is-destructive:hover {
border: none;
background: none;
color: #6B0000;
text-decoration: underline;
}
/* General User Fields Page Styles */
.pmpro_admin-pmpro-userfields .pmpro_userfield-inside label,
.pmpro_admin-pmpro-userfields .pmpro_userfield-inside .description {
display: block;
margin: 3px 0;
width: 95%;
/* set similar to the width of input fields */
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-inside .description {
font-style: italic;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-inside input[type=text],
.pmpro_admin-pmpro-userfields .pmpro_userfield-inside input[type=number],
.pmpro_admin-pmpro-userfields .pmpro_userfield-inside select,
.pmpro_admin-pmpro-userfields .pmpro_userfield-inside textarea,
.pmpro_admin-pmpro-userfields .pmpro_userfield-inside .pmpro_checkbox_box {
max-width: 100%;
width: 100%;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-inside textarea {
height: 65px;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-inside h3 {
margin: 0;
padding: var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group {
background: #FFF;
border: 1px solid var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
box-shadow: var(--pmpro--box-shadow);
margin-bottom: var(--pmpro--spacing--medium);
overflow: hidden;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-collapse .pmpro_userfield-inside {
display: none;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-thead,
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-tbody {
display: flex;
margin: 0;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-thead {
background: var(--pmpro--color--blue-medium-transparent);
border-top: 3px solid var(--pmpro--border--color);
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-field-expand .pmpro_userfield-group-tbody {
background: #007cba;
color: #FFF;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-thead li {
font-weight: bold;
padding: var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-tbody li {
margin: 0;
padding: var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-userfields li.pmpro_userfield-group-column-order {
flex: 1;
}
.pmpro_admin-pmpro-userfields li.pmpro_userfield-group-column-label {
flex: 4;
}
.pmpro_admin-pmpro-userfields li.pmpro_userfield-group-column-label .pmpro_userfield-field-options {
color: #999;
}
.pmpro_admin-pmpro-userfields li.pmpro_userfield-group-column-name {
flex: 2;
}
.pmpro_admin-pmpro-userfields li.pmpro_userfield-group-column-type {
flex: 2;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-tbody li.pmpro_userfield-group-column-label .pmpro_userfield-label {
display: block;
font-weight: bold;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-field-expand li.pmpro_userfield-group-column-label,
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-field-expand li.pmpro_userfield-group-column-name,
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-field-expand li.pmpro_userfield-group-column-type {
display: none;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-field-options {
color: #DDD;
font-size: 13px;
position: relative;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-field {
border-bottom: 1px solid var(--pmpro--border--color);
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-header {
align-items: center;
background: var(--pmpro--color--blue-medium-transparent);
border-bottom: 1px solid var(--pmpro--border--color);
display: flex;
justify-content: space-between;
margin: 0;
padding: calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-header h3 {
align-items: center;
display: flex;
flex-grow: 1;
margin: 0 0 0 var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-header h3 label {
display: inline-block;
margin-right: calc( var(--pmpro--spacing--small) / 2 );
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-field-settings {
padding: 0 var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-field-settings .pmpro_userfield-field-setting {
margin: var(--pmpro--spacing--small) 0;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-field-settings .pmpro_userfield-field-setting-radio span {
display: inline-block;
margin-right: var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-field-actions {
width: 100%;
padding: var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-actions {
background: var(--pmpro--color--blue-medium-transparent);
padding: calc( var(--pmpro--spacing--medium) / 2 );
text-align: center;
}
@media only screen and (min-width: 1200px) {
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-header h3 input[type=text],
.pmpro_admin-pmpro-userfields .pmpro_userfield-group-field-header .pmpro_userfield-group-field-header-field input[type=text] {
width: 500px;
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-field-settings,
.pmpro_admin-pmpro-userfields .pmpro_userfield-row-settings {
display: flex;
flex-wrap: wrap;
column-gap: var(--pmpro--spacing--medium);
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-field-setting_1-2 {
flex: 0 0 calc( 50% - var(--pmpro--spacing--medium) );
}
.pmpro_admin-pmpro-userfields .pmpro_userfield-field-setting_1-4 {
flex: 0 0 calc( 25% - var(--pmpro--spacing--medium) );
}
}
/* Display-style User Fields on Edit Member or Edit User screen */
.pmpro_form_field-file .pmpro_form_field-file-preview {
align-items: center;
border: 1px solid var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
box-shadow: var(--pmpro--box-shadow);
display: flex;
height: 100px;
justify-content: center;
margin-bottom: var(--pmpro--spacing--small);
overflow: hidden;
width: 100px;
}
.pmpro_form_field-file .pmpro_form_field-file-preview img {
height: 100%;
object-fit: cover;
width: 100%;
}
.pmpro_form_field-file .pmpro_form_field-file-name {
margin-bottom: var(--pmpro--spacing--small);
}
.pmpro_form_field-file .pmpro_btn {
margin-right: calc( var(--pmpro--spacing--small) / 2 );
}
.pmpro_form_field-file .pmpro_form_field-file-upload {
border: 3px dashed var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
padding: var(--pmpro--spacing--medium);
}
.pmpro_form_field-date {
align-items: center;
display: flex;
}
/**
* Design Settings
*/
.pmpro_style_variation_items {
display: grid;
gap: var(--pmpro--spacing--medium);
grid-template-columns: repeat(3, 1fr);
}
.pmpro_style_variation_item {
background-color: var(--pmpro--color--blue-medium);
border: 2px solid var(--pmpro--color--blue-medium);
border-radius: var(--pmpro--border--radius);
box-sizing: border-box;
cursor: pointer;
padding: var(--pmpro--spacing--medium);
}
.pmpro_style_variation_item:hover,
.pmpro_style_variation_item:has(input[type="radio"]:checked) {
background-color: var(--pmpro--color--blue-lightest);
}
.pmpro_admin-pmpro-designsettings .pmpro_style_variation_item label {
cursor: pointer;
display: block;
margin: 0;
}
.pmpro_style_variation_item-name {
font-weight: bold;
}
.pmpro_style_variation_item .description {
color: inherit;
}
.pmpro_style_variation_item-preview {
background-color: #fff;
border: 1px solid var(--pmpro--border--color);
margin: calc( var(--pmpro--spacing--medium) / 2 ) 0;
}
.pmpro_style_variation_item-preview-content {
display: flex;
flex-direction: column;
gap: var(--pmpro--spacing--small);
padding: calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro_style_variation_item-preview-heading {
font-size: 130%;
font-weight: 700;
}
.pmpro_style_variation_item:not(#pmpro_style_variation_item-minimal) .pmpro_btn {
background-color: var(--pmpro--color--accent);
border: 1px solid var(--pmpro--color--accent);
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 700;
letter-spacing: normal;
line-height: 1.5;
min-height: 40px;
outline: 0;
padding: 8px calc( var(--pmpro--spacing--medium) / 2 );
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;
}
.pmpro_style_variation_item-preview-actions {
padding: 0 calc( var(--pmpro--spacing--medium) / 2 ) calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro_style_variation_item-preview-actions .pmpro_card_action {
text-decoration: underline;
}
.pmpro_style_variation_item-preview-actions .pmpro_card_action_separator {
margin: 0 calc( var(--pmpro--base--spacing--small) / 2 );
opacity: 0.5;
}
#pmpro_style_variation_item-variation-1 .pmpro_style_variation_item-preview {
background-color: var(--pmpro--color--base);
border: 1px solid #e5e7eb;
border-radius: 8px;
box-shadow: 2px 2px 7px rgba( 0, 0, 0, 0.07 );
color: var(--pmpro--color--contrast);
overflow: hidden;
}
#pmpro_style_variation_item-variation-1 .pmpro_style_variation_item-preview-actions {
background-color: var(--pmpro--color--base);
border-top: 1px solid #e5e7eb;
filter: brightness(0.95);
padding: var(--pmpro--spacing--small);
}
#pmpro_style_variation_item-high-contrast .pmpro_style_variation_item-preview {
background-color: var(--pmpro--color--base);
border: 1px solid var(--pmpro--color--contrast);
border-radius: 0;
box-shadow: 5px 4px 0px #555;
color: var(--pmpro--color--contrast);
}
#pmpro_style_variation_item-high-contrast .pmpro_style_variation_item-preview-actions {
border-top: 1px solid var(--pmpro--color--contrast);
margin: 0 calc( var(--pmpro--spacing--medium) / 2 );
padding: var(--pmpro--spacing--small) 0;
}
#pmpro_style_variation_item-variation-1 .pmpro_btn {
border-radius: 8px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
}
#pmpro_style_variation_item-high-contrast .pmpro_btn {
border-radius: 0;
}
/**
* Advanced Settings
*/
.pmpro_admin-pmpro-advancedsettings .form-table select:not(.pmpro_admin-pmpro-advancedsettings .form-table select#tospage) {
max-width: none;
}
/**
* Messages
*/
.pmpro_message {
border: 1px solid var(--pmpro--color--info-border);
border-radius: var(--pmpro--border--radius);
box-shadow: var(--pmpro--box-shadow);
color: var(--pmpro--color--info-text);
font-size: 14px;
line-height: 1.5;
padding: var(--pmpro--spacing--small) calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro_admin h1.wp-heading-inline + .pmpro_message,
.pmpro_admin .page-title-action + .pmpro_message {
margin-top: var(--pmpro--spacing--medium);
}
.pmpro_message p:first-of-type {
margin-top: 0;
}
.pmpro_message p:last-of-type {
margin-bottom: 0;
}
.pmpro_message .notice-dismiss {
height: 100%;
padding-top: var(--pmpro--spacing--small);
}
.pmpro_message a {
font-weight: 600;
text-decoration: underline;
}
.pmpro_message ul {
list-style: disc;
margin-left: 20px;
}
.pmpro_success {
background-color: var(--pmpro--color--success-background);
border-color: var(--pmpro--color--success-border);
color: var(--pmpro--color--success-text);
}
.pmpro_success p {
color: var(--pmpro--color--success-text);
}
.pmpro_success a,
.pmpro_success .notice-dismiss:before {
color: var(--pmpro--color--success-link)
}
.pmpro_error {
background-color: var(--pmpro--color--error-background);
border-color: var(--pmpro--color--error-border);
color: var(--pmpro--color--error-text);
}
.pmpro_error p {
color: var(--pmpro--color--error-text);
}
tr.pmpro_error td {
background-color: var(--pmpro--color--error-background);
color: var(--pmpro--color--error-text);
}
.pmpro_error a,
tr.pmpro_error td a,
.pmpro_error .notice-dismiss:before {
color: var(--pmpro--color--error-link)
}
.pmpro_alert {
background-color: var(--pmpro--color--alert-background);
border-color: var(--pmpro--color--alert-border);
color: var(--pmpro--color--alert-text);
}
.pmpro_alert p {
color: var(--pmpro--color--alert-text);
}
.pmpro_alert a,
.pmpro_alert .notice-dismiss:before {
color: var(--pmpro--color--alert-link)
}
td.has-row-actions > .pmpro_message {
margin-bottom: var(--pmpro--spacing--small);
}
/* notifications */
.pmpro_notification,
.notice.pmpro_notification {
background-color: #FFF;
border: 1px solid #ccd0d4;
box-shadow: 0 1px 4px rgba( 0, 0, 0, 0.15 );
display: flex;
margin: 1em 1em 1em 0;
padding: 0;
position: relative;
}
.pmpro_notification .pmpro_notification-general {
background: #FFF;
border-left: 4px solid #658B24;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
margin: 1em 0;
padding: 15px;
}
.pmpro_notification .pmpro_notification-error {
background: #FFF;
border-left: 4px solid #DC3232;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
margin: 1em 0;
padding: 15px;
}
.pmpro_notification .pmpro_notification-warning {
background: #FFF;
border-left: 4px solid #dba617;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
margin: 1em 0;
padding: 15px;
}
.pmpro_notification .notice-dismiss:before {
content: "\f335";
}
.pmpro_notification-icon {
border-left-width: 4px;
border-left-style: solid;
padding: 15px 10px;
}
.pmpro_notification-icon .dashicons {
font-size: 30px;
height: 30px;
width: 30px;
}
.pmpro_notification-content {
color: #111;
padding: 20px 25px;
}
.pmpro_notification-general .pmpro_notification-icon {
background-color: #E8EEE0;
border-left-color: #658B24;
color: #567533;
}
.pmpro_notification-error .pmpro_notification-icon {
background-color: #FBF6F7;
border-left-color: #721C24;
color: #721C24;
}
.pmpro_notification h3 {
font-size: 18px;
font-weight: 700;
line-height: 25px;
margin: 0;
}
.pmpro_notification p {
font-size: 14px;
line-height: 22px;
margin: 15px 0 0 0;
max-width: 65em;
}
.pmpro_notification .button {
border-radius: 4px;
font-size: 14px;
margin-right: 5px;
white-space: break-spaces;
}
.pmpro_notification .button-secondary {
border-color: #C3C4C7;
color: #50575E;
}
.pmpro_notification-general h3 {
color: #567533;
}
.pmpro_notification-general .button:not(.button-secondary) {
background-color: #567533;
border-color: #456227;
color: #FFF;
}
.pmpro_notification-general .button:hover:not(.button-secondary) {
background-color: #456227;
}
.pmpro_notification-error h3 {
color: #721C24;
}
.pmpro_notification-error .button:not(.button-secondary) {
background-color: #721C24;
border-color: #711B23;
color: #FFF;
}
.pmpro_notification-error .button:hover:not(.button-secondary) {
background-color: #600027;
border-color: #600027;
color: #FFF;
}
/**
* Setup Wizard
*/
.memberships_page_pmpro-wizard #wpcontent {
padding-left: 0;
}
/* If wizard is loading under admin.php */
.admin_page_pmpro-wizard #wpcontent {
padding-left: 0;
}
.admin_page_pmpro-wizard #wpfooter {
display: none;
}
.pmpro-wizard .pmpro-wizard__background {
background-image: url(../images/bg_icons-white.png);
background-repeat: repeat;
background-size: 50%;
left: 0;
min-height: 100%;
opacity: .4;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.pmpro-wizard .pmpro-wizard__header {
background: #FFF;
box-shadow: var(--pmpro--box-shadow);
padding: var(--pmpro--spacing--small) 0 0 0;
margin-bottom: var(--pmpro--spacing--medium);
text-align: center;
}
.pmpro-wizard .pmpro-wizard__header h1 {
margin: 0;
}
.pmpro-wizard .pmpro-wizard__header a.pmpro_logo {
display: inline-block;
max-width: 275px;
}
.pmpro-wizard .pmpro-wizard__header a.pmpro_logo img {
height: auto;
width: 100%;
}
.pmpro-stepper {
margin-right: var(--pmpro--spacing--small);
margin-left: var(--pmpro--spacing--small);
position: relative;
}
.pmpro-stepper .pmpro-stepper__steps {
display: flex;
flex-direction: row;
justify-content: space-around;
margin: -1em .5em 0 .5em;
}
.pmpro-stepper .pmpro-stepper__step {
background-color: #FFF;
font-weight: 400;
padding: 1em;
position: relative;
z-index: 5;
}
.pmpro-stepper .pmpro-stepper__step-divider {
border-bottom: 1px solid var(--pmpro--border--color);
position: absolute;
top: 2em;
width: 100%;
}
.pmpro-stepper .pmpro-stepper__step .pmpro-stepper__step-label {
color: #1d2327;
line-height: 24px;
font-size: 16px;
}
.pmpro-stepper .pmpro-stepper__step a {
text-decoration: none;
}
.pmpro-stepper .pmpro-stepper__step a:active,
.pmpro-stepper .pmpro-stepper__step a:focus {
outline: 0;
border: none;
box-shadow: none;
}
.pmpro-stepper .pmpro-stepper__step .pmpro-stepper__step-label {
color: #1d2327;
}
.pmpro-stepper .pmpro-stepper__step a:hover .pmpro-stepper__step-label {
color: #1A688B;
text-decoration: underline;
}
.pmpro-stepper .pmpro-stepper__step-icon {
align-items: center;
background-color: var(--pmpro--color--blue-medium-transparent);
border-radius: 50%;
color: #1d2327;
display: inline-flex;
font-size: 16px;
height: 24px;
justify-content: center;
margin-right: .25em;
min-width: 24px;
width: 24px;
}
.pmpro-stepper .pmpro-stepper__step.is-active .pmpro-stepper__step-icon {
background-color: #1A688B;
color: #FFF;
font-weight: 700;
}
.pmpro-stepper .pmpro-stepper__step.is-active .pmpro-stepper__step-label {
color: #1A688B;
font-weight: 700;
}
.pmpro-wizard .pmpro-wizard__container {
margin: 0 auto;
text-align: left;
}
.pmpro-wizard .pmpro-wizard__container > * {
margin-left: auto;
margin-right: auto;
max-width: 650px;
}
.pmpro-wizard__container .pmpro-wizard__step {
background: #FFF;
border: 1px solid var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
box-shadow: var(--pmpro--box-shadow);
}
.pmpro-wizard__container .pmpro-wizard__step-header {
padding: 1em 2em;
text-align: left;
}
.pmpro-wizard__container .pmpro-wizard__step-header h2 {
font-size: 2em;
line-height: 1.2;
margin: 1em 0 0 0;
}
.pmpro-wizard__container .pmpro-wizard__step-header p {
color: #666;
}
.pmpro-wizard__container p,
.pmpro-wizard__container label {
font-size: 18px;
line-height: 26px;
}
.pmpro-wizard__container label {
color: #1d2327;
}
.pmpro-wizard__container .pmpro-wizard__section-title {
font-size: 2em;
line-height: 1.2;
margin: 0 0 1em 0;
}
.pmpro-wizard__container fieldset {
border-top: 1px solid var(--pmpro--border--color);
margin: 0;
padding: 2em;
}
.pmpro-wizard__container legend {
color: #1d2327;
display: table;
float: left;
font-size: 18px;
line-height: 26px;
margin: 0 0 1em 0;
padding: 0;
width: 100%;
}
.pmpro-wizard__container .pmpro-wizard__field {
border-top: 1px solid var(--pmpro--border--color);
padding: 2em;
text-align: left;
}
.pmpro-wizard__container fieldset .pmpro-wizard__field {
border-top: none;
clear: both;
padding: 0 0 2em 0;
}
.pmpro-wizard__container .pmpro-wizard__field-alt {
background-color: var(--pmpro--color--blue-lightest);
}
.pmpro-wizard__container .pmpro-wizard__field-alt img {
vertical-align: middle;
}
.pmpro-wizard__container p.pmpro-wizard__field-description {
font-size: 14px;
line-height: 22px;
margin: .5em 0 1em 0;
}
.pmpro-wizard__container .pmpro-wizard__label-block {
display: block;
margin-bottom: .25em;
}
.pmpro-wizard__container .pmpro-wizard__field input[type="text"] {
background-color: #FFF;
border: 1px solid #CCC;
font-size: 16px;
line-height: 1.5em;
margin: .25em 0;
padding: 0.5em;
}
.pmpro-wizard__container .pmpro-wizard__field select {
background-color: #FFF;
border: 1px solid #CCC;
border-radius: 4px;
display: inline-block;
font-size: 16px;
line-height: 1.5em;
padding: 0.5em 3.5em 0.5em 1em;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
background-image:
linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%),
linear-gradient(to right, #CCC, #CCC);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
}
.pmpro-wizard__container .pmpro-wizard__field select:focus {
background-image:
linear-gradient(45deg, green 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, green 50%),
linear-gradient(to right, #CCC, #CCC);
background-position:
calc(100% - 15px) 1em,
calc(100% - 20px) 1em,
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
border-color: #1A688B;
outline: 0;
}
.pmpro-wizard__container .pmpro-wizard__field select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.pmpro-wizard__container .pmpro-wizard__field-block {
max-width: 100%;
width: 100%;
}
.pmpro-wizard__container .pmpro-wizard__field__checkbox-group {
align-items: center;
display: grid;
grid-template-columns: auto 8fr;
grid-column-gap: 1em;
grid-template-areas: "input label" ". content";
}
.pmpro-wizard__container .pmpro-wizard__field__checkbox-group input[type="checkbox"] {
grid-area: input;
margin: 0;
}
.pmpro-wizard__container .pmpro-wizard__field__checkbox-group > label {
font-weight: bold;
grid-area: label;
margin-bottom: 0;
}
.pmpro-wizard__container .pmpro-wizard__field__checkbox-group .pmpro-wizard__field__checkbox-content {
grid-area: content;
}
.pmpro-wizard__container .pmpro-wizard__field__checkbox-group .pmpro-wizard__field__checkbox-content input,
.pmpro-wizard__container .pmpro-wizard__field__checkbox-group .pmpro-wizard__field__checkbox-content select {
margin-right: .5em;
margin-left: .5em;
}
.pmpro-wizard__container .pmpro_wizard__submit {
border-top: 1px solid var(--pmpro--border--color);
margin: 0;
padding: 2em 0;
text-align: center;
}
.pmpro-wizard__container .pmpro-wizard__exit {
color: #1d2327;
font-size: 14px;
margin-top: 2em;
text-align: center;
}
.pmpro-wizard__container .pmpro-wizard__exit a {
color: #1d2327;
}
.pmpro-wizard__col {
width: 45%;
display: inline-flex;
padding: 10px;
vertical-align: middle;
}
.pmpro-wizard__col .button {
width: 100%;
text-align: center;
}
.pmpro-wizard__subtitle {
font-size: 20px;
font-weight: bold;
line-height: 26px;
}
.pmpro-wizard__addons {
display: grid;
grid-gap: 2em;
grid-template-columns: 1fr 1fr;
margin-bottom: 40px;
}
.pmpro-wizard__addon > a {
align-items: center;
display: grid;
grid-column-gap: 1em;
grid-template-columns: 1fr 5fr;
text-decoration: none;
}
.pmpro-wizard__addons img {
border-radius: 50%;
box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.1 );
max-width: 70px;
}
.pmpro-wizard__addon span {
font-size: 18px;
font-weight: bold;
line-height: 26px;
text-decoration: underline;
}
.pmpro-wizard__addon small {
color: #666;
display: block;
font-size: 14px;
font-weight: normal;
margin-top: .25em;
text-decoration: none;
}
.pmpro-wizard__textbreak::before,
.pmpro-wizard__textbreak::after {
background-color: #000;
content: "";
display: inline-block;
height: 1px;
vertical-align: middle;
width: 3%;
margin: 10px;
}
.pmpro-wizard__textbreak {
color: #000;
margin: 10px;
text-align: center;
}
a.pmpro_wizard__skip {
color: #1d2327;
display: inline-block;
font-size: 14px;
margin-top: 10px;
text-decoration: underline;
}
a.pmpro_wizard__skip:hover {
cursor: pointer;
}
@media screen and (max-width: 782px) {
.pmpro-stepper .pmpro-stepper__step-label {
display: none;
}
.pmpro-wizard .pmpro-wizard__container {
padding-left: 1em;
padding-right: 1em;
margin-bottom: 3em;
margin-top: 0;
}
.pmpro-wizard__addons,
.pmpro-wizard__col {
display: block;
width: 100%;
}
.pmpro-wizard__addons > * {
margin-bottom: 40px;
}
}
/* highlighted trs */
tr.pmpro_message {
background-image: none;
}
tr.pmpro_success {
background-image: none;
}
tr.pmpro_error {
background-image: none;
}
tr.pmpro_alert {
background-image: none;
}
/* pagination */
.pmpro_pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
margin: 16px 0;
}
.pmpro_pagination a,
.pmpro_pagination span {
display: inline-block;
vertical-align: baseline;
padding: 0 8px;
font-size: 14px;
line-height: 1.625;
text-align: center;
color: #2271b1;
border: 1px solid #2271b1;
background: #f6f7f7;
text-decoration: none;
border-radius: 3px;
}
.pmpro_pagination a:hover,
.pmpro_pagination a:active {
background: #f0f0f1;
border-color: #0a4b78;
color: #0a4b78;
}
.pmpro_pagination .pmpro_pagination-current {
background: #0a4b78;
border-color: #0a4b78;
color: #FFF;
cursor: default;
font-weight: 700;
}
.pmpro_pagination .pmpro_pagination-disabled {
background: #f6f7f7;
border-color: #dcdcde;
color: #a7aaad;
cursor: not-allowed;
opacity: 0.7;
}
.pmpro_pagination .pmpro_pagination-dots {
background: none;
border: none;
color: #a7aaad;
padding: 0;
}
.pmpro_pagination .pmpro_pagination-next {
margin-left: 0;
}
.pmpro_pagination .pmpro_pagination-previous {
margin-right: 0;
}
/**
* Add Ons
*/
#pmpro-admin-add-ons .pmpro-admin-add-ons-refresh {
display: inline-block;
float: right;
margin: var(--pmpro--spacing--medium) 0 0 0;
}
#pmpro-admin-add-ons *,
#pmpro-admin-add-ons *::before,
#pmpro-admin-add-ons *::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin-left: -20px;
margin-right: -20px;
}
#pmpro-admin-add-ons .add-on-container {
padding: 0 20px;
width: 33.333333%;
margin-bottom: 20px;
}
@media only screen and (max-width: 1249px) {
#pmpro-admin-add-ons .add-on-container {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
#pmpro-admin-add-ons .add-on-container {
width: 100%;
}
#pmpro-admin-add-ons .wp-filter {
display: inline-block;
}
#pmpro-admin-add-ons .wp-filter .search-form input[type=search] {
width: 100%;
}
}
#pmpro-admin-add-ons .add-on-container.search-hide {
display: none !important;
}
#pmpro-admin-add-ons h4 {
font-size: 17px;
font-weight: 700;
}
#pmpro-admin-add-ons .add-on-item {
background-color: #FFF;
border: 1px solid var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
box-shadow: var(--pmpro--box-shadow);
margin: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
}
#pmpro-admin-add-ons .add-on-item .add-on-icon {
border: 1px solid var(--pmpro--border--color);
display: flex;
float: left;
height: 75px;
width: 75px;
}
#pmpro-admin-add-ons .add-on-item img {
padding: 4px;
}
#pmpro-admin-add-ons .add-on-item .add-on-name {
margin: 0 0 10px 100px;
font-size: 16px;
font-weight: 700;
}
#pmpro-admin-add-ons .add-on-item .add-on-name a {
color: #444;
}
#pmpro-admin-add-ons .add-on-item .add-on-name a:hover {
color: #006799;
}
#pmpro-admin-add-ons .add-on-item p {
margin-bottom: 3px;
margin-top: 3px;
}
#pmpro-admin-add-ons .add-on-item .details p {
margin-left: 100px;
}
#pmpro-admin-add-ons .add-on-item .details {
padding: 30px 20px;
position: relative;
}
#pmpro-admin-add-ons .add-on-item .actions {
align-items: center;
display: flex;
background-color: var(--pmpro--color--blue-medium-transparent);
border-top: 1px solid var(--pmpro--border--color);
min-height: 75px;
padding: 10px 15px;
}
#pmpro-admin-add-ons .add-on-item .status {
flex-grow: 1;
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .action-button .button {
border-color: var(--pmpro--color--info-text);
border-radius: var(--pmpro--border--radius);
color: var(--pmpro--color--info-text);
cursor: pointer;
font-weight: 600;
min-width: 120px;
text-align: center;
padding: 6px 2px;
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .action-button .button[disabled],
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .action-button .button.disabled {
cursor: not-allowed;
}
/* Updated icon (check mark). */
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .action-button .button.checkmarked:before,
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .add-on-active:not(.add-on-needs-update) .action-button .button:not(.action-link):before {
color: var(--pmpro--color--success-text-alt);
content: "\f147";
display: inline-block;
font: normal 20px/1 'dashicons';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .dropdown-arrow {
background-color: var(--pmpro--color--blue-lightest);
border: 1px solid var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
cursor: pointer;
display: block;
padding: 0px 2px;
position: absolute;
right: var(--pmpro--spacing--small);
top: var(--pmpro--spacing--small);
text-align: center;
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .dropdown-arrow span.dashicons {
line-height: 1.3;
color: #666;
font-size: 16px;
vertical-align: middle;
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .dropdown-arrow:active {
box-shadow: inset 0 0px 8px rgba( 0, 0, 0, 0.1 );
}
/* Add On Action Dropdown */
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu {
background: #FFF;
border: 1px solid var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
box-shadow: var(--pmpro--box-shadow);
color: #1D2327;
font-size: 13px;
line-height: 1.4;
max-width: 220px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
right: 10px;
top: 36px;
transition: opacity .15s ease, transform .18s ease, visibility .18s linear;
transform: translateY(-4px) scale(.96);
transform-origin: top right;
visibility: hidden;
width: 140px;
z-index: 30;
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .add-on-item.is-open .pmpro-add-on-actions-menu,
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .dropdown-arrow[aria-expanded="true"] + .pmpro-add-on-actions-menu {
opacity: 1;
pointer-events: auto;
transform: translateY(0) scale(1);
visibility: visible;
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu ul,
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu li {
list-style: none;
margin: 0;
padding: 0;
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu button,
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu a {
appearance: none;
background: #FFF;
border-color: var(--pmpro--border--color);
border-radius: 0;
border-style: solid;
border-width: 0 0 1px 0;
box-shadow: none;
color: var(--pmpro--color--info-text);
cursor: pointer;
display: block;
line-height: 1.4;
padding: var(--pmpro--spacing--small) var(--pmpro--spacing--medium);
width: 100%;
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu button:hover,
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu a:focus {
background: var(--pmpro--color--blue-medium-transparent);
outline: none;
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu li:last-child button {
border-bottom-width: 0;
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu .is-destructive,
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu .action-uninstall {
color: var(--pmpro--color--error-text);
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu .is-destructive:hover,
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu .action-uninstall:hover,
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu .is-destructive:focus,
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu .action-uninstall:focus {
background: var(--pmpro--color--error-background);
color: var(--pmpro--color--error-text);
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu button[disabled],
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu a[aria-disabled="true"] {
color: #999;
cursor: not-allowed;
opacity: .65;
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu button[disabled]:hover,
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu a[aria-disabled="true"]:hover {
background: transparent;
}
/* High contrast mode (forced-colors) accessibility tweaks */
@media (forced-colors: active) {
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu {
border: 1px solid CanvasText;
}
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu button:hover,
#pmpro-admin-add-ons #pmpro-admin-add-ons-list .list .pmpro-add-on-actions-menu a:hover {
outline: 1px solid Highlight;
}
}
/**
* License Settings
*/
.pmpro_admin-pmpro-license .pmpro_icon {
height: auto;
margin-left: var(--pmpro--spacing--large);
max-width: 200px;
}
.pmpro_admin-pmpro-license form {
margin: var(--pmpro--spacing--medium) 0;
}
.pmpro_admin-pmpro-license #pmpro-settings-key-box {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: var(--pmpro--spacing--small);
justify-content: flex-start;
margin: var(--pmpro--spacing--small) 0 var(--pmpro--spacing--medium) 0;
}
.pmpro_admin-pmpro-license #pmpro-settings-key-box > * {
margin: 0;
}
.pmpro_admin-pmpro-license label {
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
}
.pmpro_admin-pmpro-license .pmpro_section_inside {
max-width: 900px;
}
.pmpro_admin-pmpro-license .button-hero {
margin-right: var(--pmpro--spacing--small);
}
/**
* Misc
*/
.pmpro_relative {
position: relative;
}
.pmpro_divider {
border-top: 1px solid var(--pmpro--border--color);
color: inherit;
height: 0;
margin: 0;
}
.pmpro_lite {
color: #777;
}
.pmpro_admin .pmpro_opaque {
opacity: 0.5;
}
.pmpro_pad20 {
padding: 20px !important;
}
.pmpro_red {
color: #CC0000;
}
.pmpro_green {
color: #00AA00;
}
.ssp_description #description {
width: 100%;
}
.top0em {
margin-top: 0;
}
/**
* Reports admin area
*/
.pmpro_admin-pmpro-reports #dashboard-widgets .meta-box-sortables {
margin: 20px 8px 20px;
}
.pmpro_report-filters {
align-items: start;
background-color: #FFF;
border: 1px solid var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
box-shadow: var(--pmpro--box-shadow);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: var(--pmpro--spacing--small);
margin: 1em 0;
padding: calc( var(--pmpro--spacing--medium) / 2 );
}
.pmpro_report-filters h3 {
margin: 0;
padding: 0;
}
.pmpro_report-filters .tablenav.top {
align-items: start;
display: flex;
flex-wrap: wrap;
gap: .5em;
height: auto;
margin: 0;
padding: 0;
}
.pmpro_report-filters .tablenav.top .pmpro_report-filter-text {
line-height: 30px;
}
.pmpro_report-filters .select2-container .select2-selection--multiple {
min-height: auto;
}
.pmpro_report-filters .select2-container--default .select2-selection--multiple {
border-color: #8c8f94;
}
.pmpro_report-filters .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
margin: 0;
}
.pmpro_report-filters .select2-container--default .select2-selection--multiple li.select2-selection__choice {
margin: 3px 3px 0 0;
}
.pmpro_report-filters .select2-container--default .select2-search--inline .select2-search__field {
line-height: 1.4;
min-height: auto;
}
.pmpro_report-filters .select2-container--default .select2-search--inline .select2-search__field::placeholder {
color: #2c3338;
}
@media only screen and (min-width: 1500px) and (max-width:1800px) {
#wpbody-content .pmpro_admin-pmpro-reports #dashboard-widgets .postbox-container {
width: 50%
}
#wpbody-content .pmpro_admin-pmpro-reports #dashboard-widgets #postbox-container-1 {
width: 50%;
}
}
/* Reports individual page view styles */
#visits-views-logins-form {
margin-top: var(--pmpro--spacing--medium);
}
#visits-views-logins-form h1.wp-heading-inline {
margin-top: 0;
}
#pmpro_report_login_data thead tr th {
background-color: #1A688B;
color: #FFF;
font-weight: bold;
}
#pmpro_report_login_data thead tr.thead-sub th {
background-color: initial;
color: initial;
font-size: 12px;
font-weight: normal;
word-spacing: 100vw;
}
#pmpro_report_login_data thead th,
#pmpro_report_login_data tbody td {
padding-left: 4px;
padding-right: 4px;
}
/* Reports widgets view styles */
.pmpro_report-holder table.wp-list-table thead th,
.pmpro_report-holder table.wp-list-table tbody td {
padding: 8px 10px;
}
.pmpro_clickable {
cursor: pointer;
}
.js .postbox.pmpro_clickable h3 {
cursor: pointer;
}
#pmpro_report_login .wp-list-table tbody td,
#pmpro_report_memberships .wp-list-table tbody tr.pmpro_report_tr td,
#pmpro_report_sales .wp-list-table tbody tr.pmpro_report_tr td:not(#pmpro_report_sales .wp-list-table tbody tr.pmpro_report_tr td:first-child),
#pmpro_report_sales .wp-list-table tfoot td {
vertical-align: top;
}
#pmpro_report_sales .wp-list-table thead th:last-child,
#pmpro_report_sales .wp-list-table tbody td:last-child,
#pmpro_report_sales .wp-list-table tfoot td:last-child {
text-align: right;
}
.pmpro_report-holder .wp-list-table tbody th {
vertical-align: top;
}
.pmpro_report-holder .wp-list-table tbody button {
border: none;
background: 0 0;
-webkit-border-radius: 0;
border-radius: 0;
color: #555;
cursor: pointer;
line-height: 1.7;
margin: 0;
padding: 0;
text-align: left;
}
button.pmpro_report_th:before {
bottom: 2px;
display: inline-block;
font: 400 20px/1 dashicons;
left: 0;
padding: 0;
position: relative;
text-decoration: none;
vertical-align: bottom;
}
button.pmpro_report_th_opened:before {
content: "\f140";
}
button.pmpro_report_th_closed:before {
content: "\f139";
}
.pmpro_report-holder .wp-list-table tbody tr.pmpro_report_tr_sub:last-child th,
.pmpro_report-holder .wp-list-table tbody tr.pmpro_report_tr_sub:last-child td {
border-bottom: 1px solid var(--pmpro--border--color);
}
#pmpro_report_memberships .wp-list-table tbody:nth-child(odd) th,
#pmpro_report_memberships .wp-list-table tbody:nth-child(odd) td,
#pmpro_report_sales .wp-list-table tbody:nth-child(odd) th,
#pmpro_report_sales .wp-list-table tbody:nth-child(odd) td {
background-color: #fff;
}
#pmpro_report_memberships .wp-list-table tbody:nth-child(even) th,
#pmpro_report_memberships .wp-list-table tbody:nth-child(even) td,
#pmpro_report_sales .wp-list-table tbody:nth-child(even) th,
#pmpro_report_sales .wp-list-table tbody:nth-child(even) td {
background-color: var(--pmpro--color--blue-lightest);
}
.pmpro_admin .pmpro_report-button {
margin: 0;
text-align: center;
}
.pmpro_chart_area {
background-color: #FFF;
border: 1px solid var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
box-shadow: var(--pmpro--box-shadow);
clear: both;
margin: var(--pmpro--spacing--medium) 0;
padding: 0 var(--pmpro--spacing--medium);
}
.pmpro_chart_area rect[stroke-opacity] {
stroke-width: 0 !important;
}
.pmpro_chart_area #chart_div {
height: 500px;
width: 100%;
}
.pmpro_table_area table {
max-width: 900px;
}
.pmpro_table_area tfoot th {
font-weight: 700;
}
/**
* PMPro Dashboard
*/
.pmpro_admin #pmpro-dashboard-form {
margin-top: var(--pmpro--spacing--small);
}
#pmpro-dashboard-form .button {
border-radius: var(--pmpro--border--radius);
}
#pmpro-dashboard-form .button-hero {
display: block;
font-weight: 700;
text-align: center;
}
#pmpro-dashboard-form #dashboard-widgets.metabox-holder {
display: grid;
gap: calc(var(--pmpro--spacing--medium) / 1.5);
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
#pmpro-dashboard-form #dashboard-widgets .postbox {
grid-column: span 1;
margin: 0;
overflow: hidden;
transition: transform 0.5s cubic-bezier(.4,0,.2,1), box-shadow 0.2s;
will-change: transform;
}
#pmpro-dashboard-form #dashboard-widgets .postbox-header .button {
margin-right: 10px;
}
#pmpro-dashboard-form #dashboard-widgets .postbox .inside {
padding: calc( var(--pmpro--spacing--medium) / 2 );
}
#pmpro-dashboard-form #dashboard-widgets .postbox .inside p:first-of-type {
margin-top: 0;
}
/* Grid Layout (4 Columns) */
#pmpro-dashboard-form #dashboard-widgets .postbox.pmpro-colspan-1,
#pmpro-dashboard-form .ui-sortable-placeholder.pmpro-colspan-1 {
grid-column: span 1;
}
#pmpro-dashboard-form #dashboard-widgets .postbox.pmpro-colspan-2,
#pmpro-dashboard-form .ui-sortable-placeholder.pmpro-colspan-2 {
grid-column: span 2;
}
#pmpro-dashboard-form #dashboard-widgets .postbox.pmpro-colspan-3,
#pmpro-dashboard-form .ui-sortable-placeholder.pmpro-colspan-3 {
grid-column: span 3;
}
#pmpro-dashboard-form #dashboard-widgets .postbox.pmpro-colspan-4,
#pmpro-dashboard-form .ui-sortable-placeholder.pmpro-colspan-4 {
grid-column: span 4;
}
/* Welcome Metabox */
#pmpro_dashboard_welcome .pmpro-dashboard-welcome-columns {
display: grid;
grid-gap: var(--pmpro--spacing--large);
grid-template-columns: 1.25fr .75fr .75fr;
}
#pmpro_dashboard_welcome h3 {
color: var(--pmpro--color--almost-black);
font-size: 18px;
font-weight: 500;
margin: var(--pmpro--spacing--medium) 0 var(--pmpro--spacing--small) 0;
}
#pmpro_dashboard_welcome iframe {
aspect-ratio: 16 / 9;
border: none;
height: auto;
margin-bottom: var(--pmpro--spacing--small);
width: 100%;
}
/* Fallback for older browsers that don't support aspect-ratio */
@supports not (aspect-ratio: 16 / 9) {
#pmpro_dashboard_welcome .iframe-container {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
width: 100%;
}
#pmpro_dashboard_welcome .iframe-container iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
}
#pmpro_dashboard_welcome ul li {
margin-bottom: var(--pmpro--spacing--small);
}
#pmpro_dashboard_welcome .pmpro-dashboard-welcome-steps li a {
text-decoration: none;
}
#pmpro_dashboard_welcome li a, #pmpro_dashboard_welcome li a span {
text-decoration: underline;
}
#pmpro_dashboard_welcome ul,
#pmpro_dashboard_welcome h3:first-child {
margin-top: 0;
}
#pmpro_dashboard_welcome p:has(.dashicons) {
align-items: center;
display: flex;
}
#pmpro_dashboard_welcome .dashicons-marker {
color: var(--pmpro--color--blue-darkest);
}
#pmpro_dashboard_welcome .dashicons-yes-alt {
color: var(--pmpro--color--success-text);
}
/* Quick Links Metabox */
#pmpro_dashboard_quick_links .inside {
display: grid;
grid-gap: var(--pmpro--spacing--small);
grid-template-columns: 1fr 1fr 1fr;
}
/* Follow Us Metabox */
#pmpro_dashboard_follow_us ul {
margin: 0;
}
#pmpro_dashboard_follow_us ul li:not(:last-child) {
margin-bottom: calc( var(--pmpro--spacing--medium) / 2 );
}
#pmpro_dashboard_follow_us ul li a {
align-items: center;
display: flex;
justify-content: flex-start;
}
#pmpro_dashboard_follow_us ul li img {
height: 20px;
margin-right: var(--pmpro--spacing--small);
width: 20px;
}
/* News and Updates Metabox */
#pmpro_dashboard_news_updates ul {
margin: 0 0 var(--pmpro--spacing--small) 0;
}
/* Drag and Drop */
#pmpro-dashboard-form #dashboard-widgets .postbox.pmpro-dragging {
box-shadow: 0 12px 32px rgba(0,0,0,0.24), 0 2px 8px rgba(0,0,0,0.12);
opacity: 0.9;
transform: scale(1.02) rotate(-0.5deg);
z-index: 1000;
}
#pmpro-dashboard-form #dashboard-widgets .postbox.pmpro-just-dropped {
box-shadow: 0 4px 16px rgba(0,0,0,0.12);
transform: scale(1.01);
z-index: 10;
}
#pmpro-dashboard-form .ui-sortable-placeholder {
background: var(--pmpro--color--blue-lightest);
border: 3px dashed var(--pmpro--border--color);
border-radius: var(--pmpro--border--radius);
box-sizing: border-box !important;
display: block !important; /* Force visibility */
grid-column: span 1;
min-height: 100%; /* Ensure adequate drop zone height */
opacity: 0.8;
transition: all 0.2s ease;
}
/* Accessibility */
#pmpro-dashboard-form #dashboard-widgets .pmpro-drag-handle:focus, #pmpro-dashboard-form #dashboard-widgets .pmpro-drag-handle:focus-visible {
color: #2170B1 !important;
outline: 0 !important;
text-shadow: #2170B1 0 0 1em;
}
#pmpro-dashboard-form #dashboard-widgets .pmpro-drag-handle:focus span, #pmpro-dashboard-form #dashboard-widgets .pmpro-drag-handle:focus-visible span {
border-radius: var(--pmpro--border--radius);
outline: 2px solid #2170B1;
outline-offset: 4px;
}
#pmpro-dashboard_form #dashboard-widgets .pmpro-dashboard-card[aria-grabbed="true"] {
box-shadow: 0 0 0 4px #2170B1;
}
/* Focus style for keyboard navigation (when the handle is focused) */
.pmpro-keyboard-focus {
box-shadow: 0 0 0 2px #2271b1;
}
/* Highlight metabox when being dragged or picked up by keyboard */
.pmpro-dragged-by-keyboard {
outline: 3px solid #0073aa !important;
background: #e9f5ff !important;
}
/* Reduced motion styles */
@media (prefers-reduced-motion: reduce) {
#pmpro-dashboard-form #dashboard-widgets .postbox.pmpro-dragging,
#pmpro-dashboard-form #dashboard-widgets .postbox.pmpro-just-dropped {
transition: none; /* Disable transitions for reduced motion */
}
}
/* Responsive breakpoints */
@media (max-width: 768px) {
#pmpro-dashboard-form #dashboard-widgets.metabox-holder {
grid-template-columns: 1fr; /* Single column on smaller screens */
}
/* All metaboxes span full width at this breakpoint - clean and simple */
#pmpro-dashboard-form #dashboard-widgets .postbox {
grid-column: 1 / -1 !important;
grid-column-start: auto !important;
}
/* Adjust padding inside metaboxes for smaller screens */
#pmpro-dashboard-form #dashboard-widgets .postbox .inside {
padding: var(--pmpro--spacing--small);
}
/* Make welcome box columns wrap on smaller screens */
#pmpro_dashboard_welcome .pmpro-dashboard-welcome-columns {
grid-template-columns: 1fr; /* Stack columns on smaller screens */
}
#pmpro-dashboard-form .button-hero {
display: inline-block;
}
#pmpro_dashboard_quick_links .inside {
grid-template-columns: 1fr; /* Stack quick links on smaller screens */
}
#pmpro_dashboard_follow_us ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--pmpro--spacing--medium);
}
#pmpro_dashboard_follow_us ul li:not(:last-child) {
margin: 0;
}
}
/* min width 1024px, max width 1380px */
@media (min-width: 768px) and (max-width: 1380px) {
#pmpro-dashboard-form #dashboard-widgets.metabox-holder {
grid-template-columns: 1fr; /* Single column on smaller screens */
}
/* All metaboxes span full width at this breakpoint - clean and simple */
#pmpro-dashboard-form #dashboard-widgets .postbox {
grid-column: 1 / -1 !important;
grid-column-start: auto !important;
}
#pmpro_dashboard_welcome .pmpro-dashboard-welcome-columns {
grid-template-columns: 2fr 2fr; /* Stack columns on smaller screens */
}
/* Make the last item span full width if it's the odd one out */
#pmpro_dashboard_welcome .pmpro-dashboard-welcome-columns > :last-child:nth-child(odd) {
grid-column: span 2;
}
#pmpro-dashboard-form .button-hero {
display: inline-block;
}
#pmpro_dashboard_quick_links .inside {
grid-template-columns: 2fr 2fr; /* Stack quick links on smaller screens */
}
}
/* Fixing core WP UI button styles */
@media (max-width: 782px) {
#pmpro-dashboard-form .pmpro_admin p.pmpro_report-button {
margin-top: 3px;
margin-bottom: 3px;
}
#pmpro-dashboard-form #dashboard-widgets .postbox-header .button {
padding: 8px;
line-height: normal;
margin-bottom: 0;
min-height: auto;
}
}
/* Additional responsive helper for very small screens */
@media (max-width: 600px) {
#pmpro-dashboard-form #dashboard-widgets.metabox-holder {
gap: var(--pmpro--spacing--small);
}
}
/**
* General Admin Styles
*/
.pmpro_admin p.text-center {
text-align: center;
}
.pmpro_admin p.text-right {
text-align: right;
}
/**
* New Installation Notices
*/
.pmpro-new-install {
padding: 2rem;
text-align: center;
}
.pmpro-new-install h2 {
color: #AAA;
font-size: 2rem;
}
.pmpro-new-install h2:before {
display: block;
font: 400 5rem/1.5 dashicons;
}
.pmpro_admin-pmpro-membershiplevels .pmpro-new-install h2:before {
content: "\f110";
}
.pmpro_admin-pmpro-pagesettings .pmpro-new-install h2:before {
content: "\f133";
}
.pmpro_admin-pmpro-discountcodes .pmpro-new-install h2:before {
content: "\f323";
}
#wpbody-content .pmpro-new-install .button-primary,
#wpbody-content .pmpro-new-install .button {
font-size: 1.2em;
height: auto;
margin-bottom: .5rem;
padding: .75em 1.5em;
}
/**
* Responsive Styles
*/
@media only screen and (min-width: 1200px) {
body[class*="admin_page_pmpro-"] .wrap,
body[class*="toplevel_page_pmpro-"] .wrap,
body[class*="memberships_page_pmpro-"] .wrap {
padding-left: 10px;
}
}
@media only screen and (max-width: 782px) {
.pmpro_banner {
margin-left: -30px;
}
.wrap.pmpro_admin {
margin-right: calc( var(--pmpro--spacing--small) * 2 );
margin-left: var(--pmpro--spacing--small);
}
.wrap.pmpro_admin form h1.wp-heading-inline {
display: block;
margin-bottom: var(--pmpro--spacing--small);
}
.wrap.pmpro_admin form .page-title-action {
top: 0;
}
.wrap.pmpro_admin .add-new-h2,
.wrap.pmpro_admin .add-new-h2:active,
.wrap.pmpro_admin .page-title-action,
.wrap.pmpro_admin .page-title-action:active {
padding: calc( var(--pmpro--spacing--small) / 4 ) var(--pmpro--spacing--small);
}
.wrap.pmpro_admin .tablenav.top {
margin: var(--pmpro--spacing--medium) 0 var(--pmpro--spacing--small) 0;
padding: 0;
}
#pmpro-admin-add-ons .pmpro-admin-add-ons-refresh {
margin-top: 0;
}
.wrap.pmpro_admin .tablenav .tablenav-pages {
margin: var(--pmpro--spacing--small) 0;
text-align: left;
}
.dashboard-widgets-wrap .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column),
.pmpro_report-holder .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
display: table-cell;
overflow: hidden;
word-wrap: break-word;
}
.wrap.pmpro_admin .row-actions {
align-items: center;
color: #a7aaad;
gap: 0;
margin: 0 -4px;
}
.wrap.pmpro_admin .row-actions span .button-link,
.wrap.pmpro_admin .row-actions span a {
padding-right: 4px;
padding-left: 4px;
}
.wrap.pmpro_admin .form-table td input[type=email],
.wrap.pmpro_admin .form-table td input[type=password],
.wrap.pmpro_admin .form-table td input[type=text],
.wrap.pmpro_admin .form-table td select {
display: inline-block;
width: auto;
}
.pmpro_admin-pmpro-member input[type=text]:not(.pmpro_admin-pmpro-member tr#date_field_tr input[type=text]), .pmpro_admin-pmpro-member input[type=email] {
min-width: auto;
}
#pmpro_dashboard_report_recent_members .wp-list-table .column-username img {
display: none;
}
.pmpro-new-install {
padding: 0;
}
.pmpro-new-install h2 {
font-size: 1.4rem;
}
.pmpro-new-install .button-primary,
.pmpro-new-install .button {
display: block;
}
.pmpro_admin-pmpro-membershiplevels .membership-levels tr th:first-child:before,
.pmpro_admin-pmpro-membershiplevels .membership-levels tr td:first-child:before {
content: '';
width: 0;
}
.pmpro_admin #pmpro-page-settings select {
margin-bottom: var(--pmpro--spacing--small);
}
.pmpro_admin-pmpro-member .pmpro-level_change-action {
flex-direction: column;
}
.pmpro_admin-pmpro-reports #dashboard-widgets .meta-box-sortables {
margin-left: 0;
margin-right: 0;
}
.pmpro_admin-pmpro-emailtemplates .wp-list-table thead {
display: none;
}
.pmpro_admin-pmpro-emailtemplates .wp-list-table tbody tr td {
display: block;
padding-left: 35%;
}
}
/* plugin update notice */
.pmpro_plugin_update_notice {
background-color: #d54e21 !important;
padding: 10px !important;
color: #f9f9f9 !important;
margin-top: 10px !important;
}
.pmpro_plugin_update_notice+p:before {
display: none;
}
.pmpro_admin-pmpro-memberslist a span.dashicons-plus {
vertical-align: sub;
font-size: 15px;
}