.bundleSlideBox .raven-image-fit{padding-bottom: 100% !important;}
.bundleSlideBox .raven-image-fit img{border-radius: 8px !important;}
.bundleSlideBox .woocommerce-loop-product__title, .bundleSlideBox .price {color:#242553 !important; text-align:left; font-size:14px !important;
font-family: "Montserrat", Sans-serif !important; display:block !important; font-weight: 600 !important;}
.bundleSlideBox .price {margin-top:10px !important;}
.bundleSlideBox .elementor-button{
background-color: #4E8B93;
border-radius: 10px 10px 10px 10px;
padding: 14px 10px 14px 10px;
}
.content-goal ul li::marker{color:#4E8B93 !important;}
.content-goal a{color:#4E8B93;}
.content-goal a:hover{color:#fff !important;}
.action-container a{font-weight:500 !important;}
.action-container a:hover{color:#242553;}
.place-order .jupiterx-continue-shopping{display:none !important;}
.place-order #place_order{background:#3b388f !important;}
.homeCusBundle .elementor-button{background: #4e8b93 !important; font-weight:600 !important;}
.homeCusBundle .elementor-button:hover{background: #c1d7d1 !important; color:#242553 !important;}
.homeCusBundle .slider-nav2:hover {background: #242553 !important;}
.homeCusBundle .slider-nav2:hover svg {
fill: #ffffff !important;
}
#product-2644 .choose-quantity-cont, #product-2644 .elementor-element-1101604,
#product-2644 .step-2-p-tag, #product-2644 .elementor-element-96534dd, #product-2644 .elementor-element-c27c4a7{display:none !important;}
#product-2644 .discount-layout-text{margin-top:20px;}
#product-2644 .wcsatt-add-to-subscription-wrapper{display:none !important;}
.elementor-jet-single-add-to-cart .bundled_product_summary{display:none !important;}
.video-section .gr-dropzone{display:none;}
.productSlideSingle .woocommerce-loop-product__title{min-height:90px;}
.bundleOptionBox{display:block; border: 1px solid #000 !important; border-radius: 10px; margin:20px 0px; overflow:hidden;}
.bundleHead{font-family: "Montserrat", Sans-serif;
font-size: 16px;
font-weight: 500;
color: #242553; margin-bottom:0px !important; padding:12px 10px; background:#4f8c94; color:#fff;}
.bundleContent{display:block; padding:20px;}
.bundTitle{display:block; margin-bottom:10px;}
@media (max-width: 767px) {
.customWhyWork .elementor-element.elementor-element-1490122{
padding-left: 20px;
padding-right: 20px;
}
.customWhyWork .elementor-heading-title{font-size:22px !important;}
.customWhyWork .elementor-element-6da3691 .e-child{padding:0px 10px;}
.productSlideSingle .woocommerce-loop-product__title{min-height:auto;}
}
.customCheckoutCoupon{display:flex; }
.customCheckoutCouponItem{width:100%;}
@media (max-width: 767px) {
.customCheckoutCoupon{display:flex; flex-direction: column;}
}
/*Nav Menu*/
#menu-a158080 .menu-item-622 .raven-link-item::before{
content: url('data:image/svg+xml; utf8, ');
display: block;
width: 10px;
height: 10px;
margin-top: -14px;
margin-right: 5px;
}
#menu-a158080 .menu-item-621 .raven-link-item::after{
content: url('data:image/svg+xml; utf8, ');
display: block;
width: 17px;
height: 17px;
margin-top: 0px;
margin-left: 4px;
}
#menu-a158080 .menu-item-625 .raven-link-item::after{
content: url('data:image/svg+xml; utf8, ');
display: block;
width: 17px;
height: 17px;
margin-top: 0px;
margin-left: 4px;
}
#menu-a158080 .menu-item .raven-menu-item #sm-17580369666758445-2 .elementor-image-box-title a{color:#242553 !important;}
#menu-a158080 .menu-item .raven-menu-item #sm-17580369666758445-2 .elementor-image-box-title a:hover{color:#3a388f !important;}
.header-menus .elementor-widget-image-box .elementor-image-box-title a{color:#242553 !important;}
.header-menus .elementor-widget-image-box .elementor-image-box-title a:hover{color:#3a388f !important;}
/* Search Result Page */
.customProductSearchBox{
display:flex;
padding:0px;
flex-direction: row;
flex-wrap: wrap;
gap: 20px 0px;
}
.customBlogSearchBox{
display:flex;
padding:0px;
flex-direction: row;
flex-wrap: wrap;
gap: 20px 0px;
}
.customBlogTitle{font-size:18px; font-weight:500;}
.customBlogTitle a{display:block; color:#242654; min-height:60px;}
.customPageSearchBox{display:block; position:relative;}
.customPageItem{display:block; margin-bottom:20px; padding:5px 5px 20px 5px; border-bottom:1px solid #000;}
.customPageTitle{font-size:20px; font-weight:500; padding-right:30px; position:relative;}
.customPageTitle a{display:block; color:#242654;}
.customPageTitle::after{
content: url('data:image/svg+xml; utf8, ');
width: 20px;
height: 20px;
display:block;
position:absolute;
right:10px;
top:30%;
}
.customProductCountBox{display:block; padding:5px; font-size:24px; font-weight:600; margin-bottom:20px; color:#4f8c94;}
.customProductItem{
width: calc(100% / 4);
padding:10px;
}
.customBlogItem{
width: calc(100% / 4);
padding:10px;
}
.customProductImg img{
display:block;
border-radius: 5px !important;
margin-bottom: 20px;
}
.customBlogImg{
display:block;
border-radius: 5px !important;
max-height:100px;
overflow: hidden;
margin-bottom: 20px;
}
.customProductTitle a{
font-family: Montserrat !important;
font-size:16px;
color:#242654;
font-weight:500;
min-height:60px;
display:block;
}
.customProductPrice{font-family: Montserrat !important;
font-size:16px;
color:#242654;
font-weight:600;
margin-bottom: 10px;
}
.customProductBtn{
display:block;
text-align:center;
padding:14px 0px;
background-color:#4f8c94;
color:#fff;
border-radius: 5px !important;
font-weight:600;
}
.customProductBtn:hover{
background-color: #C2D6D1 !important;
color: #3B388F !important;
}
.qvViewProduct {
background: #3B388F 0% 0%;
border-radius: 6px;
font-family: Montserrat !important;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.32px;
color: white;
padding: 8px 20px 8px 20px;
margin-top: 10px;
display:inline-block;
}
.qvViewProduct:hover {
color: white !important;
}
@media (max-width: 767px) {
.customProductItem{
width: 100%;
padding:10px;
}
.customBlogItem{
width: 100%;
padding:10px;
}
}
/* Reviews */
.stamped-reviews-message img{width:20px !important;}
.stamped-review-title img{width:20px !important;}
.stamped-widget-buttons{margin-top:10px;}
.stamped-widget-buttons .btn-site-reviews{display:none !important;}
.stamped-widget-buttons ul li{display:none !important;}
.woocommerce-notices-wrapper{display:none !important;}
/* Cart Page - Dat */
.customCartSummaryTable td{padding-right:10px; padding-left:10px;}
.customAppCoupone{background:#d9f2d9;}
.remove-coupon-1{font-size:12px;}
.cartTotalShippingBox{padding-bottom:10px;}
.total-styling{padding-bottom:20px;}
.coupon-renewalfreeshipping{display:none !important;}
.cart-product-title{display:block; margin-bottom:10px; font-weight:700 !important;}
.customCartTableDat{border: 1px solid rgba(0,0,0,.1);
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
width: 100%;
border-collapse: separate;
border-radius: 5px;
font-weight:700;
border-spacing: 0;
}
.customCartTableDat td{padding: .7rem 1.5rem; border-top: 1px solid rgba(0,0,0,.1);}
.customCartHeaderDat {background:#f3e8f7;}
.customCartHeaderDat td{border-top: none;}
.customCartRight{text-align: end;}
.customMainTotal{background:#3b388f; color:#fff;}
.customShippingDetails{display:block; margin-bottom:10px;}
.desktopHide{display:none !important;}
@media (max-width: 767px) {
.desktopHide{display:block !important;}
.mobileHide{display: none !important;}
.cart-item{display:block !important;}
.cart-product-info{display:block !important; position:relative; vertical-align: top;}
.cart-item .attachment-woocommerce_thumbnail{display:inline-block; width:25%; margin-right:30px !important; float:left;}
.cart-item .cusProductDetails{display:inline-block; width:65%;}
.subscription-options-wrapper{display:block !important;}
.cart-qty-control{margin-top:10px;}
.cusTotalText{margin-right:30px;}
.custom-cart-left .cart-header{display:none !important;}
}
/* Checkout Page */
.woocommerce-checkout{font-family: Montserrat !important;}
.woocommerce-checkout table.shop_table tfoot th{font-weight:500 !important;}
.woocommerce-checkout table.shop_table tfoot td{font-weight:400 !important;}
#order_review .cart-subtotal{background:#F3E8F7; font-weight:700 !important;}
#order_review .cart-subtotal th, #order_review .cart-subtotal td{font-weight:700 !important;}
#order_review .order-total{background:#D8DEF0;}
#order_review .recurring-totals{background:#3A388F; color:#fff;}
#order_review .cart-subtotal th, #order_review .cart-subtotal td, #order_review .order-total th,
#order_review .recurring-totals th{font-weight:700 !important;}
.wcsatt-add-cart-to-subscription-wrapper .wcsatt-add-cart-to-subscription-action{font-family: 'Caprasimo', cursive;
font-size: 24px !important;
font-weight: normal;
letter-spacing: 0px;
color: #242654;}
.shipping.recurring-total ul .amount{font-weight:500 !important;}
.woocommerce-shipping-totals th{font-weight:500 !important;}
.woocommerce-checkout .woocommerce form .form-row input.input-text, .woocommerce-checkout .woocommerce form .form-row .input-text{color:#9A9797 !important;}
.woocommerce-checkout .woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered{color:#9A9797 !important;}
/*Product Page*/
.cuw-template-title{color: #3B388F !important;}
.cuw-buy-section{padding: 0px 0px 0px 20px !important; max-width:100% !important;}
.twoColBoxHeader{color:#D2BEDA; font-size:20px !important;; margin-bottom:30px !important; font-family: Montserrat; font-weight:500;}
.twoColBox{display:flex; flex-direction: row; border-top:1px solid #ffffff; padding-top:40px; margin-top:60px; justify-content:space-between;}
.twoColBoxLeft{ width:45%;}
.twoColBoxRight{ width:45%;}
.ingSubTitle{display:block; font-weight:600; margin-bottom:10px; color:#4F8C94;}
#product-370 #tabPerks, #product-372 #tabPerks, #product-373 #tabPerks, #product-373 #tabIngredients{display:none !important;}
@media (max-width: 768px) {
.twoColBox{flex-direction: column; }
.twoColBoxLeft{ width:100%; margin-top:20px; }
.twoColBoxRight{ width:100%; margin-top:20px;}
}
.lpProductImg .woocommerce-loop-product__title {display:none;}
.lpProductTitle .woocommerce-loop-product__title {line-height:1.3em !important;}
.lpProductBtn .jupiterx-icon-shopping-cart-6::before {content: "" !important;}
.perks-image img{border-radius: 10px !important;}
.contentGoalSubHeader{display:block; color:#D2BEDA; font-size:14px;}
/*Product to pin behavior*/
.pin-product-section.is-pinned {
position: fixed;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
height: 100vh;
}
body.no-scroll {
overflow: hidden;
}
/*end--------------------*/
.woocommerce .product .elementor-jet-single-add-to-cart .cart .quantity{margin-top: -15px !important;}
.discount-layout-text .quantity-wrapper input {
padding: 35px 20px !important;
color: #242654 !important;
font: normal normal 700 16px Montserrat !important;
width: 140px !important;
}
.discount-layout-text .quantity-wrapper .qty {
background-color: #FFFFFF !important;
border-style: solid !important;
border-width: 1px 1px 1px 1px !important;
border-color: #4F8C94 !important;
border-radius: 10px 10px 10px 10px !important;
}
.btn-quantity-button .quantity-button-wrapper button {
margin: 0px 0px 0px 0px !important;
}
.btn-quantity-button .wcsatt-options-prompt-label span{
text-align: left;
font-family: Montserrat !important;
font-size: 17px !important;
font-weight: 700 !important;
letter-spacing: 0px;
color: #242553 !important;
}
#right-panel-product .wcsatt-options-product-dropdown{
margin-bottom: 10px !important;
}
#right-panel-product .wcsatt-options-prompt-radios {
display: flex;
flex-direction: column;
}
/* Swap the two radio options */
#right-panel-product .wcsatt-options-prompt-radio:nth-child(1) {
order: 2;
}
#right-panel-product .wcsatt-options-prompt-radio:nth-child(2) {
order: 1;
}
/* Force the benefits div to be last */
#right-panel-product .container-item-list-subscribe-benefits {
order: 99;
}
.bundle-section #right-panel-product {
height: auto !important;
overflow: hidden !important;
overflow-x: hidden !important;
}
/*for tab*/
.tabs-container {
margin-top: 30px;
}
.tab-buttons {
display: flex;
gap: 10px;
margin-bottom: 10px;
justify-content: center;
}
.tab-button {
background-color: #eee;
border: 1px solid #ccc;
padding: 10px 18px;
cursor: pointer;
font-weight: bold;
}
.tab-button.active {
background-color: #ddd;
border-bottom: 2px solid #444;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.tabs-container{
width: 1440px;
margin: auto;
}
/*right scroll panel*/
.scroll-howitworks {
max-height: 300px; /* Change as needed */
overflow-y: auto;
padding: 10px;
border: 1px solid #ddd;
margin-top: 20px;
background: #fafafa;
}
.accordion-custom-content [data-id="612f607"] [data-gr-zone="gr-dropzone-medicalgrade"]{
display: none;
}
.accordion-custom-content [data-id="612f607"] [data-gr-zone="gr-dropzone-howitworks"]{
display: none;
}
.accordion-custom-content [data-id="612f607"] [data-gr-zone="gr-dropzone-perks"]{
display: none;
}
.accordion-custom-content [data-id="612f607"] [data-gr-zone="gr-dropzone-ingredients"]{
display: none;
}
.accordion-custom-content [data-id="612f607"] [data-gr-zone="gr-dropzone-faq"]{
display: none;
}
/*==========================Second accordion===========================================*/
.accordion-custom-content [data-id="6ef33c7"] [data-gr-zone="gr-dropzone-description"]{
display: none;
}
.accordion-custom-content [data-id="6ef33c7"] [data-gr-zone="gr-dropzone-howitworks"]{
display: none;
}
.accordion-custom-content [data-id="6ef33c7"] [data-gr-zone="gr-dropzone-perks"]{
display: none;
}
.accordion-custom-content [data-id="6ef33c7"] [data-gr-zone="gr-dropzone-ingredients"]{
display: none;
}
.accordion-custom-content [data-id="6ef33c7"] [data-gr-zone="gr-dropzone-faq"]{
display: none;
}
.accordion-custom-content [data-id="6ef33c7"] [data-gr-zone="gr-dropzone-videos"]{
display: none;
}
/*==========================Third accordion===========================================*/
.accordion-custom-content [data-id="a79e9bb"] [data-gr-zone="gr-dropzone-description"]{
display: none;
}
.accordion-custom-content [data-id="a79e9bb"] [data-gr-zone="gr-dropzone-medicalgrade"]{
display: none;
}
.accordion-custom-content [data-id="a79e9bb"] [data-gr-zone="gr-dropzone-perks"]{
display: none;
}
.accordion-custom-content [data-id="a79e9bb"] [data-gr-zone="gr-dropzone-ingredients"]{
display: none;
}
.accordion-custom-content [data-id="a79e9bb"] [data-gr-zone="gr-dropzone-faq"]{
display: none;
}
.accordion-custom-content [data-id="a79e9bb"] [data-gr-zone="gr-dropzone-videos"]{
display: none;
}
/*video section*/
.single-product-vid [data-gr-zone="gr-dropzone-description"]{
display: none;
}
.single-product-vid [data-gr-zone="gr-dropzone-medicalgrade"]{
display: none;
}
.single-product-vid [data-gr-zone="gr-dropzone-howitworks"]{
display: none;
}
.single-product-vid [data-gr-zone="gr-dropzone-perks"]{
display: none;
}
.single-product-vid [data-gr-zone="gr-dropzone-ingredients"]{
display: none;
}
.single-product-vid [data-gr-zone="gr-dropzone-faq"]{
display: none;
}
#right-panel-product{
height: 650px;
overflow: scroll;
overflow-x: hidden;
}
/*Tab section*/
/*first tab*/
.tab-content-main [data-id="1e6581d"] [data-gr-zone="gr-dropzone-description"]{
display: none;
}
.tab-content-main [data-id="1e6581d"] [data-gr-zone="gr-dropzone-medicalgrade"]{
display: none;
}
.tab-content-main [data-id="1e6581d"] [data-gr-zone="gr-dropzone-howitworks"]{
display: none;
}
.tab-content-main [data-id="1e6581d"] [data-gr-zone="gr-dropzone-videos"]{
display: none;
}
.tab-content-main [data-id="1e6581d"] [data-gr-zone="gr-dropzone-ingredients"]{
display: none;
}
.tab-content-main [data-id="1e6581d"] [data-gr-zone="gr-dropzone-faq"]{
display: none;
}
/*second tab*/
.tab-content-main [data-id="c4a0eb4"] [data-gr-zone="gr-dropzone-description"]{
display: none;
}
.tab-content-main [data-id="c4a0eb4"] [data-gr-zone="gr-dropzone-medicalgrade"]{
display: none;
}
.tab-content-main [data-id="c4a0eb4"] [data-gr-zone="gr-dropzone-howitworks"]{
display: none;
}
.tab-content-main [data-id="c4a0eb4"] [data-gr-zone="gr-dropzone-videos"]{
display: none;
}
.tab-content-main [data-id="c4a0eb4"] [data-gr-zone="gr-dropzone-perks"]{
display: none;
}
.tab-content-main [data-id="c4a0eb4"] [data-gr-zone="gr-dropzone-faq"]{
display: none;
}
/*third tab*/
.tab-content-main [data-id="eb87ecf"] [data-gr-zone="gr-dropzone-description"]{
display: none;
}
.tab-content-main [data-id="eb87ecf"] [data-gr-zone="gr-dropzone-medicalgrade"]{
display: none;
}
.tab-content-main [data-id="eb87ecf"] [data-gr-zone="gr-dropzone-howitworks"]{
display: none;
}
.tab-content-main [data-id="eb87ecf"] [data-gr-zone="gr-dropzone-videos"]{
display: none;
}
.tab-content-main [data-id="eb87ecf"] [data-gr-zone="gr-dropzone-perks"]{
display: none;
}
.tab-content-main [data-id="eb87ecf"] [data-gr-zone="gr-dropzone-ingredients"]{
display: none;
}
/*Accordion dynamic*/
.advance-accordion-customcss .gr-dropzone {
display: none;
}
.chevron {
margin-left: auto;
font-size: 1rem;
transition: transform 0.3s ease;
}
/*Tab FAQ accordion*/
[data-gr-zone="gr-dropzone-faq"] .faq-question {
font-weight: bold;
padding: 0.5em;
color:#fff;
margin-bottom: 0;
cursor: pointer;
}
[data-gr-zone="gr-dropzone-faq"] .faq-answer {
padding: 0 1em;
border-top: none;
background: none;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
}
[data-gr-zone="gr-dropzone-faq"] .faqs-tab-wrapper p{
display:none !important;
}
[data-gr-zone="gr-dropzone-faq"] .faqs-tab-wrapper .faq-answer p{
display:block !important;
}
.faqs-tab-wrapper .faq-item{
border-top: 1px solid white ;
padding:0px;
}
.faqs-tab-wrapper{
border-bottom: 1px solid white !important;
}
.faqs-tab-wrapper .faq-item{padding-bottom:10px; padding-top:20px;}
.faqs-tab-wrapper .faq-item .faq-question{padding-bottom:10px;}
.faq-answer p:last-child{margin-bottom:0px !important;}
[data-gr-zone="gr-dropzone-faq"] h2{
text-align: center;
font: normal normal normal 36px Caprasimo !important;
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 24px !important;
}
[data-gr-zone="gr-dropzone-faq"] h3{
text-align: left;
font: normal normal 600 16px Montserrat !important;
letter-spacing: -0.32px;
margin-bottom: 24px;
}
[data-gr-zone="gr-dropzone-faq"] p{
text-align: left;
font: normal normal normal 16px Montserrat !important;
letter-spacing: -0.32px;
color: #FFFFFF;
line-height: 27px !important;
opacity: 1;
}
/*Layout for radio button and button*/
#right-panel-product form.cart {
display: flex;
flex-direction: column !important;
gap: 0px;
}
.wcsatt-options-product-wrapper {
order: 2;
}
.wcsatt-options-product-prompt {
order: 1;
}
form.cart .quantity,
form.cart .single_add_to_cart_button {
order: 3;
margin: 0;
}
form.cart .quantity-button-wrapper {
display: flex;
align-items: center;
gap: 0px;
}
form.cart .quantity {
margin-right: 10px;
}
form.cart .quantity,
form.cart .single_add_to_cart_button {
display: inline-block;
}
form.cart .quantity + .single_add_to_cart_button {
display: inline-block;
}
.wcsatt-add-to-subscription-wrapper {
order: 4;
margin-top: 10px;
}
#right-panel-product .quantity input{
padding: 19px 19px 19px 14px !important;
color: #242654 !important;
font: normal normal 700 16px Montserrat !important;
}
#right-panel-product .wcsatt-options-prompt-radios{
padding-left: 0px;
}
/*Quantity increment*/
.quantity-wrapper {
position: relative;
display: inline-block;
width: fit-content;
font-size: 16px; /* Prevent iOS zoom */
}
.quantity-wrapper input[type="number"] {
padding: 8px 30px;
text-align: center;
font-size: 16px; /* Prevent zoom on iOS */
height: 42px;
line-height: 1;
appearance: none;
-webkit-appearance: none;
-moz-appearance: textfield;
border: 1px solid #ccc;
box-sizing: border-box;
}
/* Remove spinners in iOS Safari */
.quantity-wrapper input[type="number"]::-webkit-inner-spin-button,
.quantity-wrapper input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Style for quantity buttons */
.quantity-wrapper .qty-btn {
position: absolute;
top: 0;
bottom: 0;
width: 30px;
height: 100%;
background: none;
border: none;
font: normal normal 500 25px Montserrat !important;
cursor: pointer;
color: #4F8C94;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
line-height: 1;
z-index: 2;
}
/* Position left and right buttons */
.quantity-wrapper .qty-minus {
left: 0;
}
.quantity-wrapper .qty-plus {
right: 0;
}
.quantity-wrapper .qty-btn:focus,
.quantity-wrapper .qty-btn:active {
outline: none !important;
box-shadow: none !important;
border: none !important;
}
/*Tab ingredients*/
.ingredient-tab-icon-content {
padding-top: 80px;
border-top: solid 1px white;
margin-top: 90px;
display: flex;
gap: 50px;
flex-wrap: wrap;
}
.ingredient-column {
flex: 1 1 300px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.ingredient-icon {
width: 60px;
height: auto;
margin-bottom: 0px;
}
.ingredient-title {
margin-bottom: 0.5rem;
text-align: left;
font-family: Montserrat !important;
font-size: 20px !important;
font-weight: 600;
letter-spacing: 0px;
color: #D1BFD9;
}
.italized-text{
text-align: left;
font-family: Montserrat !important;
font-weight: 400;
font-size: 16px !important;
letter-spacing: -0.32px;
color: #FFFFFF;
padding-top: 27px;
}
.ingredient-description {
margin: 0;
text-align: left;
font-family: Montserrat !important;
font-weight: 400;
font-size: 16px !important;
letter-spacing: -0.32px;
color: #FFFFFF;
padding-top: 12px;
}
.ingredient-tab-button{text-transform: uppercase;}
.ingredient-tab-button img {
transition: filter 0.3s ease;
filter: brightness(0) invert(1); /* turns icon white */
}
.ingredient-tab-button.active img {
filter: none; /* original color for active button */
}
.ingredient-tab-buttons button{
display: flex;
align-items: center;
margin-bottom:20px;
}
.ingredient-icon {
width: 50px;
height: auto;
}
.ingredient-icon {
width: 40px;
height: 40px !important;
}
.ingredient-tab-content {
display: none;
}
.ingredient-tab-content.active {
display: flex;
}
.ingredient-tab-wrapper{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.ingredient-tab-content{
display: flex;
background: white;
width: 100%;
color: black;
border-radius: 8px;
}
.ingredient-tab-container{
display: flex;
justify-content: flex-end;
}
.ingredient-tab-content div.ingredient-text-content{
width: 50%;
padding: 32px 32px 0px 32px;
}
.ingredient-tab-content div.ingredient-image-content{
width: 50%;
margin-bottom: 0px !important;
}
.review-custon-section .stamped-reviews-message img{
max-width: 4% !important;
}
.review-custon-section .stamped-reviews-title img{
max-width: 4% !important;
}
.bottom-tab-title{
text-align: center;
font: normal normal normal 36px Caprasimo !important;
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 32px !important;
}
[data-gr-zone="gr-dropzone-perks"] .bottom-tab-description{
text-align: center;
position: relative;
top: -22px;
font: normal normal normal 16px Montserrat !important;
letter-spacing: -0.32px;
color: #FFFFFF;
opacity: 1;
}
[data-gr-zone="gr-dropzone-stacks"] .bottom-tab-description{
text-align: center;
position: relative;
top: -22px;
font: normal normal normal 16px Montserrat !important;
letter-spacing: -0.32px;
color: #FFFFFF;
opacity: 1;
}
[data-gr-zone="gr-dropzone-howitworks"] .bottom-tab-description{
text-align: center;
position: relative;
top: -22px;
font: normal normal normal 16px Montserrat !important;
letter-spacing: -0.32px;
color: #FFFFFF;
opacity: 1;
}
.ingredient-tab-buttons .ingredient-tab-button img{width:50px; display:inline-block; margin-right:30px;}
.ingredient-tab-buttons .ingredient-tab-button .nonactiveIcon{display:block;}
.ingredient-tab-buttons .ingredient-tab-button .activeIcon{display:none;}
.ingredient-tab-buttons .active .nonactiveIcon{display:none;}
.ingredient-tab-buttons .ingredient-tab-button.active .activeIcon{display:block !important;}
.ingredient-tab-button.active{
text-align: left;
font: normal normal 600 20px Montserrat !important;
letter-spacing: -0.4px;
color: #4F8C94 !important;
opacity: 1;
background: white !important;
padding: 24px;
outline: none !important;
box-shadow: none !important;
border: none !important;
}
.ingredient-tab-buttons br{
display: none;
}
.ingredient-tab-button{
background: #4F8C94 0% 0% no-repeat padding-box;
border-radius: 7px;
font: normal normal 600 20px Montserrat !important;
opacity: 1;
color: white;
padding: 24px;
text-align: left;
width: 430px;
cursor: pointer;
outline: none !important;
box-shadow: none !important;
border: none !important;
}
.ingredient-tab-buttons{
display: flex;
flex-direction: column;
gap: 24px;
padding-right: 74px;
}
.ingredient-tab-content.active h2{
text-align: left;
font: normal normal 600 28px Montserrat !important;
letter-spacing: -0.56px;
color: #3B388F;
opacity: 1;
padding-bottom: 24px !important;
}
.ingredient-tab-content.active li{
text-align: left;
font: normal normal normal 16px Montserrat !important;
letter-spacing: -0.32px;
color: #242654;
opacity: 1;
padding-bottom: 24px;
}
.ingredient-tab-content.active ul li::marker {
color: #4F8C94;
}
.ingredient-tab-content.active ul{
padding-left: 21px;
}
.product-dest-tab .e-con{
padding: 100px 60px !important;
}
.ingredient-tab-content.active ul li:last-child {
padding-bottom: 0px !important;
}
/*Perks*/
[data-gr-zone="gr-dropzone-perks"] .perks-container{
display: flex;
gap: 58px;
align-items: flex-start;
}
[data-gr-zone="gr-dropzone-stacks"] .perks-container{
display: flex;
gap: 58px;
align-items: flex-start;
}
[data-gr-zone="gr-dropzone-howitworks"] .perks-container{
display: flex;
gap: 58px;
align-items: flex-start;
}
.perks-content h3{
text-align: left;
font: normal normal 600 24px Montserrat !important;
letter-spacing: -0.32px;
color: white;
margin-bottom: 24px !important;
}
.perks-content p{
text-align: left;
font: normal normal 400 16px Montserrat !important;
letter-spacing: -0.32px;
color: white;
margin-bottom: 24px;
}
.perks-content{
display: flex;
flex-direction: column;
justify-content: center;
width: 70%;
}
.gr-dropzone, .gr-dropzone p.bottom-tab-description, .perks-content p{line-height:1.3em !important;}
.content-goal p:nth-child(1){
color: #D1BFD9;
margin-bottom: 8px !important;
}
.perks-content .content-goal{
border-bottom: 1px solid white;
margin-bottom: 40px !important;
}
.perks-content .content-goal:last-child{
border-bottom: none !important;
margin-bottom: 10px !important;
}
/*Short code images responsive*/
.chevron-icon{
color: #fff;
}
/*Responsive*/
@media (max-width: 1440px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1328px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1260px) {
.ingredient-tab-button {
width: 100%;
}
.ingredient-tab-button {
font: normal normal 600 20px Montserrat !important;
}
.ingredient-tab-button.active {
font: normal normal 600 20px Montserrat !important;
}
.ingredient-tab-buttons {
padding-right: 30px;
}
.ingredient-tab-buttons{
width: 100%;
}
.icon-section .column-custoc-class .elementor-icon-box-wrapper{
display: flex !important;
flex-direction: column !important;
align-content: center !important;
align-items: center !important;
gap: 14px;
}
.icon-section .column-custoc-class .elementor-icon-box-title{
text-align: center;
}
}
@media (max-width: 1206px) {
}
@media (max-width: 1260px) {
.ingredient-tab-wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
}
[data-gr-zone="gr-dropzone-perks"] .perks-container {
display: flex;
gap: 58px;
flex-direction: column;
}
[data-gr-zone="gr-dropzone-stacks"] .perks-container {
display: flex;
gap: 58px;
flex-direction: column;
}
.custom-gallery-wrapper {
display: flex;
flex-direction: column; /* Stack items vertically */
}
/* Default Order: Put thumbs above main image */
.custom-gallery-thumbs-wrapper {
order: 2;
}
.custom-main-image {
order: 1;
}
.custom-gallery-thumbs img {
cursor: pointer;
width: 50%;
border: 2px solid transparent;
transition: border 0.3s;
}
.custom-gallery-thumbs img {
cursor: pointer;
width: 32% !important;
border: 2px solid transparent;
transition: border 0.3s;
}
.thumb-arrow {
display: none;
}
.custom-gallery-container{
height: auto !important;
}
.custom-gallery-thumbs {
display: flex !important;
flex-direction: row !important;
}
.custom-gallery-thumbs-wrapper {
width: 100% !important;
}
.custom-gallery-thumbs-wrapper {
height: 100% !important;
}
}
#right-panel-product .quantity input {
margin-left: 0px;
}
@media (max-width: 767px) {
.quick-view-button {
font-size: 12px !important;
}
.quick-view-overlay svg{
width: 20px !important;
}
.custom-product .product-image-wrapper a{
display: none;
}
.quick-view-modal {
position: fixed !important;
top: 90px !important;
}
.quick-view-content {
max-height: 80vh;
}
.slider-nav.next {
right: 0px !important;
}
.slider-nav.prev {
left: 0px !important;
}
#right-panel-product .quantity input {
padding-left: 0px !important;
}
#right-panel-product {
height: auto;
}
.custom-gallery-container {
max-height: 100% !important;
height: auto;
}
.ingredient-tab-buttons {
width: 100%;
}
[data-gr-zone="gr-dropzone-perks"] .perks-container {
display: block;
gap: 58px;
flex-direction: column;
}
[data-gr-zone="gr-dropzone-stacks"] .perks-container {
display: block;
gap: 58px;
flex-direction: column;
}
[data-gr-zone="gr-dropzone-howitworks"] .perks-container {
display: block;
gap: 58px;
flex-direction: column;
}
.perks-content{
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
}
.ingredient-tab-wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
}
.ingredient-tab-button {
background: #4F8C94 0% 0% no-repeat padding-box;
border-radius: 7px;
font: normal normal 600 24px Montserrat !important;
opacity: 1;
color: white;
padding: 24px;
text-align: left;
width: 100%;
cursor: pointer;
outline: none !important;
box-shadow: none !important;
border: none !important;
}
.ingredient-tab-buttons {
display: flex;
flex-direction: column;
gap: 24px;
padding-right: 0px;
}
.ingredient-tab-content.active {
display: flex;
flex-direction: column;
}
.ingredient-tab-content div.ingredient-text-content {
width: 100%;
padding: 32px 32px 0px 32px;
}
.ingredient-tab-content div.ingredient-image-content {
width: 100%;
margin-bottom: 0px !important;
}
.custom-gallery-wrapper {
display: flex;
flex-direction: column; /* Stack items vertically */
}
/* Default Order: Put thumbs above main image */
.custom-gallery-thumbs-wrapper {
order: 2;
}
.custom-main-image {
order: 1;
}
.custom-gallery-thumbs img {
cursor: pointer;
width: 50%;
border: 2px solid transparent;
transition: border 0.3s;
}
.custom-gallery-thumbs img {
cursor: pointer;
width: 32% !important;
border: 2px solid transparent;
transition: border 0.3s;
}
.thumb-arrow {
display: none;
}
.custom-gallery-container{
height: auto !important;
}
#right-panel-product .quantity-button-wrapper .single_add_to_cart_button {
margin: 0px 0px 0px 0px !important;
padding: 18px 0px 18px 0px !important;
}
.product-dest-tab .e-con {
padding: 20px !important;
}
.bottom-tab-title {
font: normal normal normal 25px Caprasimo !important;
}
[data-gr-zone="gr-dropzone-faq"] h2 {
font: normal normal normal 25px Caprasimo !important;
}
.ingredient-tab-button.active {
font: normal normal 600 16px Montserrat !important;
}
.ingredient-tab-button {
font: normal normal 600 16px Montserrat !important;
}
.perks-content h3 {
font: normal normal 600 18px Montserrat !important;
}
.perks-content p {
font: normal normal 400 16px Montserrat !important;
}
.ingredient-tab-content.active h2 {
font: normal normal 600 20px Montserrat !important;
}
.ingredient-tab-content.active li {
font: normal normal normal 14px Montserrat !important;
padding-bottom: 10px;
}
[data-gr-zone="gr-dropzone-faq"] p {
font: normal normal normal 16px Montserrat !important;
}
[data-gr-zone="gr-dropzone-perks"] .bottom-tab-description {
font: normal normal normal 16px Montserrat !important;
}
[data-gr-zone="gr-dropzone-stacks"] .bottom-tab-description {
font: normal normal normal 16px Montserrat !important;
}
[data-gr-zone="gr-dropzone-howitworks"] .bottom-tab-description {
font: normal normal normal 16px Montserrat !important;
}
.advance-accordion-customcss .jx-single-accordion-body.jx-ac-body-block{
padding: 10px 0px !important;
}
.advance-accordion-customcss .jx-single-accordion-body.jx-ac-body-none{
padding: 10px 0px !important;
}
.advance-accordion-customcss .jx-single-accordion-header{
padding: 20px 3px 18px 3px !important;
}
.icon-section .elementor-icon-box-icon{
margin-bottom: 0px !important;
}
}
@media (max-width: 360px) {
.stamped-widget-buttons li{
margin-bottom: 8px;
}
}
.advance-accordion-customcss .jx-single-accordion-header-right svg{
width: 18px !important;
height: 15px !important;
}
.shipping-icon .elementor-widget-container p::before {
content: "";
display: inline-block;
background-image: url("http://thewelltheorycbd.com/wp-content/uploads/2025/07/shipping-fast-svgrepo-com-1.svg");
background-size: contain;
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin-right: 8px;
vertical-align: middle;
}
.short-code-reviews .stamped-full-page-tabs li{
background: #FFFFFF 0% 0% no-repeat padding-box !important;
border: 1px solid #242654 !important;
border-radius: 3px !important;
opacity: 1;
margin-bottom: 15px !important;
}
.short-code-reviews .stamped-full-page-tabs li:hover{
background: #242654 !important;
}
.short-code-reviews .stamped-full-page-tabs li a:hover{
color: #D1BCD8 !important;
}
.short-code-reviews .stamped-full-page-tabs li a{
text-align: left;
font-family: Montserrat !important;
font-size: 15px;
letter-spacing: -0.3px;
color: #242654 !important;
opacity: 1;
padding: 12px 18px;
}
.stamped-full-page-tabs ul li a {
font-weight: 500;
}
.stamped-widget-buttons{
position: relative;
}
/*Category page*/
.product-category-filter label{
font-family: 'Montserrat';
font-size: 16px;
}
.products-per-page-dropdown{
display: none !important;
}
.custom-pagination-wrapper .page-numbers {
list-style-type: none; /* Removes the bullet points */
padding: 0; /* Ensures no default padding pushes the list items */
margin: 0; /* Ensures no default margin affects positioning */
display: flex
;
justify-content: center;
gap: 10px;
}
.applied-filters{
position: relative;
top: 6px;
}
.toggle-view-btn.active-view {
background-color: #3B388F;
padding: 26px 4px;
}
.toggle-view-btn.active-view svg{
fill: #fff !important;
}
.no-filter{
margin-top: 15px;
text-align: left;
font-family: Montserrat !important;
letter-spacing: 0px;
color: #242654;
opacity: 1;
font-size: 14px;
font-weight: 500;
margin-bottom: 20px;
}
[data-view="grid"] .product-image-wrapper{
max-width: 100% !important;
height: auto !important;
}
.product-category-filter h3{
text-align: left;
font: normal normal 600 18px Montserrat !important;
letter-spacing: -0.18px;
color: #FFFFFF;
text-transform: capitalize;
background: #3B388F 0% 0% no-repeat padding-box;
border-radius: 8px 8px 0px 0px;
padding: 20px 15px 20px 15px;
}
.product-category-filter{
border: 1px solid #3B388F;
border-radius: 8px;
}
.product-category-filter form{
padding-left: 15px;
}
.product-category-filter form label{
text-align: left;
font-family: Montserrat !important;
font-size: 16px;
font-weight: 500;
color: #242654;
}
.checkbox-item {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.checkbox-item input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 20px !important;
height: 20px !important;
border: 1px solid #4F8C94 !important; /* Border when unchecked */
border-radius: 3px !important; /* Rounded square */
background-color: #ffffff; /* Unchecked background */
cursor: pointer;
position: relative;
margin-right: 8px;
position: relative;
top: 4px;
transition: background-color 0.2s, border-color 0.2s;
}
.checkbox-item input[type="checkbox"]:checked {
background-color: #4F8C94; /* Teal background when checked */
border-color: #4F8C94;
}
/* Checkmark */
.checkbox-item input[type="checkbox"]:checked::after {
content: '';
position: absolute;
left: 5px;
top: 0px;
width: 8px;
height: 15px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}
#perPageSelect{
border: none;
text-align: left;
font-family: Montserrat;
font-size: 15px;
font-weight: 500;
letter-spacing: -0.3px;
color: #242654;
}
.products-per-page-dropdown label{
margin-bottom: 0px;
margin-bottom: 0px;
text-align: left;
font-family: Montserrat !important;
font-size: 15px;
font-weight: normal;
letter-spacing: -0.3px;
color: #242654;
}
.products-per-page-dropdown{
width: 239px;
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
flex-wrap: wrap;
padding: 13px 10px 13px 10px;
border: 1px solid #3B388F;
border-radius: 6px;
}
.product-sorting-dropdown label{
margin-bottom: 0px;
text-align: left;
font-family: Montserrat !important;
font-size: 15px;
font-weight: normal;
letter-spacing: -0.3px;
color: #242654;
}
#sortSelect{
border: none;
width: 88px;
border: none;
text-align: left;
font-family: Montserrat;
font-size: 15px;
font-weight: 500;
letter-spacing: -0.3px;
color: #242654;
}
.product-sorting-dropdown{
width: 239px;
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
flex-wrap: wrap;
padding: 13px 10px 13px 10px;
border: 1px solid #3B388F;
border-radius: 6px;
}
.collapsible-content {
overflow: hidden;
max-height: 0;
transition: max-height 0.4s ease, padding 0.4s ease;
}
.collapsible-content.open {
max-height: 500px; /* Set based on your content height */
padding: 10px;
overflow-y: scroll;
overflow-x: hidden !important;
}
/*Products*/
.custom-product h2{
text-align: left;
}
.custom-product h2 a{
text-align: left;
font-family: Montserrat !important;
font-size: 16px;
font-weight: 500;
letter-spacing: -0.32px;
color: #242654 !important;
opacity: 1;
}
.woocommerce-loop-product__title{
line-height: 24px !important;
margin-bottom: 7px !important;
}
.woocommerce-loop-product__title:hover {
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
}
.custom-product .price{
text-align: left;
font-family: Montserrat;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.32px;
color: #242654;
opacity: 1;
}
#productsWrapper{
padding-top: 0px;
border-radius: 0px !important;
}
/* Firefox */
.collapsible-content.open{
scrollbar-width: thin;
scrollbar-color: #3B388F #f1f1f1;
}
/* Chrome/Edge/Safari */
.collapsible-content.open::-webkit-scrollbar{
width: 6px; /* thickness */
height: 6px; /* if it ever scrolls horizontally */
}
.collapsible-content.open::-webkit-scrollbar-thumb{
background-color: #999;
border-radius: 4px;
}
.collapsible-content.open::-webkit-scrollbar-track{
background: #f1f1f1;
}
#mobileFilterBtn span{
text-align: left;
font: normal normal 600 18px Montserrat !important;
letter-spacing: -0.18px;
color: #FFFFFF;
text-transform: capitalize;
background: #3B388F 0% 0% no-repeat padding-box;
border-radius: 8px 8px 0px 0px;
padding: 10px 0px 10px 0px;
}
#closeMobileFilter{
background: none;
border: none;
font-size: 50px;
line-height: 1;
cursor: pointer;
font-weight: 500;
color: #3B388F;
font-family: Montserrat !important;
}
.custom-products-grid[data-view="list"] .product-details-wrapper a{
width: 303px;
max-width: 303px;
}
@media (max-width: 1024px) {
.woo-slider{
overflow: hidden;
}
}
/*Mobile responsive slider*/
@media (max-width: 1000px) {
.quick-view-button{
display: none;
}
.custom-products-grid[data-view="list"] .product-details-wrapper{
width: 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
#closeMobileFilter{
display: none;
}
#mobileFilterBtn{
display: none;
}
}
.custom-products-grid[data-view="list"] .product-details-wrapper{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 300px;
}
.custom-products-grid[data-view="list"] .product-details-wrapper a{
margin-top: auto;
}
@media (max-width: 768px) {
.discount-layout-text .quantity-wrapper input {
padding: 30px 20px !important;
width: 80px !important;
}
.choose-quantity-cont .quantity-wrapper{
width: 100%;
}
.position-shipping-container {
position: relative !important;
left: 0px !important;
top: 0px !important;
}
#right-panel-product .quantity input{
padding: 19px 19px 19px 14px !important;
}
.short-code-reviews .stamped-full-page-tabs li{
width: 70%;
}
.custom-cart-count{
font-size: 30px !important;
}
.free-shipping-box {
margin-bottom: 0px !important;
}
.product-grid-wrapper {
padding-right: 0px !important;
}
.bundle-template .perks-content {
width: 100% !important;
}
.custom-product .add_to_cart_button {
padding: 16px 20px !important;
font-size: 13px;
}
.custom-products-grid[data-view="list"] .custom-product .add_to_cart_button{
width: 100% !important;
}
.custom-products-grid[data-view="list"] .product-details-wrapper a{
width: 100%;
max-width: 100%;
}
.product-image-wrapper {
max-width: 100% !important;
height: auto !important;
width: 100% !important;
}
.product-details-wrapper{
width: 100%;
}
.product-content-area {
height: auto !important;
overflow: hidden !important;
overflow-x: hidden !important;
}
.product-grid-wrapper {
padding-top: 0px !important;
}
.custom-products-grid[data-view="list"] .custom-product {
flex-direction: column !important;
}
.products-per-page-dropdown{
display: none;
}
.custom-products-grid[data-view="grid"] {
display: grid;
grid-template-columns: repeat(2, 1fr) !important;
column-gap: 16px;
row-gap: 55px;
}
.product-grid-main-wrapper {
display: flex !important;
flex-direction: column !important;
gap: 0px !important;
}
.hidden-header {
display: none !important;
}
.product-filter-sidebar {
position: fixed;
top: 0px;
left: -100%;
width: 260px;
height: 100%;
background: #fff;
z-index: 1000;
transition: left 0.3s ease-in-out;
padding: 20px;
overflow-y: auto;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.15);
}
.product-filter-sidebar {
padding-right: 20px !important;
width: 100% !important;
}
.product-sorting-dropdown {
width: 100% !important;
}
.product-filter-sidebar.open {
left: 0;
}
.mobile-filter-toggle {
display: flex;
justify-content: flex-start;
margin-bottom: 15px;
padding-top: 15px;
}
#mobileFilterBtn {
background: #3B388F;
border: 1px solid #ccc;
padding: 10px 16px;
font-size: 16px;
border-radius: 6px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
color: white;
justify-content: space-between;
width: 100%;
}
.mobile-filter-overlay {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: rgba(0,0,0,0.4);
display: none;
z-index: 999;
}
.mobile-filter-overlay.active {
display: block;
}
.product-content-area {
padding-top: 0px !important;
}
.category-template .ajax_add_to_cart{
font-size: 13px !important;
padding: 16px 20px !important;
}
.category-product-template .product-category-title{
text-align: center !important;
font-size: 34px !important;
}
.product-grid-main-wrapper{
padding: 0px 18px;
}
.show-sort-container{
width: 170px;
}
}
@media (max-width: 503px) {
.breadcrumb{
font-size: 10px;
}
}
@media (max-width: 430px) {
.product-details-wrapper {
width: 140px;
max-width: 155px;
word-wrap: break-word; /* Break long words if needed */
overflow-wrap: break-word; /* Ensure text wraps instead of overflowing */
white-space: normal; /* Allow multi-line wrapping */
overflow: hidden; /* Prevent content from spilling out */
}
.custom-product h2 a {
font-size: 12px !important;
}
}
@media (max-width: 360px) {
.product-details-wrapper{
width: 140px;
}
}
@media (max-width: 360px) {
.custom-product h2 a {
font-size: 12px !important;
}
}
/*End of Mobile responsive ====================================*/
.product-category-filter .checkbox-item label:hover{
color: #4F8C94;
}
.custom-products-grid[data-view="list"] .custom-product .add_to_cart_button{
width: 302px;
}
/*product quick view*/
.quick-view-overlay {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
display: flex;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s, transform 0.3s;
transform: translateY(20px); /* hidden position */
z-index: 2;
}
.product-image-wrapper:hover .quick-view-overlay {
opacity: 1;
pointer-events: auto;
transform: translateY(0); /* slide up */
}
.quick-view-button {
background: white;
padding: 10px 20px;
border: none;
cursor: pointer;
font-size: 16px;
border-radius: 4px;
z-index: 3;
position: relative;
font-weight: 500;
font-family: Montserrat;
letter-spacing: 0px;
display: flex;
color: #242654;
align-items: center;
}
.quick-view-button:hover {
background: #4F8C94;
color: white;
}
/* Quick View Modal Base */
.quick-view-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
/* Modal Content Box */
.quick-view-content {
background: #fff;
padding: 30px;
max-width: 800px;
width: 95%;
border-radius: 8px;
position: relative;
max-height: 90vh;
overflow-y: auto;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
/* Close Button */
#quickViewClose {
position: absolute;
top: -9px;
right: 2px;
background: transparent;
border: none;
font-size: 33px;
cursor: pointer;
color: #242654;
font-weight: 500;
}
/* Loader */
#quickViewLoader {
text-align: center;
font-size: 18px;
padding: 20px;
}
/* Inside Product Details */
.quick-view-product img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.quick-view-product h2 {
margin-bottom: 10px;
}
.quick-view-product .quick-view-price {
margin-bottom: 15px;
}
.quick-view-description {
margin-bottom: 15px;
}
.quick-view-meta {
margin-bottom: 15px;
}
.quick-view-product .button {
margin-top: 15px;
}
.quick-view-button svg{
margin-right: 5px;
}
.quick-view-button:hover svg {
color: #fff;
}
.quick-view-thumb.active {
border: 2px solid #000;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
/*Quick Product View*/
.quick-view-product h2{
text-align: left;
font-family: Montserrat !important;
font-weight: 500;
font-size: 24px;
letter-spacing: -0.32px;
color: #242654;
}
.quick-view-price{
text-align: left;
font-family: Montserrat !important;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.32px;
color: #242654;
}
.quick-view-description p{
text-align: left;
font-family: Montserrat !important;
font-size: 16px;
font-weight: 400;
letter-spacing: -0.32px;
color: #242654;
}
.quick-view-right .ajax_add_to_cart{
background: #4F8C94 0% 0% no-repeat padding-box;
border-radius: 6px;
font-family: Montserrat !important;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.32px;
color: white;
padding: 10px 20px 10px 20px;
margin-top: 10px;
}
.quick-view-meta{
text-align: left;
font-family: Montserrat !important;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.32px;
color: #242654;
}
.applied-filters .clear-filters-button{
background: #4F8C94 0% 0% no-repeat padding-box !important;
border-radius: 6px;
font-family: Montserrat !important;
font-size: 16px;
font-weight: 400;
letter-spacing: -0.32px;
color: white !important;
padding: 10px 20px 10px 20px;
text-decoration: none !important;
}
.custom-pagination-wrapper span{
font-family: Montserrat !important;
font-size: 24px;
font-weight: 600;
letter-spacing: -0.32px;
color: #242654;
}
.custom-pagination-wrapper a{
font-family: Montserrat !important;
font-size: 24px;
font-weight: 600;
letter-spacing: -0.32px;
color: #4F8C94;
}
.custom-pagination-wrapper a:hover{
color: #242654;
}
/*Template CSS Re apply*/
.category-template .ajax_add_to_cart{
background-color: #4F8C94 !important;
color: white !important;
padding: 16px 20px !important;
text-decoration: none !important;
display: inline-block !important;
border-radius: 6px !important;
transition: background-color 0.3s ease !important;
width: 100% !important;
font-family: 'Montserrat' !important;
font-weight: 600 !important;
text-transform: uppercase !important;
text-align: center !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
border: none !important;
}
.category-template .ajax_add_to_cart:hover{
background-color: #C2D6D1 !important;;
color: #3B388F !important;
}
.category-template .price{
text-align: left !important;
font-family: Montserrat !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: -0.32px !important;
color: #242654 !important;
}
.category-template .collapsible-toggle{
text-align: left !important;
font: normal normal 600 18px Montserrat !important;
letter-spacing: -0.18px !important;
color: #FFFFFF !important;
background: #3B388F 0% 0% no-repeat padding-box !important;
border-radius: 8px 8px 0px 0px !important;
padding: 20px 15px 20px 15px !important;
}
.category-product-template .product-category-title{
text-align: left;
font: normal normal normal 44px Caprasimo !important;
letter-spacing: 0px;
color: #FFFFFF;
}
/*HOME PAGE*/
#homeSlider .jet-carousel__item-text p::after{
content: url('data:image/svg+xml; utf8, ');
display: inline-block;
width: 15px;
height: 15px;
display:inline-block;
margin-left:10px;
margin-top:5px;
filter: invert(49%) sepia(27%) saturate(598%) hue-rotate(139deg) brightness(95%) contrast(88%);
}
#homeSlider .jet-carousel__item-inner:hover p::after{
content: url('data:image/svg+xml; utf8, ');
display: inline-block;
width: 15px;
height: 15px;
display:inline-block;
margin-left:10px;
margin-top:5px;
filter: invert(37%) sepia(8%) saturate(2581%) hue-rotate(138deg) brightness(97%) contrast(83%);
}
.hero-loop-carousel .swiper-slide .e-con-inner .elementor-element:nth-child(4) {
margin-top: auto;
}
.item-card .jet-carousel__item-inner:hover {
transform: translateY(-10px);
transition: transform 0.3s ease;
}
.custom-woo-slider .slick-slide {
height: 510px;
display: flex !important;
justify-content: space-between !important;
}
/*Product bundle*/
.bundle-template .perks-content .content-goal p, .bundle-template .perks-content .content-goal ul {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.bundle-template .perks-content .content-goal.open p, .bundle-template .perks-content .content-goal.open ul {
max-height: 400px; /* adjust as needed */
overflow: visible;
line-height: 27px !important;
}
.bundle-template .perks-content .content-goal.open p, .bundle-template .perks-content .content-goal.open ul {
margin-top: 24px;
}
.bundle-template .perks-content h3 {
margin-bottom: 0px !important;
}
.bundle-template .perks-content > :first-child {
border-top: 1px solid white;
padding-top: 24px;
}
/* Select the last child of its parent */
.bundle-template .perks-content > :last-child {
border-bottom: 1px solid white;
}
#sortSelect option {
background-color: white;
border: 1px solid #3B388F !important;
color: #3B388F;
border-radius: 6px !important;
font-family: Montserrat, sans-serif;
padding: 10px !important;
}
.product-price-after-button {
color: white;
font-weight: 600;
font-size: 15px;
}
.accordion-content .elementor-element{
border: none !important;
}
.accordion-content .e-n-accordion-item{
border-bottom: 1px solid #EDEDF6;
}
.accordion-content #e-n-accordion-item-1030{
border-top: 1px solid #EDEDF6;
}
/*Atritis Landing page Responsive*/
@media (max-width: 768px) {
.button-toggle-night-morning{
background: none;
}
.testimonial-thought::before {
left: 212px !important;
top: -16px !important;
transform: rotate(90deg);
}
.elementor-4506 .elementor-element.elementor-element-401b736 {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
width: 100% !important; /* Make container responsive */
max-width: 100% !important;
}
.elementor-4506 .elementor-element.elementor-element-401b736 > * {
flex-shrink: 0 !important;
min-width: 280px; /* Adjust as needed */
box-sizing: border-box;
width: 332px;
}
}
/*Landing pages*/
.jupiterx-main-content{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
/*Search Result Page*/
.search-results-summary{
color: white !important;
text-align: center;
font-family: Montserrat !important;
font-weight: 500 !important;
font-size: 18px !important;
}
.search-query-title{
text-align: left;
font-family: Caprasimo !important;
font-size: 32px !important;
font-weight: 400 !important;
letter-spacing: 0px;
color: #3B388F;
}
.result-badge {
display: inline-block;
padding: 4px 8px;
font-size: 12px;
font-weight: bold;
border-radius: 6px;
margin-bottom: 8px;
color: #fff;
}
.product-badge {
background: #1e90ff; /* blue for products */
}
.post-badge {
background: #28a745; /* green for posts */
}
.result-body-page {
opacity: 0;
transition: opacity 0.4s ease-in-out;
}
.result-body-page.show-results {
opacity: 1;
}
/*Custom checkout Page*/
form.woocommerce-checkout{width:98%; max-width:1300px; margin:0px auto;}
.woocommerce-billing-fields h3, h3#order_review_heading, h3#ship-to-different-address{
font-family: 'Caprasimo', cursive;
font-size: 24px !important;
font-weight: normal;
letter-spacing: 0px;
color: #242654;
padding-bottom: 12px;}
#order_review thead{
background:#3B388F;
color:#fff;
}
#order_review .woocommerce-checkout-review-order-table .cart-discount{
background:#d9f2d9;
}
.woocommerce-checkout #payment{
background: #f3e8f7 !important;
}
#payment .payment_box{
background: #d2beda !important;
}
.woocommerce-checkout #payment div.payment_box::before{
display:none !important;
}
.woocommerce .payment_box a.button{
background-color:#3b388f;
border:1px solid #3b388f;
color:#fff;
}
/*Custom cart Page*/
/* Change this class name */
.subscription-options-wrapper {
position: relative;
display: inline-block;
width: 100%;
}
.subscriptionDropDown {
/* No changes needed here */
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
height: 40px;
padding: 0 2rem 0 0.5rem; /* space for arrow */
font-size: 14px;
border: 1px solid #ccc;
border-radius: 6px;
background-color: #242654; /* dark background */
color: #fff;
cursor: pointer;
}
/* Change this class name */
.subscription-options-wrapper::after {
content: '';
position: absolute;
top: 50%;
right: -2px;
width: 50px;
height: 16px;
pointer-events: none;
background: url("data:image/svg+xml;utf8,")
no-repeat right 1rem center;
background-size: contain;
transform: translateY(-50%) rotate(0deg);
transition: transform 0.3s;
z-index: 1; /* Added just in case */
}
/* Change this class name */
.subscription-options-wrapper.open::after {
transform: translateY(-50%) rotate(180deg);
}
.custom-cart-container {
display: flex;
flex-wrap: wrap;
}
.custom-cart-left,
.custom-cart-right {
flex: 1 1 45%;
}
.custom-cart-right {
width: 36%;
max-width: 36%;
}
.cart-header{
display: grid;
grid-template-columns: 4fr 1fr 1fr;
padding: 10px 0;
border-bottom: 1px solid #ddd;
}
.cart-item-cont{
border-bottom: 1px solid #ddd;
}
.cart-item {
display: grid;
grid-template-columns: 4fr 1fr 1fr;
padding: 16px 0;
}
.cart-header {
margin-bottom: 10px;
background: #3B388F;
font-family: Montserrat !important;
font-weight: 600;
font-size: 16px;
letter-spacing: -0.32px;
color: #FFFFFF;
border-radius: 8px;
padding: 20px 20px;
}
.header-titles-cart{
text-align: right;
}
.cart-summary table {
width: 100%;
}
.checkout-btn {
display: block;
margin-top: 20px;
padding: 24px 20px;
background-color: #4F8C94;
color: #fff;
text-align: center;
text-decoration: none;
border-radius: 6px;
font-family: Montserrat !important;
font-size: 18px;
font-weight: 600;
letter-spacing: -0.36px;
color: #FFFFFF;
}
.checkout-btn:hover{
color: #242654;
background: #C2D6D1;
}
.cart-item img {
width: 150px;
height: auto;
margin-right: 40px;
}
.cart-product-info {
display: flex;
align-items: center;
}
.toggle-shipping {
display: flex;
justify-content: space-between;
cursor: pointer;
font-family: Montserrat !important;
letter-spacing: 0px;
font-weight: 500;
font-size: 16px;
color: #242654;
}
.toggle-coupon{
display: flex;
justify-content: space-between;
cursor: pointer;
font-family: Montserrat !important;
letter-spacing: 0px;
font-weight: 500;
font-size: 16px;
color: #242654;
}
.total-price-cart{
font-family: Montserrat !important;
letter-spacing: 0px;
font-weight: 500;
font-size: 20px;
color: #242654;
}
.coupon-form-wrapper,
.shipping-form-wrapper {
display: none;
margin-top: 10px;
}
.woocommerce-form-coupon {
display: flex;
gap: 10px;
}
.woocommerce-form-coupon input[type="text"],
.shipping-form-wrapper input[type="text"],
.shipping-form-wrapper input[type="email"],
.shipping-form-wrapper input[type="tel"] {
flex: 1;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
width: 100%;
}
.woocommerce-form-coupon button,
.shipping-form-wrapper button {
padding: 8px 16px;
background-color: #4F8C94;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
}
.shipping-form-wrapper form {
display: flex;
flex-direction: column;
gap: 12px;
}
.applied-coupons {
margin-top: 10px;
}
.applied-coupon {
background: #d9f2d9;
padding: 6px 10px;
border-radius: 4px;
margin-bottom: 6px;
display: flex;
justify-content: space-between;
align-items: center;
}
.remove-coupon {
color: red;
text-decoration: none;
font-weight: bold;
}
.free-shipping-box {
padding: 16px;
border-radius: 10px;
margin-bottom: 20px;
font-weight: 500 !important;
font-size: 16px;
width: 100%;
text-align: center;
font-family: Montserrat !important;
letter-spacing: 0px;
color: #242654 !important;
}
.free-shipping-progress {
margin-top: 10px;
margin-bottom: 16px;
background: #DAE6E3;
border-radius: 50px;
overflow: hidden;
height: 16px;
position: relative;
}
.free-shipping-progress-bar {
height: 100%;
width: 0%;
transition: width 0.3s ease-in-out;
background-image: repeating-linear-gradient(
45deg,
#EFC550,
#EFC550 10px,
#f3d47c 10px,
#f3d47c 20px
);
background-size: 30px 30px; /* Matches stripe repeat size */
background-repeat: repeat;
animation: stripeAnim 1s linear infinite;
}
@keyframes stripeAnim {
0% {
background-position: 0 0;
}
100% {
background-position: 30px 0;
}
}
.qty-btn {
color: #4F8C94;
border: solid 1px #4F8C94;
padding: 0px 6px;
border-radius: 4px;
cursor: pointer;
background: white;
z-index: 5;
font-weight: 700;
font-size: 25px;
line-height: 0px;
width: 30px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
outline: none !important;
box-shadow: none !important;
}
.minus{
position: relative;
left: 31px;
}
.remove-btn {
cursor: pointer;
font-weight: bold;
font-size: 20px;
}
@media (max-width: 1000px) {
.content-wrapper-cart{
display: flex;
flex-direction: column;
}
.custom-cart-right {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 768px) {
.custom-cart-container {
flex-direction: column;
}
.cart-product-info {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.price-left{
padding-left: 18px;
}
.remove-btn{
margin-left: 10px !important;
}
}
@media (max-width: 360px) {
.cart-product-info span {
display: block;
width: 100px !important;
max-width: 100px !important;
height: auto;
word-wrap: break-word;
overflow-wrap: break-word;
overflow: hidden;
font-size: 12px !important;
}
.quantity-header-cart{
position: relative;
left: -18px
}
}
.cart-qty-control input{
background: white !important;
border: none !important;
position: relative;
right: -16px;
font-family: Montserrat !important;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.32px;
color: #242654;
}
.column-title {
font-family: 'Caprasimo', cursive;
font-size: 24px;
font-weight: normal;
letter-spacing: 0px;
color: #242654;
padding-bottom: 12px;
}
.design-title{
border-bottom: 2px solid #242654;
}
.content-wrapper-cart{
display: flex;
width: 100%;
gap: 80px;
padding-top: 10px;
}
.total-styling{
border-top: 2px solid #242654;
}
.total-price-cart{
text-align: end;
}
.total-price-cart span{
font-weight: 600 !important;
}
.sub-total-price-cart{
text-align: end;
font-family: Montserrat !important;
font-size: 16px;
font-weight: 500;
letter-spacing: -0.32px;
color: #242654;
padding: 15px 0px;
}
.sub-total-price-cart-title{
font-family: Montserrat !important;
font-size: 16px;
font-weight: 500;
letter-spacing: -0.32px;
color: #242654;
padding: 15px 0px;
}
.overall-total{
font-family: Montserrat !important;
font-size: 20px;
font-weight: 600 !important;
letter-spacing: -0.32px;
color: #242654;
padding-top: 15px;
}
.cart-item a{
font-family: Montserrat !important;
font-size: 16px;
font-weight: 500;
letter-spacing: -0.32px;
color: #242654;
}
.price-left span{
font-weight: 600 !important;
}
.form-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0px;
}
.form-row label {
flex: 1;
margin: 0;
}
.form-row .woocommerce-input-wrapper {
flex: 2;
}
.form-row input {
width: 100%;
}
.toggle-coupon span,
.toggle-shipping span{
text-decoration: underline;
}
.shipping-form-wrapper label{
font-family: Montserrat !important;
font-size: 16px;
font-weight: 500;
letter-spacing: -0.32px;
color: #242654;
}
/*Radio button desing on cart*/
.subscription-options-wrapper {
display: flex;
flex-direction: row;
gap: 8px; /* spacing between options */
}
.subscription-option-item {
display: flex;
align-items: center;
gap: 10px; /* spacing between radio button and label */
}
.subscription-option-radio {
transform: scale(1.2); /* make radios a bit bigger (optional) */
cursor: pointer;
}
.subscription-option-item label {
font-family: 'Montserrat';
margin-bottom: 0px;
font-size: 12px;
font-weight: 600;
}
.cart-item-cont .subscription-price{
font-family: 'Montserrat';
margin-bottom: 0px;
font-size: 12px;
font-weight: 600;
display:block;
margin:5px 0px;
color:#4F8C94;
}
.subscription-options-title{
font-family: 'Montserrat';
font-size: 16px !important;
}
@media (max-width: 768px) {
.subscription-options-wrapper {
display: grid;
grid-template-columns: 1fr 1fr; /* This creates two equal-width columns */
gap: 15px; /* Adjust the spacing between the columns and rows */
}
}
/*Variation section CSS*/
.variations{
width: 100% !important;
max-width: 100% !important;
}
.variations tbody{
display: block;
border-radius: 8px;
border: solid #242553 1px;
}
.variations .label{
background: #4E8B93 !important;
padding: 20px 10px !important;
position: relative !important;
left: -1px !important;
width: 100% !important;
border-radius: 8px 8px 0px 0px !important;
max-width: 100% !important;
border: 2px solid #4E8B93 !important;
}
.variations .label label{
color: white !important;
margin-bottom: 0px !important;
}
.variations .value{
padding-bottom: 13px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.woocommerce-variation-description{
padding-top: 13px !important;
padding-left: 20px !important;
padding-right: 20px !important;
font-weight: 500;
color: #242654 !important;
}
.wcsatt-options-product-wrapper{
padding: 0px 20px !important;
}
.single_variation_wrap .price{
display: none;
}
.woocommerce-variation-add-to-cart{
display: flex;
justify-content: space-between;
}