* * All of the CSS for your public-facing functionality should be * included in this file. */ @keyframes visible {
from {
opacity: 0;
}
to {
opacity: 0.95;
}
} select#membership_billing_country:focus,
.entry-summary .button.alt:focus,
.wps_mfw_button-main:focus,
.wps_membership_payment_modal .payment_method_select:focus,
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable:focus,
.wps_membership_buy_now_btn .wps_membership_buynow:focus,
.wps_membership_no_thanks.button.alt.thickbox:focus,
.bacs_receipt_remove_file:focus,
.bacs_receipt_wrapper input:focus {
box-shadow: none;
outline: none;
} .button.alt.mfw-membership {
background-color: #1a3365;
border-radius: 40px;
border: 2px solid #1a3365;
color: #ffffff;
display: inline-block;
font-size: 13px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.5;
margin: 0;
max-width: 230px;
padding: 10px 30px;
text-align: center;
text-transform: capitalize;
transition: 0.3s all linear;
margin-top: 20px;
margin-bottom: 20px; }
.products .button.alt.mfw-membership {
margin: 10px auto;
}
.button.alt.mfw-membership:hover {
background-color: rgb(255 255 255 / 50%);
color: #1a3365 !important;
}
.button.alt.mfw-membership:after {
display: none;
}
.product-meta.product-meta-review {
border: 2px solid;
border-radius: 35px;
color: #f37e21;
max-width: 200px;
text-align: center;
margin: 0px auto -5px;
}
.product .product-meta.product-meta-review {
margin: 10px 0 10px 0;
max-width: 230px;
}
.mfw-product-meta-membership {
text-align: center;
}
.product-inner {
position: relative;
}
.product-inner .mfw-product-meta-membership-wrap {
position: absolute;
top: 280px;
left: 0;
right: 0;
}
.mfw-product-meta-membership-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.product-inner .woo-entry-image+.mfw-product-meta-membership-wrap+.woo-entry-inner li.image-wrap {
margin-bottom: 60px !important;
}
.wps_mfw_membership_tool_tip_wrapper {
position: relative;
cursor: help;
top: 0px;
right: 0px;
}
.fa-question-circle.wps_mfw_membership_tool_tip_wrapper {
background-color: #3a3a3a;
border-radius: 50%;
font-size: 10px;
color: #ffffff;
font-style: normal;
display: block;
width: 16px;
height: 16px;
text-align: center;
margin-left: 10px;
}
.fa-question-circle.wps_mfw_membership_tool_tip_wrapper:before {
content: "?";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fa-check-circle.wps_mfw_progress-bar_done {
font-size: 20px;
color: #ffffff;
display: block;
width: 30px;
height: 30px;
text-align: center;
}
.fa-check-circle.wps_mfw_progress-bar_done:before {
content: "\2714";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.wps_mfw_membership_tool_tip {
position: absolute;
max-width: 300px;
top: 30px;
left: -93px;
padding: 10px;
min-width: 200px;
text-align: center;
background-color: #333;
color: #ffffff;
border-radius: 5px;
display: none;
z-index: 1;
}
.wps_mfw_membership_tool_tip:before {
content: "";
position: absolute;
width: 0;
height: 0;
top: -18px;
max-width: 300px;
right: 50%;
margin: auto;
border-top: 12px solid #333;
border-right: 10px solid #ffffff00;
border-left: 10px solid transparent;
transform: rotate(180deg) translate(-50%, -50%);
} .wp-block-cover {
background: linear-gradient(180deg, #1a3365 50%, #ffffff99 50%) !important;
font-family: sans-serif;
height: auto;
}
.wp-block-cover .wp-block-cover__inner-container {
top: 0;
}
.wp-block-cover__inner-container h2 em {
text-transform: uppercase;
font-style: normal;
letter-spacing: 2px;
line-height: 1.5;
font-size: 40px;
}
.wp-block-cover__inner-container h2 {
padding: 20px 0 0;
}
.wps_mfw_membership_front_page {
display: flex;
flex-direction: column;
align-items: center;
max-width: 400;
margin: 30px auto;
padding: 20px 15px;
min-height: 300px;
background-color: rgb(255 255 255 / 90%);
box-shadow: 0px 0px 5px #565656;
border-radius: 5px;
}
.wps_mfw_membership_front_page .dashicons.dashicons-awards.wps_mfw_membership_icon {
font-size: 65px;
color: #f37e21;
display: inline-block;
width: 65px;
height: 65px;
}
.wps_membership_plan_content_title,
.wps_membership_plan_content_price,
.wps_membership_plan_content_desc {
width: 100%;
text-align: center;
padding: 20px 15px 15px;
color: #171717;
letter-spacing: 1px;
font-weight: 600;
}
.wps_membership_plan_content_title {
font-size: 30px;
border-bottom: 2px solid #f37e21;
line-height: 1.25 !important;
}
.wps_membership_plan_content_price {
font-size: 40px;
}
.wps_membership_plan_content_desc {
font-size: 18px;
font-weight: 400;
}
.wps_mfw_buy_button {
display: flex;
justify-content: space-evenly;
width: 100%;
flex-wrap: wrap;
align-items: flex-start;
}
.wps_membership_buy_now_btn .wps_membership_buynow,
.button.alt.wps_membership_no_thanks {
border: 2px solid transparent;
border-radius: 5px;
background-color: #ffffff;
color: #f37e21;
transition: linear 0.3s;
font-size: 16px;
padding: 5px;
display: flex;
align-items: center;
margin: 10;
min-height: 40px;
min-width: 150px;
justify-content: center;
}
.wps_membership_no_thanks.button.alt.thickbox:hover {
border: 2px solid #f37e21;
background-color: #ffffff;
box-shadow: none;
color: #f37e21;
}
.wps_membership_plan_content_desc .wps_membership_buynow:hover {
border: 2px solid #ffffff;
background-color: #f37e21;
box-shadow: none;
color: #ffffff;
} .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
width: calc(100% - 15px) !important;
max-width: 700px;
left: 0 !important;
right: 0 !important;
margin: 0 auto;
top: 20px !important;
}
.ui-dialog-content {
position: relative;
}
input::placeholder {
color: #d8d8d8;
}
label {
font-weight: 600;
color: #333333;
font-size: 18px;
letter-spacing: 1px;
}
form#wps_membership_buy_now_modal_form {
margin: 0px;
}
.wps_membership_buy_now_modal {
display: flex;
flex-direction: column;
}
.wps_mfw_multi-level-form {
order: 3;
}
.bacs_receipt_wrapper {
display: flex;
flex-direction: column;
}
.bacs_receipt_field {
margin-bottom: 20px;
overflow: hidden;
}
.wps_mfw_progress-bar {
display: flex;
justify-content: space-between;
list-style-type: none;
order: 1;
margin: 0px auto;
color: #dcdcdc;
position: relative;
max-width: 500px;
width: 100%;
padding: 0;
}
.wps_mfw_progress-bar:after {
content: "";
position: absolute;
left: 0;
right: 0;
width: 100%;
border-top: 2px dashed #ddd;
top: 14px;
}
#mfw-bacs-file-upload-wrapper {
display: flex;
}
#progress-wrapper {
margin-right: 20px;
}
.wps_mfw_progress-line {
max-width: 300px;
padding: 0px;
overflow-x: hidden;
display: flex;
align-items: center;
justify-content: flex-start;
letter-spacing: 2px;
}
.wps_mfw_progress-bar-step {
font-size: 20px;
pointer-events: none;
transition: linear 1s;
position: relative;
z-index: 5;
background-color: #dcdcdc;
border-radius: 50%;
}
.wps_mfw_progress-bar-line {
height: 3px;
background-color: #dcdcdc;
width: 25%;
max-width: 450px;
}
.wps_mfw_progress-bar-active {
color: #1a3365;
}
.wps_mfw_billing-heading {
max-width: 500px;
margin: 20px auto 0px;
}
.wps_mfw_billing-heading h3 {
align-items: center;
border-bottom: 4px solid #1a3365;
color: #1a1a1a;
font-weight: 600;
letter-spacing: 1px;
pointer-events: none;
}
.wps_mfw_complete-name {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.wps_mfw_complete-name>p {
flex: 0 0 100%;
max-width: calc(50% - 5px);
}
.wps_mfw_form-field-wrapper-part-a {
align-content: center;
display: flex;
flex-direction: column;
}
.wps_mfw_form-field-wrapper-part-a,
.wps_mfw_form-field-wrapper-part-b {
width: 100% !important;
}
.membership_billing_fields .wps_mfw_form_field {
background: #fff;
border: none;
border-bottom: 1px solid #1a3365;
box-shadow: none;
color: #1a3365;
outline: none;
max-width: 500px;
padding: 2px;
width: 100%;
}
.membership_billing_fields .wps_mfw_form_field:focus {
background-color: inherit;
}
.wps_mfw_form_field-wrapper {
margin: 0 0 10px;
}
#membership_billing_country {
border: none;
color: #1a3365;
background-color: #ffffff;
border-bottom: 1px solid #1a3365;
}
#wps_billing_first_name_field,
#wps_billing_last_name_field,
#wps_billing_country_field,
#wps_billing_state_field,
#wps_billing_company_field,
#wps_billing_phone_field,
#wps_billing_email_field,
#wps_billing_address_1_field,
#wps_billing_address_2_field,
#wps_billing_city_field,
#wps_billing_postcode_field {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
#wps_billing_first_name_field>.membership-input-wrapper,
#wps_billing_last_name_field>.membership-input-wrapper,
#wps_billing_company_field>.membership-input-wrapper,
#wps_billing_phone_field>.membership-input-wrapper,
#wps_billing_email_field>.membership-input-wrapper,
#wps_billing_address_1_field>.membership-input-wrapper,
#wps_billing_address_2_field>.membership-input-wrapper,
#wps_billing_city_field>.membership-input-wrapper,
#wps_billing_postcode_field>.membership-input-wrapper,
#wps_billing_country_field>.membership-input-wrapper,
#wps_billing_state_field>.membership-input-wrapper {
flex: 0 0 100%;
display: contents;
}
.wps_mfw_form_field-error {
font-size: 10px;
color: #ff0000;
text-align: right;
}
.membership_customer_details {
max-width: 500px;
margin: 0px auto;
overflow: hidden;
}
.wps_membership_payment_modal {
list-style-type: none;
margin: 50px auto;
max-width: 500px;
width: 100% !important;
order: 2;
}
.wps_mfw_pre-next-btn {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 500px;
margin: 0px auto;
}
.wps_mfw_button-main {
background: #1a3365;
border: 2px solid #1a3365;
color: white;
font-size: 14px;
letter-spacing: 1px;
outline: none;
border-radius: 5px;
transition: linear 0.3s;
margin: 10px auto;
padding: 10px;
}
.wps_mfw_button-main:hover {
background: inherit;
border: 2px solid #1a3365;
color: #1a3365;
}
.payment_box.payment_method_membership-adv-bank-transfer,
.payment_box.payment_method_membership-paypal-smart-buttons {
background-color: #1a336511;
border-radius: 5px;
margin: auto;
max-width: 465px;
padding: 5px;
}
#paypal-button-container {
max-width: 200px;
margin: 0px auto;
margin-top: 10px;
width: 100%;
display: flex;
order: 2;
}
.membership-input-wrapper input[name="membership_proceed_payment"] {
border: 2px solid #f37e21;
font-size: 14px;
letter-spacing: 1px;
outline: none;
white-space: break-spaces;
border-radius: 5px;
transition: linear 0.3s;
margin: 10px 0px 10px 10px;
padding: 10px;
background-color: #f37e21;
color: #ffffff;
}
.membership-input-wrapper input[name="membership_proceed_payment"]:hover {
background: #ffffff;
box-shadow: none;
border: 2px solid #f37e21;
color: #f37e21;
}
.wc_payment_method,
.wc_payment_method label {
cursor: pointer;
}
#progress-wrapper .progress-bar {
background-color: transparent;
}
.progress-complete {
max-width: 87px;
width: 100%;
height: 10px;
background-color: #f37e21;
border-radius: 2px;
}
#membership_proceed_payment {
display: none;
}
.progress-failed {
max-width: 120px;
width: 100%;
height: 10px;
background-color: #f32121;
border-radius: 2px;
}
.wps-mfw__progress-bar {
margin-right: 10px;
width: 100px;
}
.wps-mfw__progress-bar .status {
margin: 10px 0;
font-size: 14px;
display: none;
}
.bacs_receipt_remove_file {
background-color: #1a3365;
border: 1px solid #1a3365;
border-radius: 5px;
color: #fff;
display: inline-block;
font-size: 12px;
padding: 5px;
}
.bacs_receipt_remove_file:hover {
border: 1px solid #1a3365;
color: #1a3365;
background-color: inherit;
}
.is_hidden {
display: none;
} .wps_mfw_form_field-wrapper {
position: relative;
}
.wps_mfw_form_field-wrapper .tooltip {
position: static;
}
.wps_mfw_form_field-wrapper .tooltip .tooltiptext {
border-radius: 2px;
color: red;
display: block;
font-size: 12px;
letter-spacing: 0.5px;
padding: 5px;
right: 0px;
top: 0;
width: 100%;
}
.disable_required {
pointer-events: none !important;
} .available_member {
margin: 10px 10px -20px 0;
display: inline-block;
max-width: 125px;
vertical-align: bottom;
clear: both
}
.available_member div {
margin-top: 10px;
}
.plan_suggestion {
clear: both
}
.plan_suggestion div {
margin-top: 10px;
}
.available_member .button.alt.mfw-membership {
background-color: unset;
background-image: linear-gradient(90deg, #0000005e, #0000003b);
border-radius: 5px;
border: 2px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
color: #1a1a1a;
cursor: pointer;
display: block;
font-size: 13px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.5;
margin: 10px auto;
max-width: 230px;
min-height: 75px;
overflow: hidden;
padding: 5px 30px;
position: relative;
text-align: center;
text-transform: capitalize;
transition: 0.2s background-image linear;
width: 100%;
}
.available_member .button.alt.mfw-membership:hover {
background-image: linear-gradient(90deg, #fff, #fff);
border: 2px solid #00000077;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
color: #1a1a1a !important;
}
.available_member .button.alt.mfw-membership:before {
background-color: transparent;
border-radius: 50%;
border: 3px solid #ffffff33;
box-shadow: -125px -50px 0 -20px #ffffff20;
content: '';
height: 100px;
position: absolute;
right: -45px;
top: 38px;
width: 100px;
}
.wps-mfwp__available--title {
color: #1a1a1a;
font-weight: 600;
margin-top: 10px;
padding: 10px 0;
position: relative;
}
.wps-mfwp__available--title:after {
background-color: #1a1a1a;
border-radius: 50px;
bottom: 0;
content: '';
height: 3px;
left: 0;
position: absolute;
width: 75px;
} .wps_membership_plan_content_price {
padding-bottom: 0;
}
.wps_membership_plan_content_desc img {
object-fit: cover;
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
.wps_membership_buy_now_btn .wps_membership_buynow,
.button.alt.wps_membership_no_thanks {
border: 2px solid transparent !important;
margin: 10px;
padding: 0;
height: 55px;
font-family: inherit;
}
.available_member {
margin: 10px 10px -20px 0 !important;
}
.available_member .button.alt.mfw-membership {
width: unset;
}
.wps_table_wrapper ul,
.wps_table_wrapper li,
a {
padding: 0;
margin: 0;
list-style: none;
text-decoration: none;
}
.wps_members_plans {
background-color: #fff;
border-radius: 10px;
padding: 20px;
}
.wps_members_plans>label {
font-weight: 600;
font-size: 24px;
letter-spacing: 0.25;
margin-bottom: 25px;
display: inline-block;
border-bottom: 1.5px solid rgba(0, 0, 0, 0.3);
padding: 5px;
}
.wps_table_wrapper li label {
text-align: left;
font-weight: 600;
flex: 0 0 200px;
margin-right: 30px;
}
.wps_table_wrapper li span {
text-align: left;
display: inline-block;
flex: 1;
}
.wps_table_wrapper li {
display: flex;
max-width: 450px;
width: 90%;
margin: 20px auto 0;
justify-content: space-between;
}
@media screen and (max-width:520px) {
.wps_table_wrapper li {
display: flex;
flex-wrap: wrap;
}
.wps_table_wrapper li span {
display: block;
}
} .wps_all_plans_detail_wrapper { border-radius: 10px;
margin-bottom: 10px;
background-color: white;
width: 100%;
}
.show__membership_details {
display: block !important;
}
.wps_members_plans .wps_table_wrapper {
display: none;
}
.wps_members_plans label span {
transform: rotate(90deg);
display: inline-block;
} .wps_membership_plan_content_desc .wps_membership_buy_now_btn .wps_membership_buynow {
background-color: #fff;
border: 2px solid #f37e21 !important;
color: #f37e21;
height: unset;
margin: 10px auto;
min-width: 125px;
padding: 8px 15px;
}
.wps_all_plans_detail_wrapper h2 {
margin: 0;
}
.wps_all_plans_detail_wrapper .wps_membership_plan_content_price {
padding-bottom: 15px;
}
.memberhip-cancel-button {
margin-top: 5px;
}
.wps_membership_notice {
text-align: center;
background: #f37e21;
color: #fff;
padding: 5px 35px 5px 10px;
margin: 15px auto;
position: relative;
box-shadow: 0 5px 5px -5px rgb(0 0 0 / 30%);
letter-spacing: 0.5px;
font-size: 14px;
max-width: 200px;
}
.single-product .wps_membership_notice {
margin: 15px;
}
.wps_membership_notice:after {
content: '';
position: absolute;
top: -6px;
bottom: 0;
right: 0;
border-right: 20px solid #fff;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
}
.wps_membership_notice:before {
content: '';
position: absolute;
top: 30px;
left: 0px;
border-right: 5px solid #f37e21;
border-top: 5px solid #f37e21;
border-bottom: 5px solid transparent;
border-left: 5px solid transparent;
box-shadow: 8px -4px 9px -7px rgba(0, 0, 0, 0.2);
}
.wps-info-membership-alert {
color: rgb(243, 42, 42);
font-weight: bold;
} .wps-register-form-wrapper {
margin-top: 25px;
}
.wps-register-form-wrapper label {
display: block;
margin-top: 25px;
margin-bottom: 10px;
}
.wps-register-form-wrapper input {
border: solid 1px #b5b5b5 !important;
box-shadow: 0px 0px 0px 0px !important;
width: 100%;
border-radius: 5px !important;
}
.wps-register-form-wrapper #wps_regiser_form_submit {
background-color: #1470e3;
color: #fff;
margin-top: 30px;
width: auto;
margin-bottom: 20px;
border: 0;
}
.wps-register-form-wrapper select {
width: 200px;
height: 40px;
border-radius: 5px;
padding: 0px 5px;
border: solid 1px #ccc;
} .wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page.wps_mfw_membership_single_plan .wps_membership_plan_content_price {
top: 15px;
right: 15px;
padding: 0;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page.wps_mfw_membership_single_plan .wps_mfw_buy_button {
align-items: center;
}
.wp-block-cover.wps-mfw-temp2 {
background: #fff !important;
padding: 0;
height: 100%;
align-items: flex-start;
overflow: auto;
}
.wp-block-cover.wps-mfw-temp2 .wp-block-cover__inner-container {
padding: 10px;
}
.wp-block-cover.wps-mfw-temp2 .wp-block-heading {
font-size: 24px;
color: #1e1e1e !important;
margin: 0 0 40px;
}
.wp-block-cover.wps-mfw-temp2 .wp-block-heading em {
font-weight: 400;
line-height: 1.25;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page {
background: #FFF;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);
max-width: 1140px;
padding: 20px;
position: relative;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_icon {
display: none !important;
}
.wp-block-cover.wps-mfw-temp2 .wps_membership_plan_content_title {
text-align: left;
border-bottom: none;
}
.wp-block-cover.wps-mfw-temp2 .wps_membership_plan_content_desc {
padding: 0;
background: transparent;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page.wps_mfw_membership_multiple_plan>.wps_membership_plan_content_title,
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page.wps_mfw_membership_multiple_plan>.wps_membership_plan_content_price {
display: none;
}
.wp-block-cover.wps-mfw-temp2 .wps_all_plans_detail_wrapper {
box-shadow: none;
margin: 0;
position: relative;
padding: 0 130px 0 0;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_membership_plan_content_price {
width: 120px;
height: 120px;
background: linear-gradient(220deg, #FC9918 3.37%, #FFC524 106.47%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff !important;
font-size: 24px;
position: absolute;
right: 0;
top: 0;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page h2 {
padding: 0;
margin: 0 0 15px;
text-align: left;
font-weight: 600;
line-height: 1.25;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_members_plans {
padding: 0;
text-align: left;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_members_plans>label {
padding: 0;
font-size: 18px;
font-weight: 600;
line-height: 1.5;
border: none;
cursor: pointer;
margin: 0 0 15px;
position: relative;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_members_plans>label span {
font-size: 14px;
vertical-align: text-bottom;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_members_plans .wps_table_wrapper li {
max-width: 600px;
margin: 0 0 5px;
gap: 10px;
width: 100%;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_members_plans .wps_table_wrapper .form-table {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 10px;
margin: 0 0 15px;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_members_plans .wps_table_wrapper .form-table label {
font-size: 14px;
flex: 1;
margin: 0;
}
.wp-block-cover.wps-mfw-temp2 .wps_membership_plan_content_desc .wps_membership_buy_now_btn {
padding: 0 0 25px;
margin: 0 0 25px;
border-bottom: 1px solid #dcdcdc;
}
.wp-block-cover.wps-mfw-temp2 .wps_membership_buy_now_btn .wps_membership_buynow {
margin: 0;
border-color: #FC9918 !important;
color: #FC9918;
}
.wp-block-cover.wps-mfw-temp2 .wps_membership_buy_now_btn .wps_membership_buynow:hover {
background: #FC9918 !important;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .button.alt.wps_membership_no_thanks {
background: #FC9918 !important;
color: #fff !important;
border-color: #FC9918 !important;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .button.alt.wps_membership_no_thanks:hover {
background: #fff !important;
color: #FC9918 !important;
border-color: #FC9918 !important;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_membership_plan_content_description {
font-size: 14px;
line-height: 1.5;
text-align: left;
margin: 0 0 15px;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_membership_plan_info {
font-size: 14px;
margin: 0 0 15px;
text-align: left;
color: #1e1e1e;
background: #eeeeee;
padding: 5px;
border-radius: 5px;
padding-left: 30px;
position: relative;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_membership_plan_info:before {
content: "\f14c";
font-family: 'dashicons';
vertical-align: top;
font-size: 18px;
margin: 0 5px 0 0;
position: absolute;
left: 5px;
top: 5px;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page.wps_mfw_membership_single_plan .wps_membership_plan_content_title {
padding: 0 0 20px;
}
@media screen and (max-width: 620px) {
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page {
padding: 0;
}
.wp-block-cover.wps-mfw-temp2 .wps_all_plans_detail_wrapper {
padding: 15px;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page.wps_mfw_membership_single_plan{
padding: 10px;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page.wps_mfw_membership_single_plan .wps_membership_plan_content_title_for_page {
text-align: center;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_membership_plan_content_price {
position: unset;
margin: 0 auto 15px;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_members_plans .wps_table_wrapper .form-table {
display: block;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_members_plans .wps_table_wrapper li {
margin: 0 0 10px;
gap: 5px;
display: grid;
grid-template-columns: 150px 1fr;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_members_plans .wps_table_wrapper .form-table label+span {
word-break: break-all;
}
.wp-block-cover.wps-mfw-temp2 .wp-block-heading em {
font-size: 28px;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page h2 {
font-size: 24px;
text-align: center;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_membership_plan_content_description {
text-align: center;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_members_plans {
text-align: center;
}
.wp-block-cover.wps-mfw-temp2 .wps_membership_buy_now_btn .wps_membership_buynow {
margin: 0 auto;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_members_plans .wps_table_wrapper li * {
background: transparent !important;
padding: 5px;
}
.wp-block-cover.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_members_plans .wps_table_wrapper li:nth-of-type(even) {
background: #eee;
}
} .wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page.wps_mfw_membership_single_plan .wps_membership_plan_content_price {
top: 15px;
right: 15px;
padding: 0;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page.wps_mfw_membership_single_plan .wps_mfw_buy_button {
align-items: center;
}
.wp-block-cover.wps-mfw-temp3 {
background: linear-gradient(45deg, #e1e1e1, #f7f7f7) !important;
padding: 0;
height: 100%;
align-items: flex-start;
overflow: auto;
}
.wp-block-cover.wps-mfw-temp3 .wp-block-cover__inner-container {
padding: 10px;
}
.wp-block-cover.wps-mfw-temp3 .wp-block-heading {
font-size: 20px;
color: #1e1e1e !important;
margin: 0 0 40px;
max-width: 400px;
margin: auto;
}
.wp-block-cover.wps-mfw-temp3 .wp-block-heading em {
font-weight: bolder;
line-height: 1.25;
font-size: 24px;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page {
background: #FFF;
border: 1px solid #e2e2e2;
max-width: 440px;
padding: 0;
position: relative;
box-shadow: none;
border-radius: 5px;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_icon {
display: none !important;
}
.wp-block-cover.wps-mfw-temp3 .wps_membership_plan_content_title {
text-align: left;
border-bottom: none;
}
.wp-block-cover.wps-mfw-temp3 .wps_membership_plan_content_desc {
padding: 0;
background: transparent!important;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page.wps_mfw_membership_multiple_plan>.wps_membership_plan_content_title,
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page.wps_mfw_membership_multiple_plan>.wps_membership_plan_content_price {
display: none;
}
.wp-block-cover.wps-mfw-temp3 .wps_all_plans_detail_wrapper {
box-shadow: none;
margin: 0;
position: relative;
padding: 20px 20px 0 20px;
background: transparent;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_membership_plan_content_price {
width: auto;
height: 50px;
background: #FC9918 !important;
border-radius: 10px 0 0 10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff!important;
font-size: 24px;
position: absolute;
right: 0;
top: 15px;
letter-spacing: 0;
padding: 0 20px;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page h2 {
padding: 0 70px 0 0;
margin: 0 0 15px;
text-align: left;
font-weight: 600;
line-height: 1.25;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_members_plans {
padding: 0;
text-align: left;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_members_plans>label {
padding: 0;
font-size: 18px;
font-weight: 600;
line-height: 1.5;
border: none;
cursor: pointer;
margin: 0 0 15px;
position: relative;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_members_plans>label span {
font-size: 14px;
vertical-align: text-bottom;
width: 24px;
height: 24px;
background: #fc9918;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 0 0 5px;
color: #fff;
line-height: 1;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_members_plans .wps_table_wrapper li {
max-width: 600px;
margin: 0 0 5px;
gap: 10px;
width: 100%;
padding: 5px 8px;
border-radius: 5px;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_members_plans .wps_table_wrapper li:nth-of-type(even) {
background: #f2f2f2;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_members_plans .wps_table_wrapper .form-table {
display: grid;
grid-template-columns: 1fr;
column-gap: 10px;
margin: 0 0 15px;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_members_plans .wps_table_wrapper .form-table label,.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_members_plans .wps_table_wrapper .form-table label+span {
font-size: 14px;
flex: 1;
margin: 0;
background: transparent!important;
}
.wp-block-cover.wps-mfw-temp3 .wps_membership_plan_content_desc .wps_membership_buy_now_btn {
padding: 0 20px 25px;
margin: 0 0 25px;
border-bottom: 1px solid #dcdcdc;
}
.wp-block-cover.wps-mfw-temp3 .wps_membership_buy_now_btn .wps_membership_buynow {
margin: 0;
border-color: #FC9918 !important;
color: #FC9918;
width: 100%;
}
.wp-block-cover.wps-mfw-temp3 .wps_membership_buy_now_btn .wps_membership_buynow:hover {
background: #FC9918 !important;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .button.alt.wps_membership_no_thanks {
background: #FC9918 !important;
color: #fff !important;
border-color: #FC9918 !important;
margin: 0 0 20px;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .button.alt.wps_membership_no_thanks:hover {
background: #fff !important;
color: #FC9918 !important;
border-color: #FC9918 !important;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_membership_plan_content_description {
font-size: 14px;
line-height: 1.5;
text-align: left;
margin: 0 0 15px;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_membership_plan_info {
font-size: 14px;
margin: 0 0 15px;
text-align: left;
color: #1e1e1e;
background: #eeeeee;
padding: 5px;
border-radius: 5px;
padding-left: 30px;
position: relative;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_membership_plan_info:before {
content: "\f14c";
font-family: 'dashicons';
vertical-align: top;
font-size: 18px;
margin: 0 5px 0 0;
position: absolute;
left: 5px;
top: 5px;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page.wps_mfw_membership_single_plan .wps_membership_plan_content_title {
padding: 0 0 20px;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_mfw_buy_button {
background: transparent !important;
}
@media screen and (max-width: 620px) {
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_members_plans .wps_table_wrapper .form-table label+span {
word-break: break-all;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page h2 {
font-size: 24px;
}
.wp-block-cover.wps-mfw-temp3 .wps_all_plans_detail_wrapper {
padding: 20px 20px 0 20px;
}
.wp-block-cover.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_membership_plan_content_price {
height: 40px;
font-size: 16px;
}
}  .wp-block-cover.wps-mfw-dark-mode {
background: #262626 !important;
}
.wp-block-cover.wps-mfw-dark-mode .wp-block-heading {
color: #fff !important;
}
.wp-block-cover.wps-mfw-dark-mode .wps_mfw_membership_front_page {
background: #2b2b2b !important;
}
.wp-block-cover.wps-mfw-dark-mode .wps_mfw_membership_front_page * {
background: transparent !important;
}
.wp-block-cover.wps-mfw-dark-mode.wps-mfw-temp2 .wps_mfw_membership_front_page .wps_membership_plan_content_price {
background: linear-gradient(220deg, #FC9918 3.37%, #FFC524 106.47%) !important;
}
.wp-block-cover.wps-mfw-dark-mode .wps_mfw_membership_front_page .wps_membership_plan_info {
background: #2b2b2b !important;
}
.wp-block-cover.wps-mfw-dark-mode .wps_mfw_membership_front_page * {
color: #fff !important;
}
img.wps_mfw_no_plan_found_img {
max-width: 66px;
margin: 0 auto 10px;
}
.wps_mfw_no_plan_found_main_wrapper {
text-align: center;
}
span.wps_mfw_no_plan_found_msg {
font-size: 44px;
font-weight: 700;
opacity: 0.2;
color: #000;
}
@media screen and (max-width: 620px) {
.wp-block-cover.wps-mfw-dark-mode .wps_mfw_membership_front_page .wps_table_wrapper li:nth-of-type(even) {
background: #979797 !important;
}
.wp-block-cover.wps-mfw-dark-mode.wps-mfw-temp3 .wps_mfw_membership_front_page .wps_table_wrapper li:nth-of-type(even) {
background: #373737 !important;
}
}  :root{
--wps-msfw-primary-color : #f7f7f7;
}
.wps_msfw__new_layout-table-for-detail {
display: none;
}
.wps_msfw__new_layout-table-for-detail.wps_msfw__new_layout-table-for-detail--show {
display: block;
}
.wps_msfw__new_layout.wps_msf_new_layout_dynamic_one th {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
color: #000;
}
.wps_msfw__new_layout.wps_msf_new_layout_dynamic_one th,.wps_msfw__new_layout.wps_msf_new_layout_dynamic_one td {
padding: 12px;
background: transparent;
line-height: 1.25;
vertical-align: middle;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.wps_msfw__new_layout.wps_msf_new_layout_dynamic_one th:last-of-type {
text-align: center;
}
.wps_msfw__new_layout.wps_msf_new_layout_dynamic_one td:last-of-type {
display: flex;
gap: 5px;
align-items: center;
}
.wps_msfw__new_layout.wps_msf_new_layout_dynamic_one td:last-of-type a,.wps_msfw__new_layout.wps_msf_new_layout_dynamic_one td:last-of-type button {
margin: 0;
padding: 10px 15px;
font-size: 12px;
line-height: 1.25;
border-radius: 3px;
flex: 1;
text-align: center;
}
.wps_msfw__new_layout.wps_msf_new_layout_dynamic_one td:last-of-type::after {
display: none;
}
.wps_msfw__new_layout.wps_msf_new_layout_dynamic_one td:last-of-type,.wps_msfw__new_layout.wps_msf_new_layout_dynamic_one th:last-of-type {
border-right: none;
} .wps_msfw__new_layout_billing.wps_msf_new_layout_dynamic_one>p {
background: var(--wps-msfw-primary-color);
padding: 10px;
border-radius: 3px;
margin: 0 0 15px;
color: #000;
font-size: 16px;
line-height: 1.25;
font-weight: 400;
}
.wps_msfw__new_layout_billing.wps_msf_new_layout_dynamic_one article.woocommerce-columns {
float: unset;
}
.wps_msfw__new_layout_billing.wps_msf_new_layout_dynamic_one section {
padding: 15px;
border: 1px solid rgba(0, 0, 0, 0.2);
margin: 0 0 15px;
border-radius: 5px;
background: var(--wps-msfw-primary-color);
}
.wps_msfw__new_layout_billing.wps_msf_new_layout_dynamic_one table {
margin: 0;
background: transparent;
}
.wps_msfw__new_layout_billing.wps_msf_new_layout_dynamic_one h2 {
font-size: 20px;
font-weight: 600;
line-height: 1.25;
letter-spacing: 0.4px;
padding: 0 10px;
border-radius: 5px;
text-transform: uppercase;
}
.wps_msfw__new_layout_billing.wps_msf_new_layout_dynamic_one table th,.wps_msfw__new_layout_billing.wps_msf_new_layout_dynamic_one table td {
padding: 10px;
background: transparent;
}
.wps_msfw__new_layout_billing.wps_msf_new_layout_dynamic_one table th,.wps_msfw__new_layout_billing.wps_msf_new_layout_dynamic_one table th label {
color: #000;
font-weight: 600;
line-height: 1.25;
}
.wps_msfw__new_layout_billing.wps_msf_new_layout_dynamic_one table thead th {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.wps_msfw__new_layout_billing.wps_msf_new_layout_dynamic_one table th label, .wps_msfw__new_layout_billing.wps_msf_new_layout_dynamic_one table td {
font-size: 16px;
line-height: 1.25;
letter-spacing: 0.4px;
}
.wps_msfw__new_layout_billing.wps_msf_new_layout_dynamic_one address {
margin: 0;
padding: 0 10px;
}  .wps-msfw_dashboard-main {
padding: 0 0 25px;
container-type: inline-size;
}
.wps-msfw_dashboard-main .wps-msfw_dm-sec-header {
position: relative;
margin: 0 0 32px;
}
.wps-msfw_dashboard-main .wps-msfw_dm-sec-content {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.wps-msfw_dashboard-main .wps-msfw_dms-role {
position: absolute;
top: 10px;
right: 10px;
background: #fff;
padding: 5px 10px;
border-radius: 5px;
font-size: 14px;
line-height: 1.25;
text-transform: capitalize;
color: var(--wps-msfw-dashboard-primary);
z-index: 1;
}
.wps-msfw_dashboard-main .wps-msfw_dms-user-details {
padding: 32px 32px 0;
background: var(--wps-msfw-dashboard-primary);
border-radius: 10px;
display: flex;
align-items: flex-end;
gap: 16px;
position: relative;
}
.wps-msfw_dashboard-main .wps-msfw_dms-user-details .wps-msfw_dmsa-in {
flex: 1;
}
.wps-msfw_dashboard-main .wps-msfw_dms-user-details img {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
object-position: center;
margin: 0 0 -60px;
}
.wps-msfw_dashboard-main .wps-msfw_dms-name {
color: #fff;
font-weight: 700;
font-size: 16px;
line-height: 1.25;
letter-spacing: 0.4px;
text-transform: capitalize;
}
.wps-msfw_dashboard-main .wps-msfw_dms-email {
color: #fff;
padding: 0 0 10px;
font-size: 16px;
line-height: 1.25;
font-weight: 400;
word-break: break-all;
}
.wps-msfw_dashboard-main .wps-msfw_dms-art {
text-align: right;
padding: 10px 0 10px 165px;
}
.wps-msfw_dashboard-main .wps-msfw_dms-art strong {
font-weight: 600;
font-size: 16px;
color: #000;
line-height: 1.25;
padding: 0 5px 0 0;
display: inline-block;
}
.wps-msfw_dashboard-main .wps-msfw_dms-art span {
font-size: 16px;
font-weight: 400;
color: #000;
}
.wps-msfw_dashboard-main .wps-msfw_dmsc-art {
border: 1px solid #e0e0e0;
border-radius: 5px;
padding: 10px;
display: flex;
gap: 10px;
flex: 1 0 40%;
}
.wps-msfw_dashboard-main .wps-msfw_dmsc-art svg {
flex: 0 0 32px;
}
.wps-msfw_dashboard-main .wps-msfw_dmsc-art svg path {
stroke: var(--wps-msfw-dashboard-primary);
}
.wps-msfw_dashboard-main .wps-msfw_dmsca-label {
font-weight: 600;
font-size: 16px;
color: #000;
line-height: 1.25;
margin: 0 0 5px;
}
.wps-msfw_dashboard-main .wps-msfw_dmsca-item {
font-weight: 400;
font-size: 14px;
color: #000;
line-height: 1.25;
}
.wps-msfw_membership-history {
cursor: pointer;
}
.wps_wpr_main_offer_wrapper section {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.wps-msfw_dashboard-main .wps-msfw_dms-role:before {
position: absolute;
width: 50px;
height: 50px;
background: #fff;
content: '';
right: -5px;
top: -5px;
border-radius: 10px;
opacity: 0.1;
z-index: -1;
box-shadow: -20px 20px 0 rgba(255,255,255,0.4);
}
.wps-msfw_dash-btn {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 20px;
}
.wps-msfw_dash-btn strong {
font-size: 18px;
font-weight: 400;
line-height: 1.25;
}
.wps-msfw_dash-btn a.wps_mfw_members_dashboard {
margin: 0;
background: transparent;
color: var(--wps-msfw-dashboard-primary);
text-decoration: underline!important;
line-height: 1.25;
padding: 0;
font-size: 18px;
font-weight: 400;
line-height: 1.25;
}
.wps-msfw_dash-btn a.wps_mfw_members_dashboard:hover {
background: transparent;
color: var(--wps-msfw-dashboard-primary);
}
.wps-msfw_dash-btn a.wps_mfw_members_dashboard:focus {
outline: none;
}
.wps-mfw_md-pagination {
text-align: right;
margin: 0 0 25px;
}
.wps-mfw_md-pagination button {
padding: 10px;
font-size: 14px;
border-radius: 3px;
}
.wps-mfw_md-pagination .page-input {
box-shadow: none;
padding: 10px;
font-size: 14px;
border-radius: 0;
background: transparent;
border-bottom: 2px solid var(--wps-msfw-dashboard-primary);
text-align: center;
max-width: 50px;
} .wps_wpr_enable_offer_setting_wrapper input[type=checkbox] {
width: 32px;
appearance: none;
border: 1px solid #ccc;
height: 16px;
margin: 0;
line-height: 0;
border-radius: 50px;
background: #f2f2f2;
position: relative;
cursor: pointer;
}
.wps_wpr_enable_offer_setting_wrapper input[type=checkbox]:checked {
background: #fff;
}
.wps_wpr_enable_offer_setting_wrapper input[type=checkbox]:before {
content: '';
width: 22px;
height: 22px;
position: absolute;
background: #fff;
border-radius: 50px;
top: -4px;
left: -3px;
border: 1px solid #ccc;
transition: all 0.3s linear;
}
.wps_wpr_enable_offer_setting_wrapper input[type=checkbox]:checked::before {
left: 12px;
background: var(--wps-msfw-dashboard-primary);
border-color: #fff;
}
.wps_wpr_enable_offer_setting_wrapper input[type=checkbox]:focus {
outline: none;
} @container (max-width: 480px) {
.wps-msfw_dashboard-main .wps-msfw_dms-user-details {
padding: 55px 15px 0;
display: block;
text-align: center;
}
.wps-msfw_dashboard-main .wps-msfw_dms-user-details img {
margin: 0 auto 10px;
}
.wps-msfw_dashboard-main .wps-msfw_dms-art {
padding: 10px 15px;
text-align: center;
}
.wps-msfw_dashboard-main .wps-msfw_dm-sec-header {
margin: 0 0 15px;
}
.wps-msfw_dashboard-main .wps-msfw_dmsc-art {
min-width: 220px;
}
.wps-msfw_dashboard-main .wps-msfw_dms-role {
right: unset;
left: 50%;
transform: translateX(-50%);
}
.wps-msfw_dashboard-main .wps-msfw_dms-role:before {
display: none;
}
} .wps_msfw_free_trial_msg {
padding: 0 0 25px;
}
.wp-block-cover.wps-mfw-temp2 .wps_msfw_free_trial_msg {
text-align: left;
} .wps_wpr_enable_offer_setting_wrapper label {
display: inline-flex;
gap: 8px;
flex-wrap: nowrap;
cursor: pointer;
font-size: 14px;
line-height: 1.5;
align-items: center;
}
h4.wps_wpr_offer_notify_settings_heading {
font-size: 18px;
font-weight: 600;
}  :root {
--wps-mfw_login-primary: #9BC53D;
}
.wps_mfw_account_page_parent_wrapper .storefront-breadcrumb {
margin: 0;
}
.wps_mfw_account_page_parent_wrapper #secondary {
display: none;
}
.wps_mfw_account_page_parent_wrapper #primary {
width: 100%;
margin: 0;
float: unset;
}
.wps_mfw_account_page_parent_wrapper #customer_login {
padding: 40px; }
.wps_mfw_account_page_parent_wrapper .container #left-area {
width: 100%;
padding: 0;
}
.wps_mfw_account_page_parent_wrapper #main-content .container {
padding: 0;
}
.wps_mfw_account_page_parent_wrapper .container:before {
display: none;
}
.wps_mfw_account_page_parent_wrapper #customer_login .wps-mfw_apw-col {
width: 100%;
margin: 0 auto;
max-width: 400px;
padding: 20px;
background: rgba(255, 255, 255, 0.9);
border-radius: 10px;
box-shadow: 0 0 10px rgb(0, 0, 0, 0.1);
}
.wps_mfw_account_page_parent_wrapper #customer_login a {
text-decoration: underline;
color: var(--wps-mfw_login-primary);
font-size: 14px;
line-height: 1.25;
}
.wps_mfw_account_page_parent_wrapper #customer_login h2 {
font-size: 28px;
text-align: center;
line-height: 1.25;
color: #000;
font-weight: 600;
margin: 0 0 5px;
position: relative;
}
.wps_mfw_account_page_parent_wrapper #customer_login h2:after {
content: '';
position: absolute;
top: -20px;
height: 4px;
width: 80%;
left: 50%;
background: var(--wps-mfw_login-primary);
transform: translate(-50%, 0);
border-radius: 10px;
}
.wps_mfw_account_page_parent_wrapper #customer_login h5 {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: #b1b1b1;
text-align: center;
margin: 0 0 25px;
}
.wps_mfw_account_page_parent_wrapper #customer_login form {
margin: 0;
padding: 0;
border: none;
}
.wps_mfw_account_page_parent_wrapper #customer_login .woocommerce-form-row {
margin: 0 0 10px;
}
.wps_mfw_account_page_parent_wrapper #customer_login .wps-mfw_apw-col p.woocommerce-LostPassword {
margin: 0 0 15px;
float: unset;
}
.wps_mfw_account_page_parent_wrapper #customer_login .woocommerce-form-row label {
font-size: 14px;
font-weight: 600;
color: #4d4d4d;
line-height: 1.5;
margin: 0 0 10px !important;
display: block;
}
.wps_mfw_account_page_parent_wrapper #customer_login .woocommerce-form-row .woocommerce-Input {
border: 1px solid #ccc;
box-shadow: none;
border-radius: 5px;
background: #fff;
min-height: 33px;
font-size: 16px;
line-height: 1.25;
padding: 10px;
}
.wps_mfw_account_page_parent_wrapper #customer_login .woocommerce-form-row .woocommerce-Input:focus,
.wps_mfw_account_page_parent_wrapper #customer_login .woocommerce-form-login__rememberme input[type=checkbox]:focus,
.wps_mfw_account_page_parent_wrapper #customer_login button[type=submit]:focus,
.wps_mfw_account_page_parent_wrapper #customer_login a:focus,.wps_mfw_account_page_parent_wrapper #customer_login .woocommerce-form-row button.show-password-input:focus {
outline: none !important;
}
.wps_mfw_account_page_parent_wrapper #customer_login .woocommerce-form-row .woocommerce-Input:focus {
border: 1px solid var(--wps-mfw_login-primary);
}
.wps_mfw_account_page_parent_wrapper #customer_login .g-recaptcha {
margin: 20px 0;
}
.wps_mfw_account_page_parent_wrapper #customer_login button[type=submit] {
background: var(--wps-mfw_login-primary);
border: 1px solid var(--wps-mfw_login-primary);
color: #fff;
border-radius: 5px;
padding: 12px 24px;
line-height: 1.25;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.4px;
text-decoration: none;
transition: all 0.2s linear;
}
.wps_mfw_account_page_parent_wrapper #customer_login button[type=submit]:hover {
background: transparent;
color: var(--wps-mfw_login-primary);
}
.wps_mfw_account_page_parent_wrapper #customer_login .woocommerce-form-login__rememberme,.wps_mfw_account_page_parent_wrapper #customer_login p.mc4wp-checkbox {
margin: 0 0 20px;
font-size: 16px;
color: #474747;
line-height: 1.5;
display: inline-block;
}
.wps_mfw_account_page_parent_wrapper #customer_login p.mc4wp-checkbox {
margin: 0;
}
.wps_mfw_account_page_parent_wrapper #customer_login .woocommerce-form-login__rememberme input[type=checkbox],.wps_mfw_account_page_parent_wrapper #customer_login p.mc4wp-checkbox input[type=checkbox] {
margin: 0 5px 0 0;
vertical-align: text-top;
width: 16px;
height: 16px;
}
.wps_mfw_account_page_parent_wrapper #content .woocommerce-error {
background: #fff1f1;
color: red !important;
margin: 0 0 15px;
padding: 10px !important;
border: none !important;
border-left: 5px solid red !important;
line-height: 1.25;
outline: none;
font-size: 14px !important;
line-height: 1.25 !important;
border-radius: 0;
}
.wps_mfw_account_page_parent_wrapper #content .woocommerce-error::after,
.wps_mfw_account_page_parent_wrapper #content .woocommerce-error::before {
display: none;
}
.wps_mfw_account_page_parent_wrapper #primary .owp-account-links {
margin: 0;
}
.wps_mfw_account_page_parent_wrapper #primary {
padding: 0;
border: none;
}
.wps_mfw_account_page_parent_wrapper .woocommerce-privacy-policy-text {
display: none;
}
.wps_mfw_account_page_parent_wrapper #customer_login .woocommerce-form-row button.show-password-input {
background: transparent;
}  .wps-mfw_u-list-wrap {
container-type: inline-size;
container-name: user-list;
}
.wps-mfw_u-list-wrap h3 {
font-size: 24px;
font-weight: 600;
line-height: 1.25;
margin: 20px 0;
}
.wps-mfw_u-list-wrap ul.wps-mfw_u-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 0;
padding: 0;
gap: 30px;
}
.wps-mfw_u-list-wrap ul.wps-mfw_u-list li {
position: relative;
margin: 0;
padding: 0 0 40px;
border-radius: 10px;
overflow: hidden;
text-align: center;
border: 1px solid #ededed;
box-shadow: 0 0 10px 2px rgba(0,0,0,0.08);
}
.wps-mfw_u-list-wrap ul.wps-mfw_u-list li .wps-mfw_ul-img {
padding: 15px;
position: relative;
min-height: 100px;
margin: 0 0 40px;
}
.wps-mfw_u-list-wrap ul.wps-mfw_u-list li .wps-mfw_ul-img img {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 50%;
object-position: center;
position: absolute;
top: calc(100% - 40px);
left: 50%;
transform: translateX(-50%);
border: 4px solid #fff;
}
.wps-mfw_u-list-wrap ul.wps-mfw_u-list li .wps-mfw_ul-name {
font-size: 18px;
font-weight: 600;
line-height: 1.5;
color: #000;
}
.wps-mfw_u-list-wrap ul.wps-mfw_u-list li .wps-mfw_ul-id {
position: absolute;
top: 20px;
left: 20px;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.4px;
padding: 4px 8px;
background: #fff;
line-height: 1;
border-radius: 50px;
min-width: 60px;
text-align: left;
color: #000;
}
.wps-mfw_u-list-wrap ul.wps-mfw_u-list li .wps-mfw_ul-email {
font-size: 14px;
font-weight: 400;
line-height: 1.25;
color: #bdbdbd;
letter-spacing: 0.4px;
}
.wps-mfw_u-list-wrap ul.wps-mfw_u-list li .wps-mfw_ul-cta {
margin: 40px 0 0;
}
.wps-mfw_u-list-wrap ul.wps-mfw_u-list li .wps-mfw_ul-cta button {
padding: 12px 25px;
text-decoration: none;
border: 1px solid var(--wps-msfw-dashboard-primary);
color: #fff;
border-radius: 10px;
background: var(--wps-msfw-dashboard-primary);
font-size: 16px;
line-height: 1;
font-weight: 400;
cursor: pointer;
}
.wps-mfw_u-list-wrap ul.wps-mfw_u-list li .wps-mfw_ul-cta button:focus, .wps-mfw_ul-buttons button:focus,textarea.wps-mfw_ul-description:focus {
outline: none;
}
@container user-list (width <= 1080px) {
.wps-mfw_u-list-wrap ul.wps-mfw_u-list {
grid-template-columns: 1fr 1fr 1fr;
}
}
@container user-list (width <= 720px) {
.wps-mfw_u-list-wrap ul.wps-mfw_u-list {
grid-template-columns: 1fr 1fr;
} 
}
@container user-list (width <= 420px) {
.wps-mfw_u-list-wrap ul.wps-mfw_u-list {
grid-template-columns: 1fr;
}
} .wps-mfw_ul-popup-overlay, .wps-mfw_ul-popup-2overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
.wps-mfw_ul-popup {
background: #fff;
border-radius: 10px;
padding: 30px 30px 40px;
width: 90%;
max-width: 440px;
text-align: center;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
position: relative;
}
h2.wps-mfw_ul-message {
margin: 0 0 5px;
font-size: 24px;
color: #333;
line-height: 1.25;
}
.wps-mfw_ul-popup h3 {
text-align: left;
font-size: 16px;
margin: 0;
}
textarea.wps-mfw_ul-description, input[type=email].wps_msfw_send_mail_to_comm_user {
color: #666;
margin: 10px 0 20px;
padding: 10px 20px;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
display: inline-block;
background: transparent;
box-shadow: none;
min-height: 130px;
}
input[type=email].wps_msfw_send_mail_to_comm_user {
min-height: auto;
margin: 0 0 15px;
width: 100%;
}
.wps-mfw_ul-buttons button {
padding: 10px 20px;
min-width: 120px;
margin: 0 10px;
border: none;
border-radius: 5px;
cursor: pointer;
display: inline-block;
}
.wps-mfw_ul-send, .wps-mfw_ul-email-send {
border:1px solid #0ACF84 !important;
background-color: #0ACF84;
color: #fff;
transition: all 0.2s linear;
}
button.wps-mfw_ul-send:hover, button.wps-mfw_ul-email-send:hover {
background-color: transparent;
color: #0ACF84;
}
.wps-mfw_ul-close {
border:1px solid #EF1847 !important;
background-color: #EF1847;
color: #fff;
transition: all 0.2s linear;
}
button.wps-mfw_ul-close:hover {
background-color: transparent;
color: #EF1847;
}
.wps_wpr_sms_community_loader {
position: absolute;
left: 50%;
top:50%;
transform: translate(-50%,-50%);
}
.wps-mfw_uld-msg {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
font-size: 14px;
line-height: 1.25;
margin: 0;
}
.wps-mfw_uld-msg, .wps_wpr_sms_community_loader, .wps-mfw_ul-popup-overlay, .wps-mfw_ul-popup-2overlay {
display: none;
}  .wps-msfw-buddy-press-membership-info-wrapper {
max-width: 700px;
margin: 30px auto;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(145deg, #2c3e50, #34495e);
border-radius: 16px;
padding: 25px;
color: black;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}
.wps-msfw-buddy-press-membership-info-title {
font-size: 1.8rem;
text-align: center;
color: #ffffff;
margin-bottom: 25px;
font-weight: 600;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-bottom: 10px;
}
.wps-msfw-buddy-press-membership-info-table {
width: 100%;
border-collapse: collapse;
border-radius: 12px;
overflow: hidden;
}
.wps-msfw-buddy-press-membership-info-table th,
.wps-msfw-buddy-press-membership-info-table td {
padding: 14px 18px;
text-align: left;
}
.wps-msfw-buddy-press-membership-info-table th {
background-color: rgba(255, 255, 255, 0.1);
color: black;
font-size: 1rem;
font-weight: 600;
}
.wps-msfw-buddy-press-membership-info-table td {
background-color: rgba(255, 255, 255, 0.07);
color: black;
font-size: 0.95rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
transition: background 0.3s ease;
}
.wps-msfw-buddy-press-membership-info-table tr:hover td {
background-color: rgba(255, 255, 255, 0.15);
}
.wps-msfw-buddy-press-membership-info-table tr:first-child td {
border-top: none;
}