/* Theme Name: IndieFur Block Theme URI: https://indiefur.com Author: Arun Pundeer Author URI: https://indiefur.com Description: Native WordPress Block (Full Site Editing) theme for indiefur.com, converted from the original "indiefur" classic theme. Preserves the original design, WooCommerce functionality and URLs while adding Site Editor support. Version: 1.0.0 Requires at least: 6.5 Tested up to: 6.7 Requires PHP: 7.4 Text Domain: indiefur-block Tags: e-commerce, full-site-editing, block-styles, custom-colors, custom-menu This theme, like every WordPress theme, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. ------------------------------------------------------------------- NOTE ON THIS FILE ------------------------------------------------------------------- In a block theme style.css is only required to hold the header comment above (WordPress reads the theme metadata from it and it is enqueued like any other theme stylesheet). Global design tokens (colors, font sizes, spacing, layout widths) now live in theme.json so they are editable from Appearance -> Editor -> Styles. Everything below this note is the ORIGINAL theme's custom CSS, carried over unchanged. Most of it targets WooCommerce markup, the off-canvas mobile menu, the mini-cart, and other interactive pieces that are still rendered by PHP (see inc/blocks.php and the /woocommerce override templates) rather than by block markup, so the existing selectors must keep working exactly as before. ------------------------------------------------------------------- */ img{object-fit:contain;} a{text-decoration:none;color: #f18603;} body { font-family: Verdana, Helvetica, Arial, sans-serif; } .site-header { background: #1b2330;padding:10px 20px;position:relative; } .site-branding img{width:120px;height: 50px; object-fit: contain;} .site-header .header-inner { display: flex; align-items: center; justify-content: space-between; gap: 15px; } .header-search { width: 50%; flex: 1; } .header-cart { margin-left: 10px; } .toggle{padding: 4px 20px; color: #d5d5d5; min-width: 40px; background-color: #fff0;} .head-btns{display: flex; align-items: center;gap: 20px;width: 50%; justify-content: end;} .head-btns .head-btn{background-color: #f18603; padding: 7px 40px; border-radius: 40px; font-weight: 400;text-align: center;color: #fff; min-width: 100px; transition-duration: 0.5s; transition-timing-function: ease;} .head-btns a{text-transform:uppercase;} .head-btns .cart-icon{display:inline-block;position:relative;} .head-btns .cart-icon .no { line-height: 14px; position: absolute; top: -6px; right: 4px; width: 14px; height: 14px; border-radius: 50%; font-size: 10px; font-weight: 800; background-color: #1a84cf; color: #fff; /* display: none; */ justify-content: center; align-items: center; text-align: center; } .head-btns .cart-icon svg{width:40px;fill: #f18603;} .header-search button.dgwt-wcas-search-submit { background-color: #f18603;border-radius: 0 50px 50px 0px;} .header-search button.dgwt-wcas-search-submit:before{border-color: transparent #f18603;} .header-search .dgwt-wcas-sf-wrapp{border-radius: 50px !important; overflow: hidden;} div#primary { margin: 1em 0 0; } #content .page { padding: 0px; } .text-center{text-align: center;;} .has-text-align-center { text-align: center; } .wp-block-image figcaption { display: none !important; } .home-first-sec .wp-block-column img { width: 100% !important; height: 100px; object-fit: contain; padding: 5px; background: #eee; } .home-first-sec .wp-block-column .link-hm svg { width: 30px; fill: #f18603; } .home-first-sec .wp-block-column .link-hm{text-align:center;} .home-first-sec .wp-block-column h3 { text-align: center; margin-top: 5px !important; } .home-first-sec .wp-block-column figure a{display:block;} .home-first-sec .wp-block-columns { gap: 10px; } .home-first-sec .link-hm a { color: #f18603; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; display: block; margin: 5px -6px 5px 5px; padding: 5px; font-size: 14px; text-decoration: none !important;border-color:#d5d5d5; } .home-first-sec .wp-block-column .link-hm { text-align: center; border-color: rgb(247 144 19 / .13); border-radius: 1px; border-style: solid; } .title-hm-sec { margin-bottom: 20px; } .banner-img-hm img{width:100%;} .indiefur-footer { background: #1b2330; padding: 30px 0 52px; font-size: 14px; } .indiefur-footer__top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px; } .footer-brand img { max-width: 180px; margin-bottom: 15px; } .brand-text { max-width: 280px; color: #666; } .footer-col h4 { font-size: 15px; margin-bottom: 15px; font-weight: 600; } .footer-col ul { list-style: none; padding: 0; margin: 0; } .footer-col li { margin-bottom: 5px; } .footer-col a { color: #878787; text-decoration: none;font-size: 13px;} .footer-col a:hover { color: #fff; } .indiefur-footer__bottom {padding-top: 10px; display: flex; justify-content: space-between; align-items: center;background:#10141a;max-width:100%; } .social-link { margin-left: 16px; text-decoration: none; color: #333; } .footer-left p { color: #878787; } .indiefur-footer h2{position:relative;color:#d5d5d5;font-size: 16px; margin-bottom: 35px; text-transform: capitalize;font-weight: 600;} .indiefur-footer h2:after { background-color: #f18603; height: 2px; width: 50px; margin-top: 12px; content: ""; position: absolute; bottom: -10px; left: 0; } .indiefur-footer .footer-contact-item a { font-size: 14px; font-weight: 900; } .indiefur-footer span.footer-icon svg { width: 18px;fill:#f18603; margin-bottom: 10px; } .indiefur-footer .footer-contact-item {display: flex;gap: 10px;} .mb-menu{display:none;} .woocommerce-message, .woocommerce .woocommerce-info { border-top-color: #f18603 !important; } .dgwt-wcas-darkened-overlay{overflow:hidden; } .woocommerce div.product form.cart{margin-bottom:0px;} section.woocommerce.fbt-section { margin-top: 0px; } .woocommerce div.product form.cart p.woope-notice { margin: 10px 0 5px; } @media (max-width: 921px) { .indiefur-footer__top { grid-template-columns: 1fr 1fr;gap: 10px;} .woocommerce ul.products {grid-template-columns: 1fr 1fr !important;} .woocommerce ul.products { grid-template-columns: 1fr 1fr !important; row-gap: 15px; column-gap: 15px; } .product .add_to_cart_button.ajax_add_to_cart { padding: 10px; } } @media (max-width: 480px) { .indiefur-footer__bottom { flex-direction: column; gap: 12px; text-align: center; } .indiefur-footer__top { grid-template-columns: 1fr; } } @media (max-width: 767px) { a.head-btn {display: none; } .head-btns .toggle{min-width: 30px; padding: 4px 10px; text-align: center;} .site-header .header-inner{gap:5px;} .title-hm-sec .shop-btn {width: 160px;} .title-hm-sec h2 {text-align: left;font-size: 18px !important;} .dk-menu{display:none;} .mb-menu{display:block;} div#offcanvas-menu { padding: 30px 15px; } .footer-toggle-title{position: relative;cursor: pointer;padding: 5px 0;margin:0px !important} .footer-toggle-title::after { content: "+" !important; position: absolute !important; right: 0 !important; font-size: 20px; transition: .3s; background: none; left: auto !important; top: auto !important; bottom: auto !important; background-color: transparent !important; margin: 0px !important;text-align: right; color: #f18603; } .footer-toggle-content{display:none;padding-top:10px;} .footer-col.active .footer-toggle-content{display:block;} .footer-col.active .footer-toggle-title::after{ content:"−" !important;} .indiefur-footer__top .widget { margin-bottom: 0; } body{padding-left:0px !important;} .single-product .woocommerce-product-rating{display: flex; flex-direction: column; justify-content: center; align-items: center;} .single-product .container-fluid.my-5 { margin-top: 20px !important; } .woocommerce-product-details__short-description iframe { width: 100%; } .summary.entry-summary .woope-notice { font-size: 14px; font-weight: 700 !important; } .woocommerce ul.products li.product a img{aspect-ratio: 1 / 1;object-fit:cover;} } #offcanvas-menu li.showMenu > .wp-block-navigation-submenu{display:block;} #offcanvas-menu li.showMenu > a:after{transform: rotate(90deg);top:0;} .sidebar-cat h2, .sidebar-cat h3 { font-size: 24px; } .sidebar-cat .pwb-filter-products ul { list-style: none; padding-left: 0px; } .sidebar-cat .pwb-filter-products button { background: #ff9514; color: #fff; border: none; border-radius: 50px; font-size: 14px; padding: 7px 20px; } li.product { list-style: none; } .product h2 a { color: #1b2330; font-size: 14px; text-align: center; width: 100%; text-decoration: none !important; font-weight: 600; } .product .wc-block-components-product-price.wc-block-grid__product-price { color: #000; font-weight: 700; font-size: 16px; background: #fff0; text-decoration: none; text-align: center; } .product .add_to_cart_button { padding: 5px 24px; background: #ff9514 !important; border: 1px solid #ff9514 !important; font-size: 12px !important; border-radius: 50px !important; width: 100% !important; text-transform: uppercase; color: #fff !important; line-height: 1.2; text-align: center; font-weight: 600 !important; } .product .sold-out-product-button__button { color: #515151; background-color: #e9e6ed;font-size: 12px !important; border-radius: 50px !important; width: 100% !important; text-transform: uppercase;line-height: 1.2; text-align: center; font-weight: 600 !important;padding: 5px 24px; } .product a.added_to_cart.wc_forward { line-height: 1.2; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 12px; background: #fff; border: 1px solid #6db734; color: #6db734; padding: 16px 24px; outline: none; font-family: inherit; border-radius: 50px; width: 100% !important; display: flex; flex-direction: column; text-decoration: none !important; } .product .wp-block-button.wc-block-components-product-button span { width: 100%; } .home div#primary{margin:0px} .dnone{display:none !important;} .active-btn:hover:after, .active-btn:after{animation: btn-text-anima 1s linear infinite;} .active-btn:after{content: "›"; font-family: inherit;position: absolute;font-size: 20px;line-height: 30px;right: 0;top: -5px;text-transform: none;opacity: 0;transition: all .5s; color:#172337;font-weight:800;} .active-btn{position:relative; margin-right: 25px; font-weight:400; padding:0; color: #000;text-transform:capitalize;text-decoration:none !important;font-size: 14px;font-weight: 500;} .home-first-sec figure{border: 1px solid #efefef; padding: 10px;} .home-first-sec .wp-block-columns {margin-top: 10px;} .active-btn:hover{color: #172337;} @keyframes btn-text-anima { 0%{right: -20px; opacity: 0;} 60%{right: -30px; opacity: 1;} 100%{right: -35px; opacity: 0;} } .products .product{margin-bottom:0px !important;} .product .my-summary-button-wrap {order: 3;} .product .ast-woo-product-category{display:none !important;} .product .review-rating { display: flex; justify-content: center; } .product .astra-shop-summary-wrap { min-height: 75px; } .product .astra-shop-summary-wrap { text-align: center; } .product .star-rating { margin: 0 auto !important;float:none !important;} li.product h2.woocommerce-loop-product__title a {line-height: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;} div#comments h2 { font-size: 18px; margin-bottom: 30px;font-weight: 500;} #offcanvas-menu { position: absolute; top: 100%;left: 0; width: 100%; background: #1b2330; transform: scaleY(0); transform-origin: top; transition: transform 0.35s ease; z-index: 9998; padding: 60px 80px;height:100vh;overflow-y:scroll;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: rgba(255,255,255,.35) transparent; } #offcanvas-menu::-webkit-scrollbar{width:5px;} #offcanvas-menu::-webkit-scrollbar-track{ background:transparent;} #offcanvas-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.35);border-radius:20px;} #offcanvas-menu::-webkit-scrollbar-thumb{opacity:.3;} #offcanvas-menu:hover::-webkit-scrollbar-thumb{opacity:1;} #offcanvas-menu.active { transform: scaleY(1); }.offcanvas-close { position: absolute; top: 25px; right: 40px; font-size: 28px; color: #ff8c00; text-decoration: none; } .offcanvas-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); opacity: 0; visibility: hidden; transition: 0.3s ease; z-index: 9998; } .offcanvas-overlay.active { opacity: 1; visibility: visible; } body.offcanvas-open { overflow: hidden; } .header-minicart-wrapper .mcfwc-cart-wrapper { position: relative; width: auto; right: auto; bottom: auto; } .main-navigation{width:100%;} .main-navigation .dk-menu{width:100%;height:100vh;overflow-y:scroll;} .main-navigation .dk-menu .dk-menu-row{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;} .main-navigation .dk-menu .dk-menu-row.dk-menu-row-blw{grid-template-columns:1fr 1fr 1fr 1fr;padding:20px 20px 100px;background: #2a3748;margin-top:20px;} .main-navigation .dk-menu .dk-menu-row h3{line-height: 1.2; font-size: 20px;color:#fff;position:relative;padding-bottom: 20px;font-weight: 700;} .main-navigation .dk-menu .dk-menu-row h3:after { background-color: #f18603; height: 2px; width: 50px; margin-top: 12px; content: ""; position: absolute; bottom: 10px; left: 0; } .mt-3-head{margin-top:20px;} ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #f18603; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #f18603; } .mcfwc-cart-{ position: relative; } .mcfwc-cart- {display: none;} .head-btns .header-minicart-wrapper .mcfwc-cart- { display: block; } .mcfwc-content .icons{flex-direction: row;} .mcfwc-woocommerce-mini-cart-item { background: #fef1e0 !important; } .mcfwc-product-title h4 {text-align: left; color: #1b2330; } .dk-menu li{list-style:none;} .dk-menu li a { color: #878787; font-size: 16px; } .dk-menu li a:hover{color:#fff;} .mb-menu li a { color: #d5d5d5 !important; font-size: 14px; border: none !important; text-align: left;position:relative; width: 100%;display: block; } .mb-menu li a .menu-text{font-size:16px !important;} .mb-menu .wp-block-navigation-submenu .menu-text {font-size: 14px !important;} .mb-menu li#menu-item-484570 a { background: #f18602; text-align: center;border-radius: 50px;} .mb-menu .wp-block-navigation-submenu { padding-left: 15px; } .mb-menu li { margin-bottom: 10px; } .mb-menu .menu-item-has-children > a:after{ content: "\f105"; font-family: "FontAwesome"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 14px; transition: 0.3s ease; } .mb-menu .menu-item-has-children:hover > a:after{ transform: translateY(-50%) rotate(90deg); } .mb-menu-only{ width: 35px; height: 25px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .mb-menu-only span { display: block; position: absolute; height: 2px; width: 100%; background: #d5d5d5; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .mb-menu-only span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .mb-menu-only span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .mb-menu-only span:nth-child(3) { top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .mb-menu-only.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 8px; } .mb-menu-only.open span:nth-child(2) { width: 0%; opacity: 0; } .mb-menu-only.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 23px; left: 8px; } .mb-menu-only.open span{background:#f18603;} form.woocommerce-cart-form {border-top: 2px solid #f18603;border-radius: 6px;} form.woocommerce-cart-form td.product-name a { color: #1b2330; } .woocommerce-cart .woocommerce bdi{color: #000000;font-weight: 700;font-size:16px;} form.woocommerce-cart-form th { border: none; padding: 12px 20px; font-weight: 400; color: #666666; font-size: 10px; text-transform: uppercase; } .woocommerce .cart_totals { border: none !important; } .woocommerce .cart_totals .shop_table { border-left: 1px solid #eeee !important; border-right: 1px solid #eee !important; border-top: 2px solid #f18603 !important; } .woocommerce .cart_totals h2 { margin-bottom: 0px !important; background: transparent !important; border: none !important; color: #000000; font-weight: 700; font-size: 40px; padding: 10px 20px; } .woocommerce .cart_totals a.checkout-button.button.alt.wc-forward { background: #f18603; border-radius: 50px; padding: 10px 48px; color: #fff; text-transform: uppercase; font-size: 14px; } table.shop_table button.button[disabled] { background: transparent !important; color: #848991 !important; border: 1px solid #848991 !important; } table.shop_table button.button{background: transparent !important;color: #6db734 !important; border: 1px solid #6db734 !important;border-radius:50px; } button#place_order { color: #fff; border-radius: 50px; max-width: fit-content; float: left !important; } .archive .ast-container { max-width: 100% !important; } .ft-woo-container { padding-left: 1em; padding-right: 1em; } .woo-container { padding-left: 1em; padding-right: 1em; max-width: 1200px; margin: 0 auto; } #primary.woo-primary { margin: 1em 0 0; width: 100%; } .home-section .home-content .text { font-size: 26px; font-weight: 600; } .sidebar-menu li span, .sidebar-menu li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cart-flyout { position: fixed; bottom: 100px; right: -400px; background: #f18603; color: #fff; padding: 14px 22px; border-radius: 6px; z-index: 9999; transition: all .4s ease; font-size: 14px;font-weight:600; } .cart-flyout img{filter:brightness(0) invert(1);} .summary.entry-summary .woope-notice { clear: both; font-size: 14px;font-weight:700; } .ast-sticky-add-to-cart.bottom.is-active .woope-notice { display: none; } .delivery-block-pd .block-in { display: flex; gap: 10px; padding: 15px 0;flex-wrap: wrap; justify-content: center; } .delivery-block-pd .block-in img { box-shadow: none; width: 50px; height: auto; object-fit: contain;aspect-ratio: 1 / 1; } .delivery-block-pd .ct-text-block { font-weight: bold; } .delivery-block-pd .ct-text-block div{ font-weight: normal; } .delivery-block-pd a{ color:#000;text-decoration:underline; } .single-product .single_add_to_cart_button { color: #fff !important; } .woocommerce-notices-wrapper .woocommerce-message a { color: #fff !important; } ul.woocommerce-mini-cart .mini_cart_item span.quantity { text-align: right; } .product-description-content h3 { font-size: 18px; } .pro-images-single { position: relative; } li.woocommerce-mini-cart-item.mini_cart_item { padding: 0px !important; display: flex; align-items: center; gap: 10px; } @media (min-width: 993px) { .woo-primary { padding-left: 0px; } .woocommerce #content .woo-container div.product div.images, .woocommerce .woo-container div.product div.images, .woocommerce-page #content .woo-container div.product div.images, .woocommerce-page .woo-container div.product div.images { width: 30%; } } @media (min-width: 768px) { body{padding-left:60px !important;} .mb-menu-only{display:none;} } .cart-flyout.show { right: 30px; } .astra-thumb-actions .added_to_cart { display: none !important; } .archive .site-content .ast-container { flex-wrap: wrap; } .product-category-content-box { width: 100%; padding: 30px 0;font-size:14px; } .product-category-content-box h3 { margin-bottom: 10px; font-size: 20px !important; } .single-product .product-summary {padding-left: 20px;} .single-product .product_title {font-size: 24px;margin-bottom: 10px;} .single-product .price {font-size: 20px;margin: 0;} .single-product .woocommerce-product-details__short-description {margin-bottom: 15px;} .single-product .single_add_to_cart_button {background: #000;color: #fff;padding: 10px 20px;} .single-product .woocommerce-tabs {margin-top: 40px;} .single-product button.single_add_to_cart_button.button.alt { background: #f18603; border-radius: 50px; font-size: 14px; } .single-product .pt-below h2 { font-weight: 600; } .single-product .summary.entry-summary .left h1 { font-size: 16px; } .summary.entry-summary { display: flex; gap: 40px; align-items: flex-start; } .summary.entry-summary .left {flex: 0 0 35%; max-width: 35%; border: 1px solid #e7e7e7; padding: 18px; text-align: center;} .summary.entry-summary .right { flex: 0 0 65%; max-width: 60%; } .summary.entry-summary .left h1.product_title.entry-title { width: 100%;padding-bottom: 5px; font-size: 14px;font-weight: 600; margin-bottom: 5px;text-align: center;} .summary.entry-summary .left bdi { font-size: 18px; } .summary.entry-summary .left form.cart { text-align: center; display: flex; align-items: center; justify-content: center;flex-wrap: wrap; gap:10px;} .summary.entry-summary .left span.ast-stock-avail { display: none; } .summary.entry-summary .left span.stock.in-stock { color: #f20a02 !important; } .product-description-content > h2 { margin-bottom: 0px !important; } .product-description-content h1 { font-size: 26px; } .product-description-content table th { background: #f18603; font-size: 12px; color: #fff;height: auto !important; } .product-description-content table td { font-size: 12px; text-align: center;height: auto !important; width: auto; } .product-description-content h2 { font-size: 18px; font-weight: 700; margin-bottom: 15px;text-align: left; padding-bottom: 8px; } .product-description-content { font-size: 14px; line-height: 1.8; color: #444; } .woocommerce-product-gallery {width: 100%;} .woocommerce-product-gallery img {width: 100%;height: auto;} .woocommerce-product-gallery .flex-control-thumbs {margin-top: 10px;display: flex;gap: 10px;padding-left:10px;} .woocommerce-product-gallery .flex-control-thumbs li {width: 70px;cursor: pointer;list-style:none !important;} .mid-inner { padding: 50px 0; } .home .mid-inner { padding: 0px 0;margin: 0px; } nav.woocommerce-MyAccount-navigation li { list-style: none; } nav.woocommerce-MyAccount-navigation li a { color: #000;} nav.woocommerce-MyAccount-navigation li.is-active a {color: #f18603;} nav.woocommerce-MyAccount-navigation li { padding: 5px 0px;border-bottom: 1px solid #efefef;} #customer_login .button { background: #f18603 !important; font-size: 12px !important; color: #fff !important; border-radius: 50px; padding: 14px 30px; text-transform: uppercase; } .woocommerce-Button { background-color: #f18603 !important; color: #fff !important; font-weight: 500 !important; font-size: 14px !important; border-radius: 50px !important; padding: 13px 30px !important; } .container-1080 .wp-block-group__inner-container { max-width: 1080px; margin: 0 auto; } .woocommerce-product-details__short-description table {width: 100% !important;border-collapse: collapse;border-radius: 8px;overflow: hidden;} .woocommerce-product-details__short-description .tableDesign { overflow: auto; } .woocommerce-product-details__short-description thead {background-color: #2c3e50;color: #fff;} .woocommerce-product-details__short-description th, .woocommerce-product-details__short-description td {padding: 12px 15px;text-align: left;} .woocommerce-product-details__short-description tbody tr {border-bottom: 1px solid #ddd;transition: background 0.3s;} .woocommerce-product-details__short-description tbody tr:hover {background-color: #f1f1f1;} .woocommerce-product-details__short-description tbody tr:last-child {border-bottom: none;} .cat-main .product-card { box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; height: 100%; padding: 10px;border-radius:10px; border-radius: 10px;display: flex; flex-direction: column; justify-content: space-between;} .cat-main .col-md-9 .text-muted p { font-size: 14px; } ul.products.columns-5 { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; } .product-card { padding: 10px; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column; background: #fff; border-radius: 10px; box-shadow: rgb(0 0 0 / .05) 0 0 0 1px; } .product-card h2.wp-block-post-title a {line-height: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .product-card a.added_to_cart { padding: 5px 24px !important; font-size: 12px !important; margin-top: 0px !important; } .ft-mb-sticky .ft-list { text-align: center; } .ft-mb-sticky img{width: 20px;filter: brightness(0);} .ft-mb-sticky svg{width: 20px;} .ft-mb-sticky span{display:block;font-size: 12px;} .product h2.woocommerce-loop-product__title a { font-size: 14px; font-weight: 600; } .sidebar-menu{padding:0px;border-right: 1px solid rgba(118, 118, 118, 0.12);} .sidebar-menu .menu-item{padding:10px 20px 10px 60px;} .sidebar-menu .menu-item:before { content: ""; width: 30px; height: 30px; display: inline-block; margin-right: 0; background-repeat: no-repeat; background-size: contain; position: absolute; left: 4px;filter: brightness(0); } .sidebar-menu .menu-item:hover:before { filter: brightness(1); } .sidebar-menu li#menu-item-1758:before { background-image: url(/wp-content/uploads/snake-icon.avif); } .sidebar-menu li#menu-item-2298:before {background-image: url(/wp-content/uploads/supply-chain-icon.png);} .sidebar-menu li#menu-item-2303:before {background-image: url(/wp-content/uploads/clean-water-icon.avif); } .sidebar-menu li#menu-item-2310:before { background-image: url(/wp-content/uploads/plant-icon.avif); } .sidebar-menu li#menu-item-576:before { background-image: url(/wp-content/uploads/dog-icon.avif);} .sidebar-menu li#menu-item-623:before { background-image: url(/wp-content/uploads/cat-icon.avif);} .sidebar-menu li#menu-item-572:before { background-image: url(/wp-content/uploads/bird-icon-1.avif); } .sidebar-menu li#menu-item-2307:before { background-image: url(/wp-content/uploads/cruise-icon.avif);} .sidebar-menu li#menu-item-114824:before { background-image: url(/wp-content/uploads/profile-icon.avif);} .sidebar-menu .wp-block-navigation-submenu li:before{display:none !important;} .sidebar-menu .nav-links .wp-block-navigation-submenu li, .sidebar-menu .wp-block-navigation-submenu .menu-item { padding: 5px 10px!important; border-bottom: 1px dashed #ddd!important; } .sidebar-menu .logo-inner { background: #1b2330; text-align: left; color: #fff; display: flex; align-items: center; padding: 10px 10px 10px 10px !important;width:100%;height:40px;overflow:hidden;margin:10px; } .sidebar-menu .logo-inner span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 10px;} .sidebar-menu .nav-links li a:hover span { color: #f18603 !important; } /*.sidebar-menu .nav-links .wp-block-navigation-submenu a:hover span, .sidebar-menu .nav-links .wp-block-navigation-submenu li:hover a,.sidebar-menu .nav-links .wp-block-navigation-submenu li:hover span{ color: #fff !important; }*/ .sidebar-menu .nav-links .wp-block-navigation-submenu li:hover{background:#1b2330;border-radius: 5px;} #sidebar-menu .menu-item-has-children.active a{color: #1b2330!important; } #sidebar-menu .menu-item-has-children:hover > a > .menu-text{color: #f18603 !important; } #sidebar-menu .menu-item-has-children:focus-within > a > .menu-text{color: #f18603 !important; } .sidebar-menu ul{margin:0px;} .sidebar-menu { position: fixed; top: 0; left: 0; height: 100vh; width: 320px; background: #fff; z-index: 100; transition: all 0.5s ease; } .sidebar-menu.close { width: 60px; } .sidebar-menu .logo-details { width: 100%; display: flex; align-items: center; } .sidebar-menu .logo-details i { font-size: 20px; color: #fff; height: 30px; min-width: 20px; line-height: 30px; background: #fff; height: 2px; position: relative; } .sidebar-menu .logo-details i:before { content: ''; position: absolute; background: #fff; height: 2px; width: 100%; top: -7px; } .sidebar-menu .logo-details i:after { content: ''; position: absolute; background: #fff; height: 2px; width: 100%; bottom: -7px; } .sidebar-menu .logo-details .logo_name { font-size: 22px; color: #fff; font-weight: 600; transition: 0.3s ease; transition-delay: 0.1s; } .sidebar-menu.close .logo-details .logo_name { transition-delay: 0s; opacity: 0; pointer-events: none; } .sidebar-menu .nav-links { height: 100%; padding: 20px 0 150px 5px;display: block;margin: 0px;} .sidebar-menu.close .nav-links, .sidebar-menu.close .logo-details { overflow: hidden; } .sidebar-menu .nav-links::-webkit-scrollbar { display: none; } .sidebar-menu .nav-links li { position: relative; list-style: none; transition: all 0.4s ease; } .sidebar-menu .nav-links li .iocn-link { display: flex; align-items: center; justify-content: space-between; } /* .sidebar-menu.close .nav-links li .iocn-link { display: block; } */ /* .sidebar-menu .nav-links li i { height: 50px; min-width: 78px; text-align: center; line-height: 50px; color: #fff; font-size: 20px; cursor: pointer; transition: all 0.3s ease; } */ /* .sidebar-menu .nav-links li.showMenu i.arrow { transform: rotate(-180deg); } */ /* .sidebar-menu.close .nav-links i.arrow { display: none; } .sidebar-menu .nav-links li a { display: flex; align-items: center; text-decoration: none; } */ .sidebar-menu .nav-links li a .menu-text { font-size: 16px; font-weight: 400; color: #000; transition: all 0.4s ease; } /* .sidebar-menu.close .nav-links li a .menu-text { color:#000;pointer-events: none; } */ .sidebar-menu .nav-links li .wp-block-navigation-submenu {padding: 10px; margin-top: -10px; background: #fff; display: none; position: absolute; left: 103%; top: 0px; margin-top: 0;opacity: 0;transition: 0s;border-radius:15px;border-right: 4px solid #ffffff; border-top: 4px solid #ffffff; } .sidebar-menu .nav-links li .wp-block-navigation-submenu:before { content: ''; width: 0; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; position: absolute; left: -9px; top: 10px; } .sidebar-menu .nav-links li.showMenu .wp-block-navigation-submenu { display: block; } .sidebar-menu .nav-links li .wp-block-navigation-submenu a { color: #000; font-size: 15px;white-space: nowrap; transition: all 0.3s ease;padding:0px !important } .sidebar-menu .nav-links li .wp-block-navigation-submenu a .menu-text {font-size: 14px;} .sidebar-menu .nav-links li .wp-block-navigation-submenu a:hover { opacity: 1; } /* .sidebar-menu.close .nav-links li .wp-block-navigation-submenu { position: absolute; left: 100%; top: -10px; margin-top: 0; padding: 10px 20px; border-radius: 0 6px 6px 0; opacity: 0; display: block; pointer-events: none; transition: 0s; } .sidebar-menu.close .nav-links li:hover .wp-block-navigation-submenu { top: 0; opacity: 1; pointer-events: auto; transition: all 0.4s ease; } .sidebar-menu.close .nav-links li .wp-block-navigation-submenu .menu-text { font-size: 18px; opacity: 1; display: block; } */ .sidebar-menu .nav-links li .wp-block-navigation-submenu .menu-text { display: none; } .sidebar-menu .nav-links li .wp-block-navigation-submenu.blank { opacity: 1; pointer-events: auto; padding: 3px 20px 6px 16px; opacity: 0; } .sidebar-menu .nav-links li:hover .wp-block-navigation-submenu.blank { top: 50%; transform: translateY(-50%); } .sidebar-menu .nav-links li:hover .wp-block-navigation-submenu {opacity: 1;} .sidebar-menu .nav-links .wp-block-navigation-submenu a .menu-text { color: #000; opacity: 1; } .sidebar-menu .nav-links .wp-block-navigation-submenu a{opacity:1;} .sidebar-menu .nav-links .wp-block-navigation-submenu li, .sidebar-menu .wp-block-navigation-submenu .menu-item{padding:5px 10px !important;border-bottom: 1px dashed #ddd !important;} .sidebar-menu .wp-block-navigation-submenu .menu-item:last-child{border:none !important;} .sidebar-menu.close .menu-item-has-children > a:after{display:none;} .sidebar-menu .menu-item-has-children > a:after{ content: "›"; font-family: inherit; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 14px; transition: 0.3s ease; } .sidebar-menu .menu-item-has-children:hover > a:after{ transform: translateY(-50%) rotate(90deg); } /* IMPORTANT */ .sidebar-menu .nav-links li:hover > .wp-block-navigation__submenu-container{display: block !important;opacity: 1;pointer-events: auto;} .sidebar-menu .nav-links li{position: relative;} .sidebar-menu .nav-links li .wp-block-navigation-submenu{transition: all .3s ease;transform: translateX(10px);min-width:250px;} .sidebar-menu .nav-links li:hover > .wp-block-navigation-submenu{transform: translateX(0);} .sidebar-menu .nav-links li:hover > .wp-block-navigation-submenu .menu-text{display:block;} .sidebar-menu li#menu-item-484765 .wp-block-navigation-submenu { top: inherit; bottom: 0; } .sidebar-menu li#menu-item-484765 .wp-block-navigation-submenu:before { top: inherit;bottom:10px; } button#place_order { background: #ec8303; } .woocommerce-message .button { background: #f18603 !important; font-size: 14px !important; padding: 10px 20px !important; border-radius: 50px !important; font-weight: 500 !important; } .sticky-add-to-cart { position: fixed; bottom: 53px; left: auto;right:0;width: 100%; background: #fff; border-top: 1px solid #ddd; padding: 10px 15px; z-index: 9999; display: none; } .sticky-content { display: flex; align-items: center; justify-content: space-between; gap: 15px; } .sticky-add-to-cart .product-title { font-size: 14px; font-weight: 600;display: block; } .sticky-add-to-cart .product-price { font-size: 16px; color: #000; } .sticky-add-to-cart form.cart { margin: 0; width: 40%; display: flex; justify-content: end; gap: 10px;flex-wrap: wrap;align-items:center; } .sticky-add-to-cart .quantity .qty{padding:10px 5px;width: auto;} .sticky-add-to-cart .single_add_to_cart_button { padding: 10px 20px; background: #000; color: #fff; border: none; } .sticky-add-to-cart.bt-0 { bottom: 0px !important;width: calc(100% - 60px) !important;max-width:100%; } .sticky-add-to-cart .stock.in-stock, .sticky-add-to-cart .woope-notice{display:none !important;} .sticky-add-to-cart .sticky-content > div { width: 50%; } .woocommerce.fbt-section ul { margin-bottom: 5px; } .woocommerce-checkout form.checkout.woocommerce-checkout {display: flex; gap: 10px; justify-content: space-between; flex-wrap: wrap;} .woocommerce-checkout div#customer_details .col-1, div#customer_details .col-2 { width: 100%;} .woocommerce-checkout .check-right{width:45%;} .woocommerce-checkout div#customer_details{width:53%;} .woocommerce-checkout .woocommerce-shipping-fields span { font-size: 14px; } .woocommerce-checkout form.checkout.woocommerce-checkout h3 { color: #f18603; font-size: 24px; text-transform: capitalize; } .wc-block-product-filters__overlay-content .heading { font-size: 24px; font-weight: 600; margin-bottom: 0px; } .single-product .woocommerce-product-rating {display: flex !important;justify-content: center;align-items: center;} .single-product .star-rating {margin: 0px !important;} .page-id-464276 span.wp-block-accordion-heading__toggle-title {font-size: 18px;} .page-id-464276 span.wp-block-accordion-heading__toggle-title strong { font-weight: 400; } .page-id-464276 .wp-block-accordion-panel p { font-size: 14px; margin-top: 10px; } .page-id-464276 h3.wp-block-accordion-heading button .wp-block-accordion-heading__toggle-title { color: #2a445a; text-decoration: none !important; } .page-id-464276 span.wp-block-accordion-heading__toggle-icon { color: #f18603; font-size: 16px; } .woocommerce-product-details__short-description h4 { font-size: 16px; font-weight: 600; } span.custom-sale-badge { position: absolute; right: 0; background: #f18603; color: #fff; font-size: 12px; padding: 3px 14px; border-radius: 20px;font-weight:600;z-index: 99; } .woocommerce span.onsale { display:none; } .product-card-inner { position: relative; } nav.rank-math-breadcrumb a, nav.rank-math-breadcrumb p { font-size: 14px; } nav.rank-math-breadcrumb { margin-bottom: 20px; } .related-sec { background: #f186030a; padding: 50px 20px; } .related-sec ul.products{display: flex;flex-wrap:wrap;} .reviews-sec-pro { padding: 50px 20px; } .related-sec h2 { text-transform: capitalize; margin-bottom: 30px; } .reviews-sec-pro h2 { margin-bottom: 30px; } /* Mini Cart Wrapper */ .custom-mini-cart {position: relative;display: inline-block;} .mini-cart-toggle {position: relative; display: flex; align-items: center; gap: 6px; text-decoration: none; font-size: 18px; cursor: pointer; } .cart-count { background: #1a84cf; color: #fff; font-size: 12px; padding: 2px 7px; border-radius: 20px; position: absolute; top: -14px; right: -10px; } .mini-cart-dropdown { position: absolute; right: 0; top: 120%; width: 340px; background: #fff; border-radius: 8px; box-shadow: 0 15px 40px rgba(0,0,0,0.12); padding: 15px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.25s ease; z-index: 9999; } .custom-mini-cart:hover .mini-cart-dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .custom-mini-cart.active .mini-cart-dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .custom-mini-cart::after { content: ""; position: absolute; top: 100%; right: 0; width: 100%; height: 15px; } .mini-cart-dropdown .woocommerce-mini-cart { max-height: 350px; overflow-y: auto; padding-left: 0px; } .mini-cart-dropdown .woocommerce-mini-cart__total {margin-top: 10px;font-weight: 600;} .mini-cart-dropdown .woocommerce-mini-cart__buttons a {display: block;text-align: center;margin-top: 8px;} .mini-cart-dropdown a.button.checkout.wc-forward { background: #f18603; line-height: 1.2; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 12px; padding: 16px 24px; outline: none; font-family: inherit; border-radius: 4px; } .custom-mini-cart a.mini-cart-toggle img {width: 30px;} .mini-cart-dropdown > p.woocommerce-mini-cart__empty-message { margin-bottom:0px; } .woocommerce-js .custom-mini-cart ul.cart_list li>a, .woocommerce-js ul.product_list_widget li>a{color: #ef8503; font-size: 12px;margin-bottom: 0px; display: flex; align-items: center;text-transform: capitalize;} li.woocommerce-mini-cart-item.mini_cart_item { padding: 0px !important; display: flex; align-items: center; gap: 10px; } .woocommerce-js .custom-mini-cart ul.product_list_widget li img { position: relative; float: left; transform: none; margin-right: 5px; inset: auto;width: 40px; height: auto; object-fit: contain; } .custom-mini-cart bdi { color: #000; font-weight: 700; font-size: 16px; } .woocommerce-js .custom-mini-cart a.remove:before{display:none;} .woocommerce-js .custom-mini-cart a.remove .ahfb-svg-iconset .ast-close-svg{fill: #d3ced2;} .woocommerce-js .custom-mini-cart a.remove .ahfb-svg-iconset { transform: scale(1.2);width: 15px;} .woocommerce-js .custom-mini-cart a.remove:hover .ahfb-svg-iconset .ast-close-svg { fill: #c44; } .woocommerce-js .custom-mini-cart .button:first-child { margin-bottom: 8px; line-height: 1.2; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 12px; background: #fff; border: 1px solid #6db734; color: #6db734 !important; padding: 16px 24px; outline: none; font-family: inherit; border-radius: 4px; } .woocommerce-js .custom-mini-cart .button:first-child:hover { border: 1px solid #7cd637; color: #7cd637 !important; background: #fff; } .custom-mini-cart .button:hover { background: #ff9514; border-color: #ff9514; } .custom-mini-cart .button { display: flex; justify-content: center; width: 100%; background-color: #f18603; padding: 16px 48px; color: #fff !important; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; line-height: 1.2; border: 1px solid #f18603; transition: all 0.2s ease;border-radius: 4px; } button.wc-block-product-filters__apply.wp-element-button { background: #ff6800; border: none; color: #fff; border-radius: 50px; padding: 10px 30px; font-size: 14px; } .footer-1 svg { fill: #f18603; } .wc-block-product-filter-price-slider .text input[type=text] { min-width: fit-content; border: none !important; width: 100% !important; max-width: fit-content;padding:0px;max-width:100% !important; } .wc-block-product-filter-price-slider .text input.max { text-align: right; } .sidebar-cat{position: sticky; top: 0;} @media (max-width: 768px) { .related-sec .col-md-12{padding: 0px !important;} nav.rank-math-breadcrumb p { margin-bottom: 0px; } .sticky-add-to-cart .quantity .qty{padding:0px 5px;} .related-sec ul.products{justify-content: center;} section.related .add_to_cart_button { font-size: 11px !important; } .summary.entry-summary { flex-direction: column; } .summary.entry-summary .left, .summary.entry-summary .right { max-width: 100%; flex: 0 0 100%; } ul.products .product {margin-bottom: 15px !important; } .site-branding img{height: 40px;} .ft-mb-sticky{display: flex !important; position: fixed; bottom: 0; background: #ffff; width: 100%; justify-content: space-between; padding: 5px 35px;box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);left: 0; z-index: 99;left:0px;z-index:99;} .mini-cart-dropdown{width:280px;} .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 45%;} .woocommerce ul.products::before{display:none;} .woocommerce-product-gallery {display: flex; gap: 10px;margin-bottom: 15px;} .flex-control-thumbs {width: 10%;display: flex !important;flex-direction: column;order: -1;height: 200px; overflow: auto; padding-left:0px !important;margin:0px !important;gap:0px !important;} .flex-control-thumbs li {width: 100% !important;margin-bottom: 8px;border: 1px solid #efefef;} .flex-control-thumbs img {width: 100%;height: auto;cursor: pointer;} .woocommerce-product-gallery__wrapper {flex: 1;} .woocommerce-product-gallery .flex-viewport {border: 1px solid #efefef;width: 90%;} a.woocommerce-product-gallery__trigger { position: absolute; right: 20px; z-index: 999; } .flex-control-thumbs::-webkit-scrollbar {width: 4px;} .flex-control-thumbs::-webkit-scrollbar-track {background: transparent;} .flex-control-thumbs::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.2);border-radius: 10px;} .flex-control-thumbs::-webkit-scrollbar-thumb:hover {background: rgba(0, 0, 0, 0.4);} .flex-control-thumbs {scrollbar-width: thin;scrollbar-color: rgba(0,0,0,0.2) transparent;} .single-product .summary.entry-summary .left h1{margin-bottom:0px !important} .woocommerce-product-gallery .flex-viewport img{height: 200px !important; object-fit: contain;} .woocommerce-product-gallery__image.flex-active-slide { height: 200px;} .woocommerce-checkout .check-right{width:100%;} .woocommerce-checkout div#customer_details{width:100%;} .banner-img-hm img{min-height: 137px;} .header-search { max-width: 100%;} .footer-col li {margin-bottom: 5px;} .summary.entry-summary .left form.cart {min-height: 100px;} .single-product .woocommerce-product-rating {min-height: 60px;} .single-product .star-rating span{height:0px;} .summary.entry-summary {min-height: 600px;} .single-product button.single_add_to_cart_button.button.alt { height: auto; padding: 5px 20px !important; line-height: 1.1; } .woocommerce-product-gallery { min-height: 210px; } .single-product main .col-md-4 {min-height: 230px;} a.woocommerce-product-gallery__trigger {display: none;} span.custom-sale-badge{font-size:10px;} } @media screen and (min-width:769px) and (max-width:980px) { .woocommerce.columns-5 ul.products li.product { width: 26.95%; } .head-btns .head-btn { padding: 7px 15px;font-size: 12px; } .wc-block-product-filters__overlay-content h3 { font-size: 18px; } .wc-block-product-filters__overlay-content .heading {font-size: 18px;} } @media (min-width: 1024px) { .pwb-filter-products ul { max-height: 250px; overflow: hidden; overflow-y: auto; } } @media (max-width: 922px) { .cat-main li.product{width:46% !important;} .wc-block-product-filter-price-slider .text input[type=text]{font-size: 10px;} .wp-block-group { padding: 10px;} } .single-product .single_variation_wrap .woocommerce-variation-add-to-cart { text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } .product-card a.button.product_type_simple { width: 100%; text-align: center; font-size: 12px; text-transform: uppercase; border-radius: 50px; }.recom-box { padding: 10px 0 0; } .product-card a.button.product_type_variable { width: 100%;text-align: center;font-size: 12px;text-transform: uppercase;border-radius: 50px;} .recom-box h2 { font-size: 16px; text-align: center; font-weight: 600; } .fbt-products{ display:flex; flex-direction:column; gap:16px; list-style:none; padding:0; margin:0; } .fbt-product .add_to_cart_button { background: #f18603 !important; text-align: center; color: #fff !important; font-size: 13px !important; padding: 6px 20px !important; line-height: 13px !important; border-radius: 10px !important; } .fbt-product{ display:flex; align-items:center; gap:16px; border:1px solid #e5e5e5; border-radius:8px; padding:12px;margin-bottom: 10px; } .fbt-image{ flex:0 0 64px; } .fbt-image img{ width:64px; height:64px; object-fit:cover; display:block; } .fbt-content{ flex:1; display:flex; flex-direction:column; gap:8px; align-items: center; } .fbt-title{ margin:0; font-size:15px; line-height:1.4;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .fbt-title a{ text-decoration:none; } .fbt-content .button{ width:fit-content; } @media (max-width: 991px){ .fbt-product{ gap:12px; padding:10px; } .fbt-title{ font-size:14px; } .product .add_to_cart_button.ajax_add_to_cart, .product .product_type_variable { padding: 5px 10px; font-size: 10px !important; line-height: 1.1; height: auto;} .product .sold-out-product-button__button { padding: 10px; } } @media (max-width: 767px){ .fbt-product{ align-items:flex-start; } .fbt-image{ flex:0 0 64px; } .fbt-image img{ width:64px; height:64px; } .fbt-content{ width:100%; } .fbt-content .button{ width:100%; text-align:center; } .sidebar-cat{flex-basis: 100%;} .mb-wrap { flex-wrap: wrap; } .product-category-page .wp-block-group { padding: 0px; } .cat-main .product-card{padding: 10px;} .footer-col { margin: 0px; padding: 0px; } .sticky-add-to-cart form.cart, .sticky-add-to-cart .sticky-content > div{ width: 100%;justify-content: center; } .sticky-add-to-cart .sticky-content{flex-wrap: wrap; text-align: center;gap: 0px;} .woocommerce table.variations tr td select {height: auto !important;} .related-sec-pro ul.wc-block-product-template__responsive { grid-template-columns: 1fr 1fr; } #sidebar-menu{display:none !important;} #sidebar-menu.active { position: absolute; top: 100%; left: 0; width: 100%; background: #1b2330; transform: scaleY(1); transform-origin: top; transition: transform 0.35s ease; z-index: 9998; padding: 0px 20px; height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: rgb(255 255 255 / .35) #fff0; display: block !important; } .logo-details {display: none !important;} .sidebar-menu .nav-links{padding: 20px 0 50px 5px;} .sidebar-menu .nav-links .wp-block-navigation-submenu a{color:#fff;} .sidebar-menu .menu-item:before{filter: brightness(0) invert(1);} .sidebar-menu .menu-item-has-children{display:block;} .sidebar-menu .nav-links li.showMenu .wp-block-navigation-submenu { position: relative !important; height: auto; left: -60px; display: block !important; visibility: visible; opacity: 1; width: 100%; background: transparent !important; border: none;transform:none; } .sidebar-menu .nav-links { overflow-y: scroll !important; } .sidebar-menu .menu-item-has-children>a:after {position: absolute; right: 15px; top: 20px; font-size: 14px; transition: 0.3s ease; content: '>'; } .sidebar-menu .nav-links li .wp-block-navigation-submenu a { color: #ffffff !important;} .sidebar-menu .nav-links li .wp-block-navigation-submenu:before{display:none !important;} .sidebar-menu .nav-links .wp-block-navigation-submenu li, .sidebar-menu .wp-block-navigation-submenu .menu-item{padding: 5px 0px !important;} .sidebar-menu .nav-links li .wp-block-navigation-submenu a{font-size: 14px; white-space: normal;} .sidebar-menu li span, .sidebar-menu li a { white-space: normal;} .mb-col-2.wc-block-product-template { grid-template-columns: 1fr 1fr !important; gap: 10px; } .mb-col-2.wc-block-product-template li:nth-child(5) { display: none; } } /* ------------------------------------------------------------------- Additions for the block-theme conversion (kept intentionally small) ------------------------------------------------------------------- */ /* No additional rules needed here: cart/checkout/my-account are regular Pages rendered through templates/page.html (same as the original page.php), and .woo-container / #primary.woo-primary defined earlier in this file are dead CSS carried over unchanged from the original stylesheet (see CONVERSION-NOTES.md). */ .wp-block-woocommerce-product-sale-badge span { background: #ff9514; color: #fff; font-size: 10px; padding: 3px 8px; border-radius: 10px; } .wc-block-components-product-sale-badge{ border: none; padding: 0px; line-height: 1.1; } footer.wp-block-template-part {margin: 0;} .home article.wp-block-group {padding: 0px;} .pro-details { border: 1px solid #e7e7e7; padding: 18px; text-align: center; } .pro-details h2 { font-size: 16px; margin-top: 10px !important;font-weight: 600; } .pro-details .wp-block-woocommerce-product-price { font-size: 20px; margin-top: 10px; } .pro-details .wp-block-add-to-cart-form { margin-top: 10px;width:100%; } nav.rank-math-breadcrumb {margin-left: 0px !important; } .woocommerce ul li.product { border-radius: 10px; overflow: hidden; box-shadow: rgb(0 0 0 / .05) 0 0 0 1px; background: #fff; text-align: center; } .woocommerce-product-rating {margin: 10px 0px 0 !important;} .woocommerce-product-rating p { margin: 0px; } .woocommerce .star-rating span::before { color: #ffd250; } .woocommerce div.product form.cart { display: flex; flex-wrap: wrap; justify-content: center; } .woocommerce div.product form.cart p.woope-notice { margin: 10px 0 5px; width: 100%; flex-basis: 100%; } .woocommerce table.variations td select { padding: 0 10px !important;; } .sticky-add-to-cart .woocommerce-variation.single_variation { margin: 0px !important; } table.variations th, table.variations td { padding-bottom: 0px !important; } .site-branding { margin: 0px;width: 33.33%; } .header-tools { width: 66.67%; display: flex; justify-content: space-between; margin: 0px;align-items: center; } ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li a:hover span{color:#fff !important} .sidebar-overlay:before { content: ''; background: #000000a1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99; } .sidebar-overlay{position:relative;} .blog-grid ul{display: grid;grid-template-columns: repeat(4,1fr);gap: 35px;padding: 50px 15px;} .blog-card {background: #fff;border-radius: 18px;overflow: hidden;box-shadow: 0 10px 35px rgba(0,0,0,.08);transition: .4s;} .blog-card:hover {transform: translateY(-8px);box-shadow: 0 20px 50px rgba(0,0,0,.15);} .blog-image {display: block;overflow: hidden;} .blog-image img {width: 100%;height: auto;object-fit: cover;transition: .5s;} .blog-card:hover img {transform: scale(1.08);} .blog-card .blog-content {padding: 25px;} .blog-card .blog-meta {display: flex;justify-content: space-between;font-size: 13px;color: #999;margin-bottom: 15px;} .blog-card .blog-content h2 { font-size: 20px; line-height: 1.35; margin-bottom: 15px; font-family: Verdana, Helvetica, Arial, sans-serif; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-clamp: 2; font-weight: 600; } .blog-card .blog-content h2 a { color: #222; text-decoration: none;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .blog-card .blog-content p { color: #666; line-height: 1.8; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; } .blog-card .read-more { padding: 8px 16px; background: #ff9514 !important; border: 1px solid #ff9514 !important; font-size: 12px !important; border-radius: 50px !important; width: 100% !important; text-transform: uppercase; color: #fff !important; line-height: 1.2; text-align: center; font-weight: 600 !important; } .blog-card .read-more:hover { background: #111; color: #fff; } .blog-grid :where(.is-layout-flow) > * { margin-block-start: 0 !important; } nav.wp-block-query-pagination { padding: 0 15px; gap: 10px; } nav.wp-block-query-pagination a { background: #1b2330; color: #fff; font-size: 14px; padding: 10px; } nav.wp-block-query-pagination span { background: #ff9514; color: #fff; padding: 10px; } button.product-description-toggle { background: none; border: 0; padding: 0; margin-top: 10px; color: #000; font-weight: 600; cursor: pointer; text-decoration: underline; } .product-description-toggle:hover { text-decoration: none; } @media(max-width: 991px) { .blog-grid ul{grid-template-columns:repeat(2,1fr);} } @media(max-width: 767px) { .blog-grid ul{grid-template-columns:1fr;} }