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