/* Add your custom styles here */
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body{
text-decoration:none;
}
#add-to-cart-button .button.product_type_variable {
width: 110px;
padding-left: 10px;
}
#add-to-cart-button .button.product_type_variable::before,
.tax-product_cat section#StickyMenu,
.search-results section#StickyMenu,
.post-type-archive section#StickyMenu {
display: none !important;
}
body.single-product .elementor-location-footer,
body.page-id-59714 .elementor-location-footer,
body.page-id-59728 .elementor-location-footer,
body.page-id-59707 .elementor-location-footer,
.woocommerce-account .elementor-location-footer,
body.page-id-59714 #StickyMenu,
body.page-id-59728 #StickyMenu,
body.page-id-59707 #StickyMenu,
.woocommerce-account #StickyMenu,
.woocommerce-checkout #StickyMenu,
.woocommerce-cart #StickyMenu {
display: none !important;
}
footer#site-footer {
padding: 0 !important;
}
#main_menu .elementor-nav-menu .sub-arrow {
padding-top: 14px !important;
}
.elementor-widget-text-editor p:last-of-type{
margin-bottom: 0 !important;
}
span.elementor-button-icon {
display: flex;
}
body.dialog-prevent-scroll,
body.menu_open {
overflow: hidden;
padding-right: 15px;
}
#featured_image a {
width: 100%;
display: block;
}
/* banner */
#no-thanks {
cursor: pointer;
}
#subscribe-banner {
transition: 0.5s all;
height:242px;
display: none;
}
#subscribe-banner.slide-up {
height: 0;
overflow: hidden;
transition: 0.5s all;
}
/* banner */
#main_menu li.menu-item-61815 a,
#main_menu li.current_page_item a,
#main_menu li.menu-item-26207 a {
background: #F3F3F4;
color: #000;
border-radius: 6px;
}
#Search button.e-search-submit {
order: -1;
margin-right: 12px;
}
#user_icon .elementor-shortcode a._user_btn {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background-color: #B3B1B8;
border-radius: 100px;
color: #fff;
font-family: 'gill-sans';
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
#user_icon .elementor-shortcode a._user_btn img {
width: 100%;
height: 100%;
background: #eaeaeb;
padding: 10px;
}
/* Search */
#Sticky_Sarch .sticky_content {
transition: 0.3s all;
}
#Sticky_Sarch:not(.elementor-sticky--active) .sticky_content {
position: relative;
z-index: -1;
opacity: 0;
}
#SearchSiteWide form input.swp-input--search.swp-input {
background-color: #F3F3F4;
border: none;
box-shadow: none;
outline: 0;
color: #000;
font-family: 'gill-sans';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 24px;
background-image: none !important;
padding: 12px 16px 12px 48px !important;
border-radius: 6px;
}
#SearchSiteWide form input.swp-input--search.swp-input::placeholder {
color: #8C8A94;
}
#SearchSiteWide form input.search-submit.swp-button {
font-size: 0;
background: url('./images/search.svg') no-repeat center;
background-size: contain;
width: 20px;
height: 20px;
border: none !important;
padding: 0 !important;
order: -1;
position: absolute;
left: 16px;
top: 14px;
}
h4.searchwp-live-search-result--title a {
color: #000;
}
.searchwp-live-search-results-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
text-align: center;
gap: 16px;
padding: 16px;
}
.searchwp-live-search-result--info {
flex: 0 0 auto !important;
width: 100% !important;
}
.searchwp-live-search-results-container .searchwp-live-search-result .searchwp-live-search-result--img {
flex-basis: 100% !important;
}
.searchwp-live-search-results-container .searchwp-live-search-result {
justify-content: center;
padding: 0;
border: none;
}
.searchwp-live-search-results-container .searchwp-live-search-result h4.searchwp-live-search-result--title {
margin: 0;
line-height: 18px !important;
}
.searchwp-live-search-results .searchwp-live-search-result--img img {
object-fit: contain;
object-position: center;
aspect-ratio: 9/11;
}
/* Search */
/* settings */
#myProfile_detail a.button.simple_btn {
display: inline-flex !important;
gap: 8px;
align-items: center;
}
.user_settings .settings_detail_item ._head {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 16px;
}
.user_settings .settings_detail_item:not(:last-child) {
margin-bottom: 48px;
}
.user_settings .settings_detail_item h4 {
margin: 0;
}
.user_settings .settings_detail_item p {
color: #494656;
font-family: 'gill-sans';
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
margin: 0;
}
#myProfile_detail .settings_detail_item a.button.close_account_btn {
width: 100% !important;
justify-content: center;
}
#myAccount_detail p.woocommerce-form-row,
#myAccount_detail p.form-row{
padding: 0;
margin: 0 0 16px;
}
#myAccount_detail p.woocommerce-form-row label,
#myAccount_detail p.woocommerce-form-row input,
#myAccount_detail p.form-row label,
#myAccount_detail p.form-row input,
#myAccount_detail p.woocommerce-form-row select,
#myAccount_detail p.form-row select,
#myAccount_detail p.woocommerce-form-row .select2-selection__rendered,
#myAccount_detail p.form-row .select2-selection__rendered{
color: #2D293B;
font-family: 'gill-sans';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-bottom: 4px;
}
#myAccount_detail .select2-container .select2-dropdown,
#myAccount_detail .select2-container .select2-selection{
border: none !important;
border-width: 0 !important;
}
#myAccount_detail p.woocommerce-form-row input,
#myAccount_detail p.form-row input,
#myAccount_detail p.woocommerce-form-row select,
#myAccount_detail p.form-row select,
#myAccount_detail p.woocommerce-form-row .select2-selection__rendered,
#myAccount_detail p.form-row .select2-selection__rendered {
border-radius: 6px !important;
border: none !important;
border-width: 0 !important;
background: #F3F3F4 !important;
margin: 0 !important;
padding: 12px 16px !important;
}
#myAccount_detail p.form-row.form-row-first,
#myAccount_detail p.form-row.form-row-last {
width: calc(50% - 4px);
}
#myAccount_detail span#account_display_name_description,
#myAccount_detail span#account_display_name_description em {
font-style: normal;
font-size: 14px;
color: #2D293B;
}
#myAccount_detail fieldset {
margin: 0;
padding: 0;
border: none;
}
#myAccount_detail fieldset legend {
color: #000;
font-family: 'gill-sans';
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 20px;
width: 100%;
margin-top: 20px;
padding: 20px 0 16px;
border-top: 1px solid #ECECED;
display: block;
}
#myAccount_detail p.last_row_action {
display: flex;
justify-content: space-between;
padding: 16px;
border-top: 1px solid #ECECED;
margin: 0;
}
#myAccount_detail .payment-method .card_actions,
#myAccount_detail .card_detail {
display: flex;
align-items: center;
gap: 16px
}
#myAccount_detail .card_detail .title_expiry {
color: #494656;
font-family: 'gill-sans';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
#myAccount_detail .card_detail .title_expiry p {
margin: 0;
display:block;
color: #000;
text-transform: capitalize;
}
.user_settings .settings_detail_item p i,
#myAccount_detail .card_detail .title_expiry p i {
letter-spacing: 2px;
}
#myAccount_detail .payments_methods .payment-method {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
#myAccount_detail .card_actions a.button.remove_btn {
border: none !important;
width: 100% !important;
max-width: 92px;
padding: 12px 16px !important;
}
#myAccount_detail a.button.simple_btn {
white-space: nowrap;
order: -1;
}
#myAccount_detail .payments_methods .payment-method:not(:last-child) {
border-bottom: 1px solid #ECECED;
padding-bottom: 20px;
margin-bottom: 20px;
}
#myAccount_detail .card_actions a.button.default_btn {
background: #DBF0D6;
color: #315327;
display: flex;
align-items: center;
gap: 8px;
}
#myAccount_detail a.button.add_payment_method {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
background: #F3F3F4;
color: #000;
width: 100%;
}
#myAccount_detail a.button.add_payment_method:focus{
box-shadow: 0px 3px 4px -3px rgba(17, 12, 34, 0.10), 0px 0px 0px 3px var(--outline-med_em, #8C8A94);
border-color: #8C8A94;
background: #F3F3F4;
}
#myAccount_detail.payment_methods {
padding-bottom: 81px;
}
#myAccount_detail.payment_methods p.last_row_action::before,
#myAccount_detail.payment_methods p.last_row_action::after{
display: none !important;
}
#myAccount_detail form#add_payment_method {
position: initial !important;
}
#myAccount_detail .userProfile--header {
border: none;
}
/* settings */
/* login */
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
padding: 0 !important;
border: none !important;
margin: 0 !important;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select,
.woocommerce form.checkout_coupon input, .woocommerce form.login input, .woocommerce form.register input, .woocommerce form input {
border-radius: 6px !important;
border: none !important;
border-width: 0 !important;
background-color: #F3F3F4;
margin: 0 !important;
padding: 12px 16px !important;
}
#AccountDetail form.woocommerce-ResetPassword,
#AccountDetail #customer_login {
padding: 32px 0 16px;
}
.woocommerce form.checkout_coupon .woocommerce-button, .woocommerce form.login .woocommerce-button, .woocommerce form.register .woocommerce-button,
.woocommerce form.woocommerce-ResetPassword .woocommerce-button, .woocommerce form.woocommerce-ResetPassword .woocommerce-button,
.woocommerce form.woocommerce-ResetPassword button.button{
min-width: 112px;
margin-top: 12px !important;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
display: block;
margin-bottom: 8px;
}
.woocommerce form .woocommerce-privacy-policy-text, .woocommerce .form .woocommerce-privacy-policy-text, .woocommerce form .woocommerce-privacy-policy-text {
font-size: 14px;
}
.woocommerce form p.form-row {
padding: 0;
margin: 0 0 8px;
}
/* login */
/* icons */
i.card_icon{
background-image: url('./images/card-master.svg');
background-repeat: no-repeat;
background-position:center;
background-size:contain;
display: block;
width: 70px;
height: 48px;
border-radius: 6px;
border: 1px solid #D9D9D9;
background-color: #FFF;
}
i.card_icon.visa_card{
background-image: url('./images/card-visa.svg');
background-color: #f9f9fa;
}
i.card_icon.jcb_card{
background-image: url('./images/card-jcb.svg');
background-size: cover;
}
i.card_icon.discover_card{
background-image: url('./images/card-discover.svg');
background-size: cover;
}
i.card_icon.american_card{
background-image: url('./images/card-amex.svg');
background-size: cover;
}
i.btn_arrow_left{
background: url('./images/slide-left.svg') no-repeat center;
background-size:contain;
display: block;
width: 47px;
height:48px;
}
i.btn_arrow_right{
background: url('./images/slide-right.svg') no-repeat center;
background-size:contain;
display: block;
width: 47px;
height:48px;
}
i.minus_icon_w{
background: url('./images/minus.svg') no-repeat center;
background-size:contain;
display: block;
width: 20px;
height:20px;
}
i.error_icon,
i.checkmark_icon{
background: url('./images/done.svg') no-repeat center;
background-size:contain;
display: inline-block;
width: 48px;
height:48px;
margin:0 auto;
}
i.error_icon{
background: url('./images/error.svg') no-repeat center;
background-size:contain;
}
i.cart_icon{
background: url('./images/cart-icon.svg') no-repeat center;
background-size:contain;
display: block;
width: 20px;
height:20px;
}
i.right_angle_icon{
background: url('./images/angle-right.svg') no-repeat center;
background-size:contain;
display: block;
width: 20px;
height:20px;
}
i.plus_icon_w{
background: url(./images/plus.svg) no-repeat center;
background-size: contain;
display: block;
width: 20px;
height: 20px;
}
i.trash_icon_w{
background: url(./images/trash.svg) no-repeat center;
background-size: contain;
display: block;
width: 16px;
height: 16px;
}
i.check_icon {
background: url('./images/check.svg') no-repeat center;
background-size:contain;
width: 20px;
height:20px;
}
i.minus_icon {
background: url('./images/minus-black.svg') no-repeat center;
background-size:contain;
display: block;
width: 20px;
height:20px;
}
i.delete_icon{
background: url('./images/delete.svg') no-repeat center;
background-size:contain;
display: block;
width: 20px;
height:20px;
}
i.plus_icon {
background: url('./images/plus-black.svg') no-repeat center;
background-size:contain;
display: block;
width: 20px;
height:20px;
}
i.complete_icon{
background: url('./images/completed.svg') no-repeat center;
background-size:contain;
display: block;
width: 14px;
height:14px;
flex:0 0 auto;
}
i.lock_icon{
background: url('./images/lock.svg') no-repeat center;
background-size:contain;
display: block;
flex:0 0 auto;
width: 14px;
height:14px;
}
i.left_arrow{
background-image: url('./images/angle-left.svg');
background-repeat: no-repeat;
background-position: center;
background-size; contain;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: sub;
margin-bottom: 1px !important;
}
i.download_icon{
background-image: url('./images/download.svg');
background-repeat: no-repeat;
background-position: center;
background-size; contain;
width: 20px;
height: 20px;
display:block;
}
/* icon */
/* Shipping */
.ssd-shipping-modal-wrapper {
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
transform: none !important;
background: #00000057;
overflow: hidden !important;
z-index: 999999;
}
.ssd-shipping-modal-wrapper .ssd-shipping-modal {
width: 700px;
height: auto;
overflow: auto;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 20px;
padding: 30px;
max-height: calc(100vh - 40px);
}
#wpr-shipping-type-subscription .woocommerce-shipping-totals.shipping div:last-of-type {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#ssd-shipping-modal-content #wpr-shipping-type-subscription #shipping_method {
margin: 0 0 20px;
padding: 0;
list-style-type: none;
width: 100%;
}
#wpr-shipping-type-subscription .woocommerce-shipping-totals input.wpr-subscription-shipping-update-submit {
background-color: #499933;
border-color: #499933;
color: #fff;
min-width: 82px;
}
#wpr-shipping-type-subscription #shipping_method li label {
border-radius: 6px;
border: 1px solid #D9D8DC;
background: #FFF;
padding: 16px !important;
color: #000;
font-family: 'gill-sans';
font-size: 18px;
font-weight: 600;
line-height: 24px;
width: 100%;
cursor: pointer;
display: flex;
justify-content: space-between;
}
#wpr-shipping-type-subscription #shipping_method li:not(:last-child) {
margin-bottom: 8px;
}
#ssd-shipping-modal-content #wpr-shipping-type-subscription #shipping_method li input {
display: none;
}
#wpr-shipping-type-subscription .woocommerce-shipping-totals.shipping div:first-of-type {
text-align: left;
margin-bottom: 15px;
font-family: "gill-sans";
font-size: 20px;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.26px;
}
#wpr-shipping-type-subscription .woocommerce-shipping-totals.shipping div:first-of-type b{
font-weight:600;
text-transform:capitalize;
}
#wpr-shipping-type-subscription #shipping_method li input:checked + label,
#wpr-shipping-type-subscription #shipping_method li input:checked ~ label {
border-color: #499933;
box-shadow: inset 0 0 0 1px #499933;
background: #DBF0D6;
}
.ssd-display-notification {
color: #000 !important;
border-color: #499933 !important;
box-shadow: inset 0 0 0 1px #499933 !important;
background: #DBF0D6 !important;
margin: 15px 0 0 !important;
text-align: center;
padding: 11px 10px !important;
}
/* Add Subscription Products */
.ssd-modal-wrapper {
overflow: hidden;
background: #fff !important;
z-index: 99999;
}
.ssd-modal-wrapper .ssd-modal,
.ssd-search-modal-header,
div#ssd-modal-content{
background: #fff !important;
}
div#ssd-modal-content{
padding: 0 !important;
height: auto;
}
.ssd-modal-wrapper .ssd-modal {
padding: 0 20px 30px 30px !important;
overflow: auto;
}
#ssd-modal-content .ssd-search-modal-header {
border-bottom: 1px solid #ECECED;
padding: 16px 0;
position: fixed;
top: 0;
left: 0;
right: 0;
width: calc(100% - 40px);
margin: auto;
}
#ssd-modal-content .ssd-search-modal-header .ssd-search-modal {
display: flex;
max-width: 387px;
margin: 0 auto;
gap: 8px;
}
input#ssd-search-products {
border-radius: 6px;
background: #F3F3F4;
border: none !important;
padding: 12px 16px 12px 45px;
background-image: url('./images/search.svg');
background-repeat: no-repeat;
background-position: 14px center;
background-size: 20px;
}
div#ssd-modal-content .ssd-search-modal-header .ssd-close-modal {
margin: 0 auto;
float: none;
max-width: 1140px;
width: 100%;
text-align: right;
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 16px 0;
z-index: -1;
}
div#ssd-modal-content .wpr-add-new-subscription {
max-width: 1140px;
margin: 0 auto;
padding: 120px 0 0;
justify-content: space-between;
gap: 16px;
}
div#ssd-modal-content .wpr-add-new-subscription >div {
margin: 0;
flex: 0 0 auto;
max-width: calc(25% - 12px);
}
div#ssd-modal-content .wpr-add-new-subscription .wpr-product-image img {
aspect-ratio: 3 / 4;
max-height: 374px;
object-fit: scale-down;
margin-bottom: 8px;
display: block;
}
div#ssd-modal-content .wpr-add-new-subscription .wpr-product-name {
color: #000;
text-align: center;
font-family: 'gill-sans';
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
line-clamp: 1;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: unset;
display: -webkit-box;
-webkit-box-orient: vertical;
}
._cart_item_desc,
#myOrders .order_item-detail p{
line-clamp: 2;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: unset;
display: -webkit-box;
-webkit-box-orient: vertical;
}
div#ssd-modal-content .wpr-add-new-subscription .wpr-product-price .amount {
color: #3E789D;
text-align: center;
font-family: 'gill-sans';
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 40px;
letter-spacing: -0.26px;
}
#ssd-modal-content .wpr-product-add-button {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 16px;
}
div#ssd-modal-content .wpr-add-new-subscription .wpr-product-price *:not(.amount),
.ssd-modal-wrapper .ssd-modal >div.ssd-close-modal{
display:none !important
}
/* Add Subscription Products */
/* Subscription-Detail */
.wcs-auto-renew-toggle .subscription-auto-renew-toggle__i {
height: 31px;
width: 51px;
border-color: #499933;
background-color: #499933;
}
.wcs-auto-renew-toggle .subscription-auto-renew-toggle__i::before {
width: 27px !important;
height: 27px !important;
}
.wcs-auto-renew-toggle .subscription-auto-renew-toggle--off .subscription-auto-renew-toggle__i {
border-color: #999 !important;
background-color: #999 !important;
}
#myOrder_detail .viewOrder_subscriptionAction a.button.cancel_button,
.orderDetail_renewNow a.button.renew-now-button {
width: 100% !important;
text-align: center;
}
.viewSubscription_AutoRenewal,
.viewSubscription_renewalDate,
.orderDetail_SubFrequency,
.payment_method._edit,
.order_subscription_item .name_price,
.order_subscription_item ._quantity{
display: flex;
align-items: center;
justify-content: space-between;
}
.order_subscription_item .name_price span._price .amount,
.order_subscription_item .name_price span{
color: #000;
font-family: 'gill-sans';
font-size: 20px;
font-weight: 600;
line-height: 28px;
display: inline-block;
}
.orderDetail_SubFrequency #sf_change_frequency_subscription_row,
.viewSubscription_renewalDate ._changeRenewalDate,
.order_subscription_item .name_price span._price{
font-size:0;
}
#myProfile_detail .settings_detail_item a.button.close_account_btn,
#myAccount_detail .card_actions a.button.remove_btn,
#myOrder_detail .viewOrder_subscriptionAction a.button.cancel_button,
#myOrders ._subscription_actions a.remove_subscription {
color: #F03D3D;
background: transparent;
padding: 11px 15px;
border: 1px solid #FFBFBF;
width: calc(50% - 4px);
text-align: center;
margin: 0 0 0 auto;
}
#myProfile_detail .settings_detail_item a.button.close_account_btn:hover,
#myAccount_detail .card_actions a.button.remove_btn:hover,
#myOrder_detail .viewOrder_subscriptionAction a.button.cancel_button:hover,
#myOrders ._subscription_actions a.remove_subscription:hover {
background: #FEF2F2;
}
#myProfile_detail .settings_detail_item a.button.close_account_btn:focus,
#myAccount_detail .card_actions a.button.remove_btn:focus,
#myOrder_detail .viewOrder_subscriptionAction a.button.cancel_button:focus,
#myOrders ._subscription_actions a.remove_subscription:focus {
box-shadow: 0px 3px 4px -3px var(--effect-shadow_e3, rgba(0, 0, 0, 0.16)), 0px 0px 0px 3px var(--outline-danger_low_em, #FFBFBF);
background: #FEF2F2;
}
.order_subscription_item ._quantity{
margin-bottom: 16px;
}
._subscription_actions {
display: flex;
gap: 8px;
}
._subscription_actions >div{
flex-grow:1;
}
#myOrder_detail ._subscription_actions >div{
width: calc(50% - 4px);
}
#myOrders.viewOrder_subscription h4 {
margin: 0 0 32px;
}
#myOrders.viewOrder_subscription .order_subscription_item:not(:last-of-type) {
margin-bottom: 32px;
}
#myOrder_detail.subscription_details .viewOrder_customerDetails >div:not(:last-child){
margin: 0 0 32px;
}
#myOrder_detail ._subscription_actions ._subscription_qty_btn a.wcs-switch-link.button {
display: none !important;
}
#myOrder_detail ._subscription_actions a.button{
width: 100% ;
}
.viewOrder_subscriptionAction {
display: flex;
flex-direction: column;
gap: 8px;
}
#myOrder_detail .viewSubscription_AutoRenewal .Autolabel ._label {
font-size: 20px;
font-weight: 600;
color: #000;
display: block;
}
#myOrder_detail .viewSubscription_AutoRenewal small {
margin: 0;
color: #000;
font-family: 'gill-sans';
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
div#sf_change_frequency_subscription_row .edit {
display: flex;
gap: 4px 8px;
max-width: 337px;
width: 337px;
}
#sf_change_frequency_subscription_row select#sf_subscription_frequency {
border-radius: 6px;
background: #F3F3F4;
padding: 12px 16px;
border: none;
color: #2D293B;
font-family: 'gill-sans';
font-size: 18px;
font-weight: 400;
line-height: 24px;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
max-width: 175px;
background-image: url('./images/angle-bottom.svg');
background-repeat: no-repeat;
background-position: calc(100% - 12px) center;
background-size: 20px;
}
#sf-change-date-subscription #sf-change-date-form,
#wpr-pause-date-subscription #ssd-pause-form,
#myOrder_detail ._subscription_actions ._subscription_qty_btn{
display: flex;
gap: 0 8px;
}
#myOrder_detail ._subscription_actions._updateQuantity ._subscription_remove_btn,
#myOrder_detail ._subscription_actions ._subscription_qty_btn .ssd-display-notification,
#myOrder_detail ._subscription_actions ._subscription_qty_btn >div:empty {
display: none !important;
}
#wpr-pause-date-subscription #ssd-pause-form input#wpr-subscription-pause-submit,
#wpr-pause-date-subscription #ssd-pause-form input#wpr-subscription-pause-cancel,
._subscription_qty_btn .button.wpr-quantity-save,
._subscription_qty_btn .button.wpr-cancel-qty {
max-width: 191px;
width: 191px;
text-align: center;
flex: 0 0 auto;
}
._subscription_qty_btn .button.wpr-quantity-save {
order: 1;
}
._subscription_actions ._subscription_qty_btn .custom_quantity {
width: 100%;
}
#sf-change-date-subscription #sf-change-date-form input#sf-datepicker,
#wpr-pause-date-subscription #ssd-pause-form input#ssd-datepicker {
border-radius: 6px;
background: #F3F3F4;
padding: 12px 16px;
border: none;
color: #2D293B;
font-family: 'gill-sans';
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
#wpr-pause-date-subscription #ssd-pause-form input {
margin: 0 !important;
}
#sf-change-date-subscription #sf-change-date-form{
max-width: 337px;
width: 337px;
}
/* order-detail */
.woocommerce a.button.move_back,
.woocommerce a.button.download_btn,
.woocommerce a.button.move_back:hover,
.woocommerce a.button.download_btn:hover{
color: #000;
background: #fff;
display: flex;
align-items: center;
gap: 8px;
}
.woocommerce a.button.move_back:hover,
.woocommerce a.button.download_btn:hover{
background-color: #F3F3F4;
}
.orderDetail--header,
.userProfile--header{
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 0;
border-bottom: 1px solid #ECECED;
margin-bottom: 16px !important;
position: sticky;
top: 0;
background: #fff;
z-index: 9;
}
.orderDetail--header .Order_download {
width: 94px;
}
.account_header .last_icon.Order_download > *:not(.button.wt_pklist_invoice_download),
.orderDetail--header .Order_download > *:not(.button.wt_pklist_invoice_download),
div#sf_change_frequency_subscription_row .notification,
.woocommerce-account #AccountDetail .woocommerce-MyAccount-content > p {
display: none !important;
}
.account_header .last_icon.Order_download .button.wt_pklist_invoice_download,
.orderDetail--header .Order_download .button.wt_pklist_invoice_download {
font-size: 0;
background: #fff;
border: none;
background-image: url('./images/download.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
width: 48px;
padding: 14px;
height: 48px;
display: block;
margin: 0 0 0 auto;
}
.account_header .last_icon.Order_download .button.wt_pklist_invoice_download {
width: 40px;
height: 40px;
padding: 10px;
}
.woocommerce a.button.download_btn {
margin-left: 42px;
}
.viewOrder_product {
display: flex;
justify-content: space-between;
}
#myOrders .viewOrder_totals .viewOrders_item_total .amount{
font-size: 20px;
line-height: 25px;
color: #000;
font-weight: 600;
display: block;
font-family: 'gill-sans';
}
#myOrders .orderDetail_status,
#myOrders.orderDetail_status,
.viewOrder-Details >div {
display: flex;
align-items: center;
justify-content: space-between;
}
#myOrder_detail >div:not(:last-of-type) {
margin-bottom: 35px;
}
#myOrders.viewOrder_products >.Subscription_Purchases:not(:empty) {
margin: 0 0 16px;
padding: 0 0 20px;
border-bottom: 1px solid #ECECED;
}
#order_review .viewOrder-Details,
.viewOrder_subscriptionAction,
#myOrder_detail .viewOrder_subscription,
.orderDetail_SubFrequency,
.viewOrder_customerDetails{
padding: 35px 0 0;
border-top: 1px solid #ECECED;
}
.viewOrder-Details >div:last-of-type .p_price,
#myOrder_detail span._label,
#myOrder_detail p._value,
.viewOrder_returnExchange ._legal_terms ul li a,
.viewOrder_returnExchange .return_date p,
.orderDetail_status ._number >span,
.orderDetail_status ._number ._value,
.viewOrder_customerDetails >div address,
.viewOrder_customerDetails >div ._value,
.viewOrder_customerDetails >div >span {
color: #494656;
font-family: 'gill-sans';
font-size: 16px;
font-weight: 400;
line-height: 24px;
font-style: normal;
text-transform: capitalize;
}
#myOrder_detail p._value,
.orderDetail_status ._number ._value,
.viewOrder_customerDetails >div ._value,
.viewOrder_customerDetails >div address{
font-size: 18px;
font-weight: 600;
}
#myOrder_detail p._value,
.orderDetail_status ._number ._value,
.viewOrder_customerDetails >div ._value{
color: #000;
}
.viewOrder_returnExchange{
padding-top: 20px;
border-top: 1px solid #ECECED;
text-align: center;
}
.viewOrder_returnExchange ._legal_terms ul li a,
.viewOrder_returnExchange .return_date p{
font-size: 18px;
margin:0;
}
#myOrders.orderDetail_actions p.order-again a.button {
width: 100%;
text-align: center;
margin-top: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.orderDetail_status ._number p,
#myOrders.orderDetail_status .order_status,
#myOrders .orderDetail_status .order_status,
.viewOrder_customerDetails >div p{
margin:0 !important;
}
.viewOrder_returnExchange ._legal_terms{
margin-top: 32px;
}
.viewOrder_returnExchange ._legal_terms ul {
padding: 0;
margin: 0;
list-style-type: none;
display: flex;
align-items: center;
gap: 4px 0;
justify-content: center;
}
.viewOrder_returnExchange ._legal_terms ul li a {
padding: 12px 16px;
color: #8C8A94;
border-radius: 4px;
transition: 0.3s all;
}
.viewOrder_returnExchange ._legal_terms ul li a:hover {
background: #F3F3F4;
}
.w-full{
width: 100% !important;
}
input#sf-subscription-change-date-cancel,
#wpr-pause-date-subscription #ssd-pause-form input#wpr-subscription-pause-cancel,
#myOrder_detail ._subscription_qty_btn .button.wpr-cancel-qty,
#myOrder_detail .orderDetail_SubFrequency #sf_change_frequency_subscription_row #sf_change_frequency_cancel,
#myOrder_detail .orderDetail_SubFrequency #sf_change_frequency_subscription_row #sf_change_frequency_edit_button,
#myOrder_detail .viewSubscription_renewalDate ._changeRenewalDate a.sf-change-payment-date.button,
#myOrder_detail ._subscription_actions a.wpr-quantity-update.button,
#myOrder_detail a.button.simple_btn,
#myProfile_detail a.button.simple_btn,
#myAccount_detail a.button.simple_btn,
a.button.logout-btn {
border-radius: 6px;
border: 1px solid #D9D8DC !important;
background: #FFF;
padding: 11px 15px;
color: #000;
font-family: 'gill-sans';
font-size: 18px;
font-weight: 400;
line-height: 24px;
text-transform: capitalize;
display: inline-block;
transition: 0.3s all;
text-align:center;
}
#myAccount_detail a.button.simple_btn:hover,
#myProfile_detail a.button.simple_btn:hover,
#myOrder_detail ._subscription_qty_btn .button.wpr-cancel-qty:hover,
#myOrder_detail .orderDetail_SubFrequency #sf_change_frequency_subscription_row #sf_change_frequency_cancel:hover,
#myOrder_detail .orderDetail_SubFrequency #sf_change_frequency_subscription_row #sf_change_frequency_edit_button:hover,
#myOrder_detail .viewSubscription_renewalDate ._changeRenewalDate a.sf-change-payment-date.button:hover,
#myOrder_detail ._subscription_actions a.wpr-quantity-update.button:hover,
#myOrder_detail a.button.simple_btn:hover, a.button.logout-btn:hover {
border-color: #8C8A94;
background: #F3F3F4;
}
#myAccount_detail a.button.simple_btn:focus,
#myProfile_detail a.button.simple_btn:focus,
#myOrder_detail ._subscription_actions a.wpr-quantity-update.button:focus,
#myOrder_detail a.button.simple_btn:focus, a.button.logout-btn:focus{
box-shadow: 0px 3px 4px -3px rgba(17, 12, 34, 0.10), 0px 0px 0px 3px var(--outline-med_em, #8C8A94);
border-color: #8C8A94;
background: #F3F3F4;
}
#sf-change-date-subscription #sf-change-date-form input#sf-subscription-change-date-submit,
#wpr-pause-date-subscription #ssd-pause-form input#wpr-subscription-pause-submit{
background-color: #499933;
border-color: #499933;
border:none;
color: #fff;
}
/* disabled */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled],
#sf-change-date-subscription #sf-change-date-form input#sf-subscription-change-date-submit:disabled[disabled],
#wpr-pause-date-subscription #ssd-pause-form input#wpr-subscription-pause-submit:disabled[disabled],
#myOrder_detail ._subscription_qty_btn .button.wpr-quantity-save.disable-click,
#sf_change_frequency_subscription_row .edit button.button:disabled[disabled] {
background: #E2E2E4;
color: #8C8A94;
opacity: 1;
padding: 12px 16px;
}
/* disabled */
#myOrder_detail a.wpr-add-product.simple_btn.button {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
#myOrder_detail #sf_change_frequency_cancel{
margin: 0 !important;
}
#order_review .viewOrder-Details{
margin-top: 25px;
padding-top: 25px;
}
#order_review #myOrders._Subscription,
#order_review #myOrders._Orders{
padding: 30px 0;
}
/* order-detail */
/* Orders */
#myOrders .order_card--wrap {
border-radius: 12px;
border: 1px solid #ECECED;
background: #F3F3F4;
overflow: hidden;
}
#myOrders .order_items_wrapper,
#myOrders .order_meta--info {
border-bottom: 1px solid #ECECED;
background: #FFF;
padding: 16px;
}
.viewOrder-Details >div,
#myOrders .order_meta-info-wrapper{
display: flex !important;
justify-content: space-between;
align-items: center;
}
.viewOrder-Details >div,
#myOrders .viewOrder_totals .viewOrders_item_price,
#myOrders span.total_items,
#myOrders span.total_ammount .amount,
#myOrders .order_status,
#myOrders .order_card--wrap .order_number,
#myOrders .order_card--wrap time,
#myOrders .order_card--wrap span.__label {
color: #494656;
font-family: 'gill-sans';
font-size: 16px;
font-weight: 400;
line-height: 24px;
display: block;
}
#myOrders .viewOrder_totals .viewOrders_item_price{
color: #494656;
}
.viewOrder-Details >div{
color: #000;
}
.viewOrder-Details >div:last-of-type .p_price {
text-align: right;
}
.viewOrder-Details >div:last-of-type {
margin: 0 !important;
padding: 16px 0 0;
border-top: 1px solid #ECECED;
font-size: 20px;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.2px;
}
.viewOrder-Details >div:last-of-type .p_price span.woocommerce-Price-amount.amount {
font-size: 20px;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.2px;
color: #000;
display: block;
text-align: right;
}
#myOrders .viewOrder_totals,
#myOrders .order_id{
text-align: right;
}
#myOrders span.total_ammount .amount,
#myOrders .order_card--wrap .order_number,
#myOrders .order_card--wrap time {
color: #000;
font-size: 18px;
font-weight: 600;
}
#myOrders span.total_ammount {
font-size: 0;
text-indent: 0;
}
#myOrders .order_total_details .order_totals {
display: flex;
flex-direction: column;
}
#myOrders span.total_items span.amount,
body p:empty,
#myOrders .order-wrapper p:empty,
#myOrders .order-wrapper br {
display: none;
}
#myOrders .order_status:not(empty){
margin-top: 16px;
}
#myOrders .order_status {
border-radius: 4px;
background: #DBF0D6;
padding: 8px;
color: #3D762D;
display: inline-block;
}
#myOrders .order_status.status-cancelled {
background: #FEF2F2;
color: #DE2424;
}
#myOrders .order_status.status-failed {
background: #FEF2F2;
color: #DE2424;
}
#myOrders .order_status.status-pickup,
#myOrders .order_status.status-on-hold,
#myOrders .order_status.status-pending,
#myOrders .order_status.status-processing {
background: #f8dda7;
color: #573b00;
}
#myOrders .order_status.status-pickup-ready {
background: #E4F0FD;
color: #4867C7;
}
#myOrders .order_total_details {
padding: 16px;
display: flex;
flex-wrap: wrap;
gap:16px;
justify-content: space-between;
}
#myOrders span.total_items{
color: #2D293B;
}
#myOrders .order_actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
}
#myOrders .order_actions .button {
padding: 8px 12px;
}
#myOrders .order_item {
display: flex;
gap: 8px;
}
#myOrders .order_item-img {
border-radius: 4px;
border: 1px solid #D9D8DC;
background: #fff;
flex: 0 0 auto;
height: 64px;
width: 64px;
}
body .m-0,
#myOrders .order_item-detail h5 {
margin: 0 !important;
}
#myOrders .order_item-img img {
object-fit: contain;
}
#myOrders .order_item-detail p{
color: #494656;
}
#myOrders._Orders,#myOrders._Subscription, #no_Orders {
padding: 96px 0 32px;
}
#myOrders .order_actions a.button {
font-weight: 400;
}
#no_Orders {
text-align: center;
}
.viewOrder_customerDetails >div:not(:last-child),
#myOrders.viewOrder_products h5,
.viewOrder-Details >div:not(:last-child),
#myOrders.viewOrder_products .viewOrder_product:not(:last-child),
#myOrders .order_items_wrapper .order_item:not(:last-child),
#myOrders .order-wrapper:not(:last-child),
#no_Orders h3 {
margin: 0 0 16px;
}
#no_Orders p {
margin-bottom: 16px;
font-size: 18px;
line-height: 24px;
color: #000;
font-family: 'gill-sans';
}
#myOrders._Subscription .order_status{
margin:0;
}
.viewSubscription_renewalDate p._value, ._placed ._value {
text-transform: uppercase !important;
}
/* Orders */
/* User-Profile */
#AccountPagesLink li.elementor-icon-list-item a {
padding: 12px 16px;
border-radius: 6px;
}
#AccountPagesLink .elementor-widget-button span.elementor-button-icon svg {
width: 24px;
height: 24px;
}
body.woocommerce-view-order #AccountPagesLink .elementor-widget-button.order_btn .elementor-button,
body.woocommerce-orders #AccountPagesLink .elementor-widget-button.order_btn .elementor-button {
background: #F3F3F4;
color: #000;
fill: #3D762D;
}
body.woocommerce-view-subscription #AccountPagesLink .elementor-widget-button.subscriptions_btn .elementor-button,
body.woocommerce-subscriptions #AccountPagesLink .elementor-widget-button.subscriptions_btn .elementor-button {
background: #F3F3F4;
color: #000;
fill: #C1A30B;
}
body.page-id-59714 #AccountPagesLink .elementor-widget-button.favorites_btn .elementor-button {
background: #F3F3F4;
color: #000;
}
#AccountPagesLink .elementor-widget-button.favorites_btn.active .elementor-button {
fill: #F03D3D;
}
body.page-id-59728 #AccountPagesLink .elementor-widget-button.settings_btn .elementor-button,
body.page-id-59707 #AccountPagesLink .elementor-widget-button.settings_btn .elementor-button,
body.woocommerce-edit-address #AccountPagesLink .elementor-widget-button.settings_btn .elementor-button,
body.woocommerce-payment-methods #AccountPagesLink .elementor-widget-button.settings_btn .elementor-button,
body.woocommerce-add-payment-method #AccountPagesLink .elementor-widget-button.settings_btn .elementor-button,
body.woocommerce-edit-account #AccountPagesLink .elementor-widget-button.settings_btn .elementor-button {
background: #F3F3F4;
color: #000;
fill: #2D293B;
}
.woocommerce-account #AccountDetail nav.woocommerce-MyAccount-navigation {
display: none !important;
width: 0 !important;
}
.woocommerce-account #AccountDetail .woocommerce-MyAccount-content {
float: none !important;
width: 100% !important;
}
/* User-Profile */
/* checkout */
#_OrdersMessage {
text-align: center;
display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
justify-content: center;
padding: 16px;
min-height: calc(100vh - 81px);
}
#_OrdersMessage h3 {
margin: 0;
}
div#_OrdersMessage >p,
div#_OrdersMessage ._Orderinfo {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #000;
margin:0;
}
div#_OrdersMessage >p{
max-width: 460px;
margin:0 auto;
}
div#_OrdersMessage >p span {
color:#494656;
}
div#_OrdersMessage ._Orderinfo .ordernumber {
color: #494656;
font-size: 20px;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.2px;
display: block;
}
.CheckoutNavigation, .CheckoutNavigation .Checkout {
margin: 0;
}
.woocommerce-checkout.woocommerce-order-received .free_exchange,
.woocommerce-checkout.woocommerce-order-received .CheckoutNavigation,
.Checkout #wc-block-components-totals-coupon__form .wc-block-components-text-input label,
.woocommerce-checkout .page-header {
display: none !important;
}
.CheckoutNavigation{
padding-top: 16px;
}
.CheckoutNavigation .Checkout{
padding:0 !important;
}
.Checkout {
padding: 0 0 16px;
}
.Checkout .checkout_btn a.wp-block-button__link{
background-image: url('./images/angle-left.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 18px;
font-size: 0 !important;
width: 40px;
height: 40px;
}
.Checkout h2.checkout_heading {
margin: 8px 0 0 0;
}
form.wc-block-components-form.wc-block-checkout__form,
.Checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block {
padding-top: 24px;
}
.Checkout .wp-block-woocommerce-checkout-order-summary-gift-card-form-block.wc-block-components-totals-wrapper,
.Checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
border: none;
border-radius: 6px;
background: #F3F3F4;
padding: 12px 0;
}
.Checkout .wcs-recurring-totals-panel__details.wc-block-components-panel .wc-block-components-panel__button {
padding: 12px 0 !important;
margin-top: 12px;
border-bottom: 1px solid #D9D8DC;
color: #000000;
}
.Checkout .wcs-recurring-totals-panel__details.wc-block-components-panel .wc-block-components-panel__button svg.wc-block-components-panel__button-icon {
right: 0;
background-image: url('./images/angle-bottom.svg');
background-repeat: no-repeat;
}
.Checkout .wcs-recurring-totals-panel__details.wc-block-components-panel .wc-block-components-panel__button[aria-expanded=true] svg.wc-block-components-panel__button-icon {
background-image: url(./images/angle-up.svg);
background-repeat: no-repeat;
}
.Checkout .wcs-recurring-totals-panel__details.wc-block-components-panel .wc-block-components-totals-wrapper {
padding: 5px 0;
}
.Checkout .wc-block-components-panel__button, .Checkout .wc-block-components-panel__button:hover {
color: #8C8A94;
font-family: 'gill-sans';
font-size: 18px !important;
font-weight: 400;
line-height: 24px;
}
.Checkout .wc-block-components-panel__button svg.wc-block-components-panel__button-icon{
background: url('./images/plus-black.svg') no-repeat center;
background-size:contain;
display: block;
width: 20px;
height:20px;
fill: transparent;
}
.wc-block-checkout__contact-fields .wc-block-components-checkout-step__heading{
margin: 0;
}
.Checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text,
.Checkout h2.wc-block-components-title.wc-block-components-checkout-step__title{
color: #000;
font-family: "gill-sans";
font-size: 26px;
font-weight: 600;
line-height: 40px;
letter-spacing: -0.26px;
}
.wc-block-components-text-input,
#contact .wc-block-components-text-input {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
}
.woocommerce-checkout #payment div.payment_box .form-row label,{
margin-bottom: 4px !important;
}
.woocommerce-checkout #payment div.payment_box .sv-wc-payment-gateway-payment-form-manage-payment-methods {
margin: 0 0 15px !important;
}
.woocommerce-checkout #payment div.payment_box .form-row span.woocommerce-input-wrapper input,
.wc-gift-cards-text-input input,
#shipping #shipping-country,
#billing #billing-country,
.wc-block-checkout__add-note .wc-block-components-textarea,
.Checkout .wc-blocks-components-select__select,
.Checkout .wc-block-components-text-input input {
border-radius: 6px !important;
border: #8C8A94 !important;
background: #F3F3F4 !important;
padding: 12px 16px !important;
height: 48px !important;
line-height: normal !important;
}
.wc-block-checkout__add-note .wc-block-components-textarea{
height: 100px !important
}
.Checkout .wc-block-components-form .wc-block-components-checkout-step{
margin: 0 0 32px !important;
}
.woocommerce-checkout #payment #update_all_subscriptions_payment_method_field label.checkbox,
.woocommerce-checkout #payment div.payment_box .form-row label,
.Checkout .wc-block-components-form .wc-block-components-text-input label,
.Checkout .wc-block-components-text-input label,
#shipping .wc-blocks-components-select__label,
#billing .wc-blocks-components-select__label,
.Checkout .wc-block-components-checkbox label{
position: initial !important;
transform: none !important;
display: block !important;
order: -1;
max-width: 100% !important;
color: #2D293B !important;
font-family: "gill-sans" !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 24px !important;
}
.woocommerce-checkout #payment #update_all_subscriptions_payment_method_field label.checkbox{
position: relative !important;
}
.Checkout .wc-block-components-form .wc-block-components-text-input.has-error label,
.Checkout .wc-block-components-text-input.has-error label{
color: #F03D3D;
}
.Checkout .wc-block-components-address-card {
background-color: #f3f3f4;
}
#add_payment_method #payment{
background: #fff !important;
padding:0 !important;
}
.woocommerce-cart #payment, .woocommerce-checkout #payment{
background: #f3f3f4 !important;
padding: 20px !important;
}
span.update-all-subscriptions-payment-method-wrap {
margin: 20px 0 30px !important;
display: block;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
float: none !important;
width: auto;
}
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-checkout #payment .form-row,
.woocommerce-checkout #payment div.payment_box .form-row.form-row-wide,
#shipping .wc-blocks-components-select__container,
#billing .wc-blocks-components-select__container{
padding: 0 !important;
margin: 0 !important;
height: auto !important;
border: none !important;
}
#shipping .wc-blocks-components-select__label,
#billing .wc-blocks-components-select__label{
margin-bottom: 4px;
}
.wc-block-components-address-form__state.wc-block-components-state-input {
margin-top: 16px !important;
}
#payment-method .wc-block-components-text-input svg,
.Checkout .wc-blocks-components-select .wc-blocks-components-select__expand {
top: calc(50% + 12px) !important;
}
.woocommerce form label.woocommerce-form-login__rememberme,
#update_all_subscriptions_addresses_field label.checkbox,
#update_all_subscriptions_payment_method_field label.checkbox,
.Checkout .wc-block-components-checkbox label {
color: #000 !important;
padding-left:32px !important;
position: relative !important;
line-height: 26px !important;
display: block;
cursor:pointer;
}
.woocommerce form label.woocommerce-form-login__rememberme input,
#update_all_subscriptions_addresses_field label.checkbox input,
#update_all_subscriptions_payment_method_field label.checkbox input,
.woocommerce-checkout #payment div.payment_box .form-row.form-row-wide br,
.Checkout .wc-block-components-totals-shipping.wc-block-components-totals-wrapper .wc-block-components-totals-item .wc-block-components-totals-item__description,
.Checkout .wc-block-components-totals-shipping .wc-block-components-totals-shipping__via,
#shipping-option label.wc-block-components-radio-control__option::after,
.Checkout .wc-block-components-checkbox label input.wc-block-components-checkbox__input,
.Checkout .wc-block-components-checkbox label svg.wc-block-components-checkbox__mark{
display: none !important;
}
.woocommerce form label.woocommerce-form-login__rememberme input + span::before,
#update_all_subscriptions_addresses_field label.checkbox input + *::before,
#update_all_subscriptions_payment_method_field label.checkbox input + *::before,
.Checkout .wc-block-components-checkbox label span:before {
content: '';
display: block;
position:absolute;
left:0;
top:1px;
width: 24px;
height: 24px;
background: url('./images/checkbox.svg') no-repeat center;
background-size:contain;
}
.woocommerce form label.woocommerce-form-login__rememberme input:checked + span::before,
#update_all_subscriptions_addresses_field label.checkbox input:checked + *::before,
#update_all_subscriptions_payment_method_field label.checkbox input:checked + *::before,
.Checkout .wc-block-components-checkbox label input:checked ~ span::before{
background: url('./images/checkbox-checked.svg') no-repeat center;
background-size:contain;
}
#payment-method .wc-block-components-checkout-step__description,
.wc-block-components-address-card span.wc-block-components-address-card__edit {
color: #2D293B;
font-family: 'gill-sans';
font-size: 16px;
font-weight: 400;
height: auto;
line-height: 24px;
text-decoration: none;
}
.wc-block-components-address-card span.wc-block-components-address-card__edit:hover {
color: #fff;
background-color: #499933;
}
#shipping #shipping-country:focus,
#billing #billing-country:focus,
.Checkout .wc-blocks-components-select__select:focus,
.Checkout .wc-block-components-text-input input:focus,
#shipping #shipping-country:focus-visible,
#billing #billing-country:focus-visible,
.Checkout .wc-blocks-components-select__select:focus-visible,
.Checkout .wc-block-components-text-input input:focus-visible{
box-shadow: 0px 3px 4px -3px rgba(0, 0, 0, 0.16), 0px 0px 0px 3px #B1CFAB;
outline: 0;
}
#payment-method .wc-block-components-radio-control-accordion-content {
padding: 12px 0 0;
}
.woocommerce-checkout #payment ul.payment_methods li:not(:last-child) {
margin-bottom: 16px;
}
.woocommerce-privacy-policy-text{
margin-top: 8px;
}
#order_review div#payment {
margin-bottom: 40px;
}
.woocommerce-privacy-policy-text a, .woocommerce-privacy-policy-text {
color: #000;
}
.woocommerce-checkout #payment div.payment_box p.form-row.form-row-wide:not(.validate-required) label,
.woocommerce-checkout #payment ul.methods li.woocommerce-PaymentMethod > label,
.woocommerce-checkout #payment ul.payment_methods > li > label,
#payment-method label.wc-block-components-radio-control__option,
#shipping-option label.wc-block-components-radio-control__option {
border-radius: 6px;
border: 1px solid #D9D8DC;
background: #FFF;
padding: 16px !important;
color: #000;
font-family: 'gill-sans';
font-size: 18px;
font-weight: 600;
line-height: 24px;
cursor: pointer;
width: 100%;
}
.woocommerce-checkout:not(#add_payment_method) #payment div.payment_box .form-row span.woocommerce-input-wrapper input {
background: #fff !important;
}
.woocommerce-checkout #payment div.payment_box fieldset,
.woocommerce-checkout #payment div.payment_box {
background-color: transparent !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-checkout #payment div.payment_box fieldset {
padding-top: 15px !important;
}
#shipping-option label.wc-block-components-radio-control__option .wc-block-components-radio-control__secondary-label {
font-weight: 400;
}
.woocommerce-checkout #payment div.payment_box > p {
font-size: 16px;
margin: 10px 0;
}
.woocommerce-checkout #payment div.payment_box p.form-row.validate-required label {
margin-bottom: 4px !important;
}
.woocommerce-checkout #payment div.payment_box p.form-row.form-row-wide#wc-authorize-net-cim-credit-card-account-number_field {
margin-bottom: 20px !important;
}
.woocommerce-checkout #payment ul.payment_methods >li input:checked + Label,
.woocommerce-checkout #payment div.payment_box p.form-row.form-row-wide input:checked + label,
#payment-method label.wc-block-components-radio-control__option.wc-block-components-radio-control__option-checked,
#shipping-option label.wc-block-components-radio-control__option.wc-block-components-radio-control__option-checked {
border-color: #499933;
box-shadow: inset 0 0 0 1px #499933;
background: #DBF0D6;
}
#payment-method .wc-block-components-radio-control label:not(:last-child),
#payment-method .wc-block-components-radio-control-accordion-option:not(:last-child),
#shipping-option .wc-block-components-radio-control label:not(:last-child) {
margin-bottom: 8px;
}
.woocommerce-checkout #payment input[type=radio],
.woocommerce-checkout #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box p.form-row.form-row-wide input[type=radio],
#payment-method label.wc-block-components-radio-control__option input,
#shipping-option label.wc-block-components-radio-control__option input {
display: none !important;
}
#shipping-option .wc-block-components-radio-control--highlight-checked:after,
#shipping-option .wc-block-components-radio-control,
#payment-method .wc-block-components-radio-control--highlight-checked:after,
#payment-method .wc-block-components-radio-control,
#payment-method .wc-block-components-radio-control-accordion-option {
box-shadow: none;
border: none;
outline: 0;
}
.wc-block-checkout__terms.wp-block-woocommerce-checkout-terms-block a,
.wc-block-checkout__terms.wp-block-woocommerce-checkout-terms-block {
color: #000;
}
.wc-block-checkout__terms.wp-block-woocommerce-checkout-terms-block {
padding-top: 0;
margin-bottom: 16px;
}
.Checkout .wc-block-components-checkout-step__description {
font-size: 14px;
line-height: 22px;
font-weight: 400;
color: #2D293B;
margin: 0 0 9px;
}
#shipping-option .wc-block-components-shipping-rates-control__package-header {
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #2D293B;
margin: 6px 0 8px;
}
#shipping-option ul.wc-block-components-shipping-rates-control__package-items {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
#shipping-option ul.wc-block-components-shipping-rates-control__package-items li {
display: flex;
}
.Checkout .wc-block-components-sidebar,
.Checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text,
.Checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
margin: 0;
}
.Checkout .wc-block-components-order-summary.is-large,
.Checkout .wc-block-components-sidebar-layout .wc-block-components-main {
padding: 0 !important;
}
.Checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block {
border: none;
border-radius: 0;
}
.wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__image {
border-radius: 4px;
border: 1px solid #D9D8DC;
background: #fff;
height: 64px;
width: 64px;
flex: 0 0 64px;
object-fit: cover;
margin: 0;
}
.wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__image img {
height: 62px;
width: 62px;
max-width: 62px;
border-radius: 4px;
object-fit: contain;
}
.wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__image .wc-block-components-order-summary-item__quantity {
border: 1px solid #499933;
background: #499933;
color: #fff;
font-size: 12px;
display: none !important;
}
.wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__description {
width: calc(100% - 184px);
padding: 0 4px 0 8px;
}
.wc-block-checkout__sidebar h3.wc-block-components-product-name {
color: #000;
font-family: 'gill-sans';
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
line-clamp: 1;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.wc-block-checkout__sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item:not(:last-child){
margin-bottom: 16px;
}
.wc-block-checkout__sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item{
margin: 0;
padding: 0;
position: relative;
}
.wc-block-checkout__sidebar .wc-block-components-order-summary span.price.wc-block-components-product-price *{
color: #000;
font-family: 'gill-sans';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.wc-block-checkout__sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices.price.wc-block-components-product-price *{
color: #494656;
}
.wc-block-checkout__sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices.price.wc-block-components-product-price {
position: absolute;
right: 0;
top: 22px;
color: #494656;
padding: 0;
width: 120px;
text-align: right;
line-height: 16px;
}
.wc-block-checkout__sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices.price.wc-block-components-product-price span.wc-block-formatted-money-amount {
font-weight: 400;
}
.wc-block-checkout__sidebar .wc-block-components-order-summary span.price.wc-block-components-product-price {
font-size: 0;
font-weight: 400;
}
.wc-block-checkout__sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices.price.wc-block-components-product-price::after {
content: 'each';
margin-left: 3px;
font-size: 16px;
}
.wc-block-checkout__sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata,
.wc-block-checkout__sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata p {
margin: 0 !important;
font-size: 14px;
line-height: 18px;
}
.wc-block-checkout__sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata >div {
line-clamp: 2;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block{
padding: 32px 0;
}
.Checkout input#wc-gift-cards-form-input,
.Checkout .wc-block-components-text-input input#wc-block-components-totals-coupon__input-coupon {
border: 1px solid #D9D8DC !important;
}
.Checkout .wc-gift-cards-form label {
display: none;
}
.Checkout .wc-block-components-shipping-address:empty,
form.wc-gift-cards-form .wc-gift-cards-text-input{
margin:0 !important;
}
.Checkout .wp-block-woocommerce-checkout-order-summary-totals-block {
padding: 32px 0;
border: none !important;
}
.Checkout .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item {
color: #000;
font-family: 'gill-sans';
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.Checkout .wcs-recurring-totals-panel__details.wc-block-components-panel,
.Checkout .wc-block-components-totals-item.wcs-recurring-totals-panel__title,
.Checkout .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item,
.Checkout .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-wrapper:first-child {
padding: 0 !important;
}
.Checkout .wc-block-components-totals-wrapper,
.Checkout .wc-block-components-totals-wrapper.slot-wrapper{
border: none !important;
}
.Checkout .wc-block-components-totals-item.wcs-recurring-totals-panel__details-total,
.Checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-item.wc-block-components-totals-footer-item{
border-top: 1px solid #ECECED;
padding: 16px 0 !important;
color: #000;
font-family: 'gill-sans';
font-size: 20px;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.2px;
}
.Checkout .wp-block-woocommerce-checkout-order-summary-gift-card-form-block.wc-block-components-totals-wrapper{
margin-bottom: 6px;
}
.add_gift_card_form #wc_gc_cart_redeem_form button {
margin-left: 3px;
}
.Checkout button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button {
max-width: 400px;
width: 100%;
}
.free_exchange {
margin: 16px 0 0;
}
.free_exchange ul li a,
.free_exchange h3 {
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
position: relative;
letter-spacing: 0 !important;
}
.free_exchange h3{
margin: 0 0 16px;
}
.free_exchange ul li a{
padding: 8px;
}
.free_exchange h3:after {
content: '';
display: inline-flex;
background: url('./images/icon.svg') no-repeat center;
background-size: contain;
width: 20px;
height: 20px;
vertical-align: bottom;
margin-left: 6px;
margin-bottom: 1px;
}
.free_exchange ul {
display: flex;
align-items: center;
list-style-type: none;
padding: 0;
gap: 0;
}
.free_exchange ul li a {
color: #8C8A94;
margin: 0;
text-decoration: none;
border-radius: 4px;
transition: 0.3s all;
}
.free_exchange ul li a:hover {
background: #F3F3F4;
}
/* checkout */
/* SideCart */
#cart_icon span.elementor-button-icon-qty {
font-size: 16px;
line-height: 24px;
padding: 0 6px;
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: auto;
border-radius: 100px;
right: -37px;
top: -20px;
right: -20px;
top: -18px;
width: 32px;
height: 22px;
font-size: 14px;
line-height: 22px;
}
#Sticky_Sarch #cart_icon span.elementor-button-icon-qty {
right: -37px;
top: -20px;
}
#SideCart {
transition: 0.4s all;
background-color: #fff;
position: fixed;
top: 0px;
right: 0px;
height: 100%;
z-index: 999999 !important;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
opacity: 0;
overflow: hidden;
transform: translateX(100%);
}
#SideCart.show {
opacity: 1;
transform: var(--side-cart-alignment-transform, translateX(0));
}
#SideCart .ext_mini_sticky_cart,
#SideCart .ext_mini_close_cart_sticky {
max-width: 320px !important;
width: 320px !important;
position: initial !important;
box-shadow: none;
}
#SideCart .cart_title {
padding: 8px;
text-align: center;
color: #000;
font-family: 'gill-sans';
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
}
#SideCart .ext_mini_sticky_cart_inner {
display: flex;
flex-direction: column;
padding: 0 0 145px !important;
border: none !important;
height: calc(100% - 192px) !important;
position: initial !important;
}
#SideCart .ext_mini_sticky_cart_close {
width: 32px;
height: 32px;
display: block !important;
border: none;
padding: 0;
right: 16px;
top: 6px;
background: url('./images/close.svg') no-repeat center;
background-size: 14px;
}
#SideCartOvarlay.ext_mini_sticky_cart_widgets {
position: fixed;
width: 100vw;
height: 100%;
background-color: transparent !important;
border-radius: 0 !important;
border: none !important;
left: 0;
overflow: hidden;
text-align: left;
top: 0;
transform: scale(0);
transition: background-color .4s, transform 0s;
z-index: 9998;
cursor: initial;
}
#SideCartOvarlay.show.ext_mini_sticky_cart_widgets {
transform: scale(1);
background-color: #00000069 !important;
}
.ext_mini_sticky_cart_widgets,
#SideCartOvarlay.ext_mini_sticky_cart_widgets {
border: none;
box-shadow: none;
}
svg.ext_minicart_popup_sidebar_header_icon,
#SideCartOvarlay svg.ext_minicart_popup_sidebar_header_icon,
div#SideCart + .ext_mini_sticky_cart_widgets svg.ext_minicart_popup_sidebar_header_icon,
#SideCart ._cart_item_quantity_action.ext_mini_carts_quantity_section .cart_qty_action,
#SideCart .ext_mini_sticky_cart .cart-progress,
#SideCart .ext_mini_sticky_cart_close img{
display: none !important;
}
#SideCart .ext_mini_sticky_cart_header {
padding: 16px;
border: none;
border-top: 1px solid #ECECED;
min-height: auto;
order: 1;
position: fixed;
top: auto;
bottom: 0;
background: #fff;
z-index: 1;
}
#SideCart .ext_mini_sticky_cart_header {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px 0;
}
#SideCart ._cart_item_head .cart_item_prices span.each_pirce,
#SideCart .ext_mini_sticky_cart_header span,
#SideCart .ext_mini_sticky_cart_header a.side_cta,
#SideCart .ext_mini_sticky_cart_header span.ext_mini_sticky_cart_header_price::after,
#SideCart .cart_item_img p {
font-family: 'gill-sans';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
#SideCart .ext_mini_sticky_cart_header span {
display: inline;
text-align: center;
color: #000;
font-weight: 600;
}
#SideCart .ext_mini_sticky_cart_header a.side_cta {
width: 100%;
display: block;
border-radius: 6px;
background-color: #499933 !important;
border-color: #499933 !important;
padding: 11px 15px;
color: #fff !important;
font-size: 18px;
}
#SideCart .ext_mini_sticky_cart_header span.ext_mini_sticky_cart_header_price::after {
content: '(Excludes Shipping & Tax)';
display: block;
color: #2D293B;
text-align: center;
}
#SideCart .cart_item_img .side_cart_img {
border-radius: 4px;
border: 1px solid #D9D8DC;
background: #fff;
height: 64px;
width: 64px;
flex: 0 0 64px;
margin: 0;
overflow: hidden;
}
#SideCart .cart_item_img .side_cart_img img {
object-fit: contain;
height: 62px;
width: 62px;
}
#SideCart ._cart_item_head,
#SideCart .cart_item_img {
display: flex;
gap: 8px;
}
#SideCart ._cart_item_head{
justify-content: space-between;
}
#SideCart .cart_item_img h5, #SideCart .cart_item_img h5 a {
margin: 0;
color: #000;
line-clamp: 2;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 17px;
line-height: normal;
}
#SideCart .cart_item_img p {
color: #494656;
line-clamp: 1;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 0;
}
#SideCart ._cart_item_head .cart_item_prices .ext_mini_sticky_cart_product_price {
color: #000;
font-family: 'gill-sans';
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
padding: 0;
text-align: right;
}
#SideCart ._cart_item_head .cart_item_prices span.each_pirce{
color: #494656 !important;
white-space:nowrap;
}
#SideCart ._cart_item_head .cart_item_prices {
text-align: right;
}
#SideCart ._remove_item_sec .ext_mini_carts_quantity_remove_prod {
border-radius: 6px;
background: #F3F3F4;
padding: 14px;
display: inline-block;
}
#SideCart ._remove_item_sec {
display: flex;
justify-content: space-between;
align-items: center;
}
#SideCart .ext_mini_sticky_cart .ext_mini_carts_quantity_section {
margin: 16px 0 8px;
}
#SideCart ._remove_item_sec button {
border-color: #F3F3F4;
background: #F3F3F4;
}
input#ssd-search-products:focus,
#SideCart ._remove_item_sec button:focus{
/* outline/focus_gray */
box-shadow: 0px 3px 4px -3px rgba(17, 12, 34, 0.10), 0px 0px 0px 3px var(--outline-med_em, #8C8A94);
}
#SideCart .ext_sticky_cart_loader_img {
float: none;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background: #ffffff33;
}
div#cart_icon {
cursor: pointer;
}
#SideCart .ext_mini_sticky_cart_inner .ext_mini_sticky_cart_product_block li.ext_mini_sticky_cart_product_list_item {
border: none;
padding: 8px 16px;
}
#SideCart .ext_mini_sticky_cart_inner .ext_mini_sticky_cart_product_block {
padding: 8px 0 !important;
height: auto;
}
div#cart_icon .elementor-button-wrapper::before {
content: "";
inset-block: 0;
inset-inline: 0px;
position: absolute;
z-index: 2;
}
div#cart_icon .elementor-button-wrapper {
position: relative;
}
#SideCart #no_Orders {
padding: 48px 16px 32px;
}
/* SideCart */
/* shipping */
.cart-progress .cart_product_type {
margin: 0 0 4px 0;
}
.cart-progress p {
color: #494656;
font-family: 'gill-sans';
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin: 0;
}
.cart-progress p.cart_product_discount {
margin: 0 0 16px 0;
}
.cart-progress p.cart_product_discount span{
background: #F6D428;
}
.progress_wrapper{
display:flex;
gap: 2px;
}
.progress_wrapper >div {
flex: 1;
}
.progress_wrapper >div p{
color: #8C8A94;
}
.progress-bar-container {
width: 100%;
background: #C6C5C9;
border-radius: 4px;
overflow: hidden;
margin-bottom: 4px;
}
.progress-bar {
height: 16px;
width: 0;
background: #4caf50;
transition: width 0.3s ease-in-out;
}
.progress_wrapper >div p {
color: #8C8A94;
display: flex;
align-items: center;
gap: 4px;
}
.cart-progress {
background-image: url('./images/Union.png');
background-repeat: no-repeat;
background-position: top right;
background-size: 66px;
background-color: #F6F6F4;
padding: 16px;
}
.cart_collaterals_wrapper .cart-progress {
border-radius: 12px;
margin-bottom: 32px;
}
/* shipping */
/* Cart */
.cart_wrapper {
display: flex;
justify-content: space-between;
gap: 70px;
}
.cart_wrapper .cart_items_wrapper{
width:100%;
max-width:calc(100% - 470px);
flex: 0 0 auto;
}
.cart_wrapper .cart_collaterals_wrapper {
width: 100%;
max-width: 400px;
flex: 0 0 auto;
}
.cart_collaterals_wrapper .cart_sidebar{
position: sticky;
top: 0;
padding-top: 16px;
}
.logged-in .cart_collaterals_wrapper .cart_sidebar,
.logged-in .cart_wrapper .cart_items_head{
top: 30px;
}
.cart_items_head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 0;
position: sticky;
top: 0;
background-color: #fff;
z-index:9;
}
.cart_items_head {
border-bottom: 1px solid #ECECED;
margin-bottom: 16px;
}
h4.cart_total_quantity {
margin: 0;
}
#Cart_Wrapper ._cart_item_quantity.only_one_item{
position:relative;
}
#Cart_Wrapper ._cart_item_quantity.only_one_item a.remove {
width: 50px;
height: 48px;
position: absolute;
bottom: 2px;
left: 2px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 1px;
}
#Cart_Wrapper ._cart_item_quantity.only_one_item a.remove i {
filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(119deg) brightness(104%) contrast(105%);
}
#Cart_Wrapper.hide_progress .cart-progress .cart_progress_wrap{
visibility:hidden;
}
#Cart_Wrapper.hide_progress .woocommerce-cart-form {
opacity: 0.4;
}
#Cart_Wrapper .cart_items_head button.button {
text-transform: capitalize;
opacity:1;
}
#Cart_Wrapper .cart_items_head button.button:disabled{
background-color: #E2E2E4;
color: #8C8A94;
padding: 12px 16px;
}
#Cart_Wrapper ._cart_item {
border-radius: 16px;
background: #FFF;
padding: 16px;
}
#Cart_Wrapper ._cart_item:nth-child(even) {
background-color: #F3F3F4;
}
._cart_item_img_title {
display: flex;
gap: 8px;
}
._cart_item_img {
width: 64px;
height: 64px;
aspect-ratio: 1/1;
background-color: #fff;
border: 1px solid #D9D8DC;
border-radius: 4px;
display: flex;
overflow: hidden;
flex: 0 0 auto;
}
._cart_item_img a {
display: block;
}
._cart_item_img a img {
max-width: 100%;
max-height: 100%;
}
._cart_item_title h5,
._cart_item_title h5 a {
color: #000;
font-family: 'gill-sans';
font-size: 20px;
font-weight: 600;
line-height: 28px;
margin: 0;
}
._cart_item_desc{
color: #494656;
font-family: 'gill-sans';
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin:0;
}
._cart_item_buying_options .label_price {
font-weight: 400;
}
h5._cart_item_label {
margin: 0 0 8px 0;
}
#Cart_Wrapper ._cart_item:not(:last-child),
#Cart_Wrapper ._cart_item >div:not(:last-child),
#Cart_Wrapper ._cart_item ._cart_item_buying_options >div:not(:last-child){
margin-bottom: 16px;
}
#Cart_Wrapper ._remove_cart_item .remove {
padding: 12px 16px;
display: inline-block;
width: auto;
height: auto;
color: #F03D3D !important;
font-family: 'gill-sans';
font-size: 18px;
font-weight: 400;
line-height: 24px;
transition: 0.3s all;
border-radius: 6px;
}
#Cart_Wrapper ._remove_cart_item .remove:hover {
background-color: transparent;
box-shadow: inset 0 0 0 1px #f03d3d !important;
}
#Cart_Wrapper ._cart_item_buying_options .wcsatt-options,
#Cart_Wrapper ._wcsatt_frequency_option:not(.show_options){
display:none;
}
#Cart_Wrapper .cart-collaterals .cart_totals {
float: none;
width: 100%;
}
#Cart_Wrapper .cart_total_detail{
color: #000;
font-family: 'gill-sans';
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
#Cart_Wrapper .cart_total_detail > div:not(.shipping_html) {
display: flex;
justify-content: space-between;
}
#Cart_Wrapper .cart_total_detail >div:not(:last-child) {
margin-bottom: 16px;
}
#Cart_Wrapper .cart_total_detail .order-total {
border-top: 1px solid #ECECED;
padding-top: 20px;
margin-top: 4px;
width: 100%;
display: inline-flex;
font-size: 20px;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.2px;
}
#Cart_Wrapper .shipping_html::after {
content: '';
display: block;
clear: both;
}
#Cart_Wrapper .shipping_html ul#shipping_method,
#Cart_Wrapper .shipping_html .woocommerce-shipping-destination {
width: 60%;
float: right;
}
#Cart_Wrapper .cart_total_detail .cart-discount >div:last-child {
color: #499933;
}
#Cart_Wrapper .wc-proceed-to-checkout {
padding: 32px 0;
}
#Cart_Wrapper .wc-proceed-to-checkout a.checkout-button{
margin-top:32px;
}
#Cart_Wrapper .add_gift_card_form {
border-radius: 6px;
background: #F3F3F4;
padding: 36px 16px 12px;
position: relative;
}
#Cart_Wrapper .add_gift_card_form h4 {
margin: 0;
color: #8C8A94;
font-family: 'gill-sans';
font-size: 18px;
font-weight: 400;
line-height: 24px;
padding: 12px 16px;
position: absolute;
left: 0;
top: 0;
width: 100%;
cursor:pointer;
}
#Cart_Wrapper .coupon_wrapper ._coupon{
display: none;
}
#Cart_Wrapper .add_gift_card_form #wc_gc_cart_redeem_form {
margin: 12px 0 0;
display:none;
}
#Cart_Wrapper .add_gift_card_form h4::after{
content: '';
display: block;
background: url('./images/plus-black.svg') no-repeat center;
background-size:contain;
width: 20px;
height: 20px;
position: absolute;
right: 16px;
top: 14px;
}
.Checkout form.wc-gift-cards-form .wc-gift-cards-text-input,
#Cart_Wrapper #wc_gc_cart_redeem_form input[type=text] {
width: calc(100% - 82px) !important;
max-width: 100% !important;
flex-grow: initial;
}
#wc_gc_cart_redeem_form .woocommerce-message {
padding: 0;
border: none;
background: transparent;
color: #499933;
font-size: 14px;
font-family: 'gill-sans';
margin: 5px 0;
}
#wc_gc_cart_redeem_form .woocommerce-message::before,
#wc_gc_cart_redeem_form .woocommerce-message::after {
display: none;
}
#contact-fields .wc-block-checkout__login-prompt,
#ssd-modal-content .wpr-product-add-button .button,
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order,
.Checkout button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button,
.Checkout button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover,
form.wc-gift-cards-form button.wc-block-components-button.wp-element-button.wc-gift-cards-form__button,
form.wc-gift-cards-form button.wc-block-components-button.wp-element-button.wc-gift-cards-form__button:hover,
form#wc-block-components-totals-coupon__form button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button,
form#wc-block-components-totals-coupon__form button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button:hover,
#Cart_Wrapper button.wcsatt-add-to-subscription-button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
#Cart_Wrapper a.checkout-button {
color: #fff;
font-family: 'gill-sans';
font-size: 18px;
font-weight: 400;
line-height: 24px;
border-radius: 6px;
background: #499933;
padding: 12px 16px;
margin-bottom: 0;
transition: 0.3s all;
text-transform:capitalize;
min-height: auto !important;
border: none;
text-decoration: none;
cursor: pointer;
}
#contact-fields .wc-block-checkout__login-prompt {
position: relative;
z-index: 1;
}
#ssd-modal-content .wpr-product-add-button .button.wpr-add-simple-product-next-shipment {
background: #F3F3F4;
background-color: #F3F3F4;
color: #000;
}
#Cart_Wrapper .coupon_wrapper{
border-radius: 6px;
background: #F3F3F4;
padding: 36px 16px 12px;
margin-bottom: 32px;
position:relative;
}
#Cart_Wrapper .add_promo_code {
display: flex;
align-items: center;
justify-content: space-between;
color: #8C8A94;
font-family: 'gill-sans';
font-size: 18px;
font-weight: 400;
line-height: 24px;
left: 0;
top: 0;
position: absolute;
width: 100%;
padding: 12px 16px;
cursor: pointer;
}
.Checkout form.wc-gift-cards-form,
#Cart_Wrapper .coupon {
margin-top: 12px;
display: flex;
flex-wrap:wrap;
justify-content:space-between;
align-items: center;
gap: 8px;
}
#Cart_Wrapper #wc_gc_cart_redeem_form input[type=text], #Cart_Wrapper .coupon #coupon_code {
border: 1px solid #D9D8DC !important;
border-radius: 4px !important;
background: transparent;
font-size: 16px;
padding: 11px 13px !important;
color: #000;
width: calc(100% - 136px);
}
#Cart_Wrapper .coupon button.button {
font-size: 16px;
}
#coupon-error-notice {
display: block;
width: 100%;
margin: 0;
}
#consolidate_subscriptions .wcsatt-add-cart-to-subscription-wrapper {
border-radius: 6px;
background: #F3F3F4;
padding: 16px;
}
#consolidate_subscriptions label input,
#consolidate_subscriptions h4.wcsatt-add-cart-to-subscription-intro {
display: none;
}
#consolidate_subscriptions label span.wcsatt-add-cart-to-subscription-action {
display: block;
position: relative;
width: 100%;
padding-left: 32px;
font-size: 0 !important;
text-indent:0;
}
#consolidate_subscriptions p.wcsatt-add-cart-to-subscription-action-wrapper {
margin: 0;
}
#consolidate_shipping label span.wcsatt-add-cart-to-subscription-action::after {
content: 'Consolidate My Subscriptions';
color: #000;
font-family: 'gill-sans';
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
#consolidate_subscriptions label::after {
content: 'We’ll align your subscriptions so they ship together whenever possible. Unchecking this keeps them separate, meaning you’ll receive multiple shipments on different schedules.';
color: #2D293B;
font-family: 'gill-sans';
font-size: 16px;
font-weight: 400;
line-height: 24px;
padding-left: 32px;
display: block;
margin-top: 2px;
}
#consolidate_subscriptions label span.wcsatt-add-cart-to-subscription-action::before {
content: '';
display: block;
position:absolute;
left:0;
top:0;
width: 24px;
height: 24px;
background: url('./images/checkbox.svg') no-repeat center;
background-size:contain;
}
#consolidate_subscriptions label input:checked ~ span.wcsatt-add-cart-to-subscription-action::before{
background: url('./images/checkbox-checked.svg') no-repeat center;
background-size:contain;
}
#Cart_Wrapper .disabled_checkout {
text-align: center;
margin-top: 32px;
}
#Cart_Wrapper .disabled_checkout a.checkout-button {
width: 100%;
background: #E2E2E4;
color: #8C8A94;
margin-bottom: 8px;
}
#Cart_Wrapper .disabled_checkout p {
color: #494656;
margin: 0;
}
#consolidate_subscriptions .wcsatt-add-cart-to-subscription-wrapper .wcsatt-add-cart-to-subscription-options {
margin-top: 12px;
color: #F03D3D !important;
}
.subscription-id a {
color: #499933;
}
#Cart_Wrapper table.my_account_subscriptions,
#Cart_Wrapper table.my_account_subscriptions td {
border-color: #dad8df;
background: transparent;
color: #2D293B;
}
.cart_header {
padding-bottom: 32px;
}
.empty_cart {
text-align: center;
padding: 50px 0;
}
/* Cart */
/* Filter */
@keyframes loadingOpacityAnimation{
0%, 100% {
opacity: 1;
}
50% {
opacity: .6;
}
}
#ArchiveProducts.e-loading-overlay,
.e-loading-overlay{
animation: loadingOpacityAnimation 1s infinite alternate;
}
.e-overlay{
opacity: .6 !important;
}
div#Archive_Loop.hide_archive {
position: absolute;
z-index: -999999;
opacity: 0;
display:none;
}
div#new_symptoms-checkboxces {
-ms-overflow-style: none;
scrollbar-width: none;
overflow: auto;
position:relative;
}
#new_symptoms-checkboxces .listing-new-symptoms >div input,
#new_symptoms-checkboxces .listing-new-symptoms .nopro,
#new_symptoms-checkboxces .new_symptoms-searchwo{
display: none;
}
#new_symptoms-checkboxces .listing-new-symptoms {
display: flex;
gap: 6px;
align-items:center;
}
#new_symptoms_wrapper {
position:relative;
padding: 10px 0;
}
#new_symptoms_wrapper div.scroll-arrow {
position: absolute;
left: 0;
top: 10px;
padding: 0 !important;
margin: 0;
border: none !important;
z-index: 1;
}
#new_symptoms_wrapper div.scroll-arrow.right{
left: auto;
right: 0;
}
.scroll-arrow.left::before,
.scroll-arrow.right::before {
content: '';
display: block;
position: absolute;
width: 143px;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(90deg, #ffffff 0%, rgba(153, 153, 153, 0.00) 100%);
background-blend-mode: screen;
}
.scroll-arrow.right::before{
left:auto;
right:0;
background: linear-gradient(270deg, #ffffff 0%, rgba(153, 153, 153, 0.00) 100%);
}
#new_symptoms_wrapper div.scroll-arrow i {
position: relative;
z-index: 1;
cursor: pointer;
}
#new_symptoms-checkboxces .listing-new-symptoms label span.product-count {
display: none;
}
#new_symptoms-checkboxces button#clearfilters,
#new_symptoms-checkboxces .listing-new-symptoms label {
white-space: nowrap !important;
background-color: #02010100;
border: 1px solid #02010100;
font-family: "gill-sans";
font-size: 18px;
font-weight: 400;
line-height: 24px;
padding: 11px 15px 11px 15px;
color: #494656;
cursor: pointer;
border-radius: 6px;
transition: all .3s;
margin: 0 !important;
}
#new_symptoms-checkboxces button#clearfilters:hover,
#new_symptoms-checkboxces .listing-new-symptoms label:hover,
#new_symptoms-checkboxces button#clearfilters.active_filter,
#new_symptoms-checkboxces .listing-new-symptoms label.active_filter{
background-color: #F3F3F4;
border-style: solid;
border-color: #f3f3f4;
color:#000000;
}
.new_symptoms-checkboxces.e-scroll-active::before{
content: "";
inset-block: 0;
inset-inline: -1000vw;
position: absolute;
z-index: 2;
}
#new_symptoms-checkboxces.e-scroll-active .listing-new-symptoms label{
cursor: dragging;
}
.indent_item {
overflow: hidden;
}
.indent_item::before {
content: "";
inset-block: 0;
inset-inline: -100%;
position: absolute;
z-index: 2;
}
/* Filter */
/* Product */
.elementor-add-to-cart.elementor-product-simple{
min-height: initial !important;
}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
color: #000;
text-align: center !important;
font-family: 'gill-sans';
font-size: 18px;
font-weight: 600;
line-height: 24px;
padding: 0 !important;
margin: 0 !important;
min-height: initial !important;
}
.woocommerce ul.products li.product a img {
margin: 0 0 8px 0;
aspect-ratio: 3/4;
object-fit: scale-down;
min-height: initial !important;
border-radius: 0 !important;
}
div#FilteredProduct ul.products.columns-4 {
display: grid;
grid-template-columns: repeat(4 , 1fr);
gap: 24px 16px;
}
div#productsfav ul.products.columns-3 {
display: grid;
grid-template-columns: repeat(3 , 1fr);
gap: 24px 16px;
}
div#productsfav ul.products li.product,
div#FilteredProduct ul.products.columns-4 li.product {
width: 100% !important;
margin: 0 !important;
}
div#productsfav ul.products::before,
div#productsfav ul.products::after,
div#FilteredProduct ul.products.columns-4::before,
div#FilteredProduct ul.products.columns-4::after {
display: none;
}
/* aaaaaa */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
background-color: #1e506d;
border: none !important;
margin: 0 0 16px !important;
text-align: center;
border-radius: 6px;
padding: 16px;
color: #fff;
font-family: "gill-sans";
font-size: 16px;
font-weight: 600;
line-height: 24px;
display: block;
}
.woocommerce .woocommerce-info a{
color: #fff;
}
.woocommerce .woocommerce-error {
background-color: #FFE1E1;
}
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-message::after,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-info::after,
.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-error::after {
display: none;
}
.woocommerce .woocommerce-message{
background-color: #499933;
}
.woocommerce-notices-wrapper ul.woocommerce-error li {
font-family: "gill-sans";
font-size: 18px;
font-weight: 600;
line-height: 24px;
color: #DE2424;
}
.woocommerce-notices-wrapper .woocommerce-message {
display: none !important;
}
#Woo_Notification{
display:none;
}
#featured_image img {
aspect-ratio: 3/4;
max-height: 374px;
object-fit: scale-down;
margin-bottom: 8px;
}
#RecommendedProducts #featured_image img{
object-fit: cover;
}
div#product_loop_wrap .elementor-widget-woocommerce-product-add-to-cart,
#product_loop_wrap .elementor-widget-shortcode {
position: inherit;
}
#product_loop_wrap .Productdetail h2 {
margin: 0;
color: #000;
text-align: center;
font-family: 'gill-sans';
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
#product_loop_wrap .Productdetail h2 a {
color: inherit;
}
ul.products li.product .Productdetail p.Productprice,
#product_loop_wrap .Productdetail p.Productprice {
margin: 0;
color: #3E789D;
text-align: center;
font-family: 'gill-sans';
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 40px;
letter-spacing: -0.26px;
}
ul.products li.product .Productdetail .saleProductprice,
#product_loop_wrap .Productdetail .saleProductprice {
text-align: center;
}
ul.products li.product .Productdetail .saleProductprice span.save_amount,
#product_loop_wrap .Productdetail .saleProductprice span.save_amount,
#product_loop_wrap .Productdetail .saleProductprice .woocommerce-Price-amount {
color: #000;
text-align: center;
font-family: 'gill-sans';
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
ul.products li.product .Productdetail .saleProductprice .woocommerce-Price-amount,
#product_loop_wrap .Productdetail .saleProductprice .woocommerce-Price-amount{
text-decoration-line: line-through;
color: #494656;
}
ul.products li.product .Productdetail .saleProductprice > span:not(.save_amount),
#product_loop_wrap .Productdetail .saleProductprice > span:not(.save_amount) {
display: block;
}
ul.products li.product .Productdetail .saleProductprice span.save_amount,
#product_loop_wrap .Productdetail .saleProductprice span.save_amount{
background: #F6D428;
}
#add-to-cart-button .add-to-cart-button-link {
background-color: #315327;
color: #fff;
width: 90px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
font-family: 'gill-sans';
font-size: 16px;
font-weight: 400;
line-height: 24px;
border-radius: 100px;
padding: 2px 10px 2px 6px;
}
#backorder_button,
#add-to-cart-button {
position: absolute;
top: 12px;
right: 64px;
z-index: 3;
transition: 0.3s all;
}
#add-to-cart-button.e-overlay {
opacity: 0.7 !important;
}
#add-to-cart-button.e-overlay::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background: transparent;
border-radius: 100px;
inset-block: 0;
inset-inline: 0px;
z-index: 2;
}
#add-to-cart-button .button,
#backorder_button .button,
#add-to-cart-button .button.product_type_simple:not(.add_to_cart_button) {
background: #499933;
box-shadow: 0px 8px 24px -4px rgba(0, 0, 0, 0.12);
color: #fff;
width: 71px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
font-size:16px;
line-height:24px;
font-weight:400;
border-radius: 100px;
padding: 2px 10px 2px 6px;
opacity: 1;
margin: 0 !important;
border: none !important;
}
#add-to-cart-button .button.product_type_variable::before,
#add-to-cart-button .button.add_to_cart_button::before {
content: '';
display: block;
background: url('./images/plus.svg') no-repeat center;
background-size: contain;
width: 20px;
height: 20px;
}
#add-to-cart-button .button.product_type_simple:not(.add_to_cart_button) {
width: 112px;
background: #000000;
padding: 2px 4px;
}
#backorder_button .button {
width: 130px;
background: #499933;
padding: 2px 4px;
}
#backorder_button .button.add_to_cart_button::after,
#add-to-cart-button .button.add_to_cart_button::after{
display:none !important;
}
ul.products li.product span.onsale{
display:none !important;
}
#add-to-cart-button .openteq-item-count {
border-radius: 128px;
background: #499933;
box-shadow: 0px 8px 24px -4px rgba(0, 0, 0, 0.12);
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
}
#add-to-cart-button .openteq-item-count >a {
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#add-to-cart-button .openteq-item-count .openteq-cart-count {
font-size: 12px;
line-height: 16px;
font-weight: 500;
font-family: "SF Pro";
color: #fff;
width: 48px;
display: inline-block;
text-align:center;
}
/* single-product */
.Checkout .wc-block-components-order-summary-item.woosb-bundled,
#Cart_Wrapper ._cart_item.woosb-item-child,
#Cart_Wrapper ._cart_item.woosb-item-child ._cart_item_quantity,
.product.product-type-woosb #buying_options,
.product.product-type-woosb #wcsatt_custom_options{
display:none !important;
}
/* #Cart_Wrapper ._cart_item.woosb-item-child {
background: #F3F3F4;
margin: 0;
padding: 10px 16px;
border-radius:0;
}
#Cart_Wrapper ._cart_item.woosb-item-child ._cart_item_img_title {
margin: 0;
} */
.product.product-type-woosb #add_do_cart{
display:block !important;
cursor:pointer !important;
}
form.cart .quantity {
width: 100%;
}
#Product_Gallery .favourite_icon {
right: 8px;
left: auto;
}
#Product_Gallery .thumb-imag img {
aspect-ratio: 3/4;
max-height: calc(100dvh - 230px);
object-fit: scale-down;
width: 100%;
}
body.logged-in #Product_Gallery .thumb-imag img {
max-height: calc(100dvh - 260px);
}
#Product_Gallery .slick-slide >div {
display: flex;
}
#Product_Gallery button.slick-arrow {
padding: 0;
margin: 0;
border: none !important;
background-image: url('./images/slide-left.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 48px;
height: 48px;
font-size: 0;
text-indent: 0;
position: absolute;
z-index: 1;
right: 64px;
bottom: 8px;
left: auto;
top: auto;
background-color: transparent;
border-radius: 6px;
transform: none;
width: 40px;
height: 40px;
background-image: url(./images/left-arrow.svg);
left: 40px;
top: 50%;
transform: translateY(-50%);
}
#Product_Gallery button.slick-arrow.slick-next {
right: 8px;
background-image: url('./images/slide-right.svg');
background-image: url('./images/right-arrow.svg');
right: 40px;
left: auto;
}
#Product_Gallery button.slick-arrow::before,
div#Product_Gallery .product_gallery_slider:not(.slick-initialized) .thumb-imag:not(.featured_thumb) {
display: none;
}
ul.product-tags {
display: flex;
list-style-type: none;
flex-wrap: wrap;
padding: 0;
margin: 0;
gap: 8px;
}
ul.product-tags li {
color: #2D293B;
font-size:16px;
line-height:24px;
font-weight:400;
border-radius: 4px;
background: #F3F3F4;
padding: 8px;
display: inline-block;
cursor: default;
}
#ProductDetails ul.product-tags li:nth-child(n+4) {
display: none;
}
.wcsatt-custom-options .select-btn,
.wcsatt-custom-types button.radio-btn {
width: 100%;
display: block;
border-radius: 6px;
border: 1px solid #D9D8DC;
background-color: #fff;
padding: 15px;
transition:0.3s all;
}
.wcsatt-custom-options .select-btn {
flex: 1;
}
.wcsatt-custom-options .select-btn:hover, .wcsatt-custom-types button.radio-btn:hover, .wcsatt-custom-options .select-btn:focus, .wcsatt-custom-types button.radio-btn:focus, .wcsatt-custom-options .select-btn:focus-visible, .wcsatt-custom-types button.radio-btn:focus-visible {
background-color: #fff;
border-color: #D9D8DC;
color: #000;
}
.wcsatt-custom-options:not(.OutofStock) .select-btn._active,
.wcsatt-custom-types:not(.OutofStock) button.radio-btn._active {
border-color: #499933;
background-color: #DBF0D6 !important;
box-shadow: inset 0 0 0 1px #499933;
}
.wcsatt-custom-types button.radio-btn:not(:last-child) {
margin-bottom: 8px;
}
.label_price,
._type_title {
color: #000;
font-size: 18px;
font-weight:600;
line-height: 24px;
}
._type_subscribe,
._OneTime {
display: flex;
justify-content: space-between;
align-items: center;
}
._benefits ul li,
._type_subscribe ._type_title span,
._type_subscribe .label_price span._off{
font-size: 16px;
font-weight:400;
line-height: 24px;
display: inline-block;
color: #8C8A94;
padding: 2px 0;
}
._type_subscribe ._type_title span {
border-radius: 4px;
background: #F6D428;
color:#000;
padding: 2px 6px;
}
._type_subscribe ._type_title {
text-align: left;
}
._type_subscribe .label_price {
text-align: right;
}
.wcsatt-custom-types ._benefits ul {
list-style-type: none;
text-align: left;
padding: 0;
margin: 8px 0 0;
display: flex;
flex-direction: column;
gap: 4px;
}
.wcsatt-custom-types ._benefits ul li {
color: #2D293B;
position:relative;
padding-left:26px;
}
.wcsatt-custom-types ._benefits ul li::before{
content:'';
display:block;
background: url('./images/check-black.svg') no-repeat center;
background-size:contain;
width: 18px;
height:18px;
top:3px;
position:absolute;
left:0;
}
.wcsatt-custom-options {
display: flex;
justify-content: space-between;
gap: 8px;
}
#add_do_cart_disable {
cursor: default;
color: #8C8A94;
background-color: #E2E2E4;
}
#add_do_cart_disable span.elementor-button-icon{
display:none;
}
.has-subscription-plans #add_do_cart{
cursor:pointer;
}
#AddToCart_Widget p.stock.out-of-stock {
display: block;
padding: 10px;
margin: 0;
border: 1px solid #D9D8DC;
background-color: #fff;
border-radius: 6px;
color: #8C8A94;
font-size: 18px;
text-align: center;
cursor: default;
}
#AddToCart_Widget p.stock.available-on-backorder {
font-size: 20px;
font-weight: 700;
color: #499933;
}
.product:not(.has-subscription-plans) #wcsatt_custom_options,
.product:not(.has-subscription-plans) .wcsatt-custom-types button.radio-btn[data-value=yes]{
display:none;
}
/* .product:not(.has-subscription-plans) #add_do_cart, */
#AddToCart_Widget .wcsatt-options-wrapper,
#AddToCart_Widget button.single_add_to_cart_button,
#wcsatt_custom_options:not(.show_options){
display:none;
}
#AddToCart_Widget .wcsatt-add-to-subscription-wrapper{
display:none !important;
}
#Singleproduct_price p.price{
margin:0;
}
.product:not(.sale) #Singleproduct_price p.price > *:not(span.woocommerce-Price-amount),
.product.sale #Singleproduct_price p.price > *:not(ins) {
display: none !important;
}
#Singleproduct_price p.price ins {
text-decoration: none;
}
.product_detail_btn span.elementor-button-icon svg {
width: 24px;
height: 24px;
}
.woocommerce .quantity .custom_quantity input.qty:focus,
.woocommerce .quantity .custom_quantity input.qty:focus-visible,
#AddToCart_Widget table.variations select:focus,
#AddToCart_Widget table.variations select:focus-visible {
box-shadow: none;
outline: 0;
}
#AddToCart_Widget table.variations td,
#AddToCart_Widget table.variations th {
padding: 10px;
border: none;
background-color: transparent;
vertical-align: middle;
}
#AddToCart_Widget table.variations {
border-radius: 6px;
overflow: hidden;
margin: 0 0 8px 0;
box-shadow: inset 0 0 0 1px #d9d8dc;
}
#AddToCart_Widget table.variations select {
width: 100%;
margin: 0;
border-color: #d9d8dc;
color: #000;
font-family: 'gill-sans';
font-size: 16px;
}
#AddToCart_Widget table.variations td .reset_variations {
position: absolute;
display: none !important;
}
#AddToCart_Widget table.variations th label {
font-weight: 600;
color: #000;
font-family: 'gill-sans';
font-size: 16px;
vertical-align: text-bottom;
}
#AddToCart_Widget .woocommerce-variation-price span.price span.woocommerce-Price-amount {
color: #000000;
font-family: "gill-sans";
font-size: 26px;
font-weight: 600;
text-decoration: none;
line-height: 40px;
letter-spacing: -0.26px;
margin-bottom: 8px;
display: block;
text-align: right;
}
.OutofStock{
position:relative;
}
.OutofStock::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgb(255 255 255 / 50%);
z-index: 1;
}
/* single-product */
/* quantity */
.custom_quantity {
border: 1px solid #D9D8DC;
border-radius: 6px;
background-color: #fff;
display: flex;
align-items: center;
}
.custom_quantity button {
background-color: transparent !important;
padding: 14px 16px !important;
border: none !important;
border-radius: 0 !important;
margin: 0 !important;
}
.custom_quantity input.qty {
border: none !important;
border-left: 1px solid #D9D8DC !important;
border-right: 1px solid #D9D8DC !important;
background-color: transparent !important;
width: calc(100% - 104px) !important;
border-radius: 0 !important;
padding: 13px 16px !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 24px !important;
text-align: center !important;
color: #000;
}
.custom_quantity input.qty:focus, .custom_quantity input.qty:focus-visible, .custom_quantity input.qty:focus-within {
outline: 0 !important;
box-shadow: none !important;
}
/* Chrome, Safari, Edge, Opera */
input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input.qty[type=number] {
-moz-appearance: textfield;
}
/* quantity */
/* product */
/* favourite */
.favourite_icon {
position: absolute;
z-index: 3;
top: 8px;
right: 0;
}
.favourite_icon button {
background: transparent !important;
padding: 0 !important;
border: none !important;
display: flex !important;
user-select: none;
width: 48px;
height: 48px;
position: initial !important;
}
/* favourite */
/* popup */
#elementor-popup-modal-57712 .dialog-message,
#elementor-popup-modal-57741 .dialog-message,
#elementor-popup-modal-57728 .dialog-message {
max-height: calc(100vh - 40px);
}
#elementor-popup-modal-57712 .dialog-message #dialog-message-content,
#elementor-popup-modal-57741 .dialog-message #dialog-message-content,
#elementor-popup-modal-57728 .dialog-message #dialog-message-content{
max-height: calc(100vh - 89px);
overflow: auto;
display: block;
}
/* popup */
h3.elementor-author-box__name {
margin: 0;
}
.account_header,
.woocommerce-checkout #top_bar, .woocommerce-cart #top_bar{
display:none !important
}
.Checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label{
font-weight:600;
}
.page-header .entry-title, .site-footer .footer-inner,
.site-footer:not(.dynamic-footer), .site-header .header-inner,
.site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
max-width: 1170px;
}
/* popup */
/* new */
#BannerSlides p.elementor-slide-description,
#BannerSlides h1.elementor-slide-heading {
margin: 0;
}
.user_actions {
position: absolute;
left: -61px;
top: 100%;
padding: 16px 0 0;
margin: auto;
width: 170px;
z-index: -9;
opacity: 0;
transition: 0.2s all ease;
}
#user_icon .desktop_btn:hover .user_actions {
opacity: 1;
z-index: 99;
}
.user_actions ul {
padding: 10px;
margin: 0;
list-style-type: none;
position: relative;
width: 100%;
background: #fff;
filter: drop-shadow(-6px 2px 7.5px rgba(0, 0, 0, 0.10));
border-radius: 4px;
}
.user_actions ul::before {
content: '';
display: block;
width: 16px;
height: 16px;
background: #fff;
position: absolute;
z-index: 0;
left: 0;
right: 0;
margin: auto;
top: -8px;
transform: rotate(45deg);
}
.user_actions ul li {
display: block;
}
.user_actions ul li a {
padding: 10px 15px;
display: block;
color: #494656;
font-size: 18px;
line-height: 24px;
border-radius: 6px;
transition: 0.3s all;
}
.user_actions ul li a:hover {
background: #F3F3F4;
color: #000;
}
/* new */
/* Media Queries */
#myAccount_detail p.last_row_action{
position: fixed;
bottom: 0;
background: #fff;
width: 786px;
}
#myAccount_detail {
padding-bottom: 65px;
}
#LogOutFixed {
position: fixed;
bottom: 0;
z-index: 1 ;
}
#main_menu .hidden-menu{
top: 42px;
}
#main_menu #about-menu,
#main_menu #about-menu2,
#main_menu #wellness-suite-menu{
left: -115px;
width: 1070px;
}
@media (min-width: 1081px){
.elementor-hidden-desktop.elementor-hidden-laptop{
display:none;
}
}
@media (min-width: 1281px){
/* #RecommendedProducts {
padding-left: calc( 58px + (368 - 58) * (100vw - 1281px) / (1920 - 1281) );
} */
}
@media (min-width:768px){
#user_icon a.mobile_btn,
body .elementor-hidden-till-tablet{
display:none !important;
}
}
@media (max-width: 1280px){
#main_menu #about-menu, #main_menu #wellness-suite-menu {
width: 1030px;
}
.page-header .entry-title, .site-footer .footer-inner,
.site-footer:not(.dynamic-footer), .site-header .header-inner,
.site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
max-width: 1024px;
}
/* #RecommendedProducts {
padding-left: calc( 27px + (125 - 27) * (100vw - 1081px) / (1280 - 1081) );
} */
#myAccount_detail p.last_row_action {
width: 640px;
}
#Product_Gallery button.slick-arrow {
left: 30px; width: 30px;
height: 30px;
}
#Product_Gallery button.slick-arrow.slick-next {
right: 30px;
}
}
@media (max-width: 1080px){
#_OrdersMessage {
min-height: calc(100vh - 73px);
}
#myAccount_detail p.last_row_action {
width: calc(100vw - 344px);
}
.page-header .entry-title, .site-footer .footer-inner,
.site-footer:not(.dynamic-footer), .site-header .header-inner,
.site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
max-width: 1056px;
padding: 0;
}
.CheckoutNavigation{
padding: 16px 16px 0;
}
.Checkout {
padding: 0 16px 16px;
}
div#FilteredProduct ul.products.columns-4{
grid-template-columns: repeat(3, 1fr);
}
/* #RecommendedProducts {
padding-left: 0;
} */
/* header */
#main_menu .elementor-menu-toggle i{
font-size: 20px;
}
#main_menu .elementor-menu-toggle span svg {
display: flex;
align-items: center;
font-size: 20px;
}
#main_menu .elementor-menu-toggle {
padding: 14px;
}
/* header */
/* cart-page */
.cart_wrapper .cart_items_wrapper {
max-width: calc(100% - 380px);
}
.cart_wrapper {
gap: 30px;
flex-wrap:wrap;
}
.cart_wrapper .cart_collaterals_wrapper{
max-width: 350px;
}
/* cart-page */
/* checkout */
.Checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block{
padding-top:0;
}
/* checkout */
/* account */
div#productsfav ul.products.columns-3 {
grid-template-columns: repeat(2, 1fr);
}
/* account */
}
@media (max-width: 991px){
/* cart-page */
.cart_wrapper .cart_items_wrapper {
max-width: calc(100% - 330px);
}
.cart_wrapper .cart_collaterals_wrapper{
max-width: 300px;
}
/* cart-page */
/* Account */
div#ssd-modal-content .wpr-add-new-subscription >div {
max-width: calc(33.33% - 11px);
width: 100%;
}
#wpr-pause-date-subscription #ssd-pause-form input#wpr-subscription-pause-submit, #wpr-pause-date-subscription #ssd-pause-form input#wpr-subscription-pause-cancel, ._subscription_qty_btn .button.wpr-quantity-save, ._subscription_qty_btn .button.wpr-cancel-qty {
max-width: 120px;
width: 120px;
text-align: center;
flex: 0 0 auto;
}
/* Account */
}
@media (max-width:767px){
body.dialog-prevent-scroll,
body.menu_open{
padding:0;
}
#LogOutFixed,
#myAccount_detail p.last_row_action {
width: calc(100vw - 32px);
}
#LogOutFixed {
bottom: 16px;
}
#user_icon .desktop_btn{
display:none !important;
}
/* header */
#main_menu .elementor-menu-toggle i,
#main_menu .elementor-menu-toggle span svg {
font-size: 18px;
}
#main_menu .elementor-menu-toggle {
padding: 11px;
}
#cart_icon span.elementor-button-icon-qty {
right: -18px;
top: -17px;
}
#Sticky_Sarch #cart_icon span.elementor-button-icon-qty {
right: -18px;
top: -17px;
}
#user_icon .elementor-shortcode a._user_btn {
width: 40px;
height: 40px;
font-size: 14px;
}
.searchwp-live-search-results-container {
grid-template-columns: repeat(3, 1fr);
}
/* header */
/* products */
div#FilteredProduct ul.products.columns-4{
grid-template-columns: repeat(2, 1fr);
}
#backorder_button,
#add-to-cart-button {
top: 8px;
right: 50px;
}
.favourite_icon button {
width: 40px;
height: 40px;
}
#add-to-cart-button .openteq-item-count >a {
width: 25px;
height: 32px;
}
#add-to-cart-button .openteq-item-count .openteq-cart-count {
width: 40px;
}
/* products */
/* product-single */
#Product_Gallery .thumb-imag img {
aspect-ratio: 3/4;
max-height: calc(100dvh - 310px);
}
body.logged-in #Product_Gallery .thumb-imag img {
max-height: calc(100dvh - 350px);
}
#Product_Gallery ul.slick-dots{
bottom:0;
}
#Product_Gallery ul.slick-dots li {
width: auto;
height: auto;
margin: 0 4px;
}
#Product_Gallery ul.slick-dots li button {
width: 8px;
height: 8px;
border-radius: 50px;
opacity: 0.3;
background: #2D293B;
padding: 0;
}
#Product_Gallery ul.slick-dots li.slick-active button{
opacity:1;
}
#Product_Gallery ul.slick-dots li button:before{
display:none !important;
}
#Product_Gallery .slick-dotted.slick-slider {
margin-bottom: 24px;
}
/* product-single */
/* cart-page */
#Cart_Wrapper .cart_wrapper {
gap: 16px;
padding-bottom: 210px;
}
#Cart_Wrapper .wc-proceed-to-checkout {
padding: 20px 0;
}
.cart_wrapper .cart_items_wrapper,
.cart_wrapper .cart_collaterals_wrapper{
max-width: 100%;
width:100%;
}
#Cart_Wrapper ._cart_item{
border-radius:0;
}
.cart_items_head {
padding: 16px;
}
#Cart_Wrapper .cart_header h2.elementor-heading-title.elementor-size-default {
font-size: 20px;
line-height: 28px;
letter-spacing: 0;
text-align: center;
}
#Cart_Wrapper .cart_header {
border-bottom: 1px solid #ECECED;
padding: 0;
}
#Cart_Wrapper .cart_header {
border-bottom: 1px solid #ECECED;
padding: 0;
position: sticky;
top: 0;
background: #ffff;
z-index:99;
}
#Cart_Wrapper .coupon_wrapper {
margin-bottom: 20px;
}
#Cart_Wrapper .cart_total_detail .order-total,
#Cart_Wrapper .cart_wrapper .cart_items_head,
.wc-proceed-to-checkout.hide_checkout_mobile a.checkout-button{
display:none !important;
}
#Cart_Wrapper .disabled_checkout {
margin-top: 16px;
}
.cart_collaterals_wrapper .cart_sidebar,
.logged-in .cart_collaterals_wrapper .cart_sidebar {
padding: 16px;
position: initial;
}
h4.cart_total_quantity {
font-size: 18px;
line-height: 24px;
letter-spacing: 0;
}
#consolidate_subscriptions .wcsatt-add-cart-to-subscription-wrapper{
margin:0;
}
#Cart_Wrapper .cart_totals_mobile .order-total {
width: 100%;
margin: 16px 0;
display: flex;
justify-content: space-between;
font-size: 20px;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.2px;
color: #000;
}
#Cart_Wrapper #Mobile_Fixed_Checkout a.checkout-button {
width: 100%;
text-align: center;
}
#Mobile_Fixed_Checkout {
position: fixed;
left: 0;
width: 100%;
bottom: 0;
z-index: 99;
background: #fff;
padding: 16px;
border-top: 1px solid #ECECED;
}
#Mobile_Fixed_Checkout .cart_action_mobile {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 16px 16px;
border-bottom: 1px solid #ECECED;
width: calc(100% + 32px);
margin-left: -16px;
}
/* cart-page */
/* checkout */
.Checkout .wc-block-components-sidebar,
.Checkout .wc-block-components-sidebar-layout .wc-block-components-main {
width: 100%;
padding: 0 !important;
position: initial !important;
} .Checkout .wp-block-woocommerce-checkout-order-summary-gift-card-form-block.wc-block-components-totals-wrapper, .Checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper{
padding: 12px 16px;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.2px;
}
.Checkout .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper,
.Checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content:not(.is-open) .wp-block-woocommerce-checkout-order-summary-cart-items-block,
.wc-block-components-checkout-order-summary__title span.wc-block-formatted-money-amount {
display: none;
}
.Checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content {
display: block !important;
}
.Checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
font-size: 20px;
line-height: 28px;
}
.Checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
border-top: none !important;
border-bottom: 1px solid #D9D8DC !important;
padding: 16px 0 !important;
}
.Checkout .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block,
.Checkout .wc-block-components-totals-wrapper {
padding-bottom: 0;
}
.Checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper{
margin-top:32px !important;
}
.Checkout .checkout_btn {
position: relative;
z-index: 1;
background: transparent !important;
}
.Checkout .checkout_btn a.wp-block-button__link {
background-color: transparent !important;
}
form.wc-block-components-form.wc-block-checkout__form{
padding-top: 16px;
}
.Checkout .wp-block-woocommerce-checkout{
padding-top: 0;
}
.Checkout {
position: relative;
}
.Checkout h2.checkout_heading {
margin: 0;
position: absolute;
text-align: center;
width: calc(100% + 32px);
left: -16px;
top: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #D9D8DC !important;
font-size: 20px;
line-height: 28px;
letter-spacing: 0;
background: #fff;
}
.is-mobile .wc-block-checkout__terms, .is-small .wc-block-checkout__terms {
margin-bottom: 16px !important;
}
.free_exchange {
text-align: center;
}
.free_exchange ul {
justify-content: center;
}
.page-content >.wp-block-columns{
margin:0;
}
.woocommerce-checkout #payment div.payment_box p.form-row.form-row-wide:not(.validate-required) label, .woocommerce-checkout #payment ul.methods li.woocommerce-PaymentMethod > label, .woocommerce-checkout #payment ul.payment_methods > li > label, #payment-method label.wc-block-components-radio-control__option, #shipping-option label.wc-block-components-radio-control__option {
font-size: 16px;
font-weight: 600;
}
.free_exchange ul li a{
padding: 8px 12px;
}
span#radio-control-wc-payment-method-options-authorize_net_cim_credit_card__label .tw-flex {
flex-wrap: wrap;
gap: 12px;
}
.wc-block-components-payment-method-icons {
justify-content: flex-start;
}
.CheckoutNavigation {
position: sticky;
top: 0;
background: #fff;
z-index: 99;
padding: 2px 16px 2px;
margin-bottom: 14px !important;
}
/* checkout */
#elementor-popup-modal-57712,
#elementor-popup-modal-57741,
#elementor-popup-modal-57728{
align-items: flex-end;
}
#elementor-popup-modal-57712 > .dialog-widget-content,
#elementor-popup-modal-57741 > .dialog-widget-content,
#elementor-popup-modal-57728 > .dialog-widget-content{
border-radius: 16px 16px 0 0;
}
#elementor-popup-modal-57712 .dialog-message #dialog-message-content,
#elementor-popup-modal-57741 .dialog-message #dialog-message-content,
#elementor-popup-modal-57728 .dialog-message #dialog-message-content{
max-height: calc(100vh - 100px);
}
.mbl-font-w-400 *{
font-weight: 400;
}
/* Account */
.woocommerce .last_icon a.button.download_btn,
.last_icon a.button {
margin: 0;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
.orderDetail--header, .userProfile--header{
display:none !important;
}
.user_settings .settings_detail_item h4 {
margin: 0;
font-size: 22px;
line-height: 24px;
}
.user_settings .settings_detail_item ._head {
align-items: center;
}
#AccountSidebar {
position: fixed;
z-index: 9999;
background: #fff;
left: 0;
opacity: 0;
top:113px;
overflow: hidden;
transform: translateX(-100%);
min-height: calc(100% - 111px);
top:113px;
min-height: 100%;
min-height: 100dvh;
}
a.button.logout-btn {
width: 100%;
}
#myOrders._Orders, #myOrders._Subscription, #no_Orders {
padding: 0;
}
#AccountSidebar.show {
opacity: 1;
overflow: hidden;
transform: translateX(0);
}
.account_header {
width: calc(100% + 32px);
margin-left: -16px;
padding: 2px 16px;
border-bottom: 1px solid #ECECED;
background: #fff;
backdrop-filter: blur(40px);
display: flex !important;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
position: sticky;
top: 0;
z-index: 999;
}
.last_icon {
width: 40px;
height: 40px;
}
#openAccountMenu {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.page_name h1 {
color: #000;
text-align: center;
font-size: 20px;
line-height: 28px;
letter-spacing: 0;
margin: 0;
}
.ssd-shipping-modal-wrapper .ssd-shipping-modal {
max-width: calc(100% - 32px);
padding: 16px;
border-radius: 12px;
}
.subscription_details .button {
max-width: 100%;
width: auto;
}
#sf-change-date-subscription #sf-change-date-form, #wpr-pause-date-subscription #ssd-pause-form, #myOrder_detail ._subscription_actions ._subscription_qty_btn {
flex-wrap: wrap;
}
#sf-change-date-subscription #sf-change-date-form input#sf-datepicker, #wpr-pause-date-subscription #ssd-pause-form input#ssd-datepicker,
._subscription_actions ._subscription_qty_btn .custom_quantity {
margin-bottom: 8px !important;
}
#myOrder_detail.subscription_details .viewSubscription_renewalDate, #myOrder_detail.subscription_details .orderDetail_SubFrequency {
flex-wrap: wrap;
gap: 8px;
}
#wpr-pause-date-subscription #ssd-pause-form input#wpr-subscription-pause-submit, #wpr-pause-date-subscription #ssd-pause-form input#wpr-subscription-pause-cancel, ._subscription_qty_btn .button.wpr-quantity-save, ._subscription_qty_btn .button.wpr-cancel-qty {
max-width: calc(50% - 4px);
width: 100%;
}
div#ssd-modal-content .wpr-add-new-subscription >div {
max-width: calc(50% - 8px);
width: 100%;
}
#ssd-modal-content .ssd-search-modal-header .ssd-search-modal {
margin: 70px auto 0;
max-width: 100%;
}
div#ssd-modal-content .wpr-add-new-subscription {
padding: 166px 0 0;
}
.woocommerce .woocommerce-order-details {
margin: 0 !important;
}
.viewOrder_returnExchange ._legal_terms {
margin-top: 10px;
}
.ssd-modal-wrapper .ssd-modal {
padding: 0 6px 16px 16px !important;
overflow: auto;
}
#myOrder_detail .viewSubscription_AutoRenewal small {
font-size: 16px;
line-height: 20px;
}
.wpr-add-new-subscription .wpr-product-image img {
text-align: center;
margin: 0 auto 8px;
}
#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
margin: 0;
}
div#ssd-modal-content .ssd-search-modal-header .ssd-close-modal,
#ssd-modal-content .ssd-search-modal-header {
width: 100%;
padding: 16px;
}
#myAccount_detail .payments_methods .payment-method {
flex-wrap: wrap;
gap: 16px;
}
#AccountDetail form.woocommerce-ResetPassword, #AccountDetail #customer_login{
padding: 0 0 16px;
}
.woocommerce-lost-password #AccountDetail{
padding-top:16px;
}
/* Account */
#subscribe-banner {
height: 143px;
}
#SideCart .ext_mini_sticky_cart_inner .ext_mini_sticky_cart_product_block {
height: calc(100% - 65px);
}
.scroll-arrow.left::before {
width: 75px;
background: linear-gradient(90deg, #ffffff 60%, rgb(153 153 153 / 0%) 90%);
}
.scroll-arrow.right::before {
width: 75px;
background: linear-gradient(270deg, #ffffff 60%, rgb(153 153 153 / 0%) 90%);
}
.is-mobile .wc-block-components-form .wc-block-components-checkout-step:after, .is-small .wc-block-components-form .wc-block-components-checkout-step:after{
display:none !important;
}
.Checkout .is-mobile .wc-block-components-form .wc-block-components-checkout-step, .Checkout .is-small .wc-block-components-form .wc-block-components-checkout-step{
padding-top:0;
}
.Checkout .wc-block-components-form .wc-block-components-checkout-step {
margin: 0 0 32px !important;
}
/* new */
#BannerSlides h1.elementor-slide-heading {
max-width: 150px;
margin-bottom: 12px;
}
#BannerSlides p.elementor-slide-description{
max-width: 150px;
}
/* new */
}
@media (max-width:575px){
div#sf_change_frequency_subscription_row .edit {
max-width: 100%;
width: 100%;
flex-wrap: wrap;
gap: 8px;
}
#sf_change_frequency_subscription_row select#sf_subscription_frequency {
width: 100%;
max-width: 100%;
}
div#ssd-modal-content .wpr-add-new-subscription >div {
max-width: 100%;
width: 100%;
}
.searchwp-live-search-results-container {
grid-template-columns: repeat(2, 1fr);
}
/* #SideCart */
#SideCart .ext_mini_sticky_cart_header, #SideCart, #SideCart .ext_mini_sticky_cart, #SideCart .ext_mini_close_cart_sticky {
max-width: 100% !important;
width: 100% !important;
}
/* mobile */
#add-to-cart-button .button {
padding: 4px 10px 4px 6px;
opacity: 1;
}
#backorder_button .button {
width: 110px;
font-size: 14px;
}
#backorder_button .button, #add-to-cart-button .button.product_type_simple:not(.add_to_cart_button) {
padding: 4px;
opacity: 1;
}
#add-to-cart-button .button.product_type_variable::before,
#add-to-cart-button .button.add_to_cart_button::before {
margin-top:-1px;
}
}
@media (max-width:400px){
#contact-fields .wc-block-checkout__login-prompt {
font-size: 16px;
font-weight: 400;
line-height: 16px;
border-radius: 6px;
background: #499933;
padding: 10px 10px;
}
.Checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text, .Checkout h2.wc-block-components-title.wc-block-components-checkout-step__title {
font-size: 24px;
line-height: 30px;
}
}
/* banner */
.elementor-hidden-desktop.elementor-hidden-laptop.elementor-hidden-tablet.elementor-hidden-mobile {
display: none;
}
@media (min-width:768px){
.elementor-hidden-desktop.elementor-hidden-laptop.elementor-hidden-tablet{
display:none !important;
}
}
@media (max-width:767px){
.elementor-hidden-mobile{
display:none !important;
}
}
@media (max-width:1080px) and (min-width:768px){
#BannerSlides .swiper-slide {
height: calc( 152px + (212 - 152) * (100vw - 768px) / (1080 - 768) );
}
}
@media (max-width: 767px){
#MobileBannerSlides .swiper-slide {
height: calc( 205px + (410 - 205) * (100vw - 360px) / (767 - 360) );
}
#MobileBannerSlides .swiper-slide h1.elementor-slide-heading {
font-size: calc( 20px + (36 - 20) * (100vw - 360px) / (767 - 360) );
line-height: calc(28px + (45 - 28) * (100vw - 360px) / (767 - 360));
margin-bottom: calc(16px + (30 - 16) * (100vw - 360px) / (767 - 360));
}
#MobileBannerSlides .swiper-slide p.elementor-slide-description {
font-size: calc(15px + (18 - 15) * (100vw - 360px) / (767 - 360));
}
#MobileBannerSlides .swiper-slide .swiper-slide-contents {
width: calc( 175px + (280 - 175) * (100vw - 360px) / (767 - 360) );
}
}
/* banner */