* * 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;
}* {
box-sizing: border-box;
}
*:after, *:before {
box-sizing: border-box;
}       .wps_mfw_buy_button form {
margin: 0;
} .available_member {
margin: 10px 10px -20px 0;
display: inline-block;
max-width: 150px;
vertical-align: top;
}
.available_member .button.alt.mfw-membership {
background-color: unset;
background-image: linear-gradient(90deg, #143856, #1a3365);
border-radius: 5px;
border: 2px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
color: #fff;
cursor: pointer;
display: block;
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.5;
margin: 10px auto;
max-width: 230px;
min-height: 50px;
overflow: hidden;
padding: 5px 20px;
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 #143856;
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;
} .woocommerce-column--plan-details address label {
display: block;
font-weight: 600;
} .wps_membership_plan_content_price {
padding-bottom: 0;
}
.wps_membership_plan_content_desc img {
-o-object-fit: cover;
object-fit: cover;
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
.wps_membership_buy_now_btn .wps_membership_buynow:hover, .wps_membership_no_thanks.button.alt.thickbox:hover {
border: 2px solid #f37e21 !important;
}
.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;
}
.available_member {
margin: 10px 10px -20px 0 !important;
}
.available_member .button.alt.mfw-membership {
width: unset;
}
.wps_membership_plan_content_description img {
margin: 20px auto;
max-width: 200px;
height: auto;
}.wps_mfw_membership_front_page {
display: flex;
flex-direction: column;
align-items: center;
max-width: 800px;
}
.wps_member_price {
text-align: center;
background: #8BC34A;
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;
clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
}
.single-product .wps_member_price {
margin: 15px 0px;
}
.wps_member_price:before {
content: '';
position: absolute;
top: 30px;
left: 0px;
border-right: 5px solid #8BC34A;
border-top: 5px solid #8BC34A;
border-bottom: 5px solid transparent;
border-left: 5px solid transparent;
box-shadow: 8px -4px 9px -7px rgba(0, 0, 0, 0.2);
} .wps-membership__header {
background-color: #fff;
border-left: 6px solid #007aff;
max-width: 1140px;
width: 90%;
margin: 25px auto;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 5px;
position: relative;
}
.wps-membership__header--msg {
font-size: 14px;
padding: 5px;
font-weight: 500;
text-transform: capitalize;
background-color: #dbecff;
color: #007aff;
margin: 5px 5px 5px 0;
border-radius: 2px;
}
.wps-membership__header--msg:nth-of-type(even) {
background-color: #ffe7db;
color: #ff7700;
}
.wps-membership__header--close {
font-size: 24px;
font-weight: 700;
position: absolute;
right: 5px;
top: 0px;
color: #007aff;
}
.wps-membership-div{
display: block;
width: 100%;
margin: 5px 0px;
}
.wps-membership-div:nth-of-type(even) .wps-membership__header--msg {
background-color: #ffe7db;
color: #ff7700;
}r-c,[r-c],[data-r-c]{display:flex;flex-wrap:wrap}r-c,[data-r-c]{width:auto!important}r-c,[r-c],[data-r-c],r-c > *,[r-c] > *,[data-r-c] > *{box-sizing:border-box}r-c,[r-c],[data-r-c]{margin:calc(5.455px + 1.42041vw);gap:calc(5.455px + 1.42041vw)}[join],[data-join]{margin:0;gap:0}[join] > *,[data-join] > *{padding:calc(5.455px + 1.42041vw)}[r-c]{margin:0}[r-c][join]{padding:0}r-c[center],[r-c][center],[data-center]{justify-content:center}r-c[right],[r-c][right],[data-right]{justify-content:flex-end}r-c[space-between],[r-c][space-between],[data-space-between]{justify-content:space-between}r-c[space-evenly],[r-c][space-evenly],[data-space-evenly]{justify-content:space-evenly}r-c[top],[r-c][top],[data-top]{align-items:flex-start}r-c[middle],[r-c][middle],[data-middle]{align-items:center}r-c[bottom],[r-c][bottom],[data-bottom]{align-items:flex-end}r-c > *,[r-c] > *,[data-r-c] > *,c1-1:not([x]),[c1-1]:not(x),[data-c1-2]:not(x),r-c[c1-1]:not(x) > *,[data-r-c][data-c1-1] > *{width:100%}c1-2:not([x]),[c1-2]:not(x),[data-c1-2]:not(x),r-c[c1-2]:not(x) > *,[data-r-c][data-c1-2] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}c1-3:not([x]),[c1-3]:not(x),[data-c1-3]:not(x),r-c[c1-3]:not(x) > *,[data-r-c][data-c1-3] > *{width:calc(100%/3 - (5.455px + 1.42041vw)/3*2)}c2-3:not([x]),[c2-3]:not(x),[data-c2-3]:not(x),r-c[c2-3]:not(x) > *,[data-r-c][data-c2-3] > *{width:calc(100%/3*2 - (5.455px + 1.42041vw)/3)}c1-4:not([x]),[c1-4]:not(x),[data-c1-4]:not(x),r-c[c1-4]:not(x) > *,[data-r-c][data-c1-4] > *{width:calc(25% - (5.455px + 1.42041vw)/4*3)}c2-4:not([x]),[c2-4]:not(x),[data-c2-4]:not(x),r-c[c2-4]:not(x) > *,[data-r-c][data-c2-4] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}c3-4:not([x]),[c3-4]:not(x),[data-c3-4]:not(x),r-c[c3-4]:not(x) > *,[data-r-c][data-c3-4] > *{width:calc(25% - (5.455px + 1.42041vw)/4)}c1-5:not([x]),[c1-5]:not(x),[data-c1-5]:not(x),r-c[c1-5]:not(x) > *,[data-r-c][data-c1-5] > *{width:calc(100%/5 - (5.455px + 1.42041vw)/5*4)}c2-5:not([x]),[c2-5]:not(x),[data-c2-5]:not(x),r-c[c2-5]:not(x) > *,[data-r-c][data-c2-5] > *{width:calc(100%/5*2 - (5.455px + 1.42041vw)/5*3)}c3-5:not([x]),[c3-5]:not(x),[data-c3-5]:not(x),r-c[c3-5]:not(x) > *,[data-r-c][data-c3-5] > *{width:calc(100%/5*3 - (5.455px + 1.42041vw)/5*2)}c4-5:not([x]),[c4-5]:not(x),[data-c4-5]:not(x),r-c[c4-5]:not(x) > *,[data-r-c][data-c4-5] > *{width:calc(100%/5*4 - (5.455px + 1.42041vw)/5)}c1-6:not([x]),[c1-6]:not(x),[data-c1-6]:not(x),r-c[c1-6]:not(x) > *,[data-r-c][data-c1-6] > *{width:calc(100%/6 - (5.455px + 1.42041vw)/6*5)}c2-6:not([x]),[c2-6]:not(x),[data-c2-6]:not(x),r-c[c2-6]:not(x) > *,[data-r-c][data-c2-6] > *{width:calc(100%/6*2 - (5.455px + 1.42041vw)/6*4)}c3-6:not([x]),[c3-6]:not(x),[data-c3-6]:not(x),r-c[c3-6]:not(x) > *,[data-r-c][data-c3-6] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}c4-6:not([x]),[c4-6]:not(x),[data-c4-6]:not(x),r-c[c4-6]:not(x) > *,[data-r-c][data-c4-6] > *{width:calc(100%/6*4 - (5.455px + 1.42041vw)/6*2)}c5-6:not([x]),[c5-6]:not(x),[data-c5-6]:not(x),r-c[c5-6]:not(x) > *,[data-r-c][data-c5-6] > *{width:calc(100%/6*5 - (5.455px + 1.42041vw)/6)}c1-7:not([x]),[c1-7]:not(x),[data-c1-7]:not(x),r-c[c1-7]:not(x) > *,[data-r-c][data-c1-7] > *{width:calc(100%/7 - (5.455px + 1.42041vw)/7*6)}c2-7:not([x]),[c2-7]:not(x),[data-c2-7]:not(x),r-c[c2-7]:not(x) > *,[data-r-c][data-c2-7] > *{width:calc(100%/7*2 - (5.455px + 1.42041vw)/7*5)}c3-7:not([x]),[c3-7]:not(x),[data-c3-7]:not(x),r-c[c3-7]:not(x) > *,[data-r-c][data-c3-7] > *{width:calc(100%/7*3 - (5.455px + 1.42041vw)/7*4)}c4-7:not([x]),[c4-7]:not(x),[data-c4-7]:not(x),r-c[c4-7]:not(x) > *,[data-r-c][data-c4-7] > *{width:calc(100%/7*4 - (5.455px + 1.42041vw)/7*3)}c5-7:not([x]),[c5-7]:not(x),[data-c5-7]:not(x),r-c[c5-7]:not(x) > *,[data-r-c][data-c5-7] > *{width:calc(100%/7*5 - (5.455px + 1.42041vw)/7*2)}c6-7:not([x]),[c6-7]:not(x),[data-c6-7]:not(x),r-c[c6-7]:not(x) > *,[data-r-c][data-c6-7] > *{width:calc(100%/7*6 - (5.455px + 1.42041vw)/7)}c1-8:not([x]),[c1-8]:not(x),[data-c1-8]:not(x),r-c[c1-8]:not(x) > *,[data-r-c][data-c1-8] > *{width:calc(100%/8 - (5.455px + 1.42041vw)/8*7)}c2-8:not([x]),[c2-8]:not(x),[data-c2-8]:not(x),r-c[c2-8]:not(x) > *,[data-r-c][data-c2-8] > *{width:calc(100%/8*2 - (5.455px + 1.42041vw)/8*6)}c3-8:not([x]),[c3-8]:not(x),[data-c3-8]:not(x),r-c[c3-8]:not(x) > *,[data-r-c][data-c3-8] > *{width:calc(100%/8*3 - (5.455px + 1.42041vw)/8*5)}c4-8:not([x]),[c4-8]:not(x),[data-c4-8]:not(x),r-c[c4-8]:not(x) > *,[data-r-c][data-c4-8] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}c5-8:not([x]),[c5-8]:not(x),[data-c5-8]:not(x),r-c[c5-8]:not(x) > *,[data-r-c][data-c5-8] > *{width:calc(100%/8*5 - (5.455px + 1.42041vw)/8*3)}c6-8:not([x]),[c6-8]:not(x),[data-c6-8]:not(x),r-c[c6-8]:not(x) > *,[data-r-c][data-c6-8] > *{width:calc(100%/8*6 - (5.455px + 1.42041vw)/8*2)}c7-8:not([x]),[c7-8]:not(x),[data-c7-8]:not(x),r-c[c7-8]:not(x) > *,[data-r-c][data-c7-8] > *{width:calc(100%/8*7 - (5.455px + 1.42041vw)/8)}[join] > c1-1,[join] > [data-c1-1],[data-join] > c1-1,[data-join] > [data-c1-1],[join][c1-1]:not(x) > *,[data-join][data-c1-1]:not(x) > *{width:100%}[join] > c1-2,[join] > [data-c1-2],[data-join] > c1-2,[data-join] > [data-c1-2],[join][c1-2]:not(x) > *,[data-join][data-c1-2]:not(x) > *,[join] > c2-4,[join] > [data-c2-4],[data-join] > c2-4,[data-join] > [data-c2-4],[join][c2-4]:not(x) > *,[data-join][data-c2-4]:not(x) > *,[join] > c3-6,[join] > [data-c3-6],[data-join] > c3-6,[data-join] > [data-c3-6],[join][c3-6]:not(x) > *,[data-join][data-c3-6]:not(x) > *,[join] > c4-8,[join] > [data-c4-8],[data-join] > c4-8,[data-join] > [data-c4-8],[join][c4-8]:not(x) > *,[data-join][data-c4-8]:not(x) > *{width:50%}[join] > c1-3,[join] > [data-c1-3],[data-join] > c1-3,[data-join] > [data-c1-3],[join][c1-3]:not(x) > *,[data-join][data-c1-3]:not(x) > *,[join] > c2-6,[join] > [data-c2-6],[data-join] > c2-6,[data-join] > [data-c2-6],[join][c2-6]:not(x) > *,[data-join][data-c2-6]:not(x) > *{width:calc(100%/3)}[join] > c2-3,[join] > [data-c2-3],[data-join] > c2-3,[data-join] > [data-c2-3],[join][c2-3]:not(x) > *,[data-join][data-c2-3]:not(x) > *,[join] > c4-6,[join] > [data-c4-6],[data-join] > c4-6,[data-join] > [data-c4-6],[join][c4-6]:not(x) > *,[data-join][data-c4-6]:not(x) > *{width:calc(100%/3*2)}[join] > c1-4,[join] > [data-c1-4],[data-join] > c1-4,[data-join] > [data-c1-4],[join][c1-4]:not(x) > *,[data-join][data-c1-4]:not(x) > *,[join] > c2-8,[join] > [data-c2-8],[data-join] > c2-8,[data-join] > [data-c2-8],[join][c2-8]:not(x) > *,[data-join][data-c2-8]:not(x) > *{width:25%}[join] > c3-4,[join] > [data-c3-4],[data-join] > c3-4,[data-join] > [data-c3-4],[join][c3-4]:not(x) > *,[data-join][data-c3-4]:not(x) > *,[join] > c6-8,[join] > [data-c6-8],[data-join] > c6-8,[data-join] > [data-c6-8],[join][c6-8]:not(x) > *,[data-join][data-c6-8]:not(x) > *{width:75%}[join] > c1-5,[join] > [data-c1-5],[data-join] > c1-5,[data-join] > [data-c1-5],[join][c1-5]:not(x) > *,[data-join][data-c1-5]:not(x) > *{width:20%}[join] > c2-5,[join] > [data-c2-5],[data-join] > c2-5,[data-join] > [data-c2-5],[join][c2-5]:not(x) > *,[data-join][data-c2-5]:not(x) > *{width:40%}[join] > c3-5,[join] > [data-c3-5],[data-join] > c3-5,[data-join] > [data-c3-5],[join][c3-5]:not(x) > *,[data-join][data-c3-5]:not(x) > *{width:60%}[join] > c4-5,[join] > [data-c4-5],[data-join] > c4-5,[data-join] > [data-c4-5],[join][c4-5]:not(x) > *,[data-join][data-c4-5]:not(x) > *{width:80%}[join] > c1-6,[join] > [data-c1-6],[data-join] > c1-6,[data-join] > [data-c1-6],[join][c1-6]:not(x) > *,[data-join][data-c1-6]:not(x) > *{width:calc(100%/6)}[join] > c5-6,[join] > [data-c5-6],[data-join] > c5-6,[data-join] > [data-c5-6],[join][c5-6]:not(x) > *,[data-join][data-c5-6]:not(x) > *{width:calc(100%/6*5)}[join] > c1-7,[join] > [data-c1-7],[data-join] > c1-7,[data-join] > [data-c1-7],[join][c1-7]:not(x) > *,[data-join][data-c1-7]:not(x) > *{width:calc(100%/7)}[join] > c2-7,[join] > [data-c2-7],[data-join] > c2-7,[data-join] > [data-c2-7],[join][c2-7]:not(x) > *,[data-join][data-c2-7]:not(x) > *{width:calc(100%/7*2)}[join] > c3-7,[join] > [data-c3-7],[data-join] > c3-7,[data-join] > [data-c3-7],[join][c3-7]:not(x) > *,[data-join][data-c3-7]:not(x) > *{width:calc(100%/7*3)}[join] > c4-7,[join] > [data-c4-7],[data-join] > c4-7,[data-join] > [data-c4-7],[join][c4-7]:not(x) > *,[data-join][data-c4-7]:not(x) > *{width:calc(100%/7*4)}[join] > c5-7,[join] > [data-c5-7],[data-join] > c5-7,[data-join] > [data-c5-7],[join][c5-7]:not(x) > *,[data-join][data-c5-7]:not(x) > *{width:calc(100%/7*5)}[join] > c6-7,[join] > [data-c6-7],[data-join] > c6-7,[data-join] > [data-c6-7],[join][c6-7]:not(x) > *,[data-join][data-c6-7]:not(x) > *{width:calc(100%/7*6)}[join] > c1-8,[join] > [data-c1-8],[data-join] > c1-8,[data-join] > [data-c1-8],[join][c1-8]:not(x) > *,[data-join][data-c1-8]:not(x) > *{width:calc(100%/8)}[join] > c3-8,[join] > [data-c3-8],[data-join] > c3-8,[data-join] > [data-c3-8],[join][c3-8]:not(x) > *,[data-join][data-c3-8]:not(x) > *{width:calc(100%/8*3)}[join] > c5-8,[join] > [data-c5-8],[data-join] > c5-8,[data-join] > [data-c5-8],[join][c5-8]:not(x) > *,[data-join][data-c5-8]:not(x) > *{width:calc(100%/8*5)}[join] > c7-8,[join] > [data-c7-8],[data-join] > c7-8,[data-join] > [data-c7-8],[join][c7-8]:not(x) > *,[data-join][data-c7-8]:not(x) > *{width:calc(100%/8*7)}[xs1],[data-xs1]{order:-8}[xs2],[data-xs2]{order:-7}[xs3],[data-xs3]{order:-6}[xs4],[data-xs4]{order:-5}[xs5],[data-xs5]{order:-4}[xs6],[data-xs6]{order:-3}[xs7],[data-xs7]{order:-2}[xs8],[data-xs8]{order:-1}@media (min-width:600px){[sm1-1]:not(x),[data-sm1-1]:not(x),r-c[sm1-1]:not(x) > *,[data-r-c][data-sm1-1] > *{width:100%}[sm1-2]:not(x),[data-sm1-2]:not(x),r-c[sm1-2]:not(x) > *,[data-r-c][data-sm1-2] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[sm1-3]:not(x),[data-sm1-3]:not(x),r-c[sm1-3]:not(x) > *,[data-r-c][data-sm1-3] > *{width:calc(100%/3 - (5.455px + 1.42041vw)/3*2)}[sm2-3]:not(x),[data-sm2-3]:not(x),r-c[sm2-3]:not(x) > *,[data-r-c][data-sm2-3] > *{width:calc(100%/3*2 - (5.455px + 1.42041vw)/3)}[sm1-4]:not(x),[data-sm1-4]:not(x),r-c[sm1-4]:not(x) > *,[data-r-c][data-sm1-4] > *{width:calc(25% - (5.455px + 1.42041vw)/4*3)}[sm2-4]:not(x),[data-sm2-4]:not(x),r-c[sm2-4]:not(x) > *,[data-r-c][data-sm2-4] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[sm3-4]:not(x),[data-sm3-4]:not(x),r-c[sm3-4]:not(x) > *,[data-r-c][data-sm3-4] > *{width:calc(25% - (5.455px + 1.42041vw)/4)}[sm1-5]:not(x),[data-sm1-5]:not(x),r-c[sm1-5]:not(x) > *,[data-r-c][data-sm1-5] > *{width:calc(100%/5 - (5.455px + 1.42041vw)/5*4)}[sm2-5]:not(x),[data-sm2-5]:not(x),r-c[sm2-5]:not(x) > *,[data-r-c][data-sm2-5] > *{width:calc(100%/5*2 - (5.455px + 1.42041vw)/5*3)}[sm3-5]:not(x),[data-sm3-5]:not(x),r-c[sm3-5]:not(x) > *,[data-r-c][data-sm3-5] > *{width:calc(100%/5*3 - (5.455px + 1.42041vw)/5*2)}[sm4-5]:not(x),[data-sm4-5]:not(x),r-c[sm4-5]:not(x) > *,[data-r-c][data-sm4-5] > *{width:calc(100%/5*4 - (5.455px + 1.42041vw)/5)}[sm1-6]:not(x),[data-sm1-6]:not(x),r-c[sm1-6]:not(x) > *,[data-r-c][data-sm1-6] > *{width:calc(100%/6 - (5.455px + 1.42041vw)/6*5)}[sm2-6]:not(x),[data-sm2-6]:not(x),r-c[sm2-6]:not(x) > *,[data-r-c][data-sm2-6] > *{width:calc(100%/6*2 - (5.455px + 1.42041vw)/6*4)}[sm3-6]:not(x),[data-sm3-6]:not(x),r-c[sm3-6]:not(x) > *,[data-r-c][data-sm3-6] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[sm4-6]:not(x),[data-sm4-6]:not(x),r-c[sm4-6]:not(x) > *,[data-r-c][data-sm4-6] > *{width:calc(100%/6*4 - (5.455px + 1.42041vw)/6*2)}[sm5-6]:not(x),[data-sm5-6]:not(x),r-c[sm5-6]:not(x) > *,[data-r-c][data-sm5-6] > *{width:calc(100%/6*5 - (5.455px + 1.42041vw)/6)}[sm1-7]:not(x),[data-sm1-7]:not(x),r-c[sm1-7]:not(x) > *,[data-r-c][data-sm1-7] > *{width:calc(100%/7 - (5.455px + 1.42041vw)/7*6)}[sm2-7]:not(x),[data-sm2-7]:not(x),r-c[sm2-7]:not(x) > *,[data-r-c][data-sm2-7] > *{width:calc(100%/7*2 - (5.455px + 1.42041vw)/7*5)}[sm3-7]:not(x),[data-sm3-7]:not(x),r-c[sm3-7]:not(x) > *,[data-r-c][data-sm3-7] > *{width:calc(100%/7*3 - (5.455px + 1.42041vw)/7*4)}[sm4-7]:not(x),[data-sm4-7]:not(x),r-c[sm4-7]:not(x) > *,[data-r-c][data-sm4-7] > *{width:calc(100%/7*4 - (5.455px + 1.42041vw)/7*3)}[sm5-7]:not(x),[data-sm5-7]:not(x),r-c[sm5-7]:not(x) > *,[data-r-c][data-sm5-7] > *{width:calc(100%/7*5 - (5.455px + 1.42041vw)/7*2)}[sm6-7]:not(x),[data-sm6-7]:not(x),r-c[sm6-7]:not(x) > *,[data-r-c][data-sm6-7] > *{width:calc(100%/7*6 - (5.455px + 1.42041vw)/7)}[sm1-8]:not(x),[data-sm1-8]:not(x),r-c[sm1-8]:not(x) > *,[data-r-c][data-sm1-8] > *{width:calc(100%/8 - (5.455px + 1.42041vw)/8*7)}[sm2-8]:not(x),[data-sm2-8]:not(x),r-c[sm2-8]:not(x) > *,[data-r-c][data-sm2-8] > *{width:calc(100%/8*2 - (5.455px + 1.42041vw)/8*6)}[sm3-8]:not(x),[data-sm3-8]:not(x),r-c[sm3-8]:not(x) > *,[data-r-c][data-sm3-8] > *{width:calc(100%/8*3 - (5.455px + 1.42041vw)/8*5)}[sm4-8]:not(x),[data-sm4-8]:not(x),r-c[sm4-8]:not(x) > *,[data-r-c][data-sm4-8] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[sm5-8]:not(x),[data-sm5-8]:not(x),r-c[sm5-8]:not(x) > *,[data-r-c][data-sm5-8] > *{width:calc(100%/8*5 - (5.455px + 1.42041vw)/8*3)}[sm6-8]:not(x),[data-sm6-8]:not(x),r-c[sm6-8]:not(x) > *,[data-r-c][data-sm6-8] > *{width:calc(100%/8*6 - (5.455px + 1.42041vw)/8*2)}[sm7-8]:not(x),[data-sm7-8]:not(x),r-c[sm7-8]:not(x) > *,[data-r-c][data-sm7-8] > *{width:calc(100%/8*7 - (5.455px + 1.42041vw)/8)}[join] > [sm1-1],[join] > [data-sm1-1],[data-join] > [sm1-1],[data-join] > [data-sm1-1],[join][sm1-1]:not([r-c]) > *,[data-join][data-sm1-1]:not([x]) > *{width:100%}[join] > [sm1-2],[join] > [data-sm1-2],[data-join] > [sm1-2],[data-join] > [data-sm1-2],[join][sm1-2]:not([r-c]) > *,[data-join][data-sm1-2]:not([x]) > *,[join] > [sm2-4],[join] > [data-sm2-4],[data-join] > [sm2-4],[data-join] > [data-sm2-4],[join][sm2-4]:not([r-c]) > *,[data-join][data-sm2-4]:not([x]) > *,[join] > [sm3-6],[join] > [data-sm3-6],[data-join] > [sm3-6],[data-join] > [data-sm3-6],[join][sm3-6]:not([r-c]) > *,[data-join][data-sm3-6]:not([x]) > *,[join] > [sm4-8],[join] > [data-sm4-8],[data-join] > [sm4-8],[data-join] > [data-sm4-8],[join][sm4-8]:not([r-c]) > *,[data-join][data-sm4-8]:not([x]) > *{width:50%}[join] > [sm1-3],[join] > [data-sm1-3],[data-join] > [sm1-3],[data-join] > [data-sm1-3],[join][sm1-3]:not([r-c]) > *,[data-join][data-sm1-3]:not([x]) > *,[join] > [sm2-6],[join] > [data-sm2-6],[data-join] > [sm2-6],[data-join] > [data-sm2-6],[join][sm2-6]:not([r-c]) > *,[data-join][data-sm2-6]:not([x]) > *{width:calc(100%/3)}[join] > [sm2-3],[join] > [data-sm2-3],[data-join] > [sm2-3],[data-join] > [data-sm2-3],[join][sm2-3]:not([r-c]) > *,[data-join][data-sm2-3]:not([x]) > *,[join] > [sm4-6],[join] > [data-sm4-6],[data-join] > [sm4-6],[data-join] > [data-sm4-6],[join][sm4-6]:not([r-c]) > *,[data-join][data-sm4-6]:not([x]) > *{width:calc(100%/3*2)}[join] > [sm1-4],[join] > [data-sm1-4],[data-join] > [sm1-4],[data-join] > [data-sm1-4],[join][sm1-4]:not([r-c]) > *,[data-join][data-sm1-4]:not([x]) > *,[join] > [sm2-8],[join] > [data-sm2-8],[data-join] > [sm2-8],[data-join] > [data-sm2-8],[join][sm2-8]:not([r-c]) > *,[data-join][data-sm2-8]:not([x]) > *{width:25%}[join] > [sm3-4],[join] > [data-sm3-4],[data-join] > [sm3-4],[data-join] > [data-sm3-4],[join][sm3-4]:not([r-c]) > *,[data-join][data-sm3-4]:not([x]) > *,[join] > [sm6-8],[join] > [data-sm6-8],[data-join] > [sm6-8],[data-join] > [data-sm6-8],[join][sm6-8]:not([r-c]) > *,[data-join][data-sm6-8]:not([x]) > *{width:75%}[join] > [sm1-5],[join] > [data-sm1-5],[data-join] > [sm1-5],[data-join] > [data-sm1-5],[join][sm1-5]:not([r-c]) > *,[data-join][data-sm1-5]:not([x]) > *{width:20%}[join] > [sm2-5],[join] > [data-sm2-5],[data-join] > [sm2-5],[data-join] > [data-sm2-5],[join][sm2-5]:not([r-c]) > *,[data-join][data-sm2-5]:not([x]) > *{width:40%}[join] > [sm3-5],[join] > [data-sm3-5],[data-join] > [sm3-5],[data-join] > [data-sm3-5],[join][sm3-5]:not([r-c]) > *,[data-join][data-sm3-5]:not([x]) > *{width:60%}[join] > [sm4-5],[join] > [data-sm4-5],[data-join] > [sm4-5],[data-join] > [data-sm4-5],[join][sm4-5]:not([r-c]) > *,[data-join][data-sm4-5]:not([x]) > *{width:80%}[join] > [sm1-6],[join] > [data-sm1-6],[data-join] > [sm1-6],[data-join] > [data-sm1-6],[join][sm1-6]:not([r-c]) > *,[data-join][data-sm1-6]:not([x]) > *{width:calc(100%/6)}[join] > [sm5-6],[join] > [data-sm5-6],[data-join] > [sm5-6],[data-join] > [data-sm5-6],[join][sm5-6]:not([r-c]) > *,[data-join][data-sm5-6]:not([x]) > *{width:calc(100%/6*5)}[join] > [sm1-7],[join] > [data-sm1-7],[data-join] > [sm1-7],[data-join] > [data-sm1-7],[join][sm1-7]:not([r-c]) > *,[data-join][data-sm1-7]:not([x]) > *{width:calc(100%/7)}[join] > [sm2-7],[join] > [data-sm2-7],[data-join] > [sm2-7],[data-join] > [data-sm2-7],[join][sm2-7]:not([r-c]) > *,[data-join][data-sm2-7]:not([x]) > *{width:calc(100%/7*2)}[join] > [sm3-7],[join] > [data-sm3-7],[data-join] > [sm3-7],[data-join] > [data-sm3-7],[join][sm3-7]:not([r-c]) > *,[data-join][data-sm3-7]:not([x]) > *{width:calc(100%/7*3)}[join] > [sm4-7],[join] > [data-sm4-7],[data-join] > [sm4-7],[data-join] > [data-sm4-7],[join][sm4-7]:not([r-c]) > *,[data-join][data-sm4-7]:not([x]) > *{width:calc(100%/7*4)}[join] > [sm5-7],[join] > [data-sm5-7],[data-join] > [sm5-7],[data-join] > [data-sm5-7],[join][sm5-7]:not([r-c]) > *,[data-join][data-sm5-7]:not([x]) > *{width:calc(100%/7*5)}[join] > [sm6-7],[join] > [data-sm6-7],[data-join] > [sm6-7],[data-join] > [data-sm6-7],[join][sm6-7]:not([r-c]) > *,[data-join][data-sm6-7]:not([x]) > *{width:calc(100%/7*6)}[join] > [sm1-8],[join] > [data-sm1-8],[data-join] > [sm1-8],[data-join] > [data-sm1-8],[join][sm1-8]:not([r-c]) > *,[data-join][data-sm1-8]:not([x]) > *{width:calc(100%/8)}[join] > [sm3-8],[join] > [data-sm3-8],[data-join] > [sm3-8],[data-join] > [data-sm3-8],[join][sm3-8]:not([r-c]) > *,[data-join][data-sm3-8]:not([x]) > *{width:calc(100%/8*3)}[join] > [sm5-8],[join] > [data-sm5-8],[data-join] > [sm5-8],[data-join] > [data-sm5-8],[join][sm5-8]:not([r-c]) > *,[data-join][data-sm5-8]:not([x]) > *{width:calc(100%/8*5)}[join] > [sm7-8],[join] > [data-sm7-8],[data-join] > [sm7-8],[data-join] > [data-sm7-8],[join][sm7-8]:not([r-c]) > *,[data-join][data-sm7-8]:not([x]) > *{width:calc(100%/8*7)}[sm1],[data-sm1]{order:-8}[sm2],[data-sm2]{order:-7}[sm3],[data-sm3]{order:-6}[sm4],[data-sm4]{order:-5}[sm5],[data-sm5]{order:-4}[sm6],[data-sm6]{order:-3}[sm7],[data-sm7]{order:-2}[sm8],[data-sm8]{order:-1}}@media (min-width:900px){[md1-1]:not(x),[data-md1-1]:not(x),r-c[md1-1]:not(x) > *,[data-r-c][data-md1-1] > *{width:100%}[md1-2]:not(x),[data-md1-2]:not(x),r-c[md1-2]:not(x) > *,[data-r-c][data-md1-2] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[md1-3]:not(x),[data-md1-3]:not(x),r-c[md1-3]:not(x) > *,[data-r-c][data-md1-3] > *{width:calc(100%/3 - (5.455px + 1.42041vw)/3*2)}[md2-3]:not(x),[data-md2-3]:not(x),r-c[md2-3]:not(x) > *,[data-r-c][data-md2-3] > *{width:calc(100%/3*2 - (5.455px + 1.42041vw)/3)}[md1-4]:not(x),[data-md1-4]:not(x),r-c[md1-4]:not(x) > *,[data-r-c][data-md1-4] > *{width:calc(25% - (5.455px + 1.42041vw)/4*3)}[md2-4]:not(x),[data-md2-4]:not(x),r-c[md2-4]:not(x) > *,[data-r-c][data-md2-4] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[md3-4]:not(x),[data-md3-4]:not(x),r-c[md3-4]:not(x) > *,[data-r-c][data-md3-4] > *{width:calc(25% - (5.455px + 1.42041vw)/4)}[md1-5]:not(x),[data-md1-5]:not(x),r-c[md1-5]:not(x) > *,[data-r-c][data-md1-5] > *{width:calc(100%/5 - (5.455px + 1.42041vw)/5*4)}[md2-5]:not(x),[data-md2-5]:not(x),r-c[md2-5]:not(x) > *,[data-r-c][data-md2-5] > *{width:calc(100%/5*2 - (5.455px + 1.42041vw)/5*3)}[md3-5]:not(x),[data-md3-5]:not(x),r-c[md3-5]:not(x) > *,[data-r-c][data-md3-5] > *{width:calc(100%/5*3 - (5.455px + 1.42041vw)/5*2)}[md4-5]:not(x),[data-md4-5]:not(x),r-c[md4-5]:not(x) > *,[data-r-c][data-md4-5] > *{width:calc(100%/5*4 - (5.455px + 1.42041vw)/5)}[md1-6]:not(x),[data-md1-6]:not(x),r-c[md1-6]:not(x) > *,[data-r-c][data-md1-6] > *{width:calc(100%/6 - (5.455px + 1.42041vw)/6*5)}[md2-6]:not(x),[data-md2-6]:not(x),r-c[md2-6]:not(x) > *,[data-r-c][data-md2-6] > *{width:calc(100%/6*2 - (5.455px + 1.42041vw)/6*4)}[md3-6]:not(x),[data-md3-6]:not(x),r-c[md3-6]:not(x) > *,[data-r-c][data-md3-6] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[md4-6]:not(x),[data-md4-6]:not(x),r-c[md4-6]:not(x) > *,[data-r-c][data-md4-6] > *{width:calc(100%/6*4 - (5.455px + 1.42041vw)/6*2)}[md5-6]:not(x),[data-md5-6]:not(x),r-c[md5-6]:not(x) > *,[data-r-c][data-md5-6] > *{width:calc(100%/6*5 - (5.455px + 1.42041vw)/6)}[md1-7]:not(x),[data-md1-7]:not(x),r-c[md1-7]:not(x) > *,[data-r-c][data-md1-7] > *{width:calc(100%/7 - (5.455px + 1.42041vw)/7*6)}[md2-7]:not(x),[data-md2-7]:not(x),r-c[md2-7]:not(x) > *,[data-r-c][data-md2-7] > *{width:calc(100%/7*2 - (5.455px + 1.42041vw)/7*5)}[md3-7]:not(x),[data-md3-7]:not(x),r-c[md3-7]:not(x) > *,[data-r-c][data-md3-7] > *{width:calc(100%/7*3 - (5.455px + 1.42041vw)/7*4)}[md4-7]:not(x),[data-md4-7]:not(x),r-c[md4-7]:not(x) > *,[data-r-c][data-md4-7] > *{width:calc(100%/7*4 - (5.455px + 1.42041vw)/7*3)}[md5-7]:not(x),[data-md5-7]:not(x),r-c[md5-7]:not(x) > *,[data-r-c][data-md5-7] > *{width:calc(100%/7*5 - (5.455px + 1.42041vw)/7*2)}[md6-7]:not(x),[data-md6-7]:not(x),r-c[md6-7]:not(x) > *,[data-r-c][data-md6-7] > *{width:calc(100%/7*6 - (5.455px + 1.42041vw)/7)}[md1-8]:not(x),[data-md1-8]:not(x),r-c[md1-8]:not(x) > *,[data-r-c][data-md1-8] > *{width:calc(100%/8 - (5.455px + 1.42041vw)/8*7)}[md2-8]:not(x),[data-md2-8]:not(x),r-c[md2-8]:not(x) > *,[data-r-c][data-md2-8] > *{width:calc(100%/8*2 - (5.455px + 1.42041vw)/8*6)}[md3-8]:not(x),[data-md3-8]:not(x),r-c[md3-8]:not(x) > *,[data-r-c][data-md3-8] > *{width:calc(100%/8*3 - (5.455px + 1.42041vw)/8*5)}[md4-8]:not(x),[data-md4-8]:not(x),r-c[md4-8]:not(x) > *,[data-r-c][data-md4-8] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[md5-8]:not(x),[data-md5-8]:not(x),r-c[md5-8]:not(x) > *,[data-r-c][data-md5-8] > *{width:calc(100%/8*5 - (5.455px + 1.42041vw)/8*3)}[md6-8]:not(x),[data-md6-8]:not(x),r-c[md6-8]:not(x) > *,[data-r-c][data-md6-8] > *{width:calc(100%/8*6 - (5.455px + 1.42041vw)/8*2)}[md7-8]:not(x),[data-md7-8]:not(x),r-c[md7-8]:not(x) > *,[data-r-c][data-md7-8] > *{width:calc(100%/8*7 - (5.455px + 1.42041vw)/8)}[join] > [md1-1],[join] > [data-md1-1],[data-join] > [md1-1],[data-join] > [data-md1-1],[join][md1-1]:not([r-c]) > *,[data-join][data-md1-1]:not([x]) > *{width:100%}[join] > [md1-2],[join] > [data-md1-2],[data-join] > [md1-2],[data-join] > [data-md1-2],[join][md1-2]:not([r-c]) > *,[data-join][data-md1-2]:not([x]) > *,[join] > [md2-4],[join] > [data-md2-4],[data-join] > [md2-4],[data-join] > [data-md2-4],[join][md2-4]:not([r-c]) > *,[data-join][data-md2-4]:not([x]) > *,[join] > [md3-6],[join] > [data-md3-6],[data-join] > [md3-6],[data-join] > [data-md3-6],[join][md3-6]:not([r-c]) > *,[data-join][data-md3-6]:not([x]) > *,[join] > [md4-8],[join] > [data-md4-8],[data-join] > [md4-8],[data-join] > [data-md4-8],[join][md4-8]:not([r-c]) > *,[data-join][data-md4-8]:not([x]) > *{width:50%}[join] > [md1-3],[join] > [data-md1-3],[data-join] > [md1-3],[data-join] > [data-md1-3],[join][md1-3]:not([r-c]) > *,[data-join][data-md1-3]:not([x]) > *,[join] > [md2-6],[join] > [data-md2-6],[data-join] > [md2-6],[data-join] > [data-md2-6],[join][md2-6]:not([r-c]) > *,[data-join][data-md2-6]:not([x]) > *{width:calc(100%/3)}[join] > [md2-3],[join] > [data-md2-3],[data-join] > [md2-3],[data-join] > [data-md2-3],[join][md2-3]:not([r-c]) > *,[data-join][data-md2-3]:not([x]) > *,[join] > [md4-6],[join] > [data-md4-6],[data-join] > [md4-6],[data-join] > [data-md4-6],[join][md4-6]:not([r-c]) > *,[data-join][data-md4-6]:not([x]) > *{width:calc(100%/3*2)}[join] > [md1-4],[join] > [data-md1-4],[data-join] > [md1-4],[data-join] > [data-md1-4],[join][md1-4]:not([r-c]) > *,[data-join][data-md1-4]:not([x]) > *,[join] > [md2-8],[join] > [data-md2-8],[data-join] > [md2-8],[data-join] > [data-md2-8],[join][md2-8]:not([r-c]) > *,[data-join][data-md2-8]:not([x]) > *{width:25%}[join] > [md3-4],[join] > [data-md3-4],[data-join] > [md3-4],[data-join] > [data-md3-4],[join][md3-4]:not([r-c]) > *,[data-join][data-md3-4]:not([x]) > *,[join] > [md6-8],[join] > [data-md6-8],[data-join] > [md6-8],[data-join] > [data-md6-8],[join][md6-8]:not([r-c]) > *,[data-join][data-md6-8]:not([x]) > *{width:75%}[join] > [md1-5],[join] > [data-md1-5],[data-join] > [md1-5],[data-join] > [data-md1-5],[join][md1-5]:not([r-c]) > *,[data-join][data-md1-5]:not([x]) > *{width:20%}[join] > [md2-5],[join] > [data-md2-5],[data-join] > [md2-5],[data-join] > [data-md2-5],[join][md2-5]:not([r-c]) > *,[data-join][data-md2-5]:not([x]) > *{width:40%}[join] > [md3-5],[join] > [data-md3-5],[data-join] > [md3-5],[data-join] > [data-md3-5],[join][md3-5]:not([r-c]) > *,[data-join][data-md3-5]:not([x]) > *{width:60%}[join] > [md4-5],[join] > [data-md4-5],[data-join] > [md4-5],[data-join] > [data-md4-5],[join][md4-5]:not([r-c]) > *,[data-join][data-md4-5]:not([x]) > *{width:80%}[join] > [md1-6],[join] > [data-md1-6],[data-join] > [md1-6],[data-join] > [data-md1-6],[join][md1-6]:not([r-c]) > *,[data-join][data-md1-6]:not([x]) > *{width:calc(100%/6)}[join] > [md5-6],[join] > [data-md5-6],[data-join] > [md5-6],[data-join] > [data-md5-6],[join][md5-6]:not([r-c]) > *,[data-join][data-md5-6]:not([x]) > *{width:calc(100%/6*5)}[join] > [md1-7],[join] > [data-md1-7],[data-join] > [md1-7],[data-join] > [data-md1-7],[join][md1-7]:not([r-c]) > *,[data-join][data-md1-7]:not([x]) > *{width:calc(100%/7)}[join] > [md2-7],[join] > [data-md2-7],[data-join] > [md2-7],[data-join] > [data-md2-7],[join][md2-7]:not([r-c]) > *,[data-join][data-md2-7]:not([x]) > *{width:calc(100%/7*2)}[join] > [md3-7],[join] > [data-md3-7],[data-join] > [md3-7],[data-join] > [data-md3-7],[join][md3-7]:not([r-c]) > *,[data-join][data-md3-7]:not([x]) > *{width:calc(100%/7*3)}[join] > [md4-7],[join] > [data-md4-7],[data-join] > [md4-7],[data-join] > [data-md4-7],[join][md4-7]:not([r-c]) > *,[data-join][data-md4-7]:not([x]) > *{width:calc(100%/7*4)}[join] > [md5-7],[join] > [data-md5-7],[data-join] > [md5-7],[data-join] > [data-md5-7],[join][md5-7]:not([r-c]) > *,[data-join][data-md5-7]:not([x]) > *{width:calc(100%/7*5)}[join] > [md6-7],[join] > [data-md6-7],[data-join] > [md6-7],[data-join] > [data-md6-7],[join][md6-7]:not([r-c]) > *,[data-join][data-md6-7]:not([x]) > *{width:calc(100%/7*6)}[join] > [md1-8],[join] > [data-md1-8],[data-join] > [md1-8],[data-join] > [data-md1-8],[join][md1-8]:not([r-c]) > *,[data-join][data-md1-8]:not([x]) > *{width:calc(100%/8)}[join] > [md3-8],[join] > [data-md3-8],[data-join] > [md3-8],[data-join] > [data-md3-8],[join][md3-8]:not([r-c]) > *,[data-join][data-md3-8]:not([x]) > *{width:calc(100%/8*3)}[join] > [md5-8],[join] > [data-md5-8],[data-join] > [md5-8],[data-join] > [data-md5-8],[join][md5-8]:not([r-c]) > *,[data-join][data-md5-8]:not([x]) > *{width:calc(100%/8*5)}[join] > [md7-8],[join] > [data-md7-8],[data-join] > [md7-8],[data-join] > [data-md7-8],[join][md7-8]:not([r-c]) > *,[data-join][data-md7-8]:not([x]) > *{width:calc(100%/8*7)}[md1],[data-md1]{order:-8}[md2],[data-md2]{order:-7}[md3],[data-md3]{order:-6}[md4],[data-md4]{order:-5}[md5],[data-md5]{order:-4}[md6],[data-md6]{order:-3}[md7],[data-md7]{order:-2}[md8],[data-md8]{order:-1}}@media (min-width:1200px){[lg1-1]:not(x),[data-lg1-1]:not(x),r-c[lg1-1]:not(x) > *,[data-r-c][data-lg1-1] > *{width:100%}[lg1-2]:not(x),[data-lg1-2]:not(x),r-c[lg1-2]:not(x) > *,[data-r-c][data-lg1-2] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[lg1-3]:not(x),[data-lg1-3]:not(x),r-c[lg1-3]:not(x) > *,[data-r-c][data-lg1-3] > *{width:calc(100%/3 - (5.455px + 1.42041vw)/3*2)}[lg2-3]:not(x),[data-lg2-3]:not(x),r-c[lg2-3]:not(x) > *,[data-r-c][data-lg2-3] > *{width:calc(100%/3*2 - (5.455px + 1.42041vw)/3)}[lg1-4]:not(x),[data-lg1-4]:not(x),r-c[lg1-4]:not(x) > *,[data-r-c][data-lg1-4] > *{width:calc(25% - (5.455px + 1.42041vw)/4*3)}[lg2-4]:not(x),[data-lg2-4]:not(x),r-c[lg2-4]:not(x) > *,[data-r-c][data-lg2-4] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[lg3-4]:not(x),[data-lg3-4]:not(x),r-c[lg3-4]:not(x) > *,[data-r-c][data-lg3-4] > *{width:calc(25% - (5.455px + 1.42041vw)/4)}[lg1-5]:not(x),[data-lg1-5]:not(x),r-c[lg1-5]:not(x) > *,[data-r-c][data-lg1-5] > *{width:calc(100%/5 - (5.455px + 1.42041vw)/5*4)}[lg2-5]:not(x),[data-lg2-5]:not(x),r-c[lg2-5]:not(x) > *,[data-r-c][data-lg2-5] > *{width:calc(100%/5*2 - (5.455px + 1.42041vw)/5*3)}[lg3-5]:not(x),[data-lg3-5]:not(x),r-c[lg3-5]:not(x) > *,[data-r-c][data-lg3-5] > *{width:calc(100%/5*3 - (5.455px + 1.42041vw)/5*2)}[lg4-5]:not(x),[data-lg4-5]:not(x),r-c[lg4-5]:not(x) > *,[data-r-c][data-lg4-5] > *{width:calc(100%/5*4 - (5.455px + 1.42041vw)/5)}[lg1-6]:not(x),[data-lg1-6]:not(x),r-c[lg1-6]:not(x) > *,[data-r-c][data-lg1-6] > *{width:calc(100%/6 - (5.455px + 1.42041vw)/6*5)}[lg2-6]:not(x),[data-lg2-6]:not(x),r-c[lg2-6]:not(x) > *,[data-r-c][data-lg2-6] > *{width:calc(100%/6*2 - (5.455px + 1.42041vw)/6*4)}[lg3-6]:not(x),[data-lg3-6]:not(x),r-c[lg3-6]:not(x) > *,[data-r-c][data-lg3-6] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[lg4-6]:not(x),[data-lg4-6]:not(x),r-c[lg4-6]:not(x) > *,[data-r-c][data-lg4-6] > *{width:calc(100%/6*4 - (5.455px + 1.42041vw)/6*2)}[lg5-6]:not(x),[data-lg5-6]:not(x),r-c[lg5-6]:not(x) > *,[data-r-c][data-lg5-6] > *{width:calc(100%/6*5 - (5.455px + 1.42041vw)/6)}[lg1-7]:not(x),[data-lg1-7]:not(x),r-c[lg1-7]:not(x) > *,[data-r-c][data-lg1-7] > *{width:calc(100%/7 - (5.455px + 1.42041vw)/7*6)}[lg2-7]:not(x),[data-lg2-7]:not(x),r-c[lg2-7]:not(x) > *,[data-r-c][data-lg2-7] > *{width:calc(100%/7*2 - (5.455px + 1.42041vw)/7*5)}[lg3-7]:not(x),[data-lg3-7]:not(x),r-c[lg3-7]:not(x) > *,[data-r-c][data-lg3-7] > *{width:calc(100%/7*3 - (5.455px + 1.42041vw)/7*4)}[lg4-7]:not(x),[data-lg4-7]:not(x),r-c[lg4-7]:not(x) > *,[data-r-c][data-lg4-7] > *{width:calc(100%/7*4 - (5.455px + 1.42041vw)/7*3)}[lg5-7]:not(x),[data-lg5-7]:not(x),r-c[lg5-7]:not(x) > *,[data-r-c][data-lg5-7] > *{width:calc(100%/7*5 - (5.455px + 1.42041vw)/7*2)}[lg6-7]:not(x),[data-lg6-7]:not(x),r-c[lg6-7]:not(x) > *,[data-r-c][data-lg6-7] > *{width:calc(100%/7*6 - (5.455px + 1.42041vw)/7)}[lg1-8]:not(x),[data-lg1-8]:not(x),r-c[lg1-8]:not(x) > *,[data-r-c][data-lg1-8] > *{width:calc(100%/8 - (5.455px + 1.42041vw)/8*7)}[lg2-8]:not(x),[data-lg2-8]:not(x),r-c[lg2-8]:not(x) > *,[data-r-c][data-lg2-8] > *{width:calc(100%/8*2 - (5.455px + 1.42041vw)/8*6)}[lg3-8]:not(x),[data-lg3-8]:not(x),r-c[lg3-8]:not(x) > *,[data-r-c][data-lg3-8] > *{width:calc(100%/8*3 - (5.455px + 1.42041vw)/8*5)}[lg4-8]:not(x),[data-lg4-8]:not(x),r-c[lg4-8]:not(x) > *,[data-r-c][data-lg4-8] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[lg5-8]:not(x),[data-lg5-8]:not(x),r-c[lg5-8]:not(x) > *,[data-r-c][data-lg5-8] > *{width:calc(100%/8*5 - (5.455px + 1.42041vw)/8*3)}[lg6-8]:not(x),[data-lg6-8]:not(x),r-c[lg6-8]:not(x) > *,[data-r-c][data-lg6-8] > *{width:calc(100%/8*6 - (5.455px + 1.42041vw)/8*2)}[lg7-8]:not(x),[data-lg7-8]:not(x),r-c[lg7-8]:not(x) > *,[data-r-c][data-lg7-8] > *{width:calc(100%/8*7 - (5.455px + 1.42041vw)/8)}[join] > [lg1-1],[join] > [data-lg1-1],[data-join] > [lg1-1],[data-join] > [data-lg1-1],[join][lg1-1]:not([r-c]) > *,[data-join][data-lg1-1]:not([x]) > *{width:100%}[join] > [lg1-2],[join] > [data-lg1-2],[data-join] > [lg1-2],[data-join] > [data-lg1-2],[join][lg1-2]:not([r-c]) > *,[data-join][data-lg1-2]:not([x]) > *,[join] > [lg2-4],[join] > [data-lg2-4],[data-join] > [lg2-4],[data-join] > [data-lg2-4],[join][lg2-4]:not([r-c]) > *,[data-join][data-lg2-4]:not([x]) > *,[join] > [lg3-6],[join] > [data-lg3-6],[data-join] > [lg3-6],[data-join] > [data-lg3-6],[join][lg3-6]:not([r-c]) > *,[data-join][data-lg3-6]:not([x]) > *,[join] > [lg4-8],[join] > [data-lg4-8],[data-join] > [lg4-8],[data-join] > [data-lg4-8],[join][lg4-8]:not([r-c]) > *,[data-join][data-lg4-8]:not([x]) > *{width:50%}[join] > [lg1-3],[join] > [data-lg1-3],[data-join] > [lg1-3],[data-join] > [data-lg1-3],[join][lg1-3]:not([r-c]) > *,[data-join][data-lg1-3]:not([x]) > *,[join] > [lg2-6],[join] > [data-lg2-6],[data-join] > [lg2-6],[data-join] > [data-lg2-6],[join][lg2-6]:not([r-c]) > *,[data-join][data-lg2-6]:not([x]) > *{width:calc(100%/3)}[join] > [lg2-3],[join] > [data-lg2-3],[data-join] > [lg2-3],[data-join] > [data-lg2-3],[join][lg2-3]:not([r-c]) > *,[data-join][data-lg2-3]:not([x]) > *,[join] > [lg4-6],[join] > [data-lg4-6],[data-join] > [lg4-6],[data-join] > [data-lg4-6],[join][lg4-6]:not([r-c]) > *,[data-join][data-lg4-6]:not([x]) > *{width:calc(100%/3*2)}[join] > [lg1-4],[join] > [data-lg1-4],[data-join] > [lg1-4],[data-join] > [data-lg1-4],[join][lg1-4]:not([r-c]) > *,[data-join][data-lg1-4]:not([x]) > *,[join] > [lg2-8],[join] > [data-lg2-8],[data-join] > [lg2-8],[data-join] > [data-lg2-8],[join][lg2-8]:not([r-c]) > *,[data-join][data-lg2-8]:not([x]) > *{width:25%}[join] > [lg3-4],[join] > [data-lg3-4],[data-join] > [lg3-4],[data-join] > [data-lg3-4],[join][lg3-4]:not([r-c]) > *,[data-join][data-lg3-4]:not([x]) > *,[join] > [lg6-8],[join] > [data-lg6-8],[data-join] > [lg6-8],[data-join] > [data-lg6-8],[join][lg6-8]:not([r-c]) > *,[data-join][data-lg6-8]:not([x]) > *{width:75%}[join] > [lg1-5],[join] > [data-lg1-5],[data-join] > [lg1-5],[data-join] > [data-lg1-5],[join][lg1-5]:not([r-c]) > *,[data-join][data-lg1-5]:not([x]) > *{width:20%}[join] > [lg2-5],[join] > [data-lg2-5],[data-join] > [lg2-5],[data-join] > [data-lg2-5],[join][lg2-5]:not([r-c]) > *,[data-join][data-lg2-5]:not([x]) > *{width:40%}[join] > [lg3-5],[join] > [data-lg3-5],[data-join] > [lg3-5],[data-join] > [data-lg3-5],[join][lg3-5]:not([r-c]) > *,[data-join][data-lg3-5]:not([x]) > *{width:60%}[join] > [lg4-5],[join] > [data-lg4-5],[data-join] > [lg4-5],[data-join] > [data-lg4-5],[join][lg4-5]:not([r-c]) > *,[data-join][data-lg4-5]:not([x]) > *{width:80%}[join] > [lg1-6],[join] > [data-lg1-6],[data-join] > [lg1-6],[data-join] > [data-lg1-6],[join][lg1-6]:not([r-c]) > *,[data-join][data-lg1-6]:not([x]) > *{width:calc(100%/6)}[join] > [lg5-6],[join] > [data-lg5-6],[data-join] > [lg5-6],[data-join] > [data-lg5-6],[join][lg5-6]:not([r-c]) > *,[data-join][data-lg5-6]:not([x]) > *{width:calc(100%/6*5)}[join] > [lg1-7],[join] > [data-lg1-7],[data-join] > [lg1-7],[data-join] > [data-lg1-7],[join][lg1-7]:not([r-c]) > *,[data-join][data-lg1-7]:not([x]) > *{width:calc(100%/7)}[join] > [lg2-7],[join] > [data-lg2-7],[data-join] > [lg2-7],[data-join] > [data-lg2-7],[join][lg2-7]:not([r-c]) > *,[data-join][data-lg2-7]:not([x]) > *{width:calc(100%/7*2)}[join] > [lg3-7],[join] > [data-lg3-7],[data-join] > [lg3-7],[data-join] > [data-lg3-7],[join][lg3-7]:not([r-c]) > *,[data-join][data-lg3-7]:not([x]) > *{width:calc(100%/7*3)}[join] > [lg4-7],[join] > [data-lg4-7],[data-join] > [lg4-7],[data-join] > [data-lg4-7],[join][lg4-7]:not([r-c]) > *,[data-join][data-lg4-7]:not([x]) > *{width:calc(100%/7*4)}[join] > [lg5-7],[join] > [data-lg5-7],[data-join] > [lg5-7],[data-join] > [data-lg5-7],[join][lg5-7]:not([r-c]) > *,[data-join][data-lg5-7]:not([x]) > *{width:calc(100%/7*5)}[join] > [lg6-7],[join] > [data-lg6-7],[data-join] > [lg6-7],[data-join] > [data-lg6-7],[join][lg6-7]:not([r-c]) > *,[data-join][data-lg6-7]:not([x]) > *{width:calc(100%/7*6)}[join] > [lg1-8],[join] > [data-lg1-8],[data-join] > [lg1-8],[data-join] > [data-lg1-8],[join][lg1-8]:not([r-c]) > *,[data-join][data-lg1-8]:not([x]) > *{width:calc(100%/8)}[join] > [lg3-8],[join] > [data-lg3-8],[data-join] > [lg3-8],[data-join] > [data-lg3-8],[join][lg3-8]:not([r-c]) > *,[data-join][data-lg3-8]:not([x]) > *{width:calc(100%/8*3)}[join] > [lg5-8],[join] > [data-lg5-8],[data-join] > [lg5-8],[data-join] > [data-lg5-8],[join][lg5-8]:not([r-c]) > *,[data-join][data-lg5-8]:not([x]) > *{width:calc(100%/8*5)}[join] > [lg7-8],[join] > [data-lg7-8],[data-join] > [lg7-8],[data-join] > [data-lg7-8],[join][lg7-8]:not([r-c]) > *,[data-join][data-lg7-8]:not([x]) > *{width:calc(100%/8*7)}[lg1],[data-lg1]{order:-8}[lg2],[data-lg2]{order:-7}[lg3],[data-lg3]{order:-6}[lg4],[data-lg4]{order:-5}[lg5],[data-lg5]{order:-4}[lg6],[data-lg6]{order:-3}[lg7],[data-lg7]{order:-2}[lg8],[data-lg8]{order:-1}}@media (min-width:1800px){[xl1-1]:not(x),[data-xl1-1]:not(x),r-c[xl1-1]:not(x) > *,[data-r-c][data-xl1-1] > *{width:100%}[xl1-2]:not(x),[data-xl1-2]:not(x),r-c[xl1-2]:not(x) > *,[data-r-c][data-xl1-2] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[xl1-3]:not(x),[data-xl1-3]:not(x),r-c[xl1-3]:not(x) > *,[data-r-c][data-xl1-3] > *{width:calc(100%/3 - (5.455px + 1.42041vw)/3*2)}[xl2-3]:not(x),[data-xl2-3]:not(x),r-c[xl2-3]:not(x) > *,[data-r-c][data-xl2-3] > *{width:calc(100%/3*2 - (5.455px + 1.42041vw)/3)}[xl1-4]:not(x),[data-xl1-4]:not(x),r-c[xl1-4]:not(x) > *,[data-r-c][data-xl1-4] > *{width:calc(25% - (5.455px + 1.42041vw)/4*3)}[xl2-4]:not(x),[data-xl2-4]:not(x),r-c[xl2-4]:not(x) > *,[data-r-c][data-xl2-4] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[xl3-4]:not(x),[data-xl3-4]:not(x),r-c[xl3-4]:not(x) > *,[data-r-c][data-xl3-4] > *{width:calc(25% - (5.455px + 1.42041vw)/4)}[xl1-5]:not(x),[data-xl1-5]:not(x),r-c[xl1-5]:not(x) > *,[data-r-c][data-xl1-5] > *{width:calc(100%/5 - (5.455px + 1.42041vw)/5*4)}[xl2-5]:not(x),[data-xl2-5]:not(x),r-c[xl2-5]:not(x) > *,[data-r-c][data-xl2-5] > *{width:calc(100%/5*2 - (5.455px + 1.42041vw)/5*3)}[xl3-5]:not(x),[data-xl3-5]:not(x),r-c[xl3-5]:not(x) > *,[data-r-c][data-xl3-5] > *{width:calc(100%/5*3 - (5.455px + 1.42041vw)/5*2)}[xl4-5]:not(x),[data-xl4-5]:not(x),r-c[xl4-5]:not(x) > *,[data-r-c][data-xl4-5] > *{width:calc(100%/5*4 - (5.455px + 1.42041vw)/5)}[xl1-6]:not(x),[data-xl1-6]:not(x),r-c[xl1-6]:not(x) > *,[data-r-c][data-xl1-6] > *{width:calc(100%/6 - (5.455px + 1.42041vw)/6*5)}[xl2-6]:not(x),[data-xl2-6]:not(x),r-c[xl2-6]:not(x) > *,[data-r-c][data-xl2-6] > *{width:calc(100%/6*2 - (5.455px + 1.42041vw)/6*4)}[xl3-6]:not(x),[data-xl3-6]:not(x),r-c[xl3-6]:not(x) > *,[data-r-c][data-xl3-6] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[xl4-6]:not(x),[data-xl4-6]:not(x),r-c[xl4-6]:not(x) > *,[data-r-c][data-xl4-6] > *{width:calc(100%/6*4 - (5.455px + 1.42041vw)/6*2)}[xl5-6]:not(x),[data-xl5-6]:not(x),r-c[xl5-6]:not(x) > *,[data-r-c][data-xl5-6] > *{width:calc(100%/6*5 - (5.455px + 1.42041vw)/6)}[xl1-7]:not(x),[data-xl1-7]:not(x),r-c[xl1-7]:not(x) > *,[data-r-c][data-xl1-7] > *{width:calc(100%/7 - (5.455px + 1.42041vw)/7*6)}[xl2-7]:not(x),[data-xl2-7]:not(x),r-c[xl2-7]:not(x) > *,[data-r-c][data-xl2-7] > *{width:calc(100%/7*2 - (5.455px + 1.42041vw)/7*5)}[xl3-7]:not(x),[data-xl3-7]:not(x),r-c[xl3-7]:not(x) > *,[data-r-c][data-xl3-7] > *{width:calc(100%/7*3 - (5.455px + 1.42041vw)/7*4)}[xl4-7]:not(x),[data-xl4-7]:not(x),r-c[xl4-7]:not(x) > *,[data-r-c][data-xl4-7] > *{width:calc(100%/7*4 - (5.455px + 1.42041vw)/7*3)}[xl5-7]:not(x),[data-xl5-7]:not(x),r-c[xl5-7]:not(x) > *,[data-r-c][data-xl5-7] > *{width:calc(100%/7*5 - (5.455px + 1.42041vw)/7*2)}[xl6-7]:not(x),[data-xl6-7]:not(x),r-c[xl6-7]:not(x) > *,[data-r-c][data-xl6-7] > *{width:calc(100%/7*6 - (5.455px + 1.42041vw)/7)}[xl1-8]:not(x),[data-xl1-8]:not(x),r-c[xl1-8]:not(x) > *,[data-r-c][data-xl1-8] > *{width:calc(100%/8 - (5.455px + 1.42041vw)/8*7)}[xl2-8]:not(x),[data-xl2-8]:not(x),r-c[xl2-8]:not(x) > *,[data-r-c][data-xl2-8] > *{width:calc(100%/8*2 - (5.455px + 1.42041vw)/8*6)}[xl3-8]:not(x),[data-xl3-8]:not(x),r-c[xl3-8]:not(x) > *,[data-r-c][data-xl3-8] > *{width:calc(100%/8*3 - (5.455px + 1.42041vw)/8*5)}[xl4-8]:not(x),[data-xl4-8]:not(x),r-c[xl4-8]:not(x) > *,[data-r-c][data-xl4-8] > *{width:calc(50% - (5.455px + 1.42041vw)/2)}[xl5-8]:not(x),[data-xl5-8]:not(x),r-c[xl5-8]:not(x) > *,[data-r-c][data-xl5-8] > *{width:calc(100%/8*5 - (5.455px + 1.42041vw)/8*3)}[xl6-8]:not(x),[data-xl6-8]:not(x),r-c[xl6-8]:not(x) > *,[data-r-c][data-xl6-8] > *{width:calc(100%/8*6 - (5.455px + 1.42041vw)/8*2)}[xl7-8]:not(x),[data-xl7-8]:not(x),r-c[xl7-8]:not(x) > *,[data-r-c][data-xl7-8] > *{width:calc(100%/8*7 - (5.455px + 1.42041vw)/8)}[join] > [xl1-1],[join] > [data-xl1-1],[data-join] > [xl1-1],[data-join] > [data-xl1-1],[join][xl1-1]:not([r-c]) > *,[data-join][data-xl1-1]:not([x]) > *{width:100%}[join] > [xl1-2],[join] > [data-xl1-2],[data-join] > [xl1-2],[data-join] > [data-xl1-2],[join][xl1-2]:not([r-c]) > *,[data-join][data-xl1-2]:not([x]) > *,[join] > [xl2-4],[join] > [data-xl2-4],[data-join] > [xl2-4],[data-join] > [data-xl2-4],[join][xl2-4]:not([r-c]) > *,[data-join][data-xl2-4]:not([x]) > *,[join] > [xl3-6],[join] > [data-xl3-6],[data-join] > [xl3-6],[data-join] > [data-xl3-6],[join][xl3-6]:not([r-c]) > *,[data-join][data-xl3-6]:not([x]) > *,[join] > [xl4-8],[join] > [data-xl4-8],[data-join] > [xl4-8],[data-join] > [data-xl4-8],[join][xl4-8]:not([r-c]) > *,[data-join][data-xl4-8]:not([x]) > *{width:50%}[join] > [xl1-3],[join] > [data-xl1-3],[data-join] > [xl1-3],[data-join] > [data-xl1-3],[join][xl1-3]:not([r-c]) > *,[data-join][data-xl1-3]:not([x]) > *,[join] > [xl2-6],[join] > [data-xl2-6],[data-join] > [xl2-6],[data-join] > [data-xl2-6],[join][xl2-6]:not([r-c]) > *,[data-join][data-xl2-6]:not([x]) > *{width:calc(100%/3)}[join] > [xl2-3],[join] > [data-xl2-3],[data-join] > [xl2-3],[data-join] > [data-xl2-3],[join][xl2-3]:not([r-c]) > *,[data-join][data-xl2-3]:not([x]) > *,[join] > [xl4-6],[join] > [data-xl4-6],[data-join] > [xl4-6],[data-join] > [data-xl4-6],[join][xl4-6]:not([r-c]) > *,[data-join][data-xl4-6]:not([x]) > *{width:calc(100%/3*2)}[join] > [xl1-4],[join] > [data-xl1-4],[data-join] > [xl1-4],[data-join] > [data-xl1-4],[join][xl1-4]:not([r-c]) > *,[data-join][data-xl1-4]:not([x]) > *,[join] > [xl2-8],[join] > [data-xl2-8],[data-join] > [xl2-8],[data-join] > [data-xl2-8],[join][xl2-8]:not([r-c]) > *,[data-join][data-xl2-8]:not([x]) > *{width:25%}[join] > [xl3-4],[join] > [data-xl3-4],[data-join] > [xl3-4],[data-join] > [data-xl3-4],[join][xl3-4]:not([r-c]) > *,[data-join][data-xl3-4]:not([x]) > *,[join] > [xl6-8],[join] > [data-xl6-8],[data-join] > [xl6-8],[data-join] > [data-xl6-8],[join][xl6-8]:not([r-c]) > *,[data-join][data-xl6-8]:not([x]) > *{width:75%}[join] > [xl1-5],[join] > [data-xl1-5],[data-join] > [xl1-5],[data-join] > [data-xl1-5],[join][xl1-5]:not([r-c]) > *,[data-join][data-xl1-5]:not([x]) > *{width:20%}[join] > [xl2-5],[join] > [data-xl2-5],[data-join] > [xl2-5],[data-join] > [data-xl2-5],[join][xl2-5]:not([r-c]) > *,[data-join][data-xl2-5]:not([x]) > *{width:40%}[join] > [xl3-5],[join] > [data-xl3-5],[data-join] > [xl3-5],[data-join] > [data-xl3-5],[join][xl3-5]:not([r-c]) > *,[data-join][data-xl3-5]:not([x]) > *{width:60%}[join] > [xl4-5],[join] > [data-xl4-5],[data-join] > [xl4-5],[data-join] > [data-xl4-5],[join][xl4-5]:not([r-c]) > *,[data-join][data-xl4-5]:not([x]) > *{width:80%}[join] > [xl1-6],[join] > [data-xl1-6],[data-join] > [xl1-6],[data-join] > [data-xl1-6],[join][xl1-6]:not([r-c]) > *,[data-join][data-xl1-6]:not([x]) > *{width:calc(100%/6)}[join] > [xl5-6],[join] > [data-xl5-6],[data-join] > [xl5-6],[data-join] > [data-xl5-6],[join][xl5-6]:not([r-c]) > *,[data-join][data-xl5-6]:not([x]) > *{width:calc(100%/6*5)}[join] > [xl1-7],[join] > [data-xl1-7],[data-join] > [xl1-7],[data-join] > [data-xl1-7],[join][xl1-7]:not([r-c]) > *,[data-join][data-xl1-7]:not([x]) > *{width:calc(100%/7)}[join] > [xl2-7],[join] > [data-xl2-7],[data-join] > [xl2-7],[data-join] > [data-xl2-7],[join][xl2-7]:not([r-c]) > *,[data-join][data-xl2-7]:not([x]) > *{width:calc(100%/7*2)}[join] > [xl3-7],[join] > [data-xl3-7],[data-join] > [xl3-7],[data-join] > [data-xl3-7],[join][xl3-7]:not([r-c]) > *,[data-join][data-xl3-7]:not([x]) > *{width:calc(100%/7*3)}[join] > [xl4-7],[join] > [data-xl4-7],[data-join] > [xl4-7],[data-join] > [data-xl4-7],[join][xl4-7]:not([r-c]) > *,[data-join][data-xl4-7]:not([x]) > *{width:calc(100%/7*4)}[join] > [xl5-7],[join] > [data-xl5-7],[data-join] > [xl5-7],[data-join] > [data-xl5-7],[join][xl5-7]:not([r-c]) > *,[data-join][data-xl5-7]:not([x]) > *{width:calc(100%/7*5)}[join] > [xl6-7],[join] > [data-xl6-7],[data-join] > [xl6-7],[data-join] > [data-xl6-7],[join][xl6-7]:not([r-c]) > *,[data-join][data-xl6-7]:not([x]) > *{width:calc(100%/7*6)}[join] > [xl1-8],[join] > [data-xl1-8],[data-join] > [xl1-8],[data-join] > [data-xl1-8],[join][xl1-8]:not([r-c]) > *,[data-join][data-xl1-8]:not([x]) > *{width:calc(100%/8)}[join] > [xl3-8],[join] > [data-xl3-8],[data-join] > [xl3-8],[data-join] > [data-xl3-8],[join][xl3-8]:not([r-c]) > *,[data-join][data-xl3-8]:not([x]) > *{width:calc(100%/8*3)}[join] > [xl5-8],[join] > [data-xl5-8],[data-join] > [xl5-8],[data-join] > [data-xl5-8],[join][xl5-8]:not([r-c]) > *,[data-join][data-xl5-8]:not([x]) > *{width:calc(100%/8*5)}[join] > [xl7-8],[join] > [data-xl7-8],[data-join] > [xl7-8],[data-join] > [data-xl7-8],[join][xl7-8]:not([r-c]) > *,[data-join][data-xl7-8]:not([x]) > *{width:calc(100%/8*7)}[xl1],[data-xl1]{order:-8}[xl2],[data-xl2]{order:-7}[xl3],[data-xl3]{order:-6}[xl4],[data-xl4]{order:-5}[xl5],[data-xl5]{order:-4}[xl6],[data-xl6]{order:-3}[xl7],[data-xl7]{order:-2}[xl8],[data-xl8]{order:-1}}.red {background:#f97171}
.orange {background:#f99e50}
.yellow {background:#f5d55f}
.green {background:#c5ed77}
.aqua {background:#72f1d4}
.blue {background:#72c2f1}
.purple {background:#987ded}
.pink {background:#dc7ded}  .fixed-width > * {
max-width:30em;
margin:0 auto;
} .full-height-centered {
min-height:100vh;
text-align:center;
background:#f97171;
} .full-height {
min-height:100vh;
} .cover-photo {
background-image:url(https://placeimg.com/640/480/arch);
background-size:cover;
background-position:50% 50%;
} .love-heart {
margin:0;
padding:1rem;
min-height:100vh;
background:#f97171;
}
.love-heart > :first-child {
border-radius:50% 50% 0% 100% / 36% 26% 74% 64%;
background-color:#fff;
background-image:url(https://placeimg.com/640/480/people);
background-size:cover;
background-position:50% 50%;
}
.love-heart > :last-child {
border-radius:50% 50% 100% 0% / 26% 36% 64% 74%;
background-color:#fff;
background-image:url(https://placeimg.com/640/480/animals);
background-size:cover;
background-position:50% 50%;
} .open-book {
margin:2rem 1rem 1rem;
padding:1rem;
background:#7e1010;
border-radius:.3rem;
gap:0;
}
.open-book > * {
background:#fff;
}
.open-book > :first-child {
transform-origin:100% 100%;
transform:skew(0, 4deg);
}
.open-book > :last-child {
transform-origin:0 100%;
transform:skew(0, -4deg);
background: linear-gradient(90deg, #eee 0%, #fff 100%);
} .heading-boxes > * {
background:#fff;
border-radius:.4em;
overflow:hidden;
}
.heading-boxes > * > h1,
.heading-boxes > * > h2,
.heading-boxes > * > h3 {
background:#f97171;
margin:0;
padding:.5em calc(8px + 1.5625vw);
}
.heading-boxes > * > div {
padding:0 calc(8px + 1.5625vw) .5em;
} .comparison {
margin-top:2.5em;
}
.comparison > * {
position:relative;
padding:0;
text-align:center;
}
.comparison > :nth-child(2) {
z-index:10;
box-shadow:0 5px 10px rgba(0, 0, 0, 25%);
}
.comparison > :nth-child(2):before {
content:"Most Popular";
display:block;
position:absolute;
top:-2em;
left:0;
right:0;
line-height:2em;
background:#000;
color:#fff;
border-top-left-radius:.4em;
border-top-right-radius:.4em;
}
.comparison ul {
list-style:none;
margin:0;
padding: 15px 0px;
background:#fff;
}
.comparison li {
text-align: left;
padding: 5px 5px;
line-height:2.2em;
border-top:1px solid #eee;
}
.comparison li:first-child {
border-top:0;
}
.comparison li.tick:before {
content: '✓ ';
color:#006e37;
font-weight:bold;
font-size:1.3em;
}
.comparison li.cross:before {
content: '✗ ';
color:#ec1358;
font-weight:bold;
font-size:1.3em;
}
.comparison h3 {
margin:0;
padding:.4em 0 0;
}
.comparison .price {
margin:0 0 .2em;
font-size:2em;
font-weight:bold;
}
.comparison .button {
display:inline-block;
margin:.5em 0;
padding:.4em .5em;
background:#fff;
color:#000;
text-decoration:none;
font-weight:bold;
border-radius:.4em;
}
.comparison > :nth-child(2) .button {
background:#000;
color:#fff;
}
@media (min-width:900px) {
.comparison {
margin:2.5em calc(8px + 1.5625vw);
}
} .round-window {
min-height:100vw;
background:#72c2f1;
margin:0;
padding:calc(8px + 1.5625vw);
}
.round-window > * {
background-color:#fff;
background-size:cover;
background-position:50% 50%;
}
.round-window > :nth-child(1) {
border-top-left-radius:100%;
background-image:url(https://placeimg.com/640/640/people);
}
.round-window > :nth-child(2) {
border-top-right-radius:100%;
background-image:url(https://placeimg.com/640/640/arch);
}
.round-window > :nth-child(3) {
border-bottom-left-radius:100%;
background-image:url(https://placeimg.com/640/640/animals);
}
.round-window > :nth-child(4) {
border-bottom-right-radius:100%;
background-image:url(https://placeimg.com/640/640/nature);
} .image-cards > * {
background:#fff;
border-radius:.5em;
overflow:hidden;
box-shadow:0 5px 10px rgba(0, 0, 0, 25%);
position:relative;
}
.image-cards figure {
margin:0;
padding:0;
display:block;
}
.image-cards img {
display:block;
max-width:100%;
height:auto;
}
.image-cards figcaption {
margin:0;
padding:.5em 1em;
text-align:center;
font-style:italic;
}
.image-cards figcaption a {
text-decoration:none;
}
.image-cards figcaption a:hover {
text-decoration:underline;
}
.image-cards figcaption a:after {
content:"";
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
} .step-arrows > * {
background:#fff;
padding:0;
border:2px solid #444;
position:relative;
}
.step-arrows > *:before {
content:"";
display:block;
position:absolute;
width:calc((8px + 1.5625vw)*2);
height:calc((8px + 1.5625vw)*2/3);
background-image:url('data:image/svg+xml;utf8,<svg width="150" height="50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 50"><path fill="%23ec1358" d="M90 0v13.15H0v23.7h90V50l60-25z"/></svg>');
background-size:contain;
background-repeat:no-repeat;
z-index:10;
}
.step-arrows > *:first-child:before {
display:none;
}
.step-arrows > * h3 {
background:#444;
color:#fff;
margin:0;
padding:.4em 1em .5em;
}
.step-arrows > * p {
margin:0;
padding:.5em 1em;
}
.wps-membership_btn input {
text-align: center;
display: block !important;
width: 160px;
margin: 10px auto !important;
background-color: #000 !important;
}
body #main .wps-membership_btn input:hover {
background-color: #fff !important;
border: 0px !important;
cursor: pointer;
color: #000 !important;
}
@media (max-width:899px) {
.comparison c1-4 {
width: 33.333%;
}
}
@media (min-width:600px) and (max-width:1199px) {
.step-arrows > *:before {
top:50%;
right:100%;
transform:translate(calc((8px + 1.5625vw)/2), -50%);
}
.step-arrows > *:nth-child(2n+1):before {
transform:translate(-24%, -30%) rotate(135deg);
top:auto;
right:auto;
left:100%;
bottom:100%;
}
}
@media (min-width:1200px) {
.step-arrows > *:before {
top:50%;
right:100%;
transform:translate(calc((8px + 1.5625vw)/2), -50%);
}
}
@media (max-width:599px) {
.step-arrows > *:before {
right:50%;
bottom:100%;
transform:translate(50%, calc(-50% + 4px)) rotate(90deg);
}
.comparison c1-4 {
width: 100%;
margin-bottom: 40px;
}
}.wps_sfw_account_wrap {
overflow-x: auto;
}
.wps_sfw_free_trial,
.wps_sfw_signup_fee {
display: block;
}
.wps_sfw_experimental_feature_notice {
color: red;
} div#oceanwp-cart-sidebar-wrap .oceanwp-cart-sidebar {
width: 100%;
max-width: 400px;
}
div#oceanwp-cart-sidebar-wrap .wps_sfw_subscription_wrapper {
padding: 10px;
}
.oceanwp-theme .wps_sfw_subscription_inner_wrapper .amount {
color: #fff !important;
}
.theme-betheme .wps_sfw_subscription_wrapper label,
.theme-betheme .wps_sfw_subscription_wrapper p,
.oceanwp-theme .wps_sfw_subscription_wrapper label,
.oceanwp-theme .wps_sfw_subscription_wrapper p {
line-height: 28px;
}
.theme-betheme .wps_sfw_subscription_wrapper,
.oceanwp-theme .wps_sfw_subscription_wrapper {
text-align: left;
padding: 10px;
}
.mfp-wrap .mfp-container .mfp-content {
width: 100%;
max-width: 500px;
}
.wps_sfw_subscription_wrapper label,
.wps_sfw_subscription_wrapper p {
display: inline-block;
white-space: break-spaces;
}
.wps_sfw_subscription_wrapper input[type=radio] {
vertical-align: middle;
margin: 0 5px 5px 0;
}
.wps_sfw_account_wrap table {
width: 100%;
}
.wps_sfw_account_additional_wrap {
padding: 10px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
border: 1px solid #dddddd;
margin: 0 0 20px;
}
.wps_sfw_account_additional_wrap table {
border: none;
margin: 0;
}
.wps_sfw_account_additional_wrap table th {
font-size: 15px;
line-height: 1.25;
text-align: center;
vertical-align: middle;
color: #000;
}
.wps_sfw_account_additional_wrap table td {
text-align: center;
}
.wps_sfw_account_additional_wrap table td:first-of-type,
.wps_sfw_account_additional_wrap table th:first-of-type {
text-align: left;
}
.wps_sfw_account_additional_wrap table td:nth-of-type(2) {
text-transform: capitalize;
position: relative;
}
.woocommerce-orders-table__cell-order-status span {
background: #b7ddb7;
padding: 3px 5px;
line-height: 1.25;
border-radius: 3px;
color: green;
font-size: 14px;
text-transform: capitalize;
}
.wps_sfw_expired span {
background: #ffe2df;
color: #e74c3c;
}
.wps_sfw_cancelled span {
background: #fbdec4;
color: #e67e22;
}
.wps_sfw_on-hold span {
background: #fff4c7;
color: #f1c40f;
}
.wps_sfw_paused span {
background: #cfecff;
color: #3498db;
}
.wps_wsp_recurring_total_td {
font-weight: 600;
}
.wps_wsp_recurring_total th {
vertical-align: top;
} .wps_sfw_order_details a.wps_upgrade_downgrade.button {
display: block;
max-width: max-content;
margin: 5px 0 0;
line-height: 1.25;
padding: 10px 10px;
background: #f8f8f8;
border: 2px solid #f8f8f8;
font-size: 14px;
color: #000;
}
.wps_sfw_details_wrap table.shop_table th,
.wps_sfw_account_wrap table th {
border-bottom: 1px solid #ccc;
font-weight: 600;
}
.wps_sfw_details_wrap table.shop_table th,
.wps_sfw_details_wrap table.shop_table td,
.wps_sfw_account_wrap table thead th,
.wps_sfw_account_wrap table tbody td {
background: transparent;
padding: 15px;
text-align: left;
}
.wps_sfw_details_wrap table.shop_table tr,
.wps_sfw_account_wrap table tbody tr {
border: none;
}
.wps_sfw_details_wrap table.shop_table tr:nth-of-type(even),
.wps_sfw_account_wrap table tbody tr:nth-of-type(even) {
background: #f8f8f8;
}
.wps_sfw_details_wrap h3 {
padding: 10px 15px;
font-size: 24px;
margin: 0 0 10px;
font-weight: 500;
line-height: 1.25;
color: #000000;
background: #f3f3f3;
border-radius: 8px;
border: 1px solid #e2e2e2;
cursor: default;
}
.wps_sfw_details_wrap table+h3 {
margin: 25px 0 15px;
}
.wps_sfw_account_additional_wrap table td a.button {
margin: 0 8px 8px 0;
border-radius: 5px;
padding: 10px 20px;
line-height: 1.25;
font-size: 15px;
display: inline-block;
}
.wps_sfw_account_additional_wrap table td:first-of-type {
font-weight: 500;
color: #000;
}
.wps_sfw_show-subscription-page #secondary {
display: none;
}
.wps_sfw_show-subscription-page #primary {
width: 100%;
margin: 0;
}
.wps_sfw_details_wrap-parent {
container-type: inline-size;
container-name: subs-box;
}
.wps_sfw_details_wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.wps_sfw_account_additional_wrap.wps_sfw_account_renewal_wrap {
grid-column-start: 1;
grid-column-end: 3;
}
.wps_sfw_account_additional_wrap {
margin: 0;
padding: 15px;
transition: all 0.2s linear;
}
.wps_sfw_account_additional_wrap:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
@container subs-box (max-width: 690px) {
.wps_sfw_details_wrap {
gap: 30px;
display: flex;
flex-wrap: wrap;
}
.wps_sfw_details_wrap .wps_sfw_account_additional_wrap table.shop_table {
width: 100%;
}
.wps_sfw_account_additional_wrap {
flex: 1 0 45%;
}
.wps_sfw_account_additional_wrap.wps_sfw_account_renewal_wrap {
overflow: auto;
}
}  p.wps_sfw_inner_description {
padding: 10px;
background: #f8f8f8;
margin: 5px 0px 20px;
} .wps_recurring_bifurcation_wrapper a {
text-decoration: none !important;
}
.wps_recurring_bifurcation_wrapper ul {
margin: 0 0 15px;
}
.wps_recurring_bifurcation_wrapper li label {
font-weight: 600;
}
.wps_recurring_bifurcation_wrapper li {
list-style: none;
display: flex;
justify-content: space-between;
padding: 5px 0;
border-bottom: 1px solid #dcdcdc;
flex-wrap: wrap;
} :root {
--wps_sfw_box-primary: rgb(46, 103, 173);
}
a.button.wps_sfw_subs_box-button {
padding: 10px;
border: 1px solid;
}
.wps_sfw_subscription_box_info {
margin-bottom: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.wps_sfw_subs_box-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); justify-content: center;
align-items: center;
z-index: 9999999999;
}
.wps_sfw_subs_box-content {
background: white;
padding: 20px;
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;
text-align: center;
border-radius: 10px;
position: absolute;
animation: fadeIn 0.3s ease-in-out;
}
.wps_sfw_subs_box-content form {
margin: 0;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
.wps_sfw_subs_box-close {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
font-weight: normal;
cursor: pointer;
color: #3d3d3d;
z-index: 9999999;
line-height: 0;
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wps_sfw_subs_box-close:hover {
color: var(--wps_sfw_box-primary);
}
.wps_sfw_sub_box_prod_container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
overflow: auto;
padding: 20px;
gap: 15px;
position: absolute;
align-items: flex-start;
top: 90px;
bottom: 90px;
}
.wps_sfw_sub_box_prod_count {
font-size: 16px;
font-weight: bold;
margin-right: 5px;
display: inline-block;
}
.wps_sfw-sb-title {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 15px;
background: #fff;
border-radius: 10px 10px 0 0;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title h2 {
margin: 0 auto;
font-size: 22px;
font-weight: bold;
line-height: 1.25;
max-width: 450px;
position: relative;
padding: 0 30px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title h3 {
margin: 10px auto;
font-size: 16px;
font-weight: normal;
line-height: 1.5;
text-transform: uppercase;
background: #efefef;
padding: 10px;
border-radius: 5px;
text-align: center;
max-width: 600px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title p {
margin: 0 auto 15px;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
max-width: 800px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta {
padding: 15px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
background: #fff;
display: flex;
justify-content: space-between;
gap: 15px;
align-items: center;
flex-wrap: wrap;
border-radius: 0 0 10px 10px;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item {
padding: 10px;
border-radius: 5px;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_name {
font-size: 14px;
font-weight: bold;
line-height: 1.25;
margin: 10px 0;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty input[type=number] {
color: #000;
width: 60px !important;
padding: 5px;
line-height: 1.25;
text-align: center;
margin: 0;
border-radius: 3px;
font-size: 14px;
min-height: 32px;
height: auto;
border: 1px solid #e2e2e2;
background: transparent;
box-shadow: none;
-moz-appearance: textfield;
pointer-events: none;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty input[type="number"]::-webkit-inner-spin-button,
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty button {
padding: 0;
width: 32px;
height: 32px;
border-radius: 3px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
background: var(--wps_sfw_box-primary);
color: #fff;
font-size: 18px;
font-weight: normal;
transition: all 0.3s linear;
border: 1px solid var(--wps_sfw_box-primary);
cursor: pointer;
margin: 0;
min-height: auto;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_image img {
border-radius: 3px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta .wps_sfw-sb-cta-total {
font-size: 24px;
line-height: 1.25;
display: flex;
gap: 5px;
align-items: center;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta .wps_sfw-sb-cta-total .amount {
color: var(--wps_sfw_box-primary);
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta button {
background: var(--wps_sfw_box-primary);
border-radius: 5px;
padding: 10px 20px;
line-height: 1.25;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.2px;
min-height: 40px;
border: 1px solid var(--wps_sfw_box-primary);
transition: all 0.3s linear;
color: #fff;
cursor: pointer;
margin: 0;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta button:after {
display: none !important;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty button:focus,
#wps_sfw_subs_box-form .wps_sfw-sb-cta button:focus,
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty input[type=number]:focus {
outline: none;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty button:hover,
#wps_sfw_subs_box-form .wps_sfw-sb-cta button:hover {
background: transparent;
color: var(--wps_sfw_box-primary);
}
.theme-betheme .wps_sfw_sub_box_prod_container {
height: calc(100vh - 275px);
} a.wps_show_customer_subscription_box_popup {
display: block;
font-size: 14px;
color: #000;
}
.wps-attached-products-popup {
z-index: -999;
opacity: 0;
position: fixed;
top: 50%;
left: 50%;
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transform: translate(-50%, -50%);
max-width: 400px;
max-height: 400px;
width: 100%;
transition: opacity 0.3s linear;
}
.wps-attached-products-popup.active_customer_popup {
z-index: 99999999999;
opacity: 1;
}
.wps-attached-products-popup ul {
margin: 0;
padding: 0;
list-style: none;
position: relative;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.wps-attached-products-popup strong {
font-size: 18px;
color: #000;
line-height: 1.25;
margin: 0 0 15px;
display: inline-block;
}
.wps-attached-products-popup .wps_sfw_customer_close_popup {
font-size: 24px;
line-height: 0;
position: absolute;
top: 10px;
right: 10px;
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.wps-attached-products-popup ul li {
display: flex;
flex-direction: column;
gap: 5px;
align-items: center;
font-size: 14px;
}
p.wps_sfw_subscription_box_error_notice {
background: #ffe7e7;
padding: 12px 15px;
font-size: 14px !important;
border-radius: 0 5px 5px 0;
display: inline-block;
border-left: 5px solid;
position: absolute;
left: 0;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title .wps_sfw-sb-step-label {
background: rgb(237 244 255);
display: inline-block;
padding: 6px 15px;
font-size: 14px;
font-weight: 400;
border-radius: 50px;
text-transform: capitalize;
color: var(--wps_sfw_box-primary);
margin: 10px 0 0;
} @media only screen and (max-width: 1200px) {
.wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 820px) {
.wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 640px) {
.wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr 1fr;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta .wps_sfw-sb-cta-total {
font-size: 18px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title h2 {
font-size: 18px;
}
}
@media only screen and (max-width: 420px) {
.wps_sfw_subs_box-close {
top: 0;
right: 0;
}
.wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr;
height: calc(100vh - 270px);
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta {
justify-content: center;
flex-direction: column;
}
.theme-betheme .wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr;
height: calc(100vh - 310px);
}
} a.wps_sfw_sub_detail_back svg {
width: 24px;
height: auto;
}
a.wps_sfw_sub_detail_back {
font-size: 16px;
align-items: center;
display: inline-flex;
gap: 5px;
text-decoration: none !important;
color: black;
margin-bottom: 15px;
}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{zoom:1;width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:' ';display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails,.woocommerce div.product div.thumbnails,.woocommerce-page #content div.product div.thumbnails,.woocommerce-page div.product div.thumbnails{zoom:1}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:' ';display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs,.woocommerce div.product .woocommerce-tabs ul.tabs,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,.woocommerce-page div.product .woocommerce-tabs ul.tabs{zoom:1}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:' ';display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment,.woocommerce div.product #reviews .comment,.woocommerce-page #content div.product #reviews .comment,.woocommerce-page div.product #reviews .comment{zoom:1}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:' ';display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{display:grid;column-gap:20px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{display:flex;flex-direction:column;width:100%;padding:0;position:relative}.woocommerce ul.products:not(.elementor-grid),.woocommerce-page ul.products:not(.elementor-grid){grid-template-columns:repeat(4,1fr)}.woocommerce ul.products:not(.elementor-grid).columns-1,.woocommerce-page ul.products:not(.elementor-grid).columns-1{grid-template-columns:repeat(1,minmax(0,1fr));width:100%;margin-right:0}.woocommerce ul.products:not(.elementor-grid).columns-2,.woocommerce-page ul.products:not(.elementor-grid).columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-3,.woocommerce-page ul.products:not(.elementor-grid).columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-5,.woocommerce-page ul.products:not(.elementor-grid).columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-6,.woocommerce-page ul.products:not(.elementor-grid).columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{zoom:1}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:' ';display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left;display:flex;margin:0 auto}.woocommerce #content table.cart td.actions .coupon label,.woocommerce table.cart td.actions .coupon label,.woocommerce-page #content table.cart td.actions .coupon label,.woocommerce-page table.cart td.actions .coupon label{display:none}.woocommerce #content table.cart td.actions .button,.woocommerce table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page table.cart td.actions .button{margin-left:5px}@media (min-width:545px){.woocommerce #content table.cart td.actions>input[type=submit],.woocommerce table.cart td.actions>input[type=submit],.woocommerce-page #content table.cart td.actions>input[type=submit],.woocommerce-page table.cart td.actions>input[type=submit]{margin:5px auto}}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{zoom:1;width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:' ';display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:calc(50% - 10px)}.woocommerce .cart-collaterals .cross-sells ul.products li.first,.woocommerce-page .cart-collaterals .cross-sells ul.products li.first{clear:both}.woocommerce .cart-collaterals .cross-sells ul.products li.last,.woocommerce-page .cart-collaterals .cross-sells ul.products li.last{margin-right:0}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;zoom:1;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:' ';display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li,.woocommerce-page ul.cart_list li,.woocommerce-page ul.product_list_widget li{zoom:1}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:' ';display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row,.woocommerce-page form .form-row{zoom:1}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:' ';display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0;width:100%;margin-bottom:1em}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields,.woocommerce .woocommerce-shipping-fields,.woocommerce-page .woocommerce-billing-fields,.woocommerce-page .woocommerce-shipping-fields{zoom:1}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:' ';display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.review-rating{order:2}.star-rating{margin-right:10px}.review-count{margin-left:10px;font-size:14px;margin-top:-6px}@media (max-width:544px){.review-rating{display:block}.review-count{margin-left:0;margin-top:0}}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content fieldset{border:0;margin:1em 0 0;padding:3px}.woocommerce-account .woocommerce-MyAccount-content fieldset legend{padding:3px 0;border-bottom:1px solid var(--ast-border-color);width:100%;margin:10px 0}.woocommerce-account .woocommerce-MyAccount-content fieldset .form-row{padding-left:0;padding-right:0}