/* custom-style-v38 (19.10.2026.): faza B1 - fontovi Quicksand/Kefir s ekspl. tezinama, nav -> Quicksand, uppercase -> none, nijanse -> paleta. v37 = prije. */ /* ------------- Fonts ------------- */ @font-face {font-family: 'kefir-bold';src: url('fonts/kefir-bold.woff2') format('woff2'),url('fonts/kefir-bold.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;} @font-face {font-family: 'quicksand-bold';src: url('/wp-content/themes/vitela/fonts/quicksand-700.woff2') format('woff2');font-weight: 700;font-style: normal;font-display: swap;} @font-face {font-family: 'quicksand-medium';src: url('/wp-content/themes/vitela/fonts/quicksand-500.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap;} @font-face {font-family: 'quicksand-regular';src: url('/wp-content/themes/vitela/fonts/quicksand-400.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;} /* ------------- Global ------------- */ body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden;} a{text-decoration: none !important;} body a:hover{text-decoration: none !important;} img.img-fluid{display: block;} p {margin-bottom: 0 !important;} .headingTextFont {font-family: "Kefir", serif; font-weight: 700;} .paragraphTextFont {font-family: "Quicksand", sans-serif; font-weight: 400;} /* ------------ Header Start ------------- */ .siteHeaderWrap {width: 100%; padding: 0; box-shadow: 0px 4px 8px -1px #00000049;} .siteHeaderWrap .headerTopBar {background: #0D4031; font: 700 14px/40px "Quicksand", sans-serif; color: #fff; text-transform: none;} .siteHeaderWrap .siteHeader {max-width: 1400px; margin: 0 auto; padding-left: 10px !important; padding-right: 10px !important;} .siteHeader nav.wp-block-navigation ul.wp-block-navigation__container li.wp-block-navigation-item a.wp-block-navigation-item__content {font: 700 18px/18px "Quicksand", sans-serif;} .siteHeaderWrap nav ul.wp-block-navigation__container li.current-menu-item, .siteHeaderWrap nav ul.wp-block-navigation__container li:hover {color: #3a1b1b;} .siteHeaderWrap a.accountIconSvg {display: inline-flex !important;} /* ------------ Footer ------------ */ footer#colophon{ max-width: none; margin: 0; padding: 0; border-top: none;} footer .footerNavWrap {align-items: start; column-gap: 0px;} footer .footerNavWrap .wp-block-group:nth-child(1) {width: 225px;} footer .footerNavWrap .wp-block-group:nth-child(2) {width: 225px;} footer .footerNavWrap .wp-block-group:nth-child(3) {flex: 0 0 523px; padding-left: 40px !important;} footer .footerNavWrap .wp-block-group:nth-child(4) {padding-left: 120px !important;} .footerInfo {padding-left: 28px !important;} .footerInfo li {list-style: none; position: relative; font: 500 16px/29px "Quicksand", sans-serif; color: #fff; margin-bottom: 20px;} .footerInfo li a {transition: all .5s ease; color: #fff;} .footerInfo li a:hover {color: #F2C65C;} .footerInfo li i {position: absolute; left: -28px; top: 6px; width: 18px; text-align: center; font-size: 18px;} .footerInfo li i.fa-envelope-o {top: 8px;} .footerInfo li i.fa-map-marker::before, .footerInfo li i.fa-envelope-o::before, .footerInfo li i.fa-phone::before {content: ''; background: url(images/location-icon1.png) no-repeat center; display: block; background-size: contain; width: 15px; height: 19px;} .footerInfo li i.fa-envelope-o::before {background: url(images/envalop-icon1.png) no-repeat center; width: 17px; height: 13px;} .footerInfo li i.fa-phone::before {background: url(images/call-icon1.png) no-repeat center; width: 18px; height: 18px;} .newsletterSection form > p {display: none;} .newsletterSection form .tnp-field-email label {display: none;} .newsletterSection form .tnp-field-email input { background: transparent url(images/newsletter-icon1.png) no-repeat 33px 24px !important; box-shadow: none; padding: 15px 30px 15px 77px !important; border: 2px solid #fff !important;} .newsletterSection form .tnp-email::placeholder{font: 500 16px "Quicksand", sans-serif !important; color: #fff;} .newsletterSection form .tnp-field.tnp-field-button {text-align: center !important;} .newsletterSection form .tnp-field.tnp-field-button .tnp-submit{transition: .5s; display: inline-block; width: 264px;cursor: pointer;} .newsletterSection form .tnp-field.tnp-field-button .tnp-submit:hover{ } .newsletterSection .wp-block-social-links {justify-content: center;} .newsletterSection .wp-block-social-links li a {border: 1px solid #fff; border-radius: 50px;} footer .footerNavWrap .wp-block-heading {font: 700 var(--vt-fs-h4)/1.3 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} footer .footerNavWrap .wp-block-navigation__container li {position: relative; } footer .footerNavWrap .wp-block-navigation__container li::before {content: ''; background: url(images/nav-arrow.png) no-repeat center; width: 6px; height: 9px; display: inline-block; margin-right: 10px;} footer .footerNavWrap .wp-block-navigation__container li a {font: 500 16px/24px "Quicksand", sans-serif;color: #fff;} .footerBottomBar {margin-top: 50px;} .footerBottomBar .wp-block-column p {font: 500 18px "Quicksand", sans-serif !important;} /* ------------ Home ------ */ main { padding-top: 0px !important; margin-top: -20px !important;} main > .wp-block-group {padding-top: 0px !important; padding-bottom: 0px !important;} main .wp-block-post-title {display: none;} main .entry-content {padding-left: 0px; padding-right: 0px;} /* --------- Hero banner ---------- .heroBanner h1.wp-block-heading {font: normal 43px/52px 'quicksand-medium'; color: #3A1B1B;} .heroBanner p {font: 400 18px/26px 'quicksand-regular'; color: #3A1B1B;} .heroBanner .wp-block-button a.wp-block-button__link {transition: all .5s ease; font: 500 24px/30px 'quicksand-medium'; color: #EFC048;} .heroBanner .wp-block-button a.wp-block-button__link:hover {color: #EFC048; background-color: #0D4031 !important;} */ .desktopV {display: block !important;} .mobileV {display: none !important;} /* ----------- Best seller ----------- */ .bestSellerSection h2.wp-block-heading {font: 700 var(--vt-fs-h2)/1.2 "Kefir", serif; margin-bottom: 45px;} .bestSellerSection ul.products li.product .product_block {text-align: center;} .bestSellerSection ul.products li.product .product_block h2.woocommerce-loop-product__title {color: #402B23; font: 700 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .bestSellerSection ul.products li.product .product_block .price {color: #402B23; font: 700 20px/20px "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .bestSellerSection ul.products li.product .product_block .star-rating {display: none;} .bestSellerSection ul.products li.product .product_block a.add_to_cart_button, .bestSellerSection ul.products li.product .product_block a.add_to_cart_button:hover, .bestSellerSection ul.products li.product .product_block a.add_to_cart_button:active, .bestSellerSection ul.products li.product .product_block a.add_to_cart_button:focus{font: 700 20px "Quicksand", sans-serif; padding:16px 50px; text-transform: none; text-decoration: none; border-radius:10px; box-shadow: none; text-shadow: none; background-image: none; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;display: inline-block;} .bestSellerSection ul.products li.product .product_block a.add_to_cart_button:hover{ } .bestSellerSection ul.products li.product .product_block img {margin-bottom: 0; max-height: 337px; object-fit: contain;} .bestSellerSection .product-box {text-align: center;} .bestSellerSection .product-box h2.product__title {margin-bottom: 15px;} .bestSellerSection .product-box h2.product__title a {color: #402B23; font: 700 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .bestSellerSection .product-box .price {color: #402B23; font: 700 20px/20px "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .bestSellerSection .product-box .star-rating {display: none;} .bestSellerSection .product-box a.add_to_cart_button, .bestSellerSection .product-box a.add_to_cart_button:hover, .bestSellerSection .product-box a.add_to_cart_button:active, .bestSellerSection .product-box a.add_to_cart_button:focus{font: 700 20px "Quicksand", sans-serif; padding:16px 40px; text-transform: none; text-decoration: none; border-radius:10px; box-shadow: none; text-shadow: none; background-image: none; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;display: inline-block; margin-top: 15px;} .bestSellerSection .product-box a.add_to_cart_button:hover{ } .bestSellerSection .product-box img {margin-bottom: 0; max-height: 337px; object-fit: contain;} /* ------------- Story Section -------- */ .storySection .wp-block-column img {width: 100%;} .storySection .wp-block-column h2.wp-block-heading {font: 700 var(--vt-fs-h2)/1.2 "Kefir", serif; text-transform: none;} .storySection .wp-block-column h3.wp-block-heading {font: 400 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;} .storySection .wp-block-column p {font: 400 18px/28px "Quicksand", sans-serif;} .storySection .wp-block-column a.wp-block-button__link { transition: all .5s ease;} .storySection .wp-block-column a.wp-block-button__link:hover { } .storySection .storyImgWrap {width: 100%; height: 100%; border-radius: 40px 0 0 40px; overflow: hidden;} .storySection .storyImgWrap .splitting-wrapper {width: 100%; height: 100%; max-width: 100%;} /* -------- Wellness Section ----------- */ .wellnessSection {} .wellnessSection .wellnessLeftCard .wp-block-group {margin-right: -127px; z-index: 2; position: relative;} .wellnessSection .wellnessLeftCard h3 {font: 700 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;} .wellnessSection .wellnessLeftCard p {font: 500 18px/28px "Quicksand", sans-serif;} .wellnessSection .wellnessLeftCard a {font: 500 20px "Quicksand", sans-serif; transition: all .5s ease; } .wellnessSection .wellnessLeftCard a:hover {font: 500 20px "Quicksand", sans-serif; background-color: #402B23 !important; color: #fff !important;} /* ------ Testimonial Section -------- */ .testimonial-list {width: 100%; max-width: 100%; margin-top: 55px;} .testimonial-list .testimonial-box {background: #402B23; border-radius: 10px; padding: 50px 40px 29px; color: #fff;} .testimonial-list .testimonial-box .testimonial-content {text-align: center;} .testimonial-list .testimonial-box .testimonial-content .start-rating {text-align: center;} .testimonial-list .testimonial-box .testimonial-content .start-rating .fa {color: #F2C65C; font-size: 20px; margin-right: 5px;} .testimonial-list .testimonial-box .testimonial-content h2 {font: 500 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif; color: #fff; text-align: center; margin: 8px 0 13px;} .testimonial-list .testimonial-box .testimonial-content p {font: 400 14px/20px "Quicksand", sans-serif; text-align: center; color: #fff; min-height: 131px;} .testimonial-list .testimonial-box .testimonial-content h3 {font: 500 var(--vt-fs-body)/1.5 "Quicksand", sans-serif; color: #000; text-align: center; background: #F2E8DF; display: inline-block; padding: 10px 22px; border-radius: 50px; margin: 7px 0 0;} .testimonial-list .testimonial-box .testimonial-content h3 span i::before {display: none;} .testimonial-list .testimonial-box .testimonial-content h3 span i {background: url(images/verify-icon.png) no-repeat center; background-size: contain; width: 20px; height: 20px; margin: 0px 3px -6px 6px; display: inline-block;} .testimonial-list .owl-controls {margin-top: 40px;} .testimonial-list .owl-controls .owl-dots .owl-dot span {width: 16px; height: 16px; background: #0D4031;} .testimonial-list .owl-controls .owl-dots .owl-dot.active span {width: 16px; height: 16px; background: #402B23;} .testimonial-list .testimonial-box .testimonial-content .start-rating .fa.fa-star {background: url(images/star-rating-icon.png) no-repeat center; background-size: contain; width: 21px; height: 20px; display: inline-block;} .testimonial-list .testimonial-box .testimonial-content .start-rating .fa.fa-star-o {background: url(images/star-rating-icon-o.png) no-repeat center; background-size: contain; width: 21px; height: 20px; display: inline-block;} /* ------------- organicCard */ /* ---------- Gallery -------- */ .gallery-list .gallery-box .team-img {border-radius: 20px; overflow: hidden;} .gallery-list .gallery-box .team-img img {width: 100%;} /* ----------- faq ---------- */ /* ----------- Home Blog -------- */ .homeblog-list .homeblog-box {text-align: center;} .homeblog-list .homeblog-box .homeblog-img {border-radius: 20px; overflow: hidden; margin-bottom: 30px;} .homeblog-list .homeblog-box .homeblog-img img {width: 100%; height: 245px; object-fit: cover;} .homeblog-list .homeblog-box h2 {width: 100%; margin-bottom: 15px; color: #0D4031; font: 500 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;} .homeblog-list .homeblog-box .homeblog-buttons .moreBtn {color: #0D4031; font: 700 20px/38px "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .homeblog-list .homeblog-box .homeblog-buttons .moreBtn i::before {display: none;} .homeblog-list .homeblog-box .homeblog-buttons .moreBtn i {background: url(images/blog-right-arrow.png) no-repeat center; background-size: contain; width: 20px; height: 20px; margin: 0px 3px -4px 9px;} .homeblog-list .owl-controls {} .homeblog-list .owl-controls {margin-top: 40px;} .homeblog-list .owl-controls .owl-dots .owl-dot span {width: 16px; height: 16px; background: #0D4031;} .homeblog-list .owl-controls .owl-dots .owl-dot.active span {width: 16px; height: 16px; background: #402B23;} /* -------- Benefits ------------ */ .benefitsTable h3.wp-block-heading { font: 400 var(--vt-fs-h4)/1.3 "Quicksand", sans-serif;} .benefitsTable h2.wp-block-heading { font: 700 var(--vt-fs-h2)/1.2 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .benefitsTable h4.wp-block-heading { font: 700 var(--vt-fs-h4)/1.3 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .benefitsTable h5.wp-block-heading {font: 700 var(--vt-fs-h4)/1.3 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .benefitsTable p {font: 400 20px/30px "Quicksand", sans-serif;} /* --------- About page -------- */ .leftimgafter, .rightimgafter {position: relative;} .leftimgafter img, .rightimgafter img {z-index: 2; position: relative;} .leftimgafter::after, .rightimgafter::after {content: ''; display: inline-block; position: absolute; left: -25px; right: 33px; top: 30px; bottom: -25px; background: #0D4031; z-index: 1; border-radius: 10px;} .rightimgafter::after {left: 33px; right: -15px; top: 30px; bottom: -25px;} .aboutimgwithtext .wp-block-column {align-content: center;} .aboutimgwithtext .wp-block-column h3.wp-block-heading {font: 700 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .aboutimgwithtext .wp-block-column p {font: 400 18px/26px "Quicksand", sans-serif;} /* .aboutimgwithtext .wp-block-column p a {color: #68991C;} */ .aboutimgwithtext .wp-block-column h4 {font: 500 var(--vt-fs-body-l)/1.5 "Quicksand", sans-serif;} .aboutimgwithtext .wp-block-column .wp-block-button a {font: 500 20px/25px "Quicksand", sans-serif; transition: all .5s ease;} .aboutimgwithtext .wp-block-column .wp-block-button a:hover {background-color: #0D4031 !important;} /* ----------- Contact page ----------- */ .contactinfo {} /*-------contact form---------------- */ .contactFormWrap {max-width: 1170px; margin: 0 auto;} .contactFormWrap .row > div {padding: 0 11px;} .contactFormWrap .form-control {height:65px; background:transparent !important; border-radius:10px; border: 1px solid #7D7D7D; padding: 15px 25px; box-shadow: none;} .contactFormWrap textarea{height:175px !important; padding-top: 20px !important;} .contactFormWrap input[type="submit"] { width: auto; margin: 30px auto 0; cursor: pointer;} .contactFormWrap input[type="submit"]:hover{ } .contactFormWrap .form-control::placeholder {font-size:18px;font: 500 15px "Quicksand", sans-serif; color:#787474;} /* --------------- Blog ------------- */ .pageLinkNav {font: 400 14px/20px "Quicksand", sans-serif;} .pageLinkNav strong {color: #0D4031;} /* p.pageLinks strong {color: #0D4031;} */ .blog-list {max-width: 1337px; margin-top: 60px;} .blog-list > .row {row-gap: 30px;} .blog-list > .row > .col-lg-3 {padding: 0px 20px;} .blog-list .blogCard .blogImg {height: 350px;} /* Temporary width height */ .blog-list .blogCard .blogImg img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px;} .blog-list .blogCard .blogCon a {color: #000000;} .blog-list .blogCard .blogCon a h2 {color: #000000; font: 700 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor; text-align: center; margin-top: 25px;} .blog-list .blogCard .blogCon a h2:hover {color: #0D4031;} /* ------- Blog Details ----- */ .single-post main {margin-top: 25px !important;} .single-post main .wp-block-post-title {display: block;} .single-post main .singlePostTitle {margin-top: 55px; font: 700 var(--vt-fs-h1)/1.15 "Kefir", serif; color: #0D4031; margin-bottom: 50px;} .single-post .singlePostWrap .wp-block-post-featured-image img {border-radius: 30px; max-width: 1200px;} .blogNavigation.pagination {justify-content: center; column-gap: 14px; align-items: center;} .blogNavigation.pagination li a {padding: 5px; background-color: #fff; color: #0D4031; border: 1px solid #0D4031; border-radius: 50px; font: 500 18px/18px "Quicksand", sans-serif; width: 33px; height: 33px; display: flex; align-items: center; justify-content: center;} .blogNavigation.pagination li a:hover {background: #0D4031; color: #fff; border: 1px solid #0D4031;} .blogNavigation.pagination li a[aria-label="Previous"] {width: auto; height: auto; background: #F2E8DF; color: #000; padding: 7px 15px; border-radius: 4px; border: none;} .blogNavigation.pagination li a[aria-label="Previous"]:hover {background: #0D4031; color: #fff;} .blogNavigation.pagination li a[aria-label="Next"] {width: auto; height: auto; background: #F2E8DF; color: #000; padding: 7px 15px; border-radius: 4px; border: none;} .blogNavigation.pagination li a[aria-label="Next"]:hover {background: #0D4031; color: #fff;} .singlePostWrap .entry-content h2 {color: #0D4031; font-weight: 700;} .singlePostWrap .entry-content h3 {font-family: "Quicksand", sans-serif; font-weight: 700;} .singlePostWrap .entry-content h4 {font-family: "Quicksand", sans-serif; font-weight: 700;} .singlePostWrap .entry-content h5 {font-family: "Quicksand", sans-serif; font-weight: 700;} .singlePostWrap .entry-content h6 {font-family: "Quicksand", sans-serif; font-weight: 700;} .singlePostWrap .entry-content p { } .singlePostWrap .entry-content p a {color: #0D4031;} .singlePostWrap .entry-content ul li { } .singlePostWrap .entry-content ul li a {color: #0D4031;} .singlePostWrap .entry-content ol li { } .singlePostWrap .entry-content ol li a {color: #0D4031;} /* ---------------------------- Shop Start ------------------------------- */ .shopBannerSection h2.wp-block-heading {color: #F2E8DF; font: 700 var(--vt-fs-h1)/1.15 "Kefir", serif;} .shopBannerSection .wp-block-buttons .wp-block-button a.wp-block-button__link {transition: all .5s ease; border-radius: 100px; font: 700 20px/30px "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .shopBannerSection .wp-block-buttons .wp-block-button a.wp-block-button__link:hover {background-color: #402B23 !important; color: #fff !important;} .buyMoreSection h3 {font: 700 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;letter-spacing: 1px;} /* ------ Cat info Section */ .catInfoSection {} .catInfoSection .wp-block-group .catTitle {font: 700 var(--vt-fs-h1)/1.15 "Kefir", serif;-webkit-text-stroke: 0.3px currentColor; color: #000; margin-bottom: 10px;letter-spacing: 1px;} .catInfoSection .wp-block-group .catStar { margin-right: 5px;} .catInfoSection .wp-block-group .catReviewCount { font: 500 14px/14px "Quicksand", sans-serif; color: #0D4031;} .catInfoSection .wp-block-group .catDes {font: 400 20px/28px "Quicksand", sans-serif; color: #000; margin-top: 15px;} .catCardPac > .wp-block-column {padding: 25px 7px; background-color: #D9C091; border-radius: 10px;} .catCardPac > .wp-block-column h4 {color: #3A261D; font: 700 18px/20px "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;letter-spacing: 1px;} .catCardPac > .wp-block-column h5 {color: #402B23; font: 500 18px/18px "Quicksand", sans-serif; margin-top: 8px;} .productList ul.wc-block-grid__products {column-gap: 50px;} .productList ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image {position: relative; background-color: #F2E8DF; padding: 25px 10px; border-radius: 10px; min-height: 360px; align-content: center;} .productList ul.wc-block-grid__products li.wc-block-grid__product.bestDeal .wc-block-grid__product-image::before {content: 'Best Deal'; position: absolute; top: 0px; right: -10px; background: #dc2626; color: #fff; padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; transform: rotate(12deg); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); z-index: 3;} .productList ul.wc-block-grid__products li.wc-block-grid__product {width: calc(25% - 38px); max-width: calc(25% - 38px);} .productList ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title {color: #000; font: 700 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;letter-spacing: 0.2px;} .productList ul.wc-block-grid__products li.wc-block-grid__product .price {color: #000; font: 700 17px / 20px "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor; margin-top: 3px; margin-bottom: 20px;letter-spacing: 1px;} .productList ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button { text-decoration: none; box-shadow: none; text-shadow: none; background-image: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; width: 300px; max-width: 100%;} .productList ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-rating {display: none;} .productList ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button:hover { } /* ------------ Cart ============ */ .page-id-45 main .wp-block-post-title {display: block ; text-align: center; color: #0d4031; font: 700 var(--vt-fs-h1)/1.15 "Kefir", serif;} .cartWrap .woocommerce {max-width: 100% !important; width: 1400px;} .cartWrap .product-thumbnail{padding-top: 20px !important; padding-bottom: 18px !important;} .cartWrap .woocommerce table.shop_table{border:none;} .cartWrap .woocommerce table.shop_table th{font: 500 20px/25px "Quicksand", sans-serif !important; color: #402B23; padding: 12px 12px; text-transform: capitalize;} .cartWrap td.product-remove{position: relative; left: -50px; top: -1px;} .cartWrap td.product-remove a{font-size: 0; padding: 9px; background: #402B23; width: 33px; height: 36px; border-radius: 0;} .cartWrap td.product-remove a::after {content: ''; opacity: 1; background: #402B23; color: #fff; padding: 5px 6px; /*position: absolute; left: 120px; top: auto; bottom: 41%;*/ background-image: url(images/delete-icon01.png); width: 15px; height: 19px; display: block; background-position: center center; background-size: contain;} .cartWrap td.product-remove a:hover {background: #402B23;} .cartWrap .product-thumbnail a img{width: 137px;} .cartWrap .product-name a {font: 500 17px/22px "Quicksand", sans-serif;color: #000;} .cartWrap .product-name a:hover{text-decoration: none; color:#030649; transition: 1s;} .cartWrap .wck-cart a {font-size: 15px;} .cartWrap .wck-cart{display: none;} .cartWrap .woocommerce-Price-amount{font: 500 20px/22px "Quicksand", sans-serif;color: #000;} .cartWrap .coupon .input-text{float: initial !important; width: 385px !important; position: absolute; top: 43px; left: 0;} .cartWrap .coupon{position: relative;} .cartWrap .coupon button{position: absolute; width: 203px; left: 400px; right: auto; top: 42px;} .cartWrap .coupon button:hover{ transition: 1s;} .cartWrap .coupon label{font: 500 17px/22px "Quicksand", sans-serif;color: #402B23; padding-top: 10px;} .cartWrap button.button:disabled[disabled]{display: none;} .cartWrap .cart_totals{font: 500 20px/22px "Quicksand", sans-serif;color: #402B23; text-transform: none;} .cartWrap .woocommerce .cart-collaterals .cart_totals {margin-top: 45px; text-align: right; margin-right: 0px; width: 100%;} .cartWrap .woocommerce .cart-collaterals .cart_totals .shop_table tr th {padding: 15px 12px;} .cartWrap .woocommerce .cart-collaterals .cart_totals .shop_table tr td {padding: 15px 12px !important;} .cartWrap .wc-proceed-to-checkout a {transition: all .5s ease-in-out; width: 250px; float: right;} .cartWrap .wc-proceed-to-checkout a:hover { } .cartWrap .cart-subtotal .woocommerce-Price-amount, .cartWrap .order-total .woocommerce-Price-amount {font: 500 20px/22px "Quicksand", sans-serif;color: #000; float: right; } .cartWrap .woocommerce .quantity input { padding: 0px 10px; width: 130px;} .cartWrap button[name="update_cart"]{position: relative; top: -55px; left: -29px; display: none;} .cartWrap .product-quantity{text-align: center; font: 500 20px/45px "Quicksand", sans-serif!important; color: #474646;} .cartWrap .woocommerce-info{text-align: center; border-top-color: transparent; background: transparent; font: 500 25px/45px "Quicksand", sans-serif !important;} .cartWrap .woocommerce-info::before{display: none;} .cartWrap .product-quantity .quantity {display: flex; align-items: center; justify-content: center;} .cartWrap .product-quantity .quantity input {border: 1px solid #dadada;} .cartWrap .product-quantity .quantity-label {display: none;} .cartWrap .product-quantity button { border: 1px solid #dadada; background: #fff;} .woocommerce-page .cartWrap .cart-collaterals .cart_totals h2 {display: none; color: #402B23; font: 500 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif !important;} .cartWrap .woocommerce .cart-collaterals .cart_totals, .cart-subtotal .woocommerce-Price-amount {padding-top: 0;} .woocommerce-page .cartWrap .shipping-calculator-button {font: 500 17px / 19px "Quicksand", sans-serif; color: #402B23;} .cartWrap .woocommerce .cart-collaterals .cart_totals ul.woocommerce-shipping-methods li label {font: 500 17px / 19px "Quicksand", sans-serif; color: #402B23;} .cartWrap .woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-destination {font: 500 17px / 19px "Quicksand", sans-serif; color: #402B23;} .cartWrap .woocommerce .return-to-shop {display: none;} .cartWrap .woocommerce table.shop_table .product-thumbnail {width: 255px;} .cartWrap .woocommerce .woocommerce-cart-form {display: grid;} /* .cartWrap .woocommerce .woocommerce-cart-form .upsell-products-section:not(:first-child) {display: none;} */ .cartWrap .woocommerce .woocommerce-cart-form .upsell-products-section {order: 2; padding: 70px 15px 20px; } .cartWrap .woocommerce .woocommerce-cart-form .upsell-products-section > h2 {font: 500 var(--vt-fs-h2)/1.2 "Quicksand", sans-serif; color: #000;} .cartWrap .woocommerce .woocommerce-cart-form .shop_table {order: 1;} .cartWrap .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {width: 100%;} .upsell-products-section h2 {font-size: var(--vt-fs-h2); margin-bottom: 15px; color: #402B23;} .upsell-products-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(265px, 1fr)); gap: 20px;} .upsell-product-image {max-width: 100%; height: auto; margin-bottom: 15px; } .upsell-products-section .upsell-products-grid .upsell-product {display: flex; padding: 15px 10px; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-radius: 10px;} .upsell-products-section .upsell-products-grid .upsell-product > a {flex: 0 0 95px; width: 95px; height: 107px; text-decoration: none; margin-right: 15px;} .upsell-products-section .upsell-products-grid .upsell-product > a img {height: 100%; width: 100%; object-fit: contain;} .upsell-products-section .upsell-products-grid .upsell-product .product.woocommerce {max-width: 100% !important; width: auto !important; border: none !important; padding: 0 !important;} /* .upsell-products-section .upsell-products-grid .upsell-product .product.woocommerce > span {display: block;} */ .upsell-products-section .upsell-products-grid .upsell-product .product.woocommerce > span.woocommerce-Price-amount {font: 500 16px/20px "Quicksand", sans-serif; color: #000000;} .upsell-products-section .upsell-products-grid .upsell-product .upsell-add-to-cart a {color: #000000;} .upsell-products-section .upsell-products-grid .upsell-product .upsell-add-to-cart a h3 {margin-top: 10px; margin-bottom: 5px; font: 500 var(--vt-fs-body)/1.5 "Quicksand", sans-serif; } .upsell-products-section .upsell-products-grid .upsell-product .upsell-add-to-cart .button { cursor: pointer; display: inline-block; margin-top: 10px; transition: all .5s ease-in-out;} .upsell-products-section .upsell-products-grid .upsell-product .upsell-add-to-cart .button:hover { } .moneybackG {display: flex; justify-content: center; align-items: center; column-gap: 15px;} .moneybackG .wp-block-heading {margin: 0px; font: 700 var(--vt-fs-body)/1.5 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor; color: #000000;} .footerCartCard .wp-block-heading {font: 400 var(--vt-fs-body)/1.5 "Quicksand", sans-serif; color: #000000;} /* Checkout Page ----------------------------------*/ .page-id-46 main .wp-block-post-title, .page-id-7397 main .wp-block-post-title {display: block ; text-align: center; color: #0d4031; font: 700 var(--vt-fs-h1)/1.15 "Kefir", serif;} .checkout_container .woocommerce {max-width: 100% !important; width: 1400px;} .checkout_container .col-1, .checkout_container .col-2 {flex: none; max-width: none; padding-left: 0; padding-right: 0; } .checkout_container form .form-row {display: block; padding: 0; margin-bottom: 15px !important; } .checkout_container #customer_details .woocommerce-billing-fields > h3, .checkout_container #customer_details .woocommerce-additional-fields > h3, .checkout_container form.woocommerce-checkout h3#order_review_heading {font: 700 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;color: #402B23;padding: 0;margin: 10px 0 10px 15px;text-transform: none; } .checkout_container .woocommerce form .form-row label { } .checkout_container .woocommerce form .form-row input.input-text { padding: 8px 14px; border: 1px solid #cecece; } .checkout_container .woocommerce-checkout-review-order table.shop_table {width: 100%; padding: 3px; background-color: #f0f0f0; border: none; border-radius: 0; margin-bottom: 12px; } .checkout_container .woocommerce-checkout-review-order table.shop_table thead tr th, .checkout_container .woocommerce-checkout-review-order table.shop_table tfoot tr.cart-subtotal th, .checkout_container .woocommerce-checkout-review-order table.shop_table tfoot tr.order-total th {font: 500 18px/22px "Quicksand", sans-serif; color: #402B23; border: none; } .checkout_container .woocommerce-checkout-review-order table.shop_table thead tr th:last-child, .checkout_container .woocommerce-checkout-review-order table.shop_table tr.cart_item td:last-child, .checkout_container .woocommerce-checkout-review-order table.shop_table tfoot tr.cart-subtotal td:last-child, .checkout_container .woocommerce-checkout-review-order table.shop_table tfoot tr.order-total td:last-child {text-align: right; } .checkout_container .woocommerce-checkout-review-order table.shop_table tr.cart_item td, .checkout_container .woocommerce-checkout-review-order table.shop_table tfoot tr.cart-subtotal td, .checkout_container .woocommerce-checkout-review-order table.shop_table tfoot tr.order-total td {font: 400 18px/22px "Quicksand", sans-serif; color: #402B23; border: none; } .checkout_container #payment {font: 400 16px/22px "Quicksand", sans-serif; color: #402B23; border-radius: 0; } .checkout_container #payment .woocommerce-privacy-policy-text p {font: 400 16px/26px "Quicksand", sans-serif;} .checkout_container #payment .woocommerce-privacy-policy-text p a {color: #68991C; text-decoration: none; } .checkout_container #payment .place-order button.button { box-shadow: none !important; text-shadow: none; background-image: none; margin-top: 12px; width: 100%;} .checkout_container #payment .place-order button.button:hover { } /* ------------- Single product */ .flotingCard {position: absolute; top: 45px; left: 95px; max-width: 400px;} .flotingCard > p {font: 400 16px/21px "Quicksand", sans-serif; text-align: end;} .flotingCard > p strong {display: block; text-transform: none;} .flotingCard > .wp-block-image {flex: 0 0 80px;} .flotingCard-1 {top: 185px; left: 0px; max-width: 337px;} .flotingCard-2 {top: auto; bottom: 158px; left: 45px; max-width: 345px;} .flotingCard-3 {top: auto; bottom: 0px; left: 0px; max-width: 337px;} .flotingCard-4 {top: 45px; left: auto; right: 210px; max-width: 400px;} .flotingCard-5 {top: 185px; left: auto; right: 75px; max-width: 337px;} .flotingCard-6 {top: auto; bottom: 158px; left: auto; right: 94px; max-width: 345px;} .flotingCard-7 {top: auto; bottom: 0px; left: auto; right: 55px; max-width: 337px;} .flotingCard-4 > p, .flotingCard-5 > p, .flotingCard-6 > p, .flotingCard-7 > p { text-align: left;} .flotingCard-8 {top: 80px; left: 100px; max-width: 400px;} .flotingCard-9 {top: 205px; left: 100px; max-width: 337px;} .flotingCard-10 {top: auto; bottom: 62px; left: 155px; max-width: 345px;} .flotingCard-11 {top: 80px; left: auto; right: 210px; max-width: 400px;} .flotingCard-12 {top: 205px; left: auto; right: 125px; max-width: 337px;} .flotingCard-13 {top: auto; bottom: 62px; left: auto; right: 200px; max-width: 345px;} .flotingCard-11 > p, .flotingCard-12 > p, .flotingCard-13 > p { text-align: left;} .flotingCard-14 {top: 50px; left: 30px; max-width: 350px;} .flotingCard-15 {top: 240px; left: 0px; max-width: 345px;} .flotingCard-16 {top: auto; bottom: 35px; left: 10px; max-width: 350px;} .flotingCard-17 {top: 50px; left: auto; right: 30px; max-width: 350px;} .flotingCard-18 {top: 240px; left: auto; right: 0px; max-width: 345px;} .flotingCard-19 {top: auto; bottom: 35px; left: auto; right: 10px; max-width: 350px;} .flotingCard-17 > p, .flotingCard-18 > p, .flotingCard-19 > p { text-align: left;} /* ------ Product tabs */ /* ---- mini cart */ .wc-block-mini-cart__drawer {font-family: "Quicksand", sans-serif; font-weight: 500;} .wc-block-mini-cart__drawer .wc-block-components-product-name {color: #0D4031;} .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart {transition: all .5s ease-in-out; border-radius: 10px; padding: 13px 30px; box-shadow: none; } .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart:hover {background: #402B23;} .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-checkout {border-radius: 10px; padding: 13px 30px; box-shadow: none; background: #402B23; color: #fff; border: 1px solid #402B23; transition: all .5s ease-in-out;} .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-checkout:hover {background: #fff; color: #000; border: 1px solid #000;} .policyConWrap h2, .policyConWrap h3, .policyConWrap h4, .policyConWrap h5, .policyConWrap h6 {font-family: "Quicksand", sans-serif; font-weight: 500;} .policyConWrap p {font: 400 18px / 28px "Quicksand", sans-serif;} .policyConWrap ul li {font: 400 18px / 28px "Quicksand", sans-serif;} .woocommerce-notices-wrapper a.button {transition: all .5s ease-in-out;-webkit-text-stroke: 0.3px currentColor;} .woocommerce-notices-wrapper a.button:hover { } /* -------- Account */ /* ---------- my account subscribe */ .checkout_container .woocommerce form.woocommerce-checkout {flex-wrap: wrap;} .checkout_container .woocommerce form.woocommerce-checkout .woocommerce-NoticeGroup {flex: 0 0 100%;} .woocommerce .wp-block-query-pagination .wp-block-query-pagination-numbers a {width: 30px; height: 30px; display: inline-block; color: #0D4031; text-align: center;} .woocommerce .wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers.current {background: #0D4031;width: 30px;height: 30px;display: inline-block;align-content: center;text-align: center;color: #fff !important;border-radius: 50px;} .woocommerce .wp-block-query-pagination .wp-block-query-pagination-next, .woocommerce .wp-block-query-pagination .wp-block-query-pagination-previous {color: #0D4031;} .bestSellerSection ul.products li.product .product_block .onsale {display: none;} .singlePostWrap ul.products li.product .product_block {} .singlePostWrap ul.products li.product .product_block {text-align: center;} .singlePostWrap ul.products li.product .product_block .price {color: #000; font: 700 17px/20px "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .singlePostWrap ul.products li.product .product_block .star-rating {display: none;} .singlePostWrap ul.products li.product .product_block a.add_to_cart_button, .singlePostWrap ul.products li.product .product_block a.add_to_cart_button:hover, .singlePostWrap ul.products li.product .product_block a.add_to_cart_button:active, .singlePostWrap ul.products li.product .product_block a.add_to_cart_button:focus{font: 700 20px "Quicksand", sans-serif; padding:16px 50px; text-transform: none; text-decoration: none; border-radius:10px; box-shadow: none; text-shadow: none; background-image: none; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;display: inline-block;} .singlePostWrap ul.products li.product .product_block a.add_to_cart_button:hover{ } .singlePostWrap ul.products li.product .product_block img {margin-bottom: 0; max-height: 337px; object-fit: contain;} /* ------------------- */ .oldBanner {display:none !important; width: 0; height: 0;} /* --------- */ /* ------------ Organic ------------ */ /* ----------- New slider ---------- */ .slidercardslist .slidercards-box {background-image: linear-gradient(rgb(195, 136, 90) 71%, rgb(248, 234, 218) 75%); border-radius: 20px; overflow: hidden; min-height: 400px;} .slidercardslist .owl-item .slidercards-box.reishi {background: linear-gradient(180deg, rgb(195, 136, 90) 71%, rgb(248, 234, 218) 74%); } .slidercardslist .owl-item .slidercards-box.chaga {background-image: linear-gradient(rgb(232, 213, 196) 68%, rgb(248, 234, 218) 72%);} .slidercardslist .owl-item .slidercards-box.lions-mane {background-image: linear-gradient(rgb(247, 224, 195) 71%, rgb(248, 234, 218) 75%);} .slidercardslist .owl-item .slidercards-box.cordyceps {background-image: linear-gradient(rgb(254, 244, 221) 71%, rgb(248, 234, 218) 75%);} .slidercardslist .slidercards-box .slidercards-info {padding: 70px 10px 25px 10px; background: url(images/card-bg1.png) no-repeat top; background-size: cover; text-align: center;} .slidercardslist .slidercards-box .slidercards-info h2 {font: 700 var(--vt-fs-h2)/1.2 "Quicksand", sans-serif !important; color: #0D4031;} .slidercardslist .owl-item .slidercards-box.reishi .slidercards-info h2 {margin-top: 5px;} .slidercardslist .slidercards-box .slidercards-info h4 {color: #0D4031; font: 400 var(--vt-fs-body-l)/1.5 "Quicksand", sans-serif !important; margin-top: 10px;} .slidercardslist .slidercards-box .slidercards-info p {font: 400 18px/26px "Quicksand", sans-serif; margin-top: 10px; color: #0D4031; padding-right: 30px; padding-left: 30px;} .slidercardslist .slidercards-box .slidercards-info .blogBtnWrap {text-align: center; margin-top: 25px;} .slidercardslist .slidercards-box .slidercards-info .blogBtnWrap a {transition: all .5s ease; display: inline-block;-webkit-text-stroke: 0.3px currentColor;} .slidercardslist .slidercards-box .slidercards-info .blogBtnWrap a:hover { } .slidercardslist .slidercards-box .slidercards-img img {max-height: 332px; object-fit: contain;} /* ------- Blog quiz banner ------- */ .quizBannerBlog .BannerBlogWrap .wp-block-heading {font-family: "Kefir", serif; font-weight: 700;} .quizBannerBlog .BannerBlogWrap .wp-block-button__link {font-family: "Quicksand", sans-serif; font-weight: 700;} .quizBannerBlog .BannerBlogWrap ul {padding-left: 0px; display: flex; column-gap: 20px;} .quizBannerBlog .BannerBlogWrap ul li {list-style: none; position: relative; padding-left: 16px; font: 400 12px / 22px "Quicksand", sans-serif;} .quizBannerBlog .BannerBlogWrap ul li::before {content: ''; background: url(images/blog-arrow-right.png) no-repeat center; background-size: contain; width: 12px; height: 12px; display: inline-block; margin-right: 6px; position: absolute; top: 5px; left: 0px;} /*Responsive.............*/ @media (max-width: 1366px) { /* ------------ Home ------------- */ .bannerBottomWrapCard h3.wp-block-heading {font: 500 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif !important;} .leftimgafter {margin-left: 30px;} .aboutContactImg {height: 100%;} .aboutContactImg img {height: 100%;} /* ----------- Shop page --------- */ .productList ul.wc-block-grid__products li.wc-block-grid__product .wp-block-button {margin: 0px;} .productList ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button {width: 100%; max-width: 100%;} /* -------- Blog page ------- */ .single-post main {padding: 0 20px;} .single-post main .singlePostWrap {margin: 10px 0; padding: 10px;} .single-post main .entry-content {margin: 10px 0;} /* ---------- Shop details -------- */ } @media (max-width: 1024px) { /* --------- Footer Start --------- */ .footerWrapSection {padding-right: 10px; padding-left: 10px;} footer .footerNavWrap .wp-block-group:nth-child(1) {width: 260px;} footer .footerNavWrap .wp-block-group:nth-child(2) {width: 260px;} footer .footerNavWrap .wp-block-group:nth-child(3) {flex: 0 0 323px;} footer .footerNavWrap .wp-block-group:nth-child(4) {padding-left: 30px !important;} /* --------- HOme --------- */ .bannerBottomWrapCard h3.wp-block-heading {font: 500 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif !important;} .bestSellerSection ul.products li.product {width: 46%;} .storySection .wp-block-columns {flex-direction: column;} .storySection .storyImgWrap {border-radius: 40px;} .storySection .wp-block-columns > .wp-block-column {border-radius: 40px;} .coffeeBenefitsWrap {padding-right: 20px !important; padding-left: 20px !important;} .coffeeBenefitsWrap .benefitsTable {padding-right: 20px !important; padding-left: 20px !important;} .homeblog-list .homeblog-box h2 {font: 500 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;} /* ------------- About -------- */ .aboutimgwithtext {flex-direction: column !important;} .aboutimgwithtext .wp-block-column {padding-right: 10px !important; padding-left: 10px !important;} .aboutimgwithtext .wp-block-column .wp-block-buttons {justify-content: center;} .aboutimgwithtext .wp-block-column .wp-block-image {max-width: 600px; margin: 0 auto;} .imgFirst-m {flex-direction: column-reverse !important;} /* ------------- Shop page ------- */ .catInfoSection > .wp-block-column {flex-basis: 50% !important;} .productList ul.wc-block-grid__products {column-gap: 20px;} .productList ul.wc-block-grid__products li.wc-block-grid__product {width: calc(33% - 15px); max-width: calc(33% - 15px);} .catCardPac > .wp-block-column h4 {font: 700 15px/18px "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .catCardPac > .wp-block-column h5 {font: 500 15px / 18px "Quicksand", sans-serif;} /* ----------- Blog page ------ */ .blog-list .blogCard .blogImg {height: auto; } .pageLinkNav .pageLinks {text-align: center;} /* ----------- Shop details -------- */ .flotingCard {position: static;} .benefitsTable {padding-top: 35px !important; padding-bottom: 20px !important;} .benefitsTable > .wp-block-columns > .wp-block-column:nth-child(1) {flex-basis: 50% !important;} .benefitsTable > .wp-block-columns > .wp-block-column:nth-child(2) {flex-basis: 25% !important; align-content: center;} .benefitsTable > .wp-block-columns > .wp-block-column:nth-child(3) {flex-basis: 25% !important; align-content: center;} .flotingCard > p strong {margin-bottom: 6px;} /* ------- Shop details --- */ /* ------------- cart page -------- */ .cartWrap .product-quantity {font: 500 15px/25px "Quicksand", sans-serif !important; color: #402B23;} .cartWrap .product-name a {font: 500 15px/22px "Quicksand", sans-serif;} .cartWrap .woocommerce-Price-amount {font: 500 15px/22px "Quicksand", sans-serif;} .cartWrap td.product-remove {left: 0;} /* ------- Blog quiz banner ------ */ .quizBannerBlog {padding-top: 30px !important; padding-bottom: 30px !important;} .quizBannerBlog .BannerBlogWrap {max-width: 630px; text-align: center;} } @media (max-width: 991px) { /* ----------- Home ------------ */ .wellnessSection > .wp-block-columns {flex-direction: column;} .wellnessSection .wellnessLeftCard .wp-block-group {margin-right: 0px;} .wellnessSection .wellnessLeftCard .wp-block-buttons {justify-content: center;} .wellnessSection .quizImgWrap {text-align: center;} /* ---------- Cart ---------- */ .cartWrap button[name="update_cart"] {top: 0; left: 0;} .cartWrap .coupon {padding-bottom: 78px !important;} .cartWrap .coupon .input-text {} .cartWrap .coupon button {width: 203px !important;} .cartWrap .product-quantity {} } @media (max-width: 781px) { /* -------- Header -------- */ .siteHeaderWrap nav.wp-block-navigation ul.wp-block-navigation__container {column-gap: 15px;} .siteHeader nav.wp-block-navigation ul.wp-block-navigation__container li.wp-block-navigation-item a.wp-block-navigation-item__content {font: 700 16px / 18px "Quicksand", sans-serif;} /* ------- Footer ------- */ .footerWrapSection {padding-bottom: 20px;} footer .footerNavWrap > .wp-block-group {flex: 0 0 50%; width: 50%;} footer .footerNavWrap .wp-block-group:nth-child(4) {padding-left: 0px !important;} footer .footerNavWrap {flex-wrap: wrap; row-gap: 20px; justify-content: space-between;} .newsletterSection .tnp-subscription {margin-top: -20px;} .footerBottomBar {margin-top: 10px;} .bannerBottomWrapCard.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 25% !important;} .benefitsTableWrap {overflow: scroll;} .benefitImgWrap img {border-radius: 20px !important; padding: 0 5px;} /* .benefitsTableWrap .benefitsTable {width: 890px; max-width: 890px;} */ /* .benefitsTableWrap .benefitsTable > .wp-block-columns > .wp-block-column:nth-child(1) {flex-basis: 60% !important;} .benefitsTableWrap .benefitsTable > .wp-block-columns > .wp-block-column:nth-child(2) {flex-basis: 20% !important;} .benefitsTableWrap .benefitsTable > .wp-block-columns > .wp-block-column:nth-child(3) {flex-basis: 20% !important; align-content: center;} */ /* --------- ----------- */ .benefitsTableWrap .benefitsTable {width: auto; max-width: auto;} .coffeeBenefitsWrap {padding-right: 7px !important; padding-left: 7px !important;} .coffeeBenefitsWrap .benefitsTable {padding-right: 10px !important; padding-left: 10px !important;} .benefitsTableWrap .benefitsTable > .wp-block-columns > .wp-block-column:nth-child(1) {flex-basis: 55% !important;} .benefitsTableWrap .benefitsTable > .wp-block-columns > .wp-block-column:nth-child(2) {flex-basis: 22% !important;} .benefitsTableWrap .benefitsTable > .wp-block-columns > .wp-block-column:nth-child(3) {flex-basis: 23% !important; align-content: center;} .catCardPac {flex-wrap: nowrap !important;} .productList ul.wc-block-grid__products li.wc-block-grid__product {width: calc(50% - 15px); max-width: calc(50% - 15px); flex: 0 0 50%;} /* -------------- Blog details ---------- */ .single-post main {padding: 0 10px;} .single-post main .singlePostWrap {padding: 0;} .single-post main .singlePostTitle {font: 700 var(--vt-fs-h1)/1.15 "Kefir", serif;} /* ----------- Shop details ---------- */ .videoColWrap {padding: 0 50px;} .videoColWrap.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 46% !important;} .benefitsTable > .wp-block-columns > .wp-block-column:nth-child(1) {flex-basis: 100% !important;} .benefitsTable > .wp-block-columns > .wp-block-column:nth-child(2) {flex-basis: 100% !important; align-content: center;} .benefitsTable > .wp-block-columns > .wp-block-column:nth-child(3) {flex-basis: 100% !important;} .flotingCard {width: 100%; max-width: 428px; margin: 0 auto;} .flotingCard-1, .flotingCard-2, .flotingCard-3, .flotingCard-0, .flotingCard-8, .flotingCard-9, .flotingCard-10 {flex-direction: row-reverse; justify-content: flex-end;} .flotingCard > p {text-align: left;} } @media (min-width: 768px) { .checkout_container #customer_details .col-1, .checkout_container #customer_details .col-2 {float: none; width: 100%;} .checkout_container .woocommerce form.woocommerce-checkout {display: flex; column-gap: 45px;} .checkout_container .woocommerce form.woocommerce-checkout > #customer_details, .checkout_container .woocommerce form.woocommerce-checkout > .product_checkoutwrapper {flex: 0 0 48%; max-width: 48%;} } @media (max-width: 768px) { .cartWrap td.product-remove a {margin: 0 auto;} .cartWrap button[name="update_cart"] { } .cartWrap .product-quantity .quantity {justify-content: end;} .cartWrap .woocommerce .cart-collaterals .cart_totals .shop_table tr td {padding: 15px 12px 41px !important;} .slidercardslist {padding: 0 20px;} } @media (max-width: 767px) { .desktopV {display: none !important;} .mobileV {display: block !important;} /* ------------ Header ------- */ .siteHeaderWrap .headerTopBar {font: 700 13px/33px "Quicksand", sans-serif; color: #fff;} .siteHeader > .wp-block-site-logo {order: 2;} .siteHeader > .wp-block-group:nth-child(2) {order: 1; width: 20vw;} .siteHeader > .wp-block-group:nth-child(3) {order: 3; width: 20vw;} .siteHeader > .wp-block-group:nth-child(3) .wp-block-columns .wc-block-mini-cart__button {padding-left: 0px; padding-right: 0px;} .siteHeader > .wp-block-group:nth-child(2) nav > .wp-block-navigation__responsive-container {} .siteHeader > .wp-block-group:nth-child(2) nav > .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close {right: auto; left: -20px;} .siteHeader .custom-logo{width:60px!important;height:auto!important;} .siteHeaderWrap {padding-bottom: 0px !important;} :root :where(.wp-block-group){padding-top: var(--wp--preset--spacing--20);padding-bottom: var(--wp--preset--spacing--20);} /* -------- Footer ------ */ footer .footerNavWrap .wp-block-group:nth-child(3) {flex: 0 0 100%; padding-left: 0px !important;} footer .footerNavWrap .wp-block-group:nth-child(4) {flex: 0 0 100%; width: 100%;} .footerImgWrap {padding: 0 50px;} .newsletterSection {padding: 0;} footer .footerNavWrap {padding-bottom: 0;} /* .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {} */ .siteHeaderWrap nav.wp-block-navigation ul.wp-block-navigation__container {align-items: flex-start !important; row-gap: 15px !important; width: 100%;} .siteHeaderWrap nav.wp-block-navigation ul.wp-block-navigation__container li {} /* ------------ Home ----------- */ .bannerBottomWrapCard.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 50% !important;} .bannerBottomWrapCard .wp-block-column .wp-block-image img {width: 50px;} /* .bannerBottomWrapCard {row-gap: 0px; padding: 30px 0px;} .bannerBottomWrapCard .wp-block-column .wp-block-group {flex-direction: column;} */ .bestSellerSection {padding-left: 10px !important; padding-right: 10px !important;} .bestSellerSection h2.wp-block-heading {margin-bottom: 10px;} .bestSellerSection ul.products li.product {width: 100% !important;} .bestSellerSection ul.products li.product .product_block a.add_to_cart_button, .bestSellerSection ul.products li.product .product_block a.add_to_cart_button:hover, .bestSellerSection ul.products li.product .product_block a.add_to_cart_button:active, .bestSellerSection ul.products li.product .product_block a.add_to_cart_button:focus {padding: 15px 35px; font: 700 17px "Quicksand", sans-serif;} .bestSellerSection ul.products li.product .product_block h2.woocommerce-loop-product__title {font: 700 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .bestSellerSection ul.products li.product .product_block .price {font: 700 17px / 20px "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .bestSellerSection .product-box a.add_to_cart_button, .bestSellerSection .product-box a.add_to_cart_button:hover, .bestSellerSection .product-box a.add_to_cart_button:active, .bestSellerSection .product-box a.add_to_cart_button:focus {padding: 15px 35px; font: 700 17px "Quicksand", sans-serif;} .bestSellerSection .product-box h2.product__title {font: 700 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .bestSellerSection .product-box h2.product__title a {font: 700 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .bestSellerSection .product-box .price {font: 700 17px / 20px "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .bestSellerSection .product-box img {max-height: 258px;} .bestSellerSection .owl-controls {margin-top: 25px;} .bestSellerSection .owl-carousel .owl-nav{display:block;} .bestSellerSection .owl-carousel .owl-nav .owl-prev,.bestSellerSection .owl-carousel .owl-nav .owl-next{position:absolute;top:38%;transform:translateY(-50%);border:0;background:transparent!important;padding:0!important;width:auto;height:auto;border-radius:0;color:#0D4031;font-size:30px;font-weight:400;line-height:1;transition:opacity .2s ease,transform .2s ease;} .bestSellerSection .owl-carousel .owl-nav .owl-prev{left:4px;} .bestSellerSection .owl-carousel .owl-nav .owl-next{right:4px;} .bestSellerSection .owl-carousel .owl-nav .owl-prev:hover,.bestSellerSection .owl-carousel .owl-nav .owl-next:hover{opacity:1;transform:translateY(-50%) scale(1.08);} @media (min-width:440px){.bestSellerSection .owl-carousel .owl-nav{display:none!important;}} .storySection .wp-block-columns > .wp-block-column:last-child {padding-left: 20px !important; padding-right: 20px !important;} .storySection .wp-block-column h2.wp-block-heading {font: 700 var(--vt-fs-h2)/1.2 "Kefir", serif;} .storySection .wp-block-column h3.wp-block-heading {font: 400 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;} .realCardWrap > .wp-block-column {text-align: center;} .realCardWrap > .wp-block-column .wp-block-heading {margin-top: 24px; margin-top: 24px !important;} .wellnessSection .wellnessLeftCard > .wp-block-group {padding-left: 20px !important; padding-right: 20px !important;} .wellnessSection .wellnessLeftCard h3 {} .wellnessSection .wellnessLeftCard p {font: 500 18px/28px "Quicksand", sans-serif !important;} .testiImgWrap {flex-direction: row; flex-wrap: nowrap !important;} .testiImgWrap > .wp-block-column .wp-block-image {margin-left: 0;} .testiImgWrap > .wp-block-column .wp-block-image img {border-radius: 20px !important;} .starRateWrap img {max-width: 150px;} .headingTextFont {font-size: var(--vt-fs-h2) !important;} .benefitsTableWrap .benefitsTable {width: auto; max-width: auto;} .benefitImgWrap img {border-radius: 20px !important; padding: 0 5px;} .benefitsTable h5.wp-block-heading {font: 700 var(--vt-fs-h4)/1.3 "Quicksand", sans-serif !important;} .benefitsTable h4.wp-block-heading {font: 700 var(--vt-fs-h4)/1.3 "Quicksand", sans-serif !important;} .benefitsTable h3.wp-block-heading {font: 400 var(--vt-fs-h4)/1.3 "Quicksand", sans-serif !important;} .benefitsTable h2.wp-block-heading {font: 700 var(--vt-fs-h2)/1.2 "Quicksand", sans-serif !important; margin-bottom: 10px !important;} .benefitsTable p {font: 400 15px/24px "Quicksand", sans-serif !important;} .benefitsListWrap > .wp-block-column.benefitsTitleWrap {padding: 15px 15px !important;} .benefitsListWrap > .wp-block-column.benefitsTitleWrap h4.wp-block-heading {font: 700 var(--vt-fs-h4)/1.3 "Quicksand", sans-serif !important;} .benefitsListWrap > .wp-block-column img {width: 25px; height: 25px;} .benefitDifferenceWrap > .wp-block-column img {width: 25px; height: 25px;} .coffeeBenefitsWrap {padding-bottom: 0px !important;} /* ----------- About page ----- */ .paragraphTextFont {font-size: 16px !important;} .banner-animation {min-height: 200px !important;} .leftimgafter::after {left: -10px; right: 30px; top: 30px; bottom: -10px;} .rightimgafter::after {left: 30px; right: -10px; top: 30px; bottom: -10px;} .aboutimgwithtext .wp-block-column p {font: 400 16px / 26px "Quicksand", sans-serif !important;} .aboutIcon {flex: 0 0 46px;} /* -------------- Shop page ------------- */ .shopBannerSection h2.wp-block-heading {font: 700 var(--vt-fs-h1)/1.15 "Kefir", serif !important;} .shopBannerSection .wp-block-buttons .wp-block-button a.wp-block-button__link {font: 700 18px/25px "Quicksand", sans-serif !important; padding: 10px 30px !important;} .catInfoSection > .wp-block-column > .wp-block-group {text-align: center;} .catInfoSection .wp-block-group .catStar {margin: 0 auto 16px !important; float: unset;} .catInfoSection .wp-block-group .catDes {font: 400 16px/28px "Quicksand", sans-serif !important;} .catCardPac {flex-wrap: wrap !important; row-gap: 10px;} .catCardPac.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 46% !important; width: 47%; flex: 0 0 47%;} .productList ul.wc-block-grid__products li.wc-block-grid__product {width: 100%; max-width: 100%;} /* ------------ Blog details ----------- */ .single-post main .singlePostTitle {font: 700 var(--vt-fs-h1)/1.15 "Kefir", serif; margin: 15px 0;} .singlePostWrap .entry-content h2 {font-size: var(--vt-fs-h2) !important; line-height: 1.2 !important;} .singlePostWrap .entry-content h3 {font-size: var(--vt-fs-h3); line-height: 1.3;} /* ---------- Contact --------- */ .contactinfo {padding: 28px !important;} .contactInfoCard .wp-block-heading {font: 500 var(--vt-fs-body)/1.5 "Quicksand", sans-serif !important;} .videoColWrap { padding: 0 10px;} .benefitsTable {padding-top: 15px !important;} .wp-container-core-group-is-layout-163e102e {padding-top: 20px !important;} /* ----------- Cart --------- */ .cartWrap td.product-remove {text-align: center !important;} .cartWrap td.product-remove a {margin: 0 auto;} .cartWrap button[name="update_cart"] { } .cartWrap .woocommerce .woocommerce-cart-form .upsell-products-section {padding: 20px 15px 20px;} .page-id-45 main .wp-block-post-title {font: 700 var(--vt-fs-h1)/1.15 "Kefir", serif;} .cartWrap .woocommerce .woocommerce-cart-form .upsell-products-section > h2 {text-align: center;} .cartWrap .coupon .input-text {width: 100% !important;} .cartWrap .coupon button {margin-top: 62px; position: unset;} .cartWrap .coupon {position: relative; flex-direction: column; padding-bottom: 30px !important;} /* ------ Checkout page ------ */ .page-id-46 main .wp-block-post-title, .page-id-7397 main .wp-block-post-title {font: 700 var(--vt-fs-h1)/1.15 "Kefir", serif;} .newsletterSection form .tnp-field.tnp-field-button .tnp-submit { width: 164px;} .newsletterSection form .tnp-field-email input { background: transparent url(images/newsletter-icon1.png) no-repeat 25px 19px !important;} .policyConWrap p {font: 400 17px / 29px "Quicksand", sans-serif;} .policyConWrap ul li {font: 400 17px / 28px "Quicksand", sans-serif;} .homeblog-list .owl-controls .owl-dots .owl-dot span {width: 8px; height: 8px;} .homeblog-list .owl-controls .owl-dots .owl-dot.active span {width: 8px; height: 8px;} .singlePostWrap ul.products li.product {width: 100% !important;} .singlePostWrap ul.products li.product .product_block a.add_to_cart_button, .singlePostWrap ul.products li.product .product_block a.add_to_cart_button:hover, .singlePostWrap ul.products li.product .product_block a.add_to_cart_button:active, .singlePostWrap ul.products li.product .product_block a.add_to_cart_button:focus {padding: 15px 35px; font: 700 17px "Quicksand", sans-serif;} .singlePostWrap ul.products li.product .product_block .price {font: 700 17px / 20px "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;} .addons-wrapper {margin: 20px 0;} .policyConWrap h2 {font-size: var(--vt-fs-h2); line-height: 1.2;} .policyConWrap h3 {font-size: var(--vt-fs-h3); line-height: 1.3;} .policyConWrap h4 {} .policyConWrap h5 {} .policyConWrap h6 {} } .wp-block-navigation__responsive-container-open svg{width:26px!important;height:26px!important;} .home .siteHeaderWrap{position:absolute !important;top:0;left:0;width:100%;max-width:none !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;z-index:999;background:transparent !important;overflow:visible !important;border:0 !important;} .home .siteHeaderWrap .wp-block-group,.home .siteHeaderWrap .header-wrap,.home .siteHeaderWrap .site-header{background:transparent!important;} .home .siteHeaderWrap,.home .siteHeaderWrap *{box-shadow:none!important;border-bottom:0!important;} .home .siteHeaderWrap .wp-block-navigation__responsive-container-open{color:#fff!important;fill:#fff!important;stroke:#fff!important;} .home .siteHeaderWrap>*{position:relative;z-index:1;} .home .siteHeaderWrap::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.20)!important;backdrop-filter:blur(1.5px)!important;-webkit-backdrop-filter:blur(1.5px)!important;box-shadow:0 10px 10px rgba(0,0,0,.2)!important;} @media (max-width:767px){.home .siteHeaderWrap .wp-block-navigation__responsive-container{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;overflow:auto!important;z-index:999999!important;}} @media (min-width:768px){.home .siteHeaderWrap .wp-block-navigation-item__label{color:#fff!important;} .home .siteHeaderWrap::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.15)!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 4px 12px rgba(0,0,0,.16)!important;} } @media (min-width:768px){.heroBannerResponsive .text_sub_head_ani{display:inline-block;background: rgb(64 43 35 / .3);color:#fff !important;border-radius: 6px;backdrop-filter: blur(6px);line-height: 1.15;font-size: 28px !important;transform: translateY(25px);margin-left: auto;margin-right: auto;text-align: center;padding: 6px 10px;} .heroBannerResponsive .text_head_ani{transform:translateY(-20px) !important;} .heroBannerResponsive .wp-block-buttons{transform:translateY(20px);} } @media (max-width:767px){.home .heroBannerResponsive{padding-top: 270px !important;} .heroBannerResponsive .text_head_ani{transform:translateY(-210px) !important;} .heroBannerResponsive .text_sub_head_ani{display:block;background: rgb(64 43 35 / .3);color:#fff !important;border-radius: 6px;backdrop-filter: blur(6px);line-height: 1.15;font-size: 18px !important;transform: translateY(25px);margin-left: auto;margin-right: auto;text-align: center;padding: 6px 8px;} } .bannerTickerSlider { position: relative; overflow: hidden; padding: 20px 0; } .bannerTickerSlider::before, .bannerTickerSlider::after { content: ""; position: absolute; top: 0; bottom: 0; width: 30px; z-index: 2; pointer-events: none; } .bannerTickerSlider::before { left: 0; background: linear-gradient(to right, #402b23 0%, rgba(64, 43, 35, 0) 100%); } .bannerTickerSlider::after { right: 0; background: linear-gradient(to left, #402b23 0%, rgba(64, 43, 35, 0) 100%); } .bannerTickerSlider .slick-track { display: flex !important; align-items: center; } .bannerTickerSlider .bannerTickerSlider__item { height: auto; padding: 0 18px; } .bannerTickerSlider .moving_sec { display: flex; align-items: center; gap: 12px; white-space: nowrap; } .bannerTickerSlider .wp-block-image { margin: 0 !important; flex: 0 0 auto; } .bannerTickerSlider .wp-block-image img { display: block; width: 34px; min-width: 34px; height: auto; } .bannerTickerSlider h3 { margin: 0; font: 700 17px/23px "Quicksand", sans-serif; color: #f4e9df; white-space: nowrap; } .bannerTickerSlider .bannerTickerSlider__item.icon-small .wp-block-image img { width: 30px; min-width: 30px; } .bannerTickerSlider .bannerTickerSlider__item.icon-large .wp-block-image img { width: 42px; min-width: 42px; } .bannerTickerSlider .bannerTickerSlider__item.icon-normal .wp-block-image img { width: 34px; min-width: 34px; } @media (min-width: 768px) { .bannerTickerSlider .bannerTickerSlider__item { padding: 0 12px; } .bannerTickerSlider .wp-block-image img { width: 42px; min-width: 42px; } .bannerTickerSlider h3 { font: 500 22px/28px "Quicksand", sans-serif; } .bannerTickerSlider .bannerTickerSlider__item.icon-small .wp-block-image img { width: 30px; min-width: 30px; } .bannerTickerSlider .bannerTickerSlider__item.icon-large .wp-block-image img { width: 40px; min-width: 40px; } .bannerTickerSlider .bannerTickerSlider__item.icon-normal .wp-block-image img { width: 36px; min-width: 36px; } } @media (min-width: 600px) and (max-width: 767px) { .siteHeader .wp-block-navigation:not(.has-modal-open) > .wp-block-navigation__container { display: none !important; } .siteHeader .wp-block-navigation__responsive-container-open { display: flex !important; align-items: center; justify-content: center; visibility: visible !important; opacity: 1 !important; padding: 0 !important; min-width: auto !important; } .siteHeader .wp-block-navigation__responsive-container-open svg { display: block !important; width: 26px !important; height: 26px !important; } .siteHeader .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; } } .siteHeader .wp-block-navigation .wp-block-navigation-item { display: flex; align-items: center; position: relative; } .siteHeader .wp-block-navigation .wp-block-navigation-item__content { display: inline-flex; align-items: center; } @media (max-width: 767px) { .siteHeader .wp-block-navigation__responsive-container.is-menu-open { background: rgba(255, 255, 255, 0.98) !important; color: #402b23 !important; } .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding: 70px 20px 32px 20px; } .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 0 !important; align-items: flex-start !important; } .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: 100%; text-align: left !important; } .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { display: block; width: 100%; padding: 12px 0; color: #402b23 !important; font: 700 28px/34px "Quicksand", sans-serif; text-align: left !important; justify-content: flex-start !important; } .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close { color: #402b23 !important; } .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close svg { fill: #402b23 !important; stroke: #402b23 !important; } } .headerTopBarTicker{position:relative;overflow:hidden;background:#0d4031;color:#fff;height:33px;display:flex;align-items:center;opacity:0;transition:opacity .15s ease;} .headerTopBarTicker.is-ready{opacity:1;} .headerTopBarTicker__track{display:flex;align-items:center;width:max-content;min-width:max-content;gap:18px;white-space:nowrap;animation:headerTopBarTicker 44s linear infinite;will-change:transform;} .headerTopBarTicker__item,.headerTopBarTicker__sep{flex:0 0 auto;font: 700 14px/1.1 "Quicksand", sans-serif;} .headerTopBarTicker__sep{opacity:.55;} @keyframes headerTopBarTicker{from{transform:translateX(0);}to{transform:translateX(-33.333%);}} .home .heroBannerResponsive .wp-block-button.button_animation .wp-block-button__link{transition:background-color .4s ease,color .4s ease;} .home .heroBannerResponsive .wp-block-button.button_animation .wp-block-button__link:hover{ } .home .bestSellerSection .add_to_cart_button{position:relative;overflow:hidden;display:inline-block;transition:background-color .4s ease,color .4s ease;} .home .bestSellerSection .add_to_cart_button::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.18) 35%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.18) 65%,transparent 100%);transform:skewX(-20deg);transition:left 1.1s ease;pointer-events:none;} .home .bestSellerSection .add_to_cart_button:hover{ } .home .bestSellerSection .add_to_cart_button:hover::before{left:140%;} .home .realCardSliderSimple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;} .home .realCardSliderSimple .realCardBox{text-align:center;} .home .realCardSliderSimple .realCardBox .wp-block-image{margin:0;overflow:hidden;border-radius:20px;} .home .realCardSliderSimple .realCardBox .wp-block-image img{width:100%;height:520px;object-fit:cover;display:block;border-radius:20px;} .home .realCardSliderSimple .realCardBox h3{color:#402B23;font: 700 var(--vt-fs-h2)/1.2 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;margin:34px 0 18px;text-transform: none;} .home .realCardSliderSimple .realCardBox p{color:#000;font: 500 18px/1.7 "Quicksand", sans-serif;margin:0 20px;} @media (max-width:767px){ .home .realCardSliderSimple{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:0 0 12px 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;} .home .realCardSliderSimple::-webkit-scrollbar{display:none;} .home .realCardSliderSimple .realCardBox{flex:0 0 70%;max-width:70%;scroll-snap-align:start;text-align:center;} .home .realCardSliderSimple .realCardBox .wp-block-image{width:100%;aspect-ratio:1/1;margin:0;overflow:hidden;border-radius:20px;} .home .realCardSliderSimple .realCardBox .wp-block-image img{width:100%;height:100% !important;object-fit:cover;display:block;border-radius:20px;} .home .realCardSliderSimple .realCardBox h3{font: 700 var(--vt-fs-h2)/1.2 "Kefir", serif;margin:18px 0 10px;text-align:center;} .home .realCardSliderSimple .realCardBox p{font: 500 16px/1.5 "Quicksand", sans-serif;margin:0 auto;max-width:260px;text-align:center;} } .home .benefitsTable .wp-block-column:nth-of-type(3) h5.wp-block-heading.has-text-align-center.text_animation.has-base-color {color: #f2c65c !important;} .home .benefitsTable .benefitsListWrap > .wp-block-column:nth-child(2) {background-color: rgba(242, 232, 223, 0.10) !important;} .home .benefitsTable .benefitsListWrap > .wp-block-column:nth-child(3) {background: #402b23 !important;} footer .footerWrapSection .footerNavWrap {display:grid !important; grid-template-columns:200px 200px 360px 250px 150px !important; justify-content:center !important; align-items:start !important; column-gap:28px !important; row-gap:0 !important; width:100% !important; padding:0 !important; margin:0 !important;} footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(3) {width:360px !important; max-width:360px !important; justify-self:center !important; padding-left:0 !important;} footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(4) {padding-left:0 !important;} footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(5) {width:150px !important; max-width:150px !important; justify-self:center !important; display:flex !important; align-items:center !important; justify-content:center !important; align-self:center !important;} footer .footerWrapSection .newsletterSection form, footer .footerWrapSection .newsletterSection .tnp-subscription, footer .footerWrapSection .newsletterSection form .tnp-field, footer .footerWrapSection .newsletterSection form .tnp-field-email, footer .footerWrapSection .newsletterSection form .tnp-field.tnp-field-button {width:280px !important; max-width:280px !important; margin-left:auto !important; margin-right:auto !important;} footer .footerWrapSection .newsletterSection form .tnp-field {margin-bottom:8px !important;} footer .footerWrapSection .newsletterSection form .tnp-field-email {margin-top:0 !important; margin-bottom:15px !important; text-align:center !important;} footer .footerWrapSection .newsletterSection form .tnp-field-email input {width:280px !important; max-width:280px !important; padding:10px 18px 10px 52px !important; border:1.5px solid #fff !important; background:transparent url(images/newsletter-icon1.png) no-repeat 18px center !important; background-size:22px auto !important; box-shadow:none !important; } footer .footerWrapSection .newsletterSection form .tnp-field.tnp-field-button {text-align:center !important; margin-top:0 !important; margin-bottom:0 !important;} footer .footerWrapSection .newsletterSection form .tnp-field.tnp-field-button .tnp-submit {display:block !important; width:280px !important; max-width:280px !important; cursor:pointer !important;} footer .footerWrapSection .footerBrandCol .wp-block-social-links {margin:20px 0 0 !important;} footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(5) .footerImgWrap {margin:0 !important; text-align:center !important;} footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(5) .footerImgWrap img {width:120px !important; max-width:120px !important; height:auto !important; margin:0 auto !important; display:block !important;} footer .footerWrapSection .footerBottomBar {margin-top:30px !important;} footer .footerWrapSection .footerBottomBar .wp-block-column p {font-size:16px !important;} @media (max-width:767px){ footer .footerWrapSection {padding:28px 0 18px !important; overflow-x:hidden !important;} footer .footerWrapSection > .alignwide {padding-left:0 !important; padding-right:0 !important;} footer .footerWrapSection .has-global-padding {padding-left:0 !important; padding-right:0 !important;} footer .footerWrapSection .footerNavWrap {display:flex !important; flex-direction:column !important; gap:24px !important; width:100% !important; align-items:center !important; overflow-x:hidden !important;} footer .footerWrapSection .footerNavWrap > .wp-block-group {display:block !important; width:100% !important; max-width:100% !important; margin:0 auto !important; padding:0 !important; text-align:center !important;} footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(3) {order:1 !important;} footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(1) {order:2 !important;} footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(2) {order:3 !important;} footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(4) {order:4 !important;} footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(5) {order:5 !important;} footer .footerWrapSection .footerNavWrap .wp-block-heading {margin:0 0 14px !important; text-align:center !important; font-size: var(--vt-fs-h4) !important; line-height: 1.3 !important;} footer .footerWrapSection .footerNavWrap .wp-block-navigation {display:block !important; width:100% !important; margin:0 auto !important;} footer .footerWrapSection .footerNavWrap .wp-block-navigation__container {display:flex !important; flex-direction:column !important; align-items:center !important; gap:10px !important; width:100% !important; margin:0 auto !important; padding:0 !important;} footer .footerWrapSection .footerNavWrap .wp-block-navigation__container li {text-align:center !important; margin:0 !important; padding:0 !important;} footer .footerWrapSection .footerNavWrap .wp-block-navigation__container li::before {display:none !important;} footer .footerWrapSection .newsletterSection {overflow-x:hidden !important;} footer .footerWrapSection .footerBrandCol {display:flex !important; flex-direction:column !important; align-items:center !important; text-align:center !important; width:100% !important;} footer .footerWrapSection .footerBrandCol .tnp-subscription, footer .footerWrapSection .newsletterSection form, footer .footerWrapSection .newsletterSection form .tnp-field, footer .footerWrapSection .newsletterSection form .tnp-field-email input, footer .footerWrapSection .newsletterSection form .tnp-field.tnp-field-button .tnp-submit {width:100% !important; max-width:280px !important; margin-left:auto !important; margin-right:auto !important;} footer .footerWrapSection .footerInfo {padding-left:0 !important; text-align:center !important;} footer .footerWrapSection .footerInfo li {text-align:center !important; margin:0 0 12px !important;} footer .footerWrapSection .footerInfo li i {position:static !important; display:inline-block !important; margin-right:8px !important;} footer .footerWrapSection .footerContactSocial, footer .footerWrapSection .footerBrandCol .wp-block-social-links {display:flex !important; justify-content:center !important; width:100% !important; margin:10px auto 0 !important; padding:0 !important;} footer .footerWrapSection .footerNavWrap > .wp-block-group:nth-child(5) .footerImgWrap img {width:100px !important; max-width:100px !important; margin:0 auto !important; display:block !important;} footer .footerWrapSection .footerBottomBar {margin-top:18px !important;} footer .footerWrapSection .footerBottomBar .wp-block-column, footer .footerWrapSection .footerBottomBar .wp-block-column p {width:100% !important; text-align:center !important; margin:0 auto !important;} } .home .siteHeader .custom-logo { filter: brightness(0) invert(1) contrast(1.05); } @media (max-width:767px){ .shopBannerSection.has-global-padding {padding-left:0 !important; padding-right:0 !important;} .shopBannerSection > .wp-block-group {display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; justify-content:flex-start !important; align-items:center !important; gap:8px !important; overflow-x:auto !important; overflow-y:hidden !important; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; padding:30px 0 0 0 !important; margin:0 !important;} .shopBannerSection > .wp-block-group.is-content-justification-center {justify-content:flex-start !important;} .shopBannerSection > .wp-block-group::-webkit-scrollbar {display:none;} .shopBannerSection > .wp-block-group > .wp-block-buttons {flex:0 0 auto !important; margin:0 !important; scroll-snap-align:start;} .shopBannerSection > .wp-block-group > .wp-block-buttons:first-child {padding-left:8px !important;} .shopBannerSection > .wp-block-group > .wp-block-buttons .wp-block-button {flex:0 0 auto !important; margin:0 !important;} .shopBannerSection > .wp-block-group > .wp-block-buttons .wp-block-button > .wp-block-button__link {padding:10px 22px !important;} .shopBannerSection h2.wp-block-heading {font-size: var(--vt-fs-h1)!important;} } @media (max-width:767px){ .catCardPac{display:flex!important;flex-wrap:nowrap!important;column-gap:8px!important;row-gap:0!important;} .catCardPac>.wp-block-column{flex:0 0 calc(25% - 6px)!important;max-width:calc(25% - 6px)!important;min-width:calc(25% - 6px)!important;margin:0!important;padding:12px 5px!important;border-radius:12px!important;} .catCardPac>.wp-block-column h4{font-size:14px!important;line-height:15px!important;margin-bottom:5px!important;} .catCardPac>.wp-block-column h5{font-size:12px!important;line-height:14px!important;} } @media (max-width:767px){ .catInfoSection .align-items-end{display:inline-flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:auto!important;margin:0 auto!important;} .catInfoSection .align-items-end>.wp-block-column{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;} .catInfoSection .align-items-end>.wp-block-column:first-child{flex-basis:auto!important;width:auto!important;max-width:none!important;} .catInfoSection .align-items-end>.wp-block-column:last-child{flex-basis:auto!important;width:auto!important;} .catInfoSection .align-items-end .catStar{display:block!important;float:none!important;margin:0!important;} .catInfoSection .align-items-end .catStar.alignleft{float:none!important;margin:0!important;} .catInfoSection .align-items-end .catStar img{display:block!important;width:89px!important;max-width:89px!important;height:auto!important;} .catInfoSection .align-items-end .catReviewCount{margin:0!important;line-height:1.1!important;white-space:nowrap!important;text-align:left!important;} .catInfoSection .wp-block-group .catDes{font-size:13px!important;line-height:1.28!important;text-align:center!important;width:calc(100% + 40px)!important;max-width:calc(100% + 40px)!important;margin:10px 0 0 -20px!important;} } .productList li.wc-block-grid__product:nth-child(8n+1) .wc-block-grid__product-image, .productList li.wc-block-grid__product:nth-child(8n+3) .wc-block-grid__product-image, .productList li.wc-block-grid__product:nth-child(8n+6) .wc-block-grid__product-image, .productList li.wc-block-grid__product:nth-child(8n+8) .wc-block-grid__product-image{background:#f2e8df!important;} .productList li.wc-block-grid__product:nth-child(8n+2) .wc-block-grid__product-image, .productList li.wc-block-grid__product:nth-child(8n+4) .wc-block-grid__product-image, .productList li.wc-block-grid__product:nth-child(8n+5) .wc-block-grid__product-image, .productList li.wc-block-grid__product:nth-child(8n+7) .wc-block-grid__product-image{background:#F2E8DF!important;} @media (max-width:767px){ .productList ul.wc-block-grid__products > li.wc-block-grid__product:nth-child(4n+1) .wc-block-grid__product-image, .productList ul.wc-block-grid__products > li.wc-block-grid__product:nth-child(4n+4) .wc-block-grid__product-image{background:#f2e8df!important;} .productList ul.wc-block-grid__products > li.wc-block-grid__product:nth-child(4n+2) .wc-block-grid__product-image, .productList ul.wc-block-grid__products > li.wc-block-grid__product:nth-child(4n+3) .wc-block-grid__product-image{background:#F2E8DF!important;} } @media (max-width:767px){ .productList ul.wc-block-grid__products{display:grid!important;grid-template-columns:repeat(2,calc((100vw - 30px)/2))!important;gap:10px!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important;justify-content:center!important;} .productList li.wc-block-grid__product{width:calc((100vw - 30px)/2)!important;max-width:calc((100vw - 30px)/2)!important;margin:0!important;float:none!important;} .productList .wc-block-grid__product-image{width:calc((100vw - 30px)/2)!important;height:calc((100vw - 30px)/2)!important;min-width:calc((100vw - 30px)/2)!important;min-height:calc((100vw - 30px)/2)!important;max-width:calc((100vw - 30px)/2)!important;max-height:calc((100vw - 30px)/2)!important;padding:0!important;box-sizing:border-box!important;border-radius:14px!important;background:#f3e9df!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;} .productList .wc-block-grid__product-image img{display:block!important;margin:0 auto!important;object-fit:contain!important;object-position:center center!important;} .productList li.wc-block-grid__product{display:flex!important;flex-direction:column!important;align-items:center!important;} .productList a.wc-block-grid__product-link{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;box-sizing:border-box!important;} .productList .wc-block-grid__product-add-to-cart{width:calc(100% + 16px)!important;margin-left:-8px!important;margin-right:-8px!important;} .productList .wc-block-grid__product-add-to-cart .wp-block-button__link{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;} .productList ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button{ } .productList ul.wc-block-grid__products li.wc-block-grid__product .price {margin-top: 0 !important; margin-bottom: 13px !important;} .productList ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title {font: 700 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif !important;} } /* badge */ .productList .wc-block-grid__product.bestDeal .wc-block-grid__product-image::before{display:none!important;content:none!important;} @media (max-width:767px){ .productList .wc-block-grid__product-title{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.3!important;min-height:2.8em!important;max-height:2.8em!important;text-align:center!important;} .productList .wc-block-grid__product-title.is-measuring{display:block!important;min-height:0!important;max-height:none!important;-webkit-line-clamp:unset!important;overflow:visible!important;} .productList .wc-block-grid__product-title.is-one-line{display:flex!important;align-items:center!important;justify-content:center!important;} } .wc-block-grid__product-add-to-cart .add_to_cart_button {display:flex !important; align-items:center; justify-content:center;} /* Product rating + inline price (mobile/desktop block PDP) */ .product_checkoutwrapper .woocommerce-checkout-review-order table.shop_table{background:transparent!important;} .product_checkoutwrapper .woocommerce-checkout-review-order table.shop_table tfoot tr.woocommerce-shipping-totals th{border:0!important;} .product_checkoutwrapper .woocommerce-checkout-review-order table.shop_table tfoot tr.shipping-option td{border:0!important;} .product_checkoutwrapper .woocommerce-checkout-review-order table.shop_table tfoot tr.shipping-option td *{border:0!important;} .product_checkoutwrapper .woocommerce-checkout-review-order table.shop_table tfoot tr.cart-subtotal th,.product_checkoutwrapper .woocommerce-checkout-review-order table.shop_table tfoot tr.cart-subtotal td{border-top:1px solid #d9d9d9!important;border-bottom:1px solid #d9d9d9!important;} .product_checkoutwrapper .woocommerce-checkout-review-order table.shop_table tfoot tr.order-total th,.product_checkoutwrapper .woocommerce-checkout-review-order table.shop_table tfoot tr.order-total td{border-top:1px solid #d9d9d9!important;} .product_checkoutwrapper .woocommerce-checkout-review-order .shipping-right{text-align:right;width:1%;white-space:nowrap;} .product_checkoutwrapper .woocommerce-checkout-review-order .shipping-left{width:99%;} .product_checkoutwrapper .woocommerce-checkout-review-order .shipping-left .method-name{font-weight:400;} .product_checkoutwrapper .woocommerce-checkout-review-order .shipping-right .method-cost{font-weight:400;} .product_checkoutwrapper .product-info .product-quantity{font-size:13px;line-height:18px;font-weight:400;} .product_checkoutwrapper .product-info .product-saving{color:#22c55e !important;font-style:italic;font-weight:400;font-size:13px;} .product_checkoutwrapper .product-price .discounted-price{color:#0D4031 !important;font-weight:700;} .product_checkoutwrapper .product-price .original-price{color:#999;text-decoration:line-through;} .checkout_container #payment{font: 400 16px/22px "Quicksand", sans-serif;color:#402B23;border-radius:0;} .checkout_container #payment {background-color: transparent;} .woocommerce-checkout #payment ul.payment_methods{padding:1em 0;} #payment ul.wc_payment_methods > li.wc_payment_method{margin-bottom:12px!important;} #payment ul.wc_payment_methods > li.wc_payment_method:last-child{margin-bottom:0!important;} #payment .wc_payment_method{position:relative;border:1px solid #d9dde3;border-radius:12px;background:#fff;margin:0 0 12px;padding:12px 16px 10px;min-height:70px;} #payment .wc_payment_method > label{display:block;margin:0;padding:0 112px 0 30px;cursor:pointer;font: 700 22px/1.2 "Quicksand", sans-serif;color:#111827;} #payment .wc_payment_method > input[type="radio"]{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:15px;height:15px;margin:0;accent-color:#22a455;} #payment .wc_payment_method .payment_box{display:block!important;margin:6px 0 0 30px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;} #payment .wc_payment_method .payment_box::before{display:none!important;} #payment .wc_payment_method .payment_box p{margin:0!important;padding:0!important;color:#4b5563!important;font: 500 16px/1.35 "Quicksand", sans-serif!important;} #payment .wc_payment_method.is-selected{border:2px solid #15803d!important;background:#ecfdf3!important;} #payment .payment_method_ppcp-gateway > label img, #payment .payment_method_paypal > label img, #payment .payment_method_ppcp-gateway .about_paypal, #payment .payment_method_paypal .about_paypal{display:none!important;} #payment .payment_method_ppcp-gateway > label::after, #payment .payment_method_paypal > label::after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:92px;height:44px;background:url("/wp-content/plugins/woocommerce/assets/images/paypal.png") center/contain no-repeat;} #payment .payment_method_ppcp-gateway .payment_box > *:not(:first-child), #payment .payment_method_paypal .payment_box > *:not(:first-child){display:none!important;} #payment .payment_method_ppcp-gateway .payment_box p:first-child, #payment .payment_method_paypal .payment_box p:first-child{display:block!important;} #payment .payment_method_cod > label{padding-right:16px;} #payment .payment_method_bacs > label{padding-right:16px;} #payment .wc_payment_method.payment_method_corvuspay .payment_box p {margin: 0 0 8px 0 !important;} #payment .wc_payment_method.payment_method_corvuspay .payment_box p:last-child img{margin-right: 20px;height: 45px;width: auto;vertical-align: middle;} /* ---------- Mobile ---------- */ @media (max-width:767px){ #payment .wc_payment_method{width:calc(100% + 30px);margin-left:-15px!important;margin-right:-15px!important;border-radius:12px;box-sizing:border-box;} #payment .wc_payment_method > label{font: 700 16px/1.2 "Quicksand", sans-serif;padding:0 92px 0 20px;} #payment .wc_payment_method > input[type="radio"]{left:10px;} #payment .wc_payment_method .payment_box{margin:6px 0 0 20px!important;} #payment .wc_payment_method .payment_box p{font: 500 13px/1.35 "Quicksand", sans-serif!important;} #payment .payment_method_ppcp-gateway > label::after, #payment .payment_method_paypal > label::after{right:6px;width:74px;height:40px;} #payment .payment_method_cod > label, #payment .payment_method_bacs > label{padding-right:16px;} } .woocommerce-checkout #payment .place-order button.button, .woocommerce-checkout #place_order{box-shadow:none!important;text-shadow:none!important;width:100%!important;} .woocommerce-checkout #payment .place-order button.button:hover, .woocommerce-checkout #place_order:hover { } /* newsletterSection center fix */ footer .footerWrapSection .newsletterSection {max-width: 280px; margin-left: auto !important; margin-right: auto !important;} footer .footerWrapSection .newsletterSection .tnp-subscription {margin-left: auto !important; margin-right: auto !important;} footer .footerWrapSection .newsletterSection form {margin-left: auto !important; margin-right: auto !important;} .vitela-newsletter-form{display:flex;flex-direction:column;align-items:center;} .vitela-newsletter-message{margin-top:10px;max-width:360px;padding:14px 18px;text-align:center;font: 500 18px/1.5 "Quicksand", sans-serif;border-radius:12px;} .vitela-newsletter-message.is-success{color:#2d241f;background:#f6c85f;} .vitela-newsletter-message.is-error{color:#fff;background:#b94a48;} @media (max-width:767px){ .checkout_container .woocommerce-checkout-review-order table.shop_table thead tr th, .checkout_container #ship-to-different-address {font: 700 16px / 32px "Quicksand", sans-serif;} .checkout_container .woocommerce form .form-row label { } .checkout_container #customer_details .woocommerce-billing-fields > h3 {font-size: var(--vt-fs-h3) !important;} .checkout_container .woocommerce form textarea {min-height: 60px;} .woocommerce-checkout main[data-block-name="woocommerce/page-content-wrapper"]{padding-left:20px;padding-right:20px} .checkout_container .woocommerce-checkout-review-order table.shop_table .product-info-flex .product-image {width: 70px;height: 70px;margin-right: 10px;flex-shrink: 0;} .woocommerce table.shop_table td {padding: 9px 0; font-size:14px;} .checkout_container .woocommerce-checkout-review-order table.shop_table tr.cart_item td{font-size: 15px;} .woocommerce table.shop_table th {padding: 9px 0;font-size: 14px !important;} .checkout_container .woocommerce-checkout-review-order table.shop_table tfoot tr.cart-subtotal td{font-size:16px;} .checkout_container .woocommerce-checkout-review-order table.shop_table tfoot tr.order-total td{font-size:16px;} .checkout_container #payment .woocommerce-privacy-policy-text p {font-size:14px} .woocommerce-checkout .entry-content.alignwide.wp-block-post-content{margin-top:0;} } @media(max-width:767px){ .woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2, .woocommerce-checkout .form-row-first, .woocommerce-checkout .form-row-last{float:none !important;width:100% !important;max-width:100% !important;} .woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{margin:0 0 24px !important;padding:0 !important;} } .cartBtn.wc-block-mini-cart,.cartBtn .wc-block-mini-cart__button,.cartBtn .wc-block-mini-cart__badge{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;} .cartBtn.wc-block-mini-cart{position:relative!important;align-self:center!important;margin:0!important;visibility:visible!important;opacity:1!important;} .cartBtn.wc-block-mini-cart[aria-hidden="true"],.cartBtn .wc-block-mini-cart__button[disabled]{visibility:visible!important;opacity:1!important;pointer-events:auto!important;cursor:pointer!important;} .cartBtn .wc-block-mini-cart__button{position:relative!important;width:40px!important;height:40px!important;padding:0!important;margin:0!important;} .cartBtn .wc-block-mini-cart__button::before{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;transform:translate(-50%,-50%);background:#0D4031;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='19' r='0.5'/%3E%3Ccircle cx='17' cy='19' r='0.5'/%3E%3Cpath d='M3 4h2l2 10h10l2-7H7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='19' r='0.5'/%3E%3Ccircle cx='17' cy='19' r='0.5'/%3E%3Cpath d='M3 4h2l2 10h10l2-7H7'/%3E%3C/svg%3E") center/contain no-repeat;} .cartBtn .wc-block-mini-cart__icon{display:none!important;} .cartBtn .wc-block-mini-cart__quantity-badge{position:absolute!important;top:14px!important;right:15px!important;z-index:3!important;} .cartBtn .wc-block-mini-cart__badge{min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:999px!important;background:#0D4031!important;color:#fff!important;font-size:10px!important;font-weight:700!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important;} .home .cartBtn .wc-block-mini-cart__button::before{background:#fff!important;} @media (max-width:767px){ .cartBtn .wc-block-mini-cart__button{width:32px!important;height:32px!important;} .cartBtn .wc-block-mini-cart__button::before{width:26px!important;height:26px!important;} .cartBtn .wc-block-mini-cart__badge{min-width:14px!important;height:14px!important;padding:0 3px!important;font-size:8px!important;} .cartBtn .wc-block-mini-cart__quantity-badge{top:12px!important;right:12px!important;} } .wc-block-mini-cart__title .wp-block-woocommerce-mini-cart-title-label-block, .wc-block-mini-cart__title .wp-block-woocommerce-mini-cart-title-items-counter-block{font-size: var(--vt-fs-h3)!important;line-height:1.15!important;} @media (max-width: 767px) { .aboutimgwithtext {flex-direction: column-reverse !important;} .aboutimgwithtext.imgFirst-m {flex-direction: column !important;}} .singlePostWrap .entry-content .woocommerce.columns-4 ul.products {justify-content: center;display: flex;} .singlePostWrap .entry-content .woocommerce ul.products li.product .onsale {display: none !important;} .singlePostWrap ul.products li.product .product_block .price{margin-top:1em;} @media (max-width: 767px) {.singlePostWrap ul.products li.product .product_block a.add_to_cart_button{ }} .woocommerce-cart .coupon button[name="apply_coupon"] {align-items:center;white-space:nowrap;} .woocommerce-cart tr.woocommerce-cart-coupons td.actions .coupon {margin-top:-22px !important;} @media (max-width: 767px) { .woocommerce-cart tr.woocommerce-cart-coupons td.actions .coupon, .woocommerce-cart tr.woocommerce-cart-coupons td.actions .coupon #coupon_code, .woocommerce-cart tr.woocommerce-cart-coupons td.actions .coupon button[name="apply_coupon"] {position:static !important; margin:0 !important;min-width: 100%;} .woocommerce-cart tr.woocommerce-cart-coupons td.actions .coupon {gap: 12px !important; padding-bottom: 10px !important;} .cartWrap .woocommerce .cart-collaterals .cart_totals {margin-top: -10px !important;} } span.woocommerce-terms-and-conditions-checkbox-text a {color: #68991C;} .cart-collaterals .cart_totals tr.woocommerce-shipping-totals.shipping td.shipping-right {width:auto !important; text-align:right !important; padding-right:12px !important;} .cart-collaterals .cart_totals tr.woocommerce-shipping-totals.shipping td.shipping-right .method-cost {display:inline-block !important; width:auto !important; text-align:right !important;} .cart-collaterals .cart_totals tr.woocommerce-shipping-totals.shipping th.shipping-title {padding-left:12px !important;} @media (max-width: 767px) { .woocommerce-cart .cart-collaterals .cart_totals tr.woocommerce-shipping-totals.shipping td.shipping-right {padding-top:18px !important; padding-bottom:18px !important;} .woocommerce-cart .cart-collaterals .cart_totals tr.woocommerce-shipping-totals.shipping td.shipping-right .method-cost, .woocommerce-cart .cart-collaterals .cart_totals tr.woocommerce-shipping-totals.shipping td.shipping-right .woocommerce-Price-amount {font-size:20px !important;} } .checkout_container #payment .place-order button.button {position:relative; overflow:hidden; display:inline-block; transition:background-color .4s ease,color .4s ease;} .checkout_container #payment .place-order button.button::before {content:""; position:absolute; top:0; left:-120%; width:60%; height:100%; background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.18) 35%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.18) 65%,transparent 100%); transform:skewX(-20deg); transition:left 1.1s ease; pointer-events:none;} .checkout_container #payment .place-order button.button:hover { } .checkout_container #payment .place-order button.button:hover::before {left:140%;} @media (max-width: 1244px) { .checkout_container .woocommerce form.woocommerce-checkout {display:block !important;} .checkout_container .woocommerce form.woocommerce-checkout > #customer_details, .checkout_container .woocommerce form.woocommerce-checkout > .product_checkoutwrapper {flex:0 0 100% !important; max-width:100% !important; width:100% !important;} } .vitela-post-meta{margin-top: 10px;color: #6a6a6a;font: 500 16px/24px "Quicksand", sans-serif;} .vitela-post-meta a{color: #68991C;font-weight: 600;text-decoration: underline;} .vitela-post-meta a:hover{text-decoration: none;} .vitela-post-meta__sep{margin: 0 2px;color: #6a6a6a;} @media (max-width: 767px) { .vitela-post-meta{font-size:12px;} .pageLinkNav .pageLinks a {font-size: 12px;} .singlePostWrap .entry-content p { } } @media (max-width: 767px){ .blog-list .blogCard .blogImg{height: 220px;border-radius: 20px;overflow: hidden;margin-bottom: 18px;} .blog-list .blogCard .blogImg a{display: block;height: 100%;} .blog-list .blogCard .blogImg img{width: 100%;height: 100% !important;object-fit: cover;border-radius: 0;display: block;} } @media (max-width: 767px){ h2.wp-block-heading.block-blog-subtitle {font: 700 var(--vt-fs-h2)/1.2 "Kefir", serif !important;margin: 0 20px !important;} .pageLinksBlog {text-align:left;padding-left:20px;} } .woocommerce-checkout-review-order-table tr.fee td{text-align:right;} .heroBanner{position:relative!important;width:100%!important;max-width:none!important;overflow:hidden!important;} .heroBannerStage{position:relative!important;z-index:1!important;width:100%!important;height:40vw!important;overflow:hidden!important;} .heroBannerMedia{display:block!important;width:100%!important;height:100%!important;} .heroBannerMedia picture{display:block!important;width:100%!important;height:100%!important;} .heroBannerImage{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;} .heroBannerContent{position:absolute!important;inset:0!important;z-index:5!important;display:flex!important;align-items:flex-end!important;width:100%!important;padding:0!important;} .heroBannerContent>.wp-block-columns{width:100%!important;max-width:1400px!important;margin:0 auto!important;padding: 0 10px 60px!important;align-items:flex-end!important;} .heroBannerContentCol{transform:none!important;max-width:620px!important;} .heroBanner .text_head_ani,.heroBanner .text_sub_head_ani{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;} .heroBanner .text_head_ani{display:block!important;color:#fff!important;position:relative!important;z-index:7!important;margin-bottom:50px!important;padding:0 20px!important;} .heroBanner .text_sub_head_ani{display:block!important;color:#fff!important;position:relative!important;z-index:7!important;background:rgba(64,43,35,.25)!important;padding:10px 18px!important;border-radius:8px!important;max-width:620px!important;margin:30px 0!important;} .heroBanner .wp-block-buttons{margin-top:0!important;} .heroBanner.wp-block-group{padding:0!important;} .heroBanner .wp-block-group.heroBannerContent{padding:0!important;} @media (max-width:1024px){.heroBannerStage{height:62vw!important;min-height:520px!important;max-height:none!important;}} @media (max-width:767px){.heroBannerStage{height:170vw!important;min-height:560px!important;} .heroBanner .wp-block-button a.wp-block-button__link { } .heroBannerContent>.wp-block-columns{padding:0 20px 20px !important;} .heroBannerImage{object-position:center center!important;} .heroBanner .wp-block-buttons{justify-content:center!important;} .heroBannerResponsive .wp-block-buttons {transform: translateY(40px);} .heroBanner .text_sub_head_ani {padding: 6px 8px !important;margin: -20px 0 !important;} .heroBannerResponsive .text_head_ani {transform: translateY(calc(240px - 125vw)) !important;font: 700 var(--vt-fs-h1) / 1.15 "Kefir", serif !important;text-align: center !important;} } @media (max-width: 768px) {.blogPostCTA span {font-size: 12px !important;}} .page main, .blog main, .single-post main { margin-top: 0 !important; } .single-post .pageLinkNav {margin-top: 10px;} .single-post a strong, body.tax-product_cat a strong {color: #0a7f5a;text-decoration: none;border-bottom: 2.5px solid #0a7f5a;} body.tax-product_cat .wp-block-group h2 {color: #0D4031;font-family: "Kefir", serif; font-weight: 700;} body.tax-product_cat .wp-block-group p {font-family: "Quicksand", sans-serif; font-weight: 400;} body.woocommerce-shop a strong {color: #0a7f5a;text-decoration: none;border-bottom: 2.5px solid #0a7f5a;} body.woocommerce-shop .shopMainTitle {font: 700 var(--vt-fs-h1)/1.15 "Kefir", serif;-webkit-text-stroke: 0.3px currentColor;color: #000;margin-bottom: 10px;} body.woocommerce-shop .shopIntroText {font-family: "Quicksand", sans-serif !important; font-weight: 400 !important} body.woocommerce-shop h2.wp-block-heading{font: 700 var(--vt-fs-h2)/1.2 "Quicksand", sans-serif;-webkit-text-stroke: 0.3px currentColor;color: #0D4031;margin-bottom: 10px;} body.woocommerce-shop .wp-block-group p {font: 400 20px / 28px "Quicksand", sans-serif;color: #000;margin-top: 15px;} @media (max-width: 767px) { body.woocommerce-shop .shopIntroText {font-size: 14px !important;line-height: 1.35 !important;text-align: left !important;margin: 10px 0 24px 0 !important;max-width: 100% !important;} body.woocommerce-shop .shopMainTitle {text-align: center !important;margin-left: auto !important;margin-right: auto !important;} body.woocommerce-shop .shop-Content{font-size: 14px !important;line-height: 1.6 !important;} body.woocommerce-shop h2.wp-block-heading {line-height: 1.2 !important;} body.woocommerce-shop .shopIntroText {display: none !important;} } body.post-type-archive-product main, body.tax-product_cat main {margin-top: 0 !important;padding-top: 0 !important;} body.post-type-archive-product main > .shopBannerSection, body.tax-product_cat main > .shopBannerSection {padding-top: 60px !important;padding-bottom: 60px !important;} body.post-type-archive-product main > .buyMoreSection, body.tax-product_cat main > .buyMoreSection {padding-top: 17px !important;padding-bottom: 17px !important;} /* Blog page wide layout */ .blogContentWide {max-width: min(94vw, 1780px) !important;margin-left: auto !important;margin-right: auto !important;} .blogWithSidebar {align-items: flex-start;} .blogWithSidebar .wp-block-column:first-child {flex-basis: 82% !important;max-width: 82% !important;} .blogWithSidebar .blogSidebarCol {flex-basis: 18% !important;max-width: 18% !important;} .blogWithSidebar .blog-list {width: 100% !important;max-width: none !important;} .blogWithSidebar .blog-list .row {display: grid !important;grid-template-columns: repeat(4, minmax(0, 1fr)) !important;gap: 28px !important;width: 100% !important;max-width: none !important;margin-left: 0 !important;margin-right: 0 !important;} .blogWithSidebar .blog-list .row > [class*="col-"] {width: 100% !important;max-width: none !important;flex: none !important;padding-left: 0 !important;padding-right: 0 !important;} .blogWithSidebar .blogCard, .blogWithSidebar .blogImg, .blogWithSidebar .blogImg a {width: 100% !important;max-width: none !important;} .blogWithSidebar .blogImg img {width: 100% !important;max-width: none !important;height: auto !important;aspect-ratio: 300 / 350;object-fit: cover;display: block;} /* Blog sidebar */ .blogPopularGuides {position: sticky;top: 120px;background: #ffffff !important;border: 1px solid #e7eee9;border-radius: 8px;padding: 20px;} .blogPopularGuides h2 {font-size: var(--vt-fs-h2);line-height: 1.2;margin: 0 0 18px;color: #0d4031; font-weight: 700;} .popularGuideList {display: grid;gap: 16px;} .popularGuideItem {position: relative;display: block;text-decoration: none;text-align: left;padding-left: 18px;} .popularGuideItem::before {content: "";position: absolute;left: 0;top: 7px;width: 6px;height: 6px;border-radius: 50%;background: #0a7f5a;} .popularGuideItem strong {display: block;color: #0a7f5a;font-size: 15px;line-height: 1.35;} .popularGuideItem span {display: block;margin-top: 3px;color: #7f8f88;font-size: 13px;line-height: 1.3;} .popularGuideItem:hover strong {text-decoration: underline;} @media (max-width: 1100px) { .blogWithSidebar .blog-list .row {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;} } @media (max-width: 900px) { .blogContentWide {max-width: 100% !important;padding-left: 14px !important;padding-right: 14px !important;} .blogWithSidebar {display: block !important;} .blogWithSidebar .wp-block-column:first-child, .blogWithSidebar .blogSidebarCol {flex-basis: 100% !important;max-width: 100% !important;width: 100% !important;} .blogWithSidebar .blog-list .row {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;} .blogSidebarCol {margin-top: 50px !important;} .blogPopularGuides {position: static;width: 100vw !important;max-width: 100vw !important;box-sizing: border-box;border: none;border-radius: 0;background: #f8fbf9 !important;padding: 34px 20px 36px;margin-left: calc(50% - 50vw) !important;margin-right: calc(50% - 50vw) !important;margin-top: 0;margin-bottom: 42px;} .blogPopularGuides h2 {text-align: center;font-size: var(--vt-fs-h2);margin-bottom: 26px;} .popularGuideList {width: 100%;max-width: 360px;margin-left: auto;margin-right: auto;grid-template-columns: 1fr;gap: 18px;} .popularGuideItem {text-align: left;padding-left: 18px;} .popularGuideItem strong {font-size: 15px;line-height: 1.35;} .popularGuideItem span {font-size: 13px;line-height: 1.3;} } @media (max-width: 600px) { .blogWithSidebar .blog-list .row {grid-template-columns: 1fr !important;} .popularGuideList {max-width: 330px;} .blogPopularGuides {padding: 34px 18px 36px;} } /* PDP product benefit cards - new product-benefits.php */ /* Category coffee benefit guide - PDP style buttons */ body.tax-product_cat .vitela-cat-benefits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;margin:10px 0 30px;padding:0;} body.tax-product_cat .vitela-cat-benefits .vitela-benefit-card{--benefit-color:#0D4031;position:relative;overflow:hidden;min-height:66px;padding:12px 10px;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--benefit-color) 96%,#fff 4%),var(--benefit-color));color:#fff!important;box-shadow:0 10px 24px rgba(13,64,49,.12);display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:8px;align-items:center;text-align:left;text-decoration:none!important;border:0!important;isolation:isolate;} body.tax-product_cat .vitela-cat-benefits .vitela-benefit-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.24),transparent 34%);z-index:-1;} body.tax-product_cat .vitela-cat-benefits .vitela-benefit-card::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.18) 35%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.18) 65%,transparent 100%);transform:skewX(-20deg);transition:none;pointer-events:none;z-index:1;}body.tax-product_cat .vitela-cat-benefits .vitela-benefit-card:hover::before{left:140%;transition:left 1.1s ease;}body.tax-product_cat .vitela-cat-benefits .vitela-benefit-icon,body.tax-product_cat .vitela-cat-benefits .vitela-benefit-copy{position:relative;z-index:2;} body.tax-product_cat .vitela-cat-benefits .vitela-benefit-icon img{width:22px;height:22px;object-fit:contain;display:block;} body.tax-product_cat .vitela-cat-benefits .vitela-benefit-copy{display:flex;flex-direction:column;min-width:0;} body.tax-product_cat .vitela-cat-benefits .vitela-benefit-title{font-family: "Quicksand", sans-serif;font-size:13px;line-height:1.05;font-weight: 700;letter-spacing:.1px;text-transform: none;color:#fff;white-space:nowrap;} body.tax-product_cat .vitela-cat-benefits .vitela-benefit-subtitle{display:block;margin-top:4px;font-family: "Quicksand", sans-serif;font-size:10px;line-height:1.1;font-weight: 700;color:rgba(255,255,255,.94);white-space:nowrap;} body.tax-product_cat .vitela-cat-benefits .vitela-benefit-card:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(13,64,49,.16);color:#fff!important;} @media (max-width:1024px){ body.tax-product_cat .vitela-cat-benefits{grid-template-columns:repeat(3,minmax(0,1fr));} } @media (max-width:767px){ body.tax-product_cat .vitela-cat-benefits{display:grid!important;grid-template-columns:repeat(3,calc((100vw - 38px)/3))!important;gap:9px!important;width:100vw!important;max-width:100vw!important;margin:8px calc(50% - 50vw) 24px!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important;justify-content:center!important;overflow:visible!important;transform:none!important;} body.tax-product_cat .vitela-cat-benefits .vitela-benefit-card{min-width:0;min-height:56px;padding:9px 6px 9px 8px;grid-template-columns:18px minmax(0,1fr);column-gap:6px;border-radius:9px;} body.tax-product_cat .vitela-cat-benefits .vitela-benefit-icon img{width:17px;height:17px;} body.tax-product_cat .vitela-cat-benefits .vitela-benefit-title{font-size:10px;letter-spacing:0;} body.tax-product_cat .vitela-cat-benefits .vitela-benefit-subtitle{font-size:8.2px;margin-top:3px;} } /* Category badges*/ .productList .wc-block-grid__product-image{position:relative;} .productList .wc-block-grid__product-image .vitela-loop-badges{position:absolute;top:14px;right:12px;left:auto;z-index:5;display:flex;justify-content:flex-end;width:52%;pointer-events:none;box-shadow:0 4px 10px rgba(64,43,35,.10);border-radius:999px;} .vitela-loop-badge{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:34px;padding:9px 12px;border-radius:999px;font-family: "Quicksand", sans-serif; font-weight: 700;font-size:13px;line-height:1;color:#fff;text-align:center;letter-spacing:.2px;} .vitela-loop-badge-text{display:block;text-align:center;} .vitela-loop-badge-icon{display:block;flex:0 0 14px;width:14px;height:14px;background:#fff;opacity:.95;} .vitela-loop-badge-icon--focus{mask:url('/wp-content/themes/vitela/images/icon-mozak.png') center/contain no-repeat;-webkit-mask:url('/wp-content/themes/vitela/images/icon-mozak.png') center/contain no-repeat;} .vitela-loop-badge-icon--detox{mask:url('/wp-content/themes/vitela/images/icon-detoks.png') center/contain no-repeat;-webkit-mask:url('/wp-content/themes/vitela/images/icon-detoks.png') center/contain no-repeat;} .vitela-loop-badge-icon--vitality{mask:url('/wp-content/themes/vitela/images/icon-vitalnost.png') center/contain no-repeat;-webkit-mask:url('/wp-content/themes/vitela/images/icon-vitalnost.png') center/contain no-repeat;} .vitela-loop-badge-icon--energy{mask:url('/wp-content/themes/vitela/images/icon-energija.png') center/contain no-repeat;-webkit-mask:url('/wp-content/themes/vitela/images/icon-energija.png') center/contain no-repeat;} .vitela-loop-badge-icon--immunity{mask:url('/wp-content/themes/vitela/images/icon-imunitet.png') center/contain no-repeat;-webkit-mask:url('/wp-content/themes/vitela/images/icon-imunitet.png') center/contain no-repeat;} .vitela-loop-badge-icon--mix_5u1{mask:url('/wp-content/themes/vitela/images/icon-zvijezda.png') center/contain no-repeat;-webkit-mask:url('/wp-content/themes/vitela/images/icon-zvijezda.png') center/contain no-repeat;} .vitela-loop-badge-icon--cbd_top{mask:url('/wp-content/themes/vitela/images/icon-zvijezda.png') center/contain no-repeat;-webkit-mask:url('/wp-content/themes/vitela/images/icon-zvijezda.png') center/contain no-repeat;} .vitela-loop-badge-icon--cbd_spectrum{mask:url('/wp-content/themes/vitela/images/icon-spektar.png') center/contain no-repeat;-webkit-mask:url('/wp-content/themes/vitela/images/icon-spektar.png') center/contain no-repeat;} .vitela-loop-badge-icon--cbd_premium{mask:url('/wp-content/themes/vitela/images/icon-najbolji.png') center/contain no-repeat;-webkit-mask:url('/wp-content/themes/vitela/images/icon-najbolji.png') center/contain no-repeat;} .vitela-loop-badge-icon--cbd_balance{mask:url('/wp-content/themes/vitela/images/icon-balans.png') center/contain no-repeat;-webkit-mask:url('/wp-content/themes/vitela/images/icon-balans.png') center/contain no-repeat;} .vitela-loop-badge-icon--cbd_start{mask:url('/wp-content/themes/vitela/images/icon-start.png') center/contain no-repeat;-webkit-mask:url('/wp-content/themes/vitela/images/icon-start.png') center/contain no-repeat;} .vitela-loop-badge-icon--cbd_pet{mask:url('/wp-content/themes/vitela/images/icon-pas.png') center/contain no-repeat;-webkit-mask:url('/wp-content/themes/vitela/images/icon-pas.png') center/contain no-repeat;} .vitela-badge-cbd-pet{background:#2E97A4;} .vitela-badge-cbd-start{background:#6A8F57;} .vitela-badge-cbd-balance{background:#8F8A7B;} .vitela-badge-cbd-premium{background:#0D4031;} .vitela-badge-cbd-spectrum{background:#8DAA3B;} .vitela-badge-cbd-top{background:#B95645;} .vitela-badge-focus{background:#C7765F;} .vitela-badge-5u1{background:#755DAB;} .vitela-badge-detox{background:#8DAA3B;} .vitela-badge-vitalnost{background:#B95645;} .vitela-badge-energija{background:#2E97A4;} .vitela-badge-imunitet{background:#3F7D4A;} .productList .wc-block-grid__product-image .vitela-loop-badges--count-2{left:5%;right:5%;width:90%;justify-content:center;gap:0;} .productList .wc-block-grid__product-image .vitela-loop-badges--count-2 .vitela-loop-badge{width:50%;min-width:0;padding-left:7px;padding-right:7px;font-size:11px;gap:5px;border-radius:0;} .productList .wc-block-grid__product-image .vitela-loop-badges--count-2 .vitela-loop-badge:first-child{border-top-left-radius:999px;border-bottom-left-radius:999px;} .productList .wc-block-grid__product-image .vitela-loop-badges--count-2 .vitela-loop-badge:last-child{border-top-right-radius:999px;border-bottom-right-radius:999px;} .productList .wc-block-grid__product-image .vitela-loop-badges--count-2 .vitela-loop-badge + .vitela-loop-badge{margin-left:-1px;} .productList .wc-block-grid__product-image .vitela-loop-badges--count-2 .vitela-loop-badge-icon{flex:0 0 12px;width:12px;height:12px;} @media (max-width:767px){ .productList .wc-block-grid__product-image .vitela-loop-badges{top:8px;right:7px;width:52%;box-shadow:0 3px 8px rgba(64,43,35,.10);} .vitela-loop-badge{min-height:23px;padding:5px 8px;font-size:9px;gap:5px;} .vitela-loop-badge-icon{flex-basis:10px;width:10px;height:10px;} .vitela-badge-vitalnost,.vitela-badge-energija{font-size:8px;} .productList .wc-block-grid__product-image .vitela-loop-badges--count-2{left:5%;right:5%;width:90%;gap:0;} .productList .wc-block-grid__product-image .vitela-loop-badges--count-2 .vitela-loop-badge{font-size:8px;min-height:22px;padding:4px 4px;gap:3px;} .productList .wc-block-grid__product-image .vitela-loop-badges--count-2 .vitela-loop-badge-icon{flex-basis:8px;width:8px;height:8px;} .productList .wc-block-grid__product-image.vitela-product-image--mob-scale img{ transform:scale(.85); transform-origin:center bottom; } } .singlePostWrap ul.products li.product .product_block .woocommerce-loop-product__title{color:#000;font: 700 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;-webkit-text-stroke:.3px currentColor;margin:0 0 15px;padding:0;text-align:center;padding-top: 10px;} .singlePostWrap ul.products li.product .product_block .woocommerce-loop-product__title a{color:inherit;text-decoration:none;} @media (max-width:767px){ .singlePostWrap ul.products li.product .product_block .woocommerce-loop-product__title{font: 700 var(--vt-fs-h3)/1.3 "Quicksand", sans-serif;-webkit-text-stroke:.3px currentColor;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.3;min-height:2.6em;max-height:3.2em;} } .quizBannerBlog .BannerBlogWrap .quizBannerBlogTitle{font-family: "Kefir", serif; font-weight: 700;line-height:1.15;color:#0D4031;text-align:center;} @media(max-width:767px){.quizBannerBlog .BannerBlogWrap .quizBannerBlogTitle{font-size: var(--vt-fs-h2)!important;line-height: 1.2!important;}} .page-id-552 main, .page-id-9870 main, .page-id-552 .entry-content, .page-id-9870 .entry-content, .page-id-552 .wp-block-post-content, .page-id-9870 .wp-block-post-content { padding-bottom: 0 !important; } .page-id-552 main#wp--skip-link--target + footer.wp-block-template-part, .page-id-9870 main#wp--skip-link--target + footer.wp-block-template-part { margin-top: 0 !important; margin-block-start: 0 !important; } .homeProblemsLink:hover, .homeProblemsLink:hover strong, .homeProblemsLink:focus, .homeProblemsLink:focus strong {color: #f2c65c !important;opacity: 0.85;} @media (min-width:1024px){ .cbdQuizBannerBlog{background-position:70%;}} @media (max-width:767px){ .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/kategorija/kava-s-gljivama/"], .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/kategorija/cbd-ulja/"], .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/kategorija/mix-paketi/"], .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/o-nama/"], .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/kontakt/"]{display:inline-flex!important;align-items:center!important;gap:14px!important;min-height:44px!important;} .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/kategorija/kava-s-gljivama/"]::before, .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/kategorija/cbd-ulja/"]::before, .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/kategorija/mix-paketi/"]::before, .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/o-nama/"]::before, .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/kontakt/"]::before{content:"";width:30px;height:30px;flex:0 0 30px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;} .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/kategorija/kava-s-gljivama/"]::before{background-image:url("/wp-content/themes/vitela/images/menu-icon-kava.png");} .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/kategorija/cbd-ulja/"]::before{background-image:url("/wp-content/themes/vitela/images/menu-icon-cbd.png");} .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/kategorija/mix-paketi/"]::before{background-image:url("/wp-content/themes/vitela/images/menu-icon-mix.png");} .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/o-nama/"]::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='%230d4031' stroke-width='1.8'/%3E%3Cpath d='M4.5 20c1.5-4.2 4.1-6.3 7.5-6.3s6 2.1 7.5 6.3' fill='none' stroke='%230d4031' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");} .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/kontakt/"]::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6.5h16v11H4z' fill='none' stroke='%230d4031' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M4.5 7l7.5 6 7.5-6' fill='none' stroke='%230d4031' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .siteHeader .wp-block-navigation__responsive-container.is-menu-open { position: fixed !important; } .siteHeader .wp-block-navigation__responsive-container.is-menu-open::after { content: "Vitela"; position: absolute; top: 24px !important; left: 34px !important; height: 48px !important; padding-left: 56px !important; display: flex; align-items: center; background-image: url("/wp-content/uploads/2026/03/VITELA-logo.png"); background-repeat: no-repeat; background-position: left center; background-size: 46px auto !important; color: #402b23; font: 700 30px/1 "Quicksand", sans-serif; z-index: 100001; pointer-events: none; } .siteHeader .wp-block-navigation__responsive-container.is-menu-open::before { content: ""; position: absolute; top: 86px; left: 0; right: 0; height: 1px; background: rgba(13,64,49,.16); z-index: 100000; } .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 96px !important; } .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { position: fixed !important; top: 38px !important; right: 32px !important; left: auto !important; z-index: 100002 !important; } .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg path { fill: #402b23 !important; } .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/o-nama/"]{position:relative!important;margin-top:18px!important;} .siteHeader .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[href*="/o-nama/"]::after{content:""!important;position:absolute!important;top:-14px!important;left:0!important;width:260px!important;height:1px!important;background:linear-gradient(90deg,rgba(13,64,49,.22),rgba(13,64,49,.04))!important;} } #gls-map-button{background-color:#6CD04E!important;color:#fff!important;border:none!important;border-radius:6px!important;box-shadow:0 4px 0 0 rgba(0,0,0,.1)!important;transition:all .3s!important;margin-top:15px!important;margin-left:5px!important;padding:3px 7px!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important;cursor:pointer!important;position:relative!important} #gls-map-button:hover{box-shadow:0 2px 0 0 rgba(0,0,0,.1)!important;transform:translateY(2px)!important} #box_now_delivery_button:not([style*="display: none"]),#gls-map-button{display:block!important;width:max-content!important;margin-top:15px!important;margin-left:22px!important} .vitelaPrefooterGuides{background:linear-gradient(180deg,#fff7ee 0%,#f7eadc 100%);padding:34px 20px 32px;margin:50px 0 0;border-top:1px solid rgba(64,43,35,.08);} .vitelaPrefooterGuides__inner{max-width:1180px;margin:0 auto;} .vitelaPrefooterGuides h2{margin:0 0 24px;text-align:center;color:#402b23;font: 700 var(--vt-fs-h2)/1.2 "Kefir", serif;letter-spacing:.02em;text-transform: none;} .vitelaPrefooterGuides__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 28px;} .vitelaPrefooterGuides__grid a{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:48px;border-bottom:1px solid rgba(64,43,35,.12);color:#402b23!important;font: 700 15px/1.25 "Quicksand", sans-serif;text-decoration:none!important;} .vitelaPrefooterGuides__grid a strong{font-weight:700;color:#402b23;} .vitelaPrefooterGuides__grid a span{display:none!important;} .vitelaPrefooterGuides__grid a::before{content:"";width:6px;height:9px;flex:0 0 6px;background:url("/wp-content/themes/vitela/images/nav-arrow.png") no-repeat center;background-size:6px 9px;filter:brightness(0) saturate(100%) invert(18%) sepia(31%) saturate(880%) hue-rotate(113deg) brightness(93%) contrast(92%);transition:transform .2s ease,filter .2s ease;} .vitelaPrefooterGuides__grid a:hover strong{color:#0d4031;} .vitelaPrefooterGuides__grid a:hover::before{transform:translateX(3px);filter:brightness(0) saturate(100%) invert(18%) sepia(31%) saturate(880%) hue-rotate(113deg) brightness(93%) contrast(92%);} @media (max-width:767px){ .vitelaPrefooterGuides{padding:28px 18px 34px;margin-top:36px;} .vitelaPrefooterGuides__inner{max-width:360px;} .vitelaPrefooterGuides h2{font-size: var(--vt-fs-h2);margin-bottom:18px;} .vitelaPrefooterGuides__grid{grid-template-columns:1fr;gap:0;background:rgba(255,255,255,.22);border-radius:8px;overflow:hidden;} .vitelaPrefooterGuides__grid a{min-height:48px;padding:0 18px;font-size:14px;} } footer .footerWrapSection .footerBottomBar{width:100%!important;} footer .footerWrapSection .footerBottomBar .wp-block-column{position:relative!important;display:block!important;width:100%!important;min-height:28px!important;} footer .footerWrapSection .footerBottomBar .wp-block-column p{text-align:center!important;margin:0!important;width:100%!important;} footer .footerPaymentCards{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;} footer .footerPaymentCards img{display:block!important;height:24px!important;width:auto!important;max-width:46px!important;background:#fff!important;border-radius:3px!important;padding:2px!important;} @media (min-width:768px){footer .footerPaymentCards{position:absolute!important;right:50px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;}} @media (max-width:767px){footer .footerPaymentCards{position:static!important;transform:none!important;margin:18px auto 0!important;justify-content:center!important;gap:7px!important;}footer .footerPaymentCards img{height:20px!important;max-width:40px!important;}} @media (max-width:767px){body.page-id-472{overflow-x:hidden!important;}body.page-id-472 .headerTopBarTicker{width:100vw!important;max-width:100vw!important;overflow:hidden!important;}body.page-id-472 .headerTopBarTicker__track{width:max-content!important;max-width:none!important;}body.page-id-472 .banner-animation{width:100%!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;overflow:hidden!important;box-sizing:border-box!important;}} @media (max-width:767px){.blogWithSidebar .blog-list .blogImg,.blog-list .blogCard .blogImg{height:auto!important;aspect-ratio:auto!important;overflow:hidden!important;margin-bottom:16px!important;}.blogWithSidebar .blog-list .blogImg a,.blog-list .blogCard .blogImg a{display:block!important;height:auto!important;aspect-ratio:auto!important;}.blogWithSidebar .blog-list .blogImg img,.blogWithSidebar .blogImg img,.blog-list .blogCard .blogImg img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:18px!important;}.blog-list .blogCard .blogCon a h2{margin-top:0!important;}} @media (max-width:767px){body.home .homeblog-list .homeblog-box .homeblog-img{height:auto!important;aspect-ratio:auto!important;overflow:hidden!important;}body.home .homeblog-list .homeblog-box .homeblog-img img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:contain!important;}} @media (min-width:768px){body.page-id-472 .blogWithSidebar .blog-list .blogImg,body.page-id-472 .blog-list .blogCard .blogImg{height:auto!important;aspect-ratio:16/9!important;overflow:hidden!important;margin-bottom:18px!important;}body.page-id-472 .blogWithSidebar .blog-list .blogImg a,body.page-id-472 .blog-list .blogCard .blogImg a{display:block!important;height:auto!important;aspect-ratio:16/9!important;}body.page-id-472 .blogWithSidebar .blog-list .blogImg img,body.page-id-472 .blogWithSidebar .blogImg img,body.page-id-472 .blog-list .blogCard .blogImg img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:10px!important;}} .quizBannerCoffeeNew,.quizBannerCBDNew{aspect-ratio:4/3!important;background-size:cover!important;background-position:center!important;overflow:hidden!important;} .quizBannerTopImg{display:block!important;width:165px!important;height:auto!important;margin:0 0 18px!important;} .quizBannerBadgesImg{display:block!important;width:255px!important;height:auto!important;margin:14px 0 0!important;} .quizBannerCoffeeNew .quizBannerBlogTitle,.quizBannerCBDNew .quizBannerBlogTitle{font-family: "Kefir", serif!important; font-weight: 700!important;font-size: var(--vt-fs-h2)!important;line-height:1.05!important;color:#0d4031!important;margin:0 0 18px!important;max-width:430px!important;letter-spacing:0!important;} .quizBannerCoffeeNew .quizBannerBlogText,.quizBannerCBDNew .quizBannerBlogText{font-size:18px!important;line-height:1.35!important;color:#0D4031!important;max-width:360px!important;margin:0 0 20px!important;} .quizBannerCoffeeNew .quizBannerBlogButton a,.quizBannerCBDNew .quizBannerBlogButton a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;background:#064d32!important;color:#fff!important;border-radius:9px!important;font-size:22px!important;font-weight:700!important;padding:12px 42px!important;min-width:250px!important;height:58px!important;} .quizBtnArrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#fff!important;flex:0 0 30px!important;} .quizBtnArrow svg{display:block!important;width:23px!important;height:23px!important;} @media(max-width:767px){ .quizBannerCoffeeNew,.quizBannerCBDNew{padding:28px 0 0 18px!important;background-position:center!important;} .quizBannerTopImg{width:95px!important;margin:0 0 9px!important;} .quizBannerBadgesImg{width:130px!important;margin-top:5px!important;} .singlePostWrap .entry-content .quizBannerCoffeeNew .quizBannerBlogTitle,.singlePostWrap .entry-content .quizBannerCBDNew .quizBannerBlogTitle{font-family: "Kefir", serif!important; font-weight: 700!important;font-size: var(--vt-fs-h2)!important;line-height:1.12!important;max-width:200px!important;margin:0 0 13px!important;} body.single-post .singlePostWrap .entry-content .quizBannerCoffeeNew p.quizBannerBlogText,body.single-post .singlePostWrap .entry-content .quizBannerCBDNew p.quizBannerBlogText{font-size:12px!important;line-height:1.34!important;max-width:190px!important;margin:0 0 16px!important;color:#0D4031!important;} body.single-post .singlePostWrap .entry-content .quizBannerCoffeeNew .quizBannerBlogButton a,body.single-post .singlePostWrap .entry-content .quizBannerCBDNew .quizBannerBlogButton a{font-size:15px!important;line-height:1!important;padding:0!important;width:130px!important;min-width:130px!important;height:38px!important;gap:15px!important;border-radius:9px!important;} body.single-post .singlePostWrap .entry-content .quizBtnArrow{width:18px!important;height:18px!important;flex:0 0 18px!important;} body.single-post .singlePostWrap .entry-content .quizBtnArrow svg{width:15px!important;height:15px!important;} } @media(min-width:768px){ .quizBannerCoffeeNew,.quizBannerCBDNew{aspect-ratio:1400/400!important;padding:42px 0 0 80px!important;background-size:cover!important;background-position:center!important;border-radius:14px!important;box-sizing:border-box!important;} .quizBannerCoffeeNew > .wp-block-group__inner-container,.quizBannerCBDNew > .wp-block-group__inner-container{max-width:800px!important;margin-left:0!important;} .quizBannerTopImg{width:200px!important;margin:0 0 15px!important;} .quizBannerCoffeeNew .quizBannerBlogTitle,.quizBannerCBDNew .quizBannerBlogTitle{font-family: "Kefir", serif!important; font-weight: 700!important;font-size: var(--vt-fs-h2)!important;line-height:1.05!important;max-width:760px!important;margin:0 0 25px!important;color:#0d4031!important;letter-spacing:0!important;white-space:nowrap!important;} .quizBannerCoffeeNew .quizBannerBlogText,.quizBannerCBDNew .quizBannerBlogText{font-size:20px!important;line-height:1.35!important;max-width:800px!important;margin:0 0 25px!important;color:#0D4031!important;white-space:nowrap!important;} .quizBannerCoffeeNew .quizBannerBlogButton,.quizBannerCBDNew .quizBannerBlogButton{margin:0!important;} .quizBannerCoffeeNew .quizBannerBlogButton a,.quizBannerCBDNew .quizBannerBlogButton a{width:350px!important;min-width:350px!important;height:60px!important;padding:0!important;font-size:25px!important;line-height:1!important;border-radius:9px!important;gap:70px!important;} .quizBtnArrow{width:28px!important;height:28px!important;flex:0 0 28px!important;} .quizBtnArrow svg{width:21px!important;height:21px!important;} .quizBannerCoffeeNew .wp-block-buttons,.quizBannerCBDNew .wp-block-buttons{width:280px!important;margin-left:175px!important;display:flex!important;justify-content:center!important;} .quizBannerBadgesImg{width:260px!important;margin:12px 0 0 180px!important;} .quizBannerCBDNew .quizBannerBlogTitle{max-width:540px!important;white-space:normal!important;} .quizBannerCBDNew{padding:20px 0 0 80px!important;} } @media(max-width:767px){ .quizBannerCoffeeNew{background-image:url("https://vitela.hr/wp-content/uploads/2026/08/coffee-quiz-banner-mobile.webp")!important;} .quizBannerCBDNew{background-image:url("https://vitela.hr/wp-content/uploads/2026/08/cbd-quiz-banner-mobile.webp")!important;} } @media(min-width:768px){ .quizBannerCoffeeNew{background-image:url("https://vitela.hr/wp-content/uploads/2026/08/coffee-quiz-banner-desktop.webp")!important;} .quizBannerCBDNew{background-image:url("https://vitela.hr/wp-content/uploads/2026/08/cbd-quiz-banner-desktop.webp")!important;} } .wc-block-components-sale-badge{background:#f3f8f0!important;color:#315f22!important} html body :is(.wc-block-mini-cart__footer,.wp-block-woocommerce-mini-cart-footer-block){padding-top:0!important;border-top:0!important;box-shadow:none!important} :is(.wc-block-mini-cart__footer .vitela-shipping-progress--mini,.woocommerce-cart .vitela-shipping-progress--cart){--vsp-track-height:6px;--vsp-track-gap:22px;--vsp-scale-gap:11px;--vsp-dot-size:10px;--vsp-dot-right:-5px;--vsp-scale-font-size:11px;position:relative;display:block!important;box-sizing:border-box;overflow:hidden;background:#f7faf5;color:#0D4031;font-family:inherit} :is(.vitela-shipping-progress--mini,.vitela-shipping-progress--cart) :is(.vitela-shipping-progress__note,.vitela-shipping-progress__badge){display:none!important} :is(.vitela-shipping-progress--mini,.vitela-shipping-progress--cart) .vitela-shipping-progress__content{display:block;width:100%;min-width:0;text-align:left!important} :is(.vitela-shipping-progress--mini,.vitela-shipping-progress--cart) .vitela-shipping-progress__title{display:block;width:100%;margin:0;color:#0D4031;font-size: var(--vt-fs-body);font-weight:600;line-height:1.4;letter-spacing:0;text-align:left!important;text-transform:none!important} :is(.vitela-shipping-progress--mini,.vitela-shipping-progress--cart) :is(.vitela-shipping-progress__title,.vitela-shipping-progress__amounts) .woocommerce-Price-amount{font:inherit;color:inherit} :is(.vitela-shipping-progress--mini,.vitela-shipping-progress--cart) .vitela-shipping-progress__track{position:relative;width:100%;height:var(--vsp-track-height);margin-top:var(--vsp-track-gap);overflow:visible;border-radius:4px;background:#dfe7da;box-shadow:inset 0 1px 1px rgb(13 59 46 / 5%)} :is(.vitela-shipping-progress--mini,.vitela-shipping-progress--cart) .vitela-shipping-progress__fill{position:relative;display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#78a72f 0%,#5f9128 58%,#477d26 100%);box-shadow:0 1px 2px rgb(71 125 38 / 14%);transition:width 300ms ease} :is(.vitela-shipping-progress--mini,.vitela-shipping-progress--cart) .vitela-shipping-progress__fill::after{content:"";position:absolute;top:50%;right:var(--vsp-dot-right);width:var(--vsp-dot-size);height:var(--vsp-dot-size);box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:#65952f;box-shadow:0 1px 3px rgb(13 59 46 / 16%);transform:translateY(-50%)} :is(.vitela-shipping-progress--mini,.vitela-shipping-progress--cart) .vitela-shipping-progress__amounts{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:var(--vsp-scale-gap);font-size:var(--vsp-scale-font-size);line-height:1} :is(.vitela-shipping-progress--mini,.vitela-shipping-progress--cart) .vitela-shipping-progress__current{color:#59665e;font-weight:500} :is(.vitela-shipping-progress--mini,.vitela-shipping-progress--cart) .vitela-shipping-progress__target{color:#34483d;font-weight:700} .wc-block-mini-cart__footer .vitela-shipping-progress--mini{width:auto;max-width:none;margin:0 -16px 18px;padding:27px 20px 24px;border-top:.5px solid #e9efe6;border-bottom:1px solid #d8e2d5;border-radius:0;box-shadow:none} .woocommerce-cart .vitela-shipping-progress--cart{width:100%;margin:28px 0 32px;padding:27px 24px 23px;border:1px solid #d8e2d5;border-radius:8px;box-shadow:0 1px 2px rgb(13 59 46 / 3%),0 6px 18px rgb(13 59 46 / 4%)} :is(.vitela-shipping-progress--mini,.vitela-shipping-progress--cart).is-complete{display:none!important}.wp-block-woocommerce-filled-mini-cart-contents-block,.wc-block-mini-cart__items,.wc-block-mini-cart__footer{width:100%;min-width:0;max-width:100%;box-sizing:border-box} .wc-block-mini-cart__products-table,table.wc-block-mini-cart-items{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;table-layout:fixed!important} table.wc-block-mini-cart-items .wc-block-cart-items__row{grid-template-columns:80px minmax(0,1fr) 74px!important;column-gap:0!important;gap:0!important} table.wc-block-mini-cart-items .wc-block-cart-item__image{width:auto!important;padding-right:16px!important} table.wc-block-mini-cart-items .wc-block-cart-item__product{min-width:0!important;padding-right:0!important} table.wc-block-mini-cart-items .wc-block-cart-item__total{width:auto!important;min-width:0!important;padding:0!important;text-align:right!important} @media(max-width:767px){ :is(.wc-block-mini-cart__footer .vitela-shipping-progress--mini,.woocommerce-cart .vitela-shipping-progress--cart){--vsp-track-height:5px;--vsp-track-gap:19px;--vsp-scale-gap:10px;--vsp-dot-size:9px;--vsp-dot-right:-4px;--vsp-scale-font-size:10px;padding:23px 17px 20px} .woocommerce-cart .vitela-shipping-progress--cart{margin:22px 0 26px} .woocommerce-cart .vitela-shipping-progress--cart .vitela-shipping-progress__title{font-size: var(--vt-fs-body)} } @media(prefers-reduced-motion:reduce){ :is(.vitela-shipping-progress--mini,.vitela-shipping-progress--cart) .vitela-shipping-progress__fill{transition:none} } .wc-block-mini-cart__drawer .wc-block-components-drawer__close:focus{border-color:transparent!important;box-shadow:none!important} .wc-block-mini-cart__drawer .wc-block-components-drawer__close:focus-visible{outline:1px solid #0D4031!important;outline-offset:-3px!important} .vitela-back-to-top {position:fixed;right:24px;bottom:24px;width:54px;height:54px;border:0;border-radius:11px;background:rgba(13,64,49,.82);box-shadow:0 8px 22px rgba(13,64,49,.18);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .28s ease,visibility .28s ease,transform .28s ease,background-color .22s ease;z-index:999;cursor:pointer;} .vitela-back-to-top.is-visible {opacity:1;visibility:visible;transform:translateY(0);} .vitela-back-to-top:hover {background:#402B23;} .vitela-back-to-top span {position:absolute;left:50%;top:50%;width:18px;height:18px;border-top:5px solid #fff;border-left:5px solid #fff;transform:translate(-50%,-34%) rotate(45deg);border-radius:2px;} @media (max-width:767px){.vitela-back-to-top{right:16px;bottom:18px;width:50px;height:50px;border-radius:10px;}} #payment .payment_method_corvuspay > label > img, #payment span[activepaymentmethod="corvuspay"] > img { display: none !important; } #payment .payment_method_monri{overflow:hidden!important;box-sizing:border-box!important;} #payment .payment_method_monri .payment_box{width:auto!important;max-width:calc(100% - 30px)!important;margin:8px 0 0 30px!important;box-sizing:border-box!important;overflow:hidden!important;} #payment .payment_method_monri #monri-components{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important;} #payment .payment_method_monri #monri-components *{box-sizing:border-box!important;max-width:100%!important;} #payment .payment_method_monri iframe{width:100%!important;max-width:100%!important;min-width:0!important;} #payment .payment_method_monri:not(.is-selected) #monri-components{display:none!important;} #payment .payment_method_monri.is-selected #monri-components{display:block!important;margin-top:20px!important;} #payment .payment_method_monri .monri-card-icons{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;margin-top:8px!important;} #payment .payment_method_monri .monri-card-icons img{display:inline-block!important;height:45px!important;width:auto!important;margin:0!important;vertical-align:middle!important;} #payment .wc_payment_method.payment_method_monri .payment_box p {margin: 0 0 8px 0 !important;} @media (max-width:767px){ #payment .payment_method_monri > label{padding-right:0!important;width:100%!important;max-width:100%!important;} #payment .payment_method_monri iframe.saved-card-component[style]{height:120px!important;min-height:120px!important;max-height:120px!important;} #payment .payment_method_monri .payment_box{max-width:calc(100% - 20px)!important;margin:8px 0 0 20px!important;}#payment .payment_method_monri .monri-card-icons{gap:9px!important;} #payment .payment_method_monri .monri-card-icons img{height:25px!important;} } #payment .payment_method_monri_components_google_pay > label{padding-right:120px;} #payment .payment_method_monri_components_google_pay > label img{display:none!important;} #payment .payment_method_monri_components_google_pay > label::after{content:"";position:absolute;right:4px;top:50%;transform:translateY(-50%);width:120px;height:75px;background:url("/wp-content/plugins/monri-payments/assets/images/outline/googlepay.svg") center/contain no-repeat;} @media (max-width:767px){ #payment .payment_method_monri_components_google_pay > label::after{right:-4px;width:90px;height:60px;} } #payment .payment_method_monri_components_apple_pay > label{padding-right:120px;} #payment .payment_method_monri_components_apple_pay > label img{display:none!important;} #payment .payment_method_monri_components_apple_pay > label::after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:100px;height:50px;background:url("/wp-content/plugins/monri-payments/assets/images/outline/applepay.svg") center/contain no-repeat;} @media (max-width:767px){ #payment .payment_method_monri_components_apple_pay > label::after{right:10px;width:60px;height:40px;} } #payment .payment_method_monri_components_keks_pay > label{padding-right:120px;} #payment .payment_method_monri_components_keks_pay > label img{display:none!important;} #payment .payment_method_monri_components_keks_pay > label::after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:90px;height:56px;background:url("/wp-content/themes/vitela/images/cards/keks.svg") center/contain no-repeat;} @media (max-width:767px){ #payment .payment_method_monri_components_keks_pay > label::after{right:6px;width:70px;height:44px;} } /* PDP: recenzije + separator + ribbon — desktop je osnovni prikaz */ /* PDP: desktop */ /* PDP: mobitel */ /* PDP mobitel: glavna galerija je kvadratna; portretna slika se reže samo gore i dolje */ /* PDP: paket selector kao jasna radio lista */ .woocommerce div.product form.cart {margin: 0.5em 0;} @media(max-width:767px){ .singlePostWrap .entry-content ul li { } } /* Vitela premium tablice */ .vt-table-wrap { margin: 32px 0; border-radius: 18px; overflow-x: auto; -webkit-overflow-scrolling: touch; background: #ffffff; border: 1px solid rgba(13, 64, 49, 0.10); box-shadow: 0 12px 32px rgba(13, 64, 49, 0.08); } .vt-table { width: 100%; margin: 0; border: 0; border-collapse: separate; border-spacing: 0; font-family: "Quicksand", sans-serif, 'Quicksand', sans-serif; font-weight: 500; color: #402b23; } .vt-table th, .vt-table td { border: 0; text-align: left; vertical-align: middle; } .vt-table thead th { background: #0d4031; color: #F2E8DF; font-family: "Quicksand", sans-serif, 'Quicksand', sans-serif; font-size: 12.5px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; padding: 18px 22px; white-space: nowrap; } .vt-table tbody td { padding: 18px 22px; font-size: 15px; line-height: 1.55; background: #ffffff; border-bottom: 1px solid #efeadf; transition: background-color 0.2s ease; } .vt-table tbody tr:nth-child(even) td { background: #F2E8DF; } .vt-table tbody tr:last-child td { border-bottom: 0; } .vt-table tbody tr:hover td { background: #f3f0e6; } .vt-table tbody td:first-child { font-family: "Quicksand", sans-serif, 'Quicksand', sans-serif; font-weight: 700; color: #0d4031; } .vt-table a { color: #0d4031 !important; text-decoration: none !important; box-shadow: none !important; background: none !important; border-bottom: 1px solid rgba(13, 64, 49, 0.35); transition: border-color 0.2s ease; } .vt-table a:hover { border-bottom-color: #0d4031; } .vt-latin { font-style: italic; color: #7b6f68; font-size: 14px; } .vt-table--wide td:first-child a, .vt-table--wide td:nth-child(3) { white-space: nowrap; } /* Oznake razine dokaza */ .vt-pill { display: inline-block; padding: 6px 13px; border-radius: 999px; font-family: "Quicksand", sans-serif, 'Quicksand', sans-serif; font-size: 12.5px; font-weight: 700; line-height: 1.35; } .vt-pill--strong { background: #e2eee7; color: #0d4031; } .vt-pill--mid { background: #f5ecd8; color: #7a5a1c; } .vt-pill--low { background: #f1e9e4; color: #6b4a3d; } /* Mobitel: ista tablica, cijela se povlaci udesno */ @media (max-width: 720px) { .vt-table { min-width: 860px; } .vt-table--compare { min-width: 560px; } .vt-table thead th { padding: 15px 16px; font-size: 11.5px; } .vt-table tbody td { padding: 14px 16px; font-size: 14px; min-width: 170px; } .vt-table tbody td:first-child { white-space: nowrap; } .vt-pill { white-space: nowrap; font-size: 12px; padding: 5px 11px; } .vt-table--wide { min-width: 1000px; } .vt-table--wide td:nth-child(2) { min-width: 210px; } .vt-table--wide td:nth-child(3), .vt-table--wide td:nth-child(4) { white-space: nowrap; } .vt-table--wide td:nth-child(5) { min-width: 250px; } } /* Blog breadcrumbs u jednoj liniji (naslov se skracuje s ...) */ .single-post .pageLinkNav {flex-wrap: nowrap !important; align-items: center; gap: 4px !important; min-width: 0; overflow: hidden; margin-top: 10px; margin-bottom: 0;} .single-post .pageLinkNav .pageLinks {flex: 0 0 auto; margin: 0; white-space: nowrap; font-size: 13px !important; line-height: 1.4;} .single-post .pageLinkNav .vitela-breadcrumb-current-title {min-width: 0; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--vt-fs-small) !important; line-height: 1.4 !important;} @media (max-width: 767px) {.single-post .pageLinkNav .pageLinks, .single-post .pageLinkNav .vitela-breadcrumb-current-title {font-size: var(--vt-fs-small) !important;}} @media (max-width: 767px) { .hideMobileCatText { display: none !important; } } @media (max-width:767px){ body.tax-product_cat main.wp-block-group{--wp--style--root--padding-left:16px!important;} body.tax-product_cat main.wp-block-group{--wp--style--root--padding-right:16px!important;} }