.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:normal;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:.001s!important;animation-duration:.001s!important}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin:-10px 0 0 0;width:15px;height:15px;opacity:.5;padding:10px;border:none;outline:none;background:none;box-shadow:none;cursor:pointer}.cn-close-icon:focus,.cn-close-icon:focus-visible{outline:2px solid currentColor;outline-offset:3px}.cn-close-icon:hover{opacity:1}.cn-close-icon:before,.cn-close-icon:after{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:rgba(128,128,128,1)}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:normal;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0 0 0 10px;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:none;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px 0}.cn-text-container,.cn-buttons-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}[class*='pms-pt-border-']{
border-radius: 50px !important;
border: 1px solid #F1F1F1 !important;
box-shadow: 0 0 10px 0 #1018281A;
}
.pms-pt-border-2{
box-shadow: 0 5px 30px 2px rgba(1, 111, 208, 0.24), 0 2px 8px 0 rgba(1, 111, 208, 0.37);
}
.pms-pt-gap{
justify-content: center !important;
align-items: flex-start !important;
flex-wrap: wrap !important;
}
[class*='pms-pt-card-']{
min-width: 348px;
box-sizing: border-box;
max-width: 400px !important;
padding: 24px !important;
background: white;
margin-bottom: 15px !important;
}  .pms-pt-text-title, .pms-pt-text-price{
color: #1A1A1A !important;
font-family: Roboto, sans-serif !important;
font-size: 27px !important;
font-weight: 700 !important;
line-height: 120%; letter-spacing: -0.54px; }
.pms-pt-text-title{
margin: 0 !important;
}
.pms-pt-text-price{
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.pms-pt-text-duration{
font-size: 12px !important;
font-weight: 400 !important;
line-height: 140% !important; margin-left: 3px;
}
.pms-pt-separator:before{
content: "" !important;
display: block;
border-top: 1px solid #D9D9D9 !important;
}
.pms-pt-separator{
margin: 30px auto !important;
}
.pms-pt-text-description{
color: #667085; font-size: 18px !important;
font-weight: 400;
line-height: 140%; text-align: left !important;
}  .pms-pt-list{
width: 80%;
font-size: 18px !important;
}
.pms-pt-list li {
position: relative;
padding: 8px !important;
list-style: none;
line-height: 28px;
}
.pms-pt-list li::before{
content: url(//dorffladen.de/wp-content/plugins/paid-member-subscriptions/includes/admin/pricing-table-designs/icons/pricing-table-marker-style-3.svg);
display: flex;
width: 28px;
height: 28px;
border-radius: 70%;
background: #EEEEFD;
position: absolute;
left: -37px;
justify-content: center;
align-items: center;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}  .pms-pt-button-column-1, .pms-pt-button-column-2{
margin-top: 30px !important;
}
.pms-pt-button-column-1 .wp-block-button__link{
border-radius: 50px !important;
border: 2px solid!important;
border-color: #554FE6 !important;
text-decoration: none !important;
transition: background-color 0.15s;
}
.pms-pt-button-column-1 .wp-block-button__link:hover{
background: #554FE6 !important;
}
.pms-pt-button-column-1 .wp-block-button__link strong{
color: #554FE6;
font-family: Roboto, sans-serif;
font-size: 18px;
line-height: 25.2px;
transition: color 0.15s;
}
.pms-pt-button-column-1 .wp-block-button__link:hover strong{
color: white;
}
.pms-pt-button-column-2 .wp-block-button__link{
border-radius: 50px !important;
background: #554FE6!important;
border: 2px solid!important;
border-color: #554FE6 !important;
text-decoration: none !important;
transition: background-color 0.15s;
}
.pms-pt-button-column-2 .wp-block-button__link:hover{
background: white !important;
}
.pms-pt-button-column-2 .wp-block-button__link strong{
color: #FFF;
font-family: Roboto, sans-serif;
font-size: 18px;
line-height: 25.2px;
transition: color 0.15s;
}
.pms-pt-button-column-2 .wp-block-button__link:hover strong{
color: #554FE6;
}  @media (max-width: 420px) {
.pms-pt-list{
width: 90%;
}
}.pms-form input[type=text],
.pms-form input[type=password],
.pms-form input[type=email],
.pms-form input[type=textarea],
#pms_login input[type=text],
#pms_login input[type=password],
#pms_login input[type=email],
textarea {
width: 100%;
}
#pms_login p {
margin-bottom: 16px;
}
#pms_login .login-remember {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 7px;
}
#pms_login .login-remember input {
cursor: pointer;
}
#pms_login .login-remember label {
margin-bottom: 0;
padding-left: 8px;
cursor: pointer;
}
#pms_login .login-extra .separator {
margin-left: 4px;
margin-right: 4px;
}
.pms-form > input[type=submit] {
margin-right: 20px;
}
form.pms-form ul.pms-form-fields-wrapper li {
list-style: none;
}
form.pms-form ul.pms-form-fields-wrapper {
list-style: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.pms-form {
margin-bottom: 1em;
}
.pms-form .pms-field-section {
list-style: none;
}
.pms-field {
margin: 0 0 20px 0;
}
.pms-field input[type=checkbox],
.pms-field input[type=radio] {
margin-right: 7px;
}
.pms-field.pms-field-type-select select, .pms-field.pms-field-type-select_state select {
width: 100%;
}
.pms-field.pms-field-type-checkbox .pms-field-input-container label,
.pms-field.pms-field-type-radio .pms-field-input-container label {
display: inline-block;
margin-right: 12px;
}
.pms-field-description {
font-size: 0.85em;
font-style: italic;
opacity: 0.8;
margin: 5px 0;
} .pms-field-required-asterix {
display: inline-block;
margin: 0 3px;
color: #c0392b;
} .pms-submit-disabled {
cursor: wait !important;
}
.pms-form .beehive, .wppb-user-forms .beehive {
display: none;
}
.pms_field-errors-wrapper p {
font-size: 90%;
color: #c0392b;
}
.pms-login-error {
padding: 5px 10px;
border: 1px solid rgba(255, 64, 64, 0.75);
background: rgba(255, 64, 64, 0.1);
}
.pms-form-errors-wrapper {
padding: 5px 10px;
border: 1px solid rgba(255, 64, 64, 0.75);
background: rgba(255, 64, 64, 0.1);
margin-bottom: 1em;
font-size: 80%;
color: #c0392b;
}
.pms-form-errors-wrapper p:last-of-type {
margin-bottom: 0;
} .pms_success-messages-wrapper p {
padding: 5px 10px;
background: rgba(59,139,8, 0.2);
border: 1px solid rgba(59,139,8, 0.5);
color: rgb(49,115,7);
} .pms-warning-message-wrapper {
padding: 2rem;
background: #f6f6f6;
border-left: 5px solid #e76054;
border-radius: 3px;
box-shadow: 0 2px 8px 3px rgba(0,0,0,0.1);
background: rgba(231, 96, 84, 0.08);
margin-bottom: 32px;
}
.pms-warning-message-wrapper > p:last-of-type {
margin-bottom: 0;
}
.pms-billing-state__select {
display: none;
}
#pms_billing_country_chosen, #pms_billing_state_chosen {
width: 100% !important;
}
#pms-renew-subscription-form p,
#pms-cancel-subscription-form p,
#pms-abandon-subscription-form p {
margin-bottom: 16px;
}  .pms-subscription-plans-group-wrapper {
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}
.pms-subscription-plan {
margin-bottom: 18px;
}
.pms-subscription-plan input {
margin-right: 7px;
}
.pms-subscription-plan-description {
font-size: 85%;
font-style: italic;
margin-left: 24px;
}
.pms-subscription-plan.pms-hidden .pms-subscription-plan-description {
margin-left: 0;
}
.pms-subscription-plan.pms-last,
.pms-subscription-plans-group-wrapper.pms-last {
border-bottom: 0;
}
.pms-subscription-plan label, .pms-subscription-plan input {
cursor: pointer;
}
.pms-subscription-plan .pms-subscription-plan-price > .pms-divider:not(:first-of-type):not(.pms-duration-divider) {
display: none;
}  .pms-account-subscriptions-header > span,
.pms-account-subscription > span {
display: inline-block;
width: 24%;
vertical-align: text-top;
}
.pms-account-subscription-details-table {
margin-bottom: 12px;
}
.pms-account-subscription-details-table tr > td:first-of-type {
font-weight: bold;
}
.pms-account-subscription-details-table__payment-method__wrap {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.pms-account-subscription-details-table__payment-method__brand, .pms-account-subscription-details-table__payment-method__number {
margin-right: 8px;
}
.pms-account-subscription-details-table__payment-method__brand svg, .pms-account-subscription-details-table__payment-method__brand {
width: 32px;
height: 24px;
}
.pms-account-subscription-details-table__payment-method__brand-paypal {
display: flex;
align-items: center;
justify-content: center;
}
.pms-account-subscription-details-table__payment-method__brand-paypal svg, .pms-account-subscription-details-table__payment-method__brand-paypal {
width: 60px;
}
.pms-account-subscription-action-link {
margin-right: 10px;
cursor: pointer;
}
.pms-account-subscription-action-link__update-payment-method {
font-size: 90%;
}
.pms-subscription-plan.pms-subscription-plan-has-actions,
.pms-subscription-plans-header {
border-bottom: 1px solid #ccc;
margin-bottom: 0.8421em;
padding-bottom: 0.8421em;
}
.pms-subscription-plan.pms-subscription-plan-has-actions:after {
display: block;
content: '';
clear: both;
}
.pms-subscription-plans-header {
font-weight: bold;
}
.pms-account-subscription .pms-subscription-plan-name,
.pms-subscription-plan-expiration {
display: inline-block;
width: 30%;
vertical-align: text-top;
}
.pms-subscription-plan-actions {
float: right;
}
.pms-subscription-plan-actions a {
margin-left: 10px;
}
.pms-subscription-plan-actions a:first-of-type {
margin-left: 0;
}
.pms-subscription-plan-actions .pms-action-retry-payment-wrapper {
text-align: right;
}  .wppb-form-field.wppb-subscription-plans label {
width: 100%;
float: none;
}
.wppb-form-field.wppb-subscription-plans input {
display: inline-block;
float: none;
margin-right: 7px !important;
}
.wppb-form-field.wppb-subscription-plans span.description {
display: block;
font-size: 100%;
font-style: italic;
margin-left: 0;
margin-bottom: 1.5em;
}
.wppb-form-field.wppb-subscription-plans h4 {
margin-bottom: 16px;
}
.wppb-user-forms .pms-billing-details input[type="text"] {
width: 100%;
}  #pms-paygates-wrapper {
margin-bottom: 1em;
}
#pms-paygates-inner {
visibility: hidden;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 30px;
}
#pms-paygates-inner > label {
display: inline-flex;
align-items: center;
cursor: pointer;
margin: 0;
background-color: #FFFFFF;
}
#pms-paygates-inner input {
appearance: none;
display: none;
}
#pms-paygates-inner input + span {
border: 1px solid #CFD4DE;
width: 136px;
height: 56px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
#pms-paygates-inner input + span:hover,
#pms-paygates-inner input:checked + span {
border-color: #0056ba;
}
#pms-paygates-inner input[value="manual"] + span {
font-style: normal;
font-weight: 500;
font-size: 14px;
color: #090A0B;
}
#pms-paygates-inner input[value="paypal_pro"] + span,
#pms-paygates-inner input[value="paypal_express"] + span,
#pms-paygates-inner input[value="paypal_standard"] + span,
#pms-paygates-inner input[value="paypal_connect"] + span {
font-size: 0;
background: url(//dorffladen.de/wp-content/plugins/paid-member-subscriptions/assets/images/PayPal-payment-icon.svg) no-repeat center center;
}
#pms-paygates-inner input[value="stripe_connect"] + span,
#pms-paygates-inner input[value="stripe_intents"] + span {
font-size: 0;
background: url(//dorffladen.de/wp-content/plugins/paid-member-subscriptions/assets/images/CreditCard-payment-icon.svg) no-repeat center center;
}
#pms-active-gateways-not-available,
#pms-gateways-not-available {
background: rgba(52, 152, 219, 0.25 );
border: 1px solid rgba(52, 152, 219, 0.85);
color: rgba(41, 128, 185, 1.0);
padding: 0.5em 0.75em;
margin: 1em 0;
}
#pms-gateways-not-available {
display: none;
}
.pms-paygate-extra-fields {
display: none;
}  .pms-subscription-plan-auto-renew {
margin-bottom: 1em;
}
.pms-form .pms-billing-toggle,
.pms-form .pms-email-marketing-field label,
.pms-form .pms-gdpr-field label,
.pms-subscription-plan-auto-renew label {
display: flex;
justify-content: flex-start;
gap: 4px;
cursor: pointer;
}
.pms-form .pms-billing-toggle label {
cursor: pointer;
}
.pms-form .pms-gdpr-field label {
align-items: flex-start;
}
.pms-form .pms-billing-toggle,
.pms-form .pms-email-marketing-field label,
.pms-subscription-plan-auto-renew label {
align-items: center;
}
.pms-form .pms-gdpr-field label .pms-gdpr-field-text {
padding-top: 2px;
}
.pms-form .pms-email-marketing-field label .pms-email-marketing-field-text a,
.pms-form .pms-gdpr-field label .pms-gdpr-field-text a {
line-height: 20px;
}  .pms-table,
.pms-table th,
.pms-table td { border: 1px solid #e1e1e1; }
.pms-table { border-width: 1px 0 0 1px; }
.pms-table th,
.pms-table td { border-width: 0 1px 1px 0; }  #pms-submit-button-loading-placeholder-text {
display: none;
}  .pms-account-navigation {
margin-bottom: 12px;
font-weight: bold;
}
.pms-account-navigation ul {
list-style-type: none !important;
display: flex;
flex-wrap: wrap;
margin: 0 !important;
padding: 0 !important;
}
@media screen and ( max-width: 600px ) {
.pms-account-navigation ul {
flex-direction: column;
}
}
.pms-account-navigation li {
list-style: none !important;
}
.pms-account-navigation li.pms-account-navigation-link {
margin-right: 16px;
}
.pms-account-navigation li.pms-account-navigation-link a  {
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
}
.pms-account-navigation li.pms-account-navigation-link a:hover,
.pms-account-navigation li.pms-account-navigation-link .pms-account-navigation-link--active {
box-shadow: 0 1px 0 0 currentColor !important;
}  .pms-payment-error {
padding: 5px 10px;
border: 1px solid rgba(255, 64, 64, 0.75);
background: rgba(255, 64, 64, 0.1);
margin-bottom: 16px;
font-size: 90%;
color: #c0392b;
}
.pms-payment-error p {
margin-bottom: 10px;
}
.pms-payment-error p:first-of-type {
margin-top: 0;
}
.pms-payment-error p:last-of-type {
margin-bottom: 0;
}
.pms-payment-error__message {
font-weight: bold;
}
ul.pms-field-section {
margin-left: 0;
padding-left: 0;
} .wppb-form-field.wppb-subscription-plans .pms-form-fields-wrapper label,
.wppb-form-field.wppb-subscription-plans .pms-field-section label {
width: 30%;
float: left;
padding-bottom: 5px;
}
.wppb-form-field .pms-form-fields-wrapper #pms_card_exp_month, .wppb-form-field .pms-form-fields-wrapper #pms_card_exp_year,
.wppb-form-field .pms-field-section #pms_card_exp_month, .wppb-form-field .pms-field-section #pms_card_exp_year {
width: 15%;
}
.wppb-form-field .pms-field-card-expiration select,
.wppb-form-field .pms-field-type-card_expiration_date select {
float: none;
}
.wppb-form-field .pms-form-fields-wrapper .pms_expiration_date_separator,
.wppb-form-field .pms-field-section .pms_expiration_date_separator {
padding: 0 5px;
}
.wppb-form-field #pms_billing_country,
.wppb-form-field #pms_billing_state,
.wppb-form-field #pms_card_number,
.wppb-form-field .pms-billing-details input[type=text] {
width: 69.9%;
}
.wppb-form-field.wppb-subscription-plans .pms-form-fields-wrapper input,
.wppb-form-field.wppb-subscription-plans .pms-field-section input {
margin-right: 0 !important;
}
#pms_edit-profile-form .pms-billing-details {
display: flex;
margin-bottom: 24px;
}
#pms-upgrade-subscription-form .pms-upgrade__message, #pms-change-subscription-form .pms-upgrade__message {
margin-bottom: 1.2em;
font-size: 115%;
}
.pms-subscription-plan-price__recurring {
display: none;
}
.pms-prorate-frontend-message {
margin-bottom: 1.345em;
font-size: 90%;
font-style: italic;
}
#pms-update-payment-method-form #pms-credit-card-information {
margin-top: 24px;
}
#pms-update-payment-method-form .pms_field-errors-wrapper {
margin-bottom: 24px;
}
.pms-subscription-plan input.small {
width: 10% !important;
min-width: 80px;
}
.pms-field .pms_pwyw_pricing {
display: inline-block;
margin-left: 5px;
} #pms-pass-strength-result {
background-color: #eee;
border: 1px solid #ddd;
display: inline-block; margin: 13px 5px 5px 30%;
padding: 3px 5px;
text-align: center;
width: 200px;
line-height: 28px;
min-height: 36px;
}
#pms-pass-strength-result.short {
background-color: #FFA0A0;
border-color: #F04040;
}
#pms-pass-strength-result.bad {
background-color: #FFB78C;
border-color: #FF853C;
}
#pms-pass-strength-result.good {
background-color: #FFEC8B;
border-color: #fc0;
}
#pms-pass-strength-result.strong {
background-color: #C3FF88;
border-color: #8DFF1C;
}
.pms-register-form-top-plans .pms-form-fields-wrapper {
display: flex;
flex-direction: column;
}
.pms-register-form-top-plans .pms-form-fields-wrapper .pms-field-subscriptions {
order: 1;
}
.pms-register-form-top-plans .pms-form-fields-wrapper .pms-credit-card-information {
order: 2;
}
.pms-register-form-top-plans .pms-form-fields-wrapper .pms-account-section-wrapper {
order: 3;
}
.pms-register-form-top-plans .pms-form-fields-wrapper .pms-billing-details:not(#pms_edit-profile-form .pms-billing-details, #pms-update-payment-method-form .pms-billing-details) {
order: 4;
}
.pms-spinner {
width: 48px;
height: 48px;
border: 5px solid transparent;
border-bottom-color: #0056ba;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
.pms-spinner__holder {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 80px;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .grecaptcha-badge {
visibility: hidden !important;
} #pms_billing_country {
width: 100%;
}
.StripeElement {
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid #cfd7df;
border-radius: 4px;
background-color: white;
box-shadow: 0 1px 3px 0 #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
}
.StripeElement--focus {
box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
border-color: #fb1427;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}
.pms-loader {
display: block;
width: 50px;
height: 50px;
margin: 0 auto;
border: 3px solid rgba(255, 255, 255, .3);
border-radius: 50%;
border-top-color: #00a0d2;
animation: spin 1s ease-in-out infinite;
-webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
to {
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
}
}
.pms-auth-form__loader-msg {
margin-top: 6px;
text-align: center;
}
.pms-stripe-error-message {
font-size: 16px;
color: #fb1427;
margin-top: 8px;
}
.wppb-user-forms .pms-paygate-extra-fields-stripe_connect {
margin-bottom: 24px;
}
.pms-stripe-error-message+.pms_field-errors-wrapper {
display: none;
}
#pms-stripe-payment-elements.StripeElement,
#payment-request-button.StripeElement {
height: auto;
border: 0px;
border-radius: 0px;
padding: 0px;
box-shadow: none;
-webkit-transition: none;
transition: none;
}
.pms-form #payment-request-button {
margin-bottom: 18px;
}
#pms-stripe-payment-elements {
max-width: 500px;
margin-bottom: 16px;
} #pms_subscription_plans_discount_code {
width: 50%
}
#pms-subscription-plans-discount-messages-wrapper {
display: none;
padding: 1em;
margin: 1em 0;
margin-top: 0px;
border: 1px solid #e7e7e7;
}
#pms-subscription-plans-discount-messages {
display: none;
}
#pms-subscription-plans-discount-messages-loading {
display: none;
}
label[for="pms_subscription_plans_discount"] {
display: block;
}
.pms-discount-error {
color: #c0392b;
font-size: 80%;
}
.pms-discount-success {
color: green;
}
#pms-subscription-plans-discount {
margin-bottom: 1em;
}
#pms-paygate-extra-fields-paypal_connect__placeholder {
max-width: 200px;
}
.logged-in #pms-paygate-extra-fields-paypal_connect__placeholder {
max-width: 250px;
}
#pms-paypal-connect {
margin-bottom: 16px;
} .pms-billing-details {
display: none;
flex-wrap: wrap;
gap: 18px;
}
.pms-billing-details .pms-field {
margin-bottom: 0;
width: 100%;
}
.pms-billing-details .pms-field-type-heading h3,
.pms-billing-details .pms-field-type-heading h4 {
margin-bottom: 0;
}
.pms-billing-details .pms-field-type-heading {
margin-bottom: 12px; }
@media screen and ( min-width: 600px ) {
.pms-billing-details .pms-billing-first-name,
.pms-billing-details .pms-billing-last-name,
.pms-billing-details .pms-billing-city,
.pms-billing-details .pms-billing-state,
.pms-billing-details .pms-billing-zip,
.pms-billing-details .pms-billing-country {
flex-basis: calc( 50% - 9px ); }
} .pms-invite-code-description{
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #6E7A86;
margin-top: 5px;
font-style: italic;
}
.pms-gift-activation-message {
padding: 1.5rem;
border-left: 5px solid #00a0d2;
border-radius: 3px;
box-shadow: 0 2px 8px 3px rgba(0,0,0,0.1);
margin-bottom: 32px;
} .pms-confirm-pause-subscription, .pms-redirect-back-pause-subscription,
.pms-confirm-resume-subscription, .pms-redirect-back-resume-subscription{
margin-right: 20px !important;
}