.shopping-cart-wrapper .ic-cart:before, .ts-tiny-account-wrapper .account-link>a:before, .my-wishlist-wrapper a:before, .search-button>span:before { color: #68BD45 !important; } .pankaj-cat-item{ min-width:170px; text-align:center; text-decoration:none; flex-shrink:0; } .pankaj-cat-item img{ width:170px; height:170px; object-fit:cover; border-radius:25px; border:1px solid #ddd; transition:.3s; } .pankaj-cat-item h4{ margin-top:12px; font-size:18px; font-weight:100; color:#000; } .pankaj-cat-item:hover img{ transform:scale(1.05); } .woocommerce-products-header + .content-container, .products-loop{ margin-top:180px; } /* CATEGORY PAGE TITLE CENTER */ .breadcrumb-title-wrapper .breadcrumb-content.container { display: flex; justify-content: center; align-items: center; flex-direction: column; } .breadcrumb-title { text-align: center; width: 100%; margin: 0 auto; } .breadcrumb { justify-content: center; } .product-wrapper .meta-wrapper { text-align: center; display: flex; flex-direction: column; align-items: center; } .product-wrapper .heading-title.product-name { width: 100%; text-align: center; font-size: } .product-wrapper .heading-title.product-name a { display: block; text-align: center; } .product-wrapper .heading-title.product-name { width: 100%; text-align: center; font-size: 22px; font-weight: 700; line-height: 1.4; margin-top: 12px; } .product-wrapper .heading-title.product-name a { display: block; text-align: center; font-size: 18px; font-weight: 700; color: #000; } .product-wrapper .price { display: flex; justify-content: center; align-items: center; gap: 8px; width: 100%; text-align: center; margin-top: 10px; } /* Sale Price */ .product-wrapper .price .woocommerce-Price-amount.amount bdi { color: #22c55e !important; font-size: 20px; font-weight: 700; } /* Old Price */ .product-wrapper .price del .woocommerce-Price-amount.amount bdi { color: #999 !important; font-size: 18px; font-weight: 500; } .custom-color-swatch{ display:flex; flex-direction:column; justify-content:center; align-items:center; margin:12px 0; } .custom-color-swatch span{ width:38px; height:38px; border-radius:50%; display:block; border:2px solid #e5e5e5; box-shadow:0 2px 8px rgba(0,0,0,0.08); } .custom-color-swatch p{ margin-top:8px; font-size:14px; font-weight:600; color:#444; text-transform:capitalize; } /* ========================================= SINGLE PRODUCT ICONS SECTION ========================================= */ .custom-product-icons{ /* 3 column layout */ display:grid; /* 3 equal columns */ grid-template-columns:repeat(3,1fr); /* Row gap + column gap */ gap:28px 40px; /* Top + bottom spacing */ margin:25px 0 30px; } /* SINGLE ICON ITEM */ .custom-product-icons .icon-item{ /* Icon + text side by side */ display:flex; /* Vertical center align */ align-items:center; /* Space between icon and text */ gap:14px; } /* ICON IMAGE */ .custom-product-icons .icon-item img{ /* Fixed width */ width:30px; /* Fixed height */ height:30px; /* Keep image ratio proper */ object-fit:contain; /* Prevent image shrinking */ flex-shrink:0; } /* ICON TEXT */ .custom-product-icons .icon-item span{ /* Text size */ font-size:16px; /* Text spacing */ line-height:1.4; /* Text color */ color:#1d1d1d; /* Medium font weight */ font-weight:500; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media(max-width:767px){ .custom-product-icons{ /* 2 column layout on mobile */ grid-template-columns:repeat(2,1fr); /* Smaller spacing */ gap:20px; } .custom-product-icons .icon-item span{ /* Smaller text on mobile */ font-size:14px; } .custom-product-icons .icon-item img{ /* Smaller icons on mobile */ width:29px; height:29px; } } /* ========================================= PREMIUM QUANTITY PRICING TABLE ========================================= */ .pankaj-pricing-table{ margin-top:24px; } /* HEADING */ .pankaj-pricing-table h3{ font-size:28px; line-height:1.1; margin-bottom:14px; color:#3b3b3b; font-weight:600; letter-spacing:-0.5px; } /* TABLE */ .pankaj-pricing-table table{ width:100%; border-collapse:separate; border-spacing:0; border:1px solid #dddddd; border-radius:20px; overflow:hidden; background:#ffffff; box-shadow:0 4px 18px rgba(0,0,0,0.03); } /* TD */ .pankaj-pricing-table td{ border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:14px 10px; text-align:center; vertical-align:middle; background:#fff; font-size:16px; color:#111; min-width:100px; } /* REMOVE LAST BORDER */ .pankaj-pricing-table tr td:last-child{ border-right:none; } .pankaj-pricing-table tr:last-child td{ border-bottom:none; } /* LEFT COLUMN */ .pankaj-pricing-table .heading-col{ width:180px; min-width:180px; text-align:left; background:#fafafa; font-size:18px; font-weight:600; padding-left:18px; color:#333; } /* DISCOUNT BADGE */ .pankaj-pricing-table .discount{ display:inline-flex; align-items:center; justify-content:center; min-width:78px; height:44px; padding:0 14px; border-radius:50px; font-size:15px; line-height:1; font-weight:600; color:#fff; } /* GREEN */ .pankaj-pricing-table .green{ background:#69c240; box-shadow:0 4px 10px rgba(105,194,64,0.18); } /* GRAY */ .pankaj-pricing-table .gray{ background:#e5e5e5; color:#555; } /* PRICE */ .pankaj-pricing-table strong{ display:block; font-size:20px; line-height:1.1; font-weight:700; color:#111; } /* SMALL TEXT */ .pankaj-pricing-table small{ display:block; margin-top:5px; font-size:13px; color:#8a8a8a; line-height:1.3; } /* HOVER */ .pankaj-pricing-table td:hover{ background:#fcfcfc; transition:0.2s ease; } /* MOBILE */ @media(max-width:768px){ .pankaj-pricing-table{ overflow-x:auto; margin-top:20px; } .pankaj-pricing-table table{ min-width:680px; } .pankaj-pricing-table h3{ font-size:24px; } .pankaj-pricing-table td{ padding:12px 8px; } } /* ========================================= PANKAJ LOGO PRINTING ========================================= */ .pankaj-logo-box{ width:100%; margin:25px 0; } /* TOGGLE AREA */ .pankaj-logo-box .logo-toggle-wrap{ display:flex; align-items:center; gap:14px; cursor:pointer; margin-bottom:20px; } .pankaj-logo-box .logo-toggle-wrap input{ display:none; } /* SWITCH */ .pankaj-logo-box .toggle-slider{ width:62px; height:34px; background:#dcdcdc; border-radius:50px; position:relative; transition:0.3s; flex-shrink:0; } .pankaj-logo-box .toggle-slider:before{ content:''; width:26px; height:26px; background:#fff; border-radius:50%; position:absolute; top:4px; left:4px; transition:0.3s; } .pankaj-logo-box .logo-toggle-wrap input:checked + .toggle-slider{ background:#6bc442; } .pankaj-logo-box .logo-toggle-wrap input:checked + .toggle-slider:before{ left:32px; } /* TEXT */ .pankaj-logo-box .toggle-text{ font-size:20px; font-weight:700; color:#111; } /* HIDDEN AREA */ .pankaj-logo-box .logo-print-area{ display:none; background:#edf7e8; padding:25px; border-radius:20px; } /* FILE BUTTON */ .pankaj-logo-box .upload-box{ margin-bottom:35px; } .pankaj-logo-box .upload-box label{ display:inline-block; background:#6bc442; color:#fff; padding:14px 28px; border-radius:14px; font-size:18px; font-weight:600; cursor:pointer; margin-bottom:15px; } .pankaj-logo-box .upload-box input[type="file"]{ width:100%; margin-top:10px; } .pankaj-logo-box .upload-box small{ display:block; margin-top:12px; color:#666; font-size:14px; } /* TITLE */ .pankaj-logo-box .print-title{ font-size:34px; font-weight:700; margin-bottom:25px; line-height:1.2; } /* CARD */ .pankaj-logo-box .print-card{ display:flex; align-items:center; gap:18px; background:#efefef; padding:24px; border-radius:22px; margin-bottom:18px; cursor:pointer; transition:0.3s; } .pankaj-logo-box .print-card input{ width:22px; height:22px; margin:0; } /* ACTIVE CARD */ .pankaj-logo-box .print-card.active{ background:#6bc442; color:#fff; } /* TEXT */ .pankaj-logo-box .print-card strong{ display:block; font-size:28px; line-height:1.2; margin-bottom:6px; } .pankaj-logo-box .print-card p{ margin:0; font-size:20px; } /* MOBILE */ @media(max-width:768px){ .pankaj-logo-box .print-title{ font-size:26px; } .pankaj-logo-box .print-card{ padding:18px; } .pankaj-logo-box .print-card strong{ font-size:22px; } .pankaj-logo-box .print-card p{ font-size:16px; } } .woocommerce div.product form.cart .variations_button { display: block !IMPORTANT; } .single-product form.cart .single_add_to_cart_button{ width:calc(100% - 125px) !important; display:inline-flex !important; align-items:center; justify-content:center; height:58px; border-radius:10px; margin-left:15px !important; margin-top:21px !important; vertical-align:top; background:#6BBC48 !important; border-color:#6BBC48 !important; } /* ========================================= PREMIUM ATTRIBUTE DESIGN ========================================= */ .pankaj-attribute-list{ margin-top:18px; } .pankaj-attribute-list ul{ margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:12px; } .pankaj-attribute-list li{ display:flex; align-items:center; gap:8px; background:#f8f8f8; border:1px solid #ececec; border-radius:14px; padding:10px 16px; font-size:16px; line-height:1.4; color:#222; font-weight:500; margin:0; transition:0.3s; } /* DOT ICON */ .pankaj-attribute-list li::before{ content:""; width:8px; height:8px; border-radius:50%; background:#6cc63f; flex-shrink:0; } /* LABEL */ .pankaj-attribute-list li strong{ font-weight:700; color:#111; } /* HOVER */ .pankaj-attribute-list li:hover{ border-color:#6cc63f; background:#f4ffef; transform:translateY(-2px); } /* MOBILE */ @media(max-width:767px){ .pankaj-attribute-list ul{ gap:10px; } .pankaj-attribute-list li{ width:100%; font-size:15px; padding:10px 14px; } } .woocommerce div.product form.cart .variations { margin-bottom: 6px; display: none !IMPORTANT; } /* HIDE THEME BADGE */ .ts-discount-percent{ display:none !important; } .yith-wfbt-submit-block .total_price .amount, ins .amount, .woocommerce .products .product ins .amount, .product_list_widget ins .amount, div.product .price ins .amount, .price ins .amount, .yith-wfbt-section ins .amount, .ts-wishlist-table-wrapper ins .amount, .cart ins .amount { color: #69C240; } .woocommerce div.product form.cart { padding-top: 0px !important; } .widget-container { margin: 19px 0 0 0 !important; padding: 15px 0 0 0 !important; border-width: 1px 0 0 0; border-style: solid; clear: both; position: relative; } p, address { margin: 0 0 0px !IMPORTANT; display: block; } .top-cat .woocommerce .products .product a img { box-shadow: none; height: 130px; width: 130px !IMPORTANT; border-radius: 20px; margin: 0 auto; border: 1px solid; } /* Hide only default variation rows */ .variation-Colour, .variation-Length, .variation-Width, .variation-Height, .variation-Quantity, .variation-Size, .variation-Colour + dd, .variation-Length + dd, .variation-Width + dd, .variation-Height + dd, .variation-Quantity + dd, .variation-Size + dd{ display:none !important; } .woocommerce-checkout-review-order-table dl.variation dt:not(.variation-OrderSummary), .woocommerce-checkout-review-order-table dl.variation dd:not(.variation-OrderSummary){ display:none !important; } /* Hide top product row */ .woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-name > strong.product-quantity, .woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-name{ font-size:0 !important; line-height:0 !important; } /* Keep premium box visible */ .woocommerce-checkout-review-order-table .variation-OrderSummary + dd{ font-size:initial !important; line-height:initial !important; } /* Hide top subtotal amount */ .woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-total{ display:none !important; } .woocommerce-checkout-review-order-table tbody tr.cart_item{ border:none !important; } .woocommerce-checkout-review-order-table tbody tr.cart_item td{ padding:0 !important; border:none !important; } /* PREMIUM CARD */ /* ROW */ .premium-row{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; padding:10px 0; border-bottom:1px solid #efefef; } /* PRODUCT TITLE */ .premium-row .left{ font-size:20px; line-height:1.45; font-weight:700; color:#111; max-width:70%; } /* PRICE */ .premium-row .right{ font-size:28px; font-weight:700; color:#111; white-space:nowrap; } /* SMALL TEXT */ .premium-row .left small{ display:block; margin-top:0px; font-size:14px; font-weight:500; color:#8a8a8a; } /* GREEN PRINT PRICE */ .premium-row .right.green{ color:#67c63d; } /* TOTAL SECTION */ .premium-total{ display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:28px; } .premium-total .left{ font-size:34px; font-weight:800; color:#111; } .premium-total .right{ font-size:72px; line-height:1; font-weight:800; color:#111; } /* MOBILE */ @media(max-width:767px){ .pankaj-premium-table{ padding:22px; border-radius:22px; } .premium-row{ gap:12px; padding:18px 0; } .premium-row .left{ font-size:17px; max-width:65%; } .premium-row .right{ font-size:22px; } .premium-total{ align-items:flex-end; } .premium-total .left{ font-size:26px; } .premium-total .right{ font-size:52px; } } .premium-row, .premium-total{ display:flex; justify-content:space-between; align-items:flex-start; gap:15px; } .premium-row .left, .premium-total .left{ width:65%; flex-shrink:0; } .premium-row .right, .premium-total .right{ flex-shrink:0; text-align:right; } .premium-total .right{ font-size:30px; line-height:1.1; font-weight:800; color:#67c63d; } .woocommerce div.product div.summary { padding-left: 30px; margin: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; width: auto; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3); margin-left: 17px; border-radius: 25px; padding: 30px; } /* Form Css All custom page */ /* ========================= INPUT FIELD ========================= */ .inputfield{ padding:8px 16px !important; min-height:52px !important; font-size:18px !important; border-radius:10px !important; border:2px solid #e8e8e8 !important; box-shadow:none !important; } /* ========================= PRODUCT BUILDER FORM ========================= */ .product-builder-form{ width:100%; padding:10px; background:#fff; border-radius:22px; overflow:hidden; } /* ========================= HEADINGS ========================= */ .product-builder-form h4{ font-size:15px; font-weight:500; color:#111; margin-bottom:14px; line-height:1.2; letter-spacing:-0.3px; } .custom-class{ margin-bottom:24px; } /* ========================= RADIO WRAP ========================= */ .wpcf7-radio{ display:flex; flex-wrap:wrap; gap:10px; } /* ========================= PILLS ========================= */ .pill .wpcf7-list-item{ margin:0; } .pill label{ margin:0; } .pill input[type="radio"], .pill input[type="checkbox"]{ display:none; } /* ========================= BUTTON STYLE ========================= */ .pill .wpcf7-list-item-label{ display:flex; align-items:center; justify-content:center; text-align:center; width:100px; min-height:35px; padding:10px 16px; background:#fff; border:2px solid #e7e7e7; border-radius:14px; font-size:15px; font-weight:500; line-height:1.2; color:#222; cursor:pointer; transition:all .25s ease; box-shadow:0 2px 8px rgba(0,0,0,0.03); } /* ACTIVE */ .pill input:checked + .wpcf7-list-item-label{ background:#6cc04a; border-color:#6cc04a; color:#fff; } /* HOVER */ .pill .wpcf7-list-item-label:hover{ border-color:#6cc04a; } /* CAPS */ input[name="Caps"] + .wpcf7-list-item-label{ width:170px; } /* SIZE */ input[name="size"] + .wpcf7-list-item-label{ width:140px; min-height:50px; } /* QUANTITY */ input[name="quantity"] + .wpcf7-list-item-label{ width:58px; min-height:38px; font-size:14px; border-radius:12px; } /* ========================= INPUTS ========================= */ .inputfield, .form-control{ width:100%; background:#fff; outline:none; transition:.25s ease; } .inputfield:focus, .form-control:focus{ border-color:#6cc04a !important; } /* TEXTAREA */ textarea.inputfield{ min-height:100px !important; resize:none; padding-top:14px !important; } /* PLACEHOLDER */ ::placeholder{ color:#888; opacity:1; } /* ========================= DESIGN BOX ========================= */ .Custom-designer{ background:#fff; border:2px solid #ececec; border-radius:22px; padding:20px 18px; margin:22px 0; } /* ========================= CHECKBOX BUTTONS ========================= */ input[type="checkbox"] + .wpcf7-list-item-label{ width:auto !important; min-width:180px !important; min-height:46px !important; padding:10px 18px !important; border-radius:14px !important; font-size:15px !important; white-space:nowrap; } /* ========================= NOTES ========================= */ .upload-note{ font-size:13px; color:#666; margin-top:12px; margin-bottom:10px; line-height:1.4; } .note{ font-size:12px; color:#777; margin-top:10px; line-height:1.4; } .design-gst{ font-size:13px; line-height:1.6; color:#333; margin-top:12px; } /* ========================= FILE INPUT ========================= */ .file-btn{ width:100%; border:2px solid #ececec; border-radius:14px; padding:10px; background:#fff; } .file-btn::file-selector-button{ background:#6cc04a; color:#fff; border:none; border-radius:10px; padding:10px 16px; margin-right:14px; cursor:pointer; font-weight:500; font-size:14px; } /* ========================= DESIGNER BUTTON ========================= */ .adesigner-btn{ margin-top:16px; width:100%; min-height:50px; display:flex; align-items:center; justify-content:center; text-align:center; border:2px solid #e5e5e5; border-radius:14px; font-size:15px; font-weight:500; color:#111; cursor:pointer; transition:.25s ease; } .adesigner-btn:hover{ background:#6cc04a; border-color:#6cc04a; color:#fff; } /* ========================= BUTTONS ========================= */ .submit-btn, .popup-submit-btn{ width:100%; height:58px; border:none; border-radius:14px; background:#6cc04a; color:#fff; font-size:18px; font-weight:600; cursor:pointer; transition:.25s ease; } .submit-btn:hover, .popup-submit-btn:hover{ transform:translateY(-1px); } /* ========================= POPUP OVERLAY ========================= */ .quote-popup-overlay{ position:fixed; inset:0; background:rgba(0,0,0,0.65); display:none; align-items:center; justify-content:center; z-index:9999; padding:18px; } /* ========================= POPUP BOX ========================= */ .popup-quote-form{ width:100%; max-width:950px; background:#fff; border-radius:22px; padding:32px 24px; position:relative; } /* CLOSE */ .close-popup{ position:absolute; top:14px; right:18px; font-size:32px; line-height:1; cursor:pointer; } /* LABELS */ .popup-quote-form label{ display:block; margin-bottom:8px; font-size:15px; font-weight:500; color:#111; } /* ========================= CF7 FIXES ========================= */ .wpcf7-spinner{ display:none; } .wpcf7-not-valid-tip{ margin-top:6px; font-size:12px; } .wpcf7-response-output{ margin-top:16px !important; border-radius:10px; font-size:13px; } /* ========================= MOBILE ========================= */ @media(max-width:767px){ .product-builder-form{ padding:8px; } .product-builder-form h4{ font-size:15px; } .pill .wpcf7-list-item-label{ width:calc(50% - 5px); font-size:14px; } input[name="quantity"] + .wpcf7-list-item-label{ width:52px; min-height:36px; font-size:13px; } input[name="Caps"] + .wpcf7-list-item-label{ width:150px; } input[name="size"] + .wpcf7-list-item-label{ width:130px; } .Custom-designer{ padding:18px 14px; } .popup-quote-form{ padding:22px 16px; } } /* Form Css All custom page end */ .inc-gst-text{ font-size:13px; font-weight:500; color:#666; margin-left:4px; } .coming-soon-text{ display:inline-flex !important; align-items:center; justify-content:center; background:#e8f8e8; color:#1f7a1f; border:1px solid #b7e4b7; padding:10px 22px; border-radius:30px; font-size:16px; font-weight:600; margin:12px 0; line-height:1; width:auto !important; max-width:max-content !important; } .products .product .price{ display:flex !important; align-items:center; gap:6px; } .products .product .price .inc-gst-text{ order:999 !important; margin-left:0 !important; white-space:nowrap; } .single-product .summary .price{ display:flex !important; align-items:center; gap:6px; flex-wrap:wrap; } .single-product .summary .price .inc-gst-text{ order:999 !important; white-space:nowrap; } /* ========================================= BILLING + SHIPPING SAME DESIGN ========================================= */ .woocommerce-billing-fields, .shipping_address{ background:#f5f5f5; padding:34px; border-radius:30px; box-shadow:0 4px 16px rgba(0,0,0,.08); } /* TITLE */ .woocommerce-billing-fields h3 { font-size: 40px; line-height: 1; font-weight: 500; margin-bottom: 38px; color: #68bd45; } /* SHIPPING TITLE */ #ship-to-different-address{ margin:35px 0 20px !important; } #ship-to-different-address label{ font-size:20px !important; font-weight:600 !important; color:#111 !important; } /* GRID */ .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper{ display:grid !important; grid-template-columns:repeat(12,1fr) !important; gap:22px !important; } /* RESET */ .woocommerce form .form-row{ width:100% !important; margin:0 !important; padding:0 !important; float:none !important; clear:none !important; } /* ========================================= BILLING POSITIONS ========================================= */ #billing_first_name_field{ grid-column:1 / span 6; grid-row:1; } #billing_email_field{ grid-column:7 / span 6; grid-row:1; } #billing_company_field{ grid-column:1 / span 12; grid-row:2; } #billing_address_1_field{ grid-column:1 / span 6; grid-row:3; } #billing_phone_field{ grid-column:7 / span 6; grid-row:3; } #billing_city_field{ grid-column:1 / span 4; grid-row:4; } #billing_postcode_field{ grid-column:5 / span 4; grid-row:4; } #billing_state_field{ grid-column:9 / span 4; grid-row:4; } #billing_country_field{ grid-column:1 / span 12; grid-row:5; } /* ========================================= SHIPPING POSITIONS ========================================= */ #shipping_first_name_field{ grid-column:1 / span 6; grid-row:1; } #shipping_email_field{ grid-column:7 / span 6; grid-row:1; } #shipping_company_field{ grid-column:1 / span 12; grid-row:2; } #shipping_address_1_field{ grid-column:1 / span 6; grid-row:3; } #shipping_phone_field{ grid-column:7 / span 6; grid-row:3; } #shipping_city_field{ grid-column:1 / span 4; grid-row:4; } #shipping_postcode_field{ grid-column:5 / span 4; grid-row:4; } #shipping_state_field{ grid-column:9 / span 4; grid-row:4; } #shipping_country_field{ grid-column:1 / span 12; grid-row:5; } /* HIDE ADDRESS 2 */ #billing_address_2_field, #shipping_address_2_field{ display:none !important; } /* INPUTS */ .woocommerce form .input-text, .woocommerce form select, .select2-container--default .select2-selection--single{ width:100% !important; height:55px !important; background:#fff !important; border:1px solid #b7b7b7 !important; border-radius:8px !important; box-shadow:none !important; font-size:17px !important; color:#222 !important; } /* INPUT PADDING */ .woocommerce form .input-text{ padding:0 22px !important; } /* SELECT2 */ .select2-container{ width:100% !important; } .select2-container--default .select2-selection--single{ display:flex !important; align-items:center !important; padding:0 22px !important; } .select2-container--default .select2-selection__rendered{ line-height:60px !important; padding:0 !important; } .select2-container--default .select2-selection__arrow{ height:64px !important; right:15px !important; } /* PLACEHOLDER */ .woocommerce input::placeholder{ color:#9c9c9c !important; opacity:1 !important; } /* LABELS */ .woocommerce form .form-row label, .optional{ display:none !important; } /* MOBILE */ @media(max-width:768px){ .woocommerce-billing-fields, .shipping_address{ padding:20px; border-radius:20px; } .woocommerce-billing-fields h3{ font-size:42px; } .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper{ display:block !important; } .woocommerce-billing-fields__field-wrapper .form-row, .woocommerce-shipping-fields__field-wrapper .form-row{ margin-bottom:15px !important; } .woocommerce form .input-text, .woocommerce form select, .select2-container--default .select2-selection--single{ height:58px !important; font-size:16px !important; } } /* ========================================= TOP SHIPPING BAR ========================================= */ .efp-top-bar{ background:#D6FDC0; width:100%; padding:12px 20px; position:relative; z-index:999; overflow:hidden; } .efp-top-bar-inner{ max-width:1400px; margin:0 auto; display:flex; align-items:center; } .efp-marquee{ flex:1; overflow:hidden; white-space:nowrap; } .efp-marquee-track{ display:inline-flex; align-items:center; white-space:nowrap; animation:efpMarquee 55s linear infinite; } .efp-marquee-track span{ padding-right:120px; font-size:16px; font-weight:600; color:#234823; } .efp-top-phone{ flex-shrink:0; margin-left:25px; text-decoration:none; color:#000; font-size:16px; font-weight:700; display:flex; align-items:center; gap:10px; } .efp-top-phone i{ font-size:20px; } @keyframes efpMarquee{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-50%); } } /* Mobile */ @media(max-width:768px){ .efp-top-bar{ padding:10px 15px; } .efp-top-bar-inner{ flex-direction:column; gap:8px; } .efp-marquee{ width:100%; } .efp-marquee-track span{ font-size:14px; padding-right:80px; } .efp-top-phone{ margin-left:0; font-size:14px; } .efp-top-phone i{ font-size:16px; } } .efp-top-phone{ flex-shrink:0; display:flex; align-items:center; gap:12px; text-decoration:none; color:#1f3b1f; font-size:18px; font-weight:700; background:#fff; padding:5px 10px; border-radius:50px; box-shadow:0 4px 15px rgba(0,0,0,0.08); transition:all .3s ease; } .efp-top-phone:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,0.12); } .efp-top-phone i{ width:30px; height:30px; border-radius:50%; background:#4CAF50; color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; } /* ===================================== CONTACT FORM 7 SUBSCRIBE FORM ===================================== */ .efp-subscribe-wrap{ width:100%; max-width:700px; margin:0 auto; position:relative; } .efp-subscribe-wrap p{ margin:0 !important; } .efp-subscribe-wrap .wpcf7-form{ position:relative; } .efp-subscribe-wrap .wpcf7-form-control-wrap{ display:block; width:100%; } /* EMAIL FIELD */ .efp-subscribe-wrap input[type="email"]{ width:100% !important; height:88px !important; background:#f1f1f1 !important; border:2px solid #7d8694 !important; border-radius:28px !important; padding:0 300px 0 35px !important; font-size:22px !important; font-weight:500 !important; color:#555 !important; outline:none !important; box-sizing:border-box !important; box-shadow:none !important; } .efp-subscribe-wrap input[type="email"]::placeholder{ color:#7a7a7a !important; text-transform:uppercase; letter-spacing:.5px; } /* SUBMIT BUTTON */ .efp-subscribe-wrap input[type="submit"]{ position:absolute !important; top:6px !important; right:6px !important; width:290px !important; height:76px !important; border:none !important; border-radius:22px !important; background:#69c81d !important; color:#fff !important; font-size:18px !important; font-weight:700 !important; letter-spacing:.5px; cursor:pointer !important; z-index:99 !important; transition:all .3s ease !important; margin:0 !important; padding:0 !important; } .efp-subscribe-wrap input[type="submit"]:hover{ background:#58ad19 !important; transform:translateY(-1px); } /* ERROR & SUCCESS */ .efp-subscribe-wrap .wpcf7-not-valid-tip{ font-size:12px !important; margin-top:6px; } .efp-subscribe-wrap .wpcf7-response-output{ margin:15px 0 0 !important; padding:10px !important; font-size:13px !important; border-radius:10px; } /* SPINNER */ .efp-subscribe-wrap .wpcf7-spinner{ position:absolute; bottom:-35px; left:0; } /* MOBILE */ @media (max-width:767px){ .efp-subscribe-wrap{ max-width:100%; position:relative; } .efp-subscribe-wrap input[type="email"]{ width:100% !important; height:68px !important; padding:0 170px 0 20px !important; font-size:16px !important; border-radius:20px !important; } .efp-subscribe-wrap input[type="submit"]{ position:absolute !important; top:4px !important; right:4px !important; width:165px !important; height:60px !important; margin:0 !important; border-radius:16px !important; font-size:15px !important; line-height:60px !important; } } .menu-desc, .menu-desc-lv0{ display:none !important; } .product-stock-qty{ display:flex; align-items:center; gap:15px; margin-top:10px; font-size:18px; font-weight:600; } .product-stock-qty .stock-status{ color:#69c52a; } .product-stock-qty .stock-count{ color:#000; } .select2-container--default .select2-selection--single .select2-selection__rendered{ color:#9e9e9e !important; line-height:64px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 64px !important; padding-left: 0 !important; } .select2-container--default .select2-selection--single .select2-selection__placeholder{ display:inline !important; height:auto !important; line-height:64px !important; margin:0 !important; padding:0 !important; } .product-stock-qty{ order: 3; } .product-name, .woocommerce-loop-product__title{ order: 2; } .price{ order: 4; } .woocommerce-cart .woocommerce .cart-collaterals, .woocommerce-checkout #order_review, .woocommerce-checkout #order_review_heading { width: 100% !important; max-width: 509px; } .inc-gst-text{ display:inline !important; white-space:nowrap !important; margin-left:4px; } .discount-text{ white-space: nowrap !important; } .discount-text .inc-gst-text{ display:inline !important; white-space:nowrap !important; } .discount-text strong{ display:inline !important; } span.woocommerce-Price-amount.amount { font-size: 17px !IMPORTANT; } .premium-row .left { font-size: 16px !important; font-weight: 600; color: #68bd45 !IMPORTANT; max-width: 100%; } .premium-total .left { font-size: 17px; font-weight: 700; color: #68bd45 !IMPORTANT; color: #111; } .discount-badge{ display:inline-block; background:#28a745; color:#fff !important; font-size:12px; font-weight:600; padding:4px 10px; border-radius:20px; line-height:1; margin-right:6px; } .woocommerce-cart .woocommerce .cart-collaterals, .woocommerce-checkout #order_review, .woocommerce-checkout #order_review_heading { background: #fff; border: 1px solid green; border-radius: 30px; } .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals{ display:flex !important; justify-content:space-between !important; align-items:center !important; } .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals th{ width:auto !important; flex:0 0 auto !important; } .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td{ width:auto !important; flex:1 !important; text-align:right !important; } .woocommerce-checkout-review-order-table ul#shipping_method{ margin:0 !important; } .woocommerce-checkout-review-order-table ul#shipping_method li{ white-space:nowrap !important; } h3#order_review_heading{ display: none; } .quote-popup-overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.65); display:none; z-index:999999; } .quote-popup-overlay.active{ display:block; } .popup-quote-form{ position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:800px; max-width:90vw; background:#fff; border-radius:12px; padding:40px; box-shadow:0 15px 50px rgba(0,0,0,.25); z-index:9999999; } .close-popup{ position:absolute; top:15px; right:20px; font-size:34px; cursor:pointer; } .popup-quote-form .row{ display:flex; flex-wrap:wrap; margin:0 -10px; } .popup-quote-form .col-md-6{ width:50%; padding:0 10px; box-sizing:border-box; } @media(max-width:768px){ .popup-quote-form{ width:95%; padding:25px; } .popup-quote-form .col-md-6{ width:100%; } } .elementor-element-4acfb9b{ animation:none !important; transform:none !important; } .elementor-element-c38f0cc{ animation:none !important; transform:none !important; } .elementor-element-c38f0cc.animated{ animation:none !important; transform:none !important; } .elementor-element-c38f0cc{ animation:none !important; transform:none !important; perspective:none !important; filter:none !important; } /* Popup wale Elementor columns ki animation globally kill */ .elementor-column.animated, .elementor-widget.animated, .elementor-element.animated{ animation:none !important; transform:none !important; } .animated.fadeInDown, .animated.fadeInUp, .animated.fadeInLeft, .animated.fadeInRight, .animated.zoomIn, .animated.slideInUp{ animation:none !important; transform:none !important; } .premium-cf7-container .animated{ animation:none !important; transform:none !important; } /* SIZE MM FIX */ .three-custom-class .row{ display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:nowrap !important; gap:12px; } .three-custom-class .col-4{ flex:1 1 0 !important; max-width:none !important; width:auto !important; } .three-custom-class .col-1{ flex:0 0 20px !important; width:20px !important; max-width:20px !important; text-align:center; } .three-custom-class input.wpcf7-text{ width:100% !important; height:48px; border:1px solid #d9d9d9; border-radius:12px; text-align:center; } .multiply-sign{ font-size:28px; line-height:1; color:#111; } .premium-cf7-container input.wpcf7-submit { font-size: 16px; color: #fff; background-color: #6CC04A !IMPORTANT; border: 1px solid #6CC04A; font-weight: 900; border-radius: 0; text-decoration: none; box-shadow: none; margin-top: 10px; padding: 5px 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } p.adesigner-btn { display: flex; justify-content: center; align-items: center; width: 100%; text-align: center; } .elementor-invisible{ visibility: visible !important; } .premium-carousel-template .elementor-invisible{ visibility: visible !important; opacity: 1 !important; } .premium-carousel-template .elementor-invisible{ visibility: visible !important; opacity: 1 !important; animation: none !important; } .ts-header .ts-search-normal .search-content input[type="text"] { border: 1px solid #68BD45; border-radius: 20px; } .woocommerce-checkout-review-order-table dl.variation{ margin:0 !important; } .woocommerce-checkout-review-order-table dd{ margin:0 !important; padding:0 !important; } .variation-OrderSummary{ margin:0 !important; } .variation-OrderSummary + dd{ margin:0 !important; padding:0 !important; } .pankaj-premium-table{ margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals td{ padding-top:8px !important; } .pankaj-grand-total-row th, .pankaj-grand-total-row td{ padding-top:12px !important; } .free-shipping-label{ display:inline-block; background:#e8f7df; color:#69be45; padding:4px 10px; border-radius:20px; font-size:13px; font-weight:700; } .pankaj-grand-total-row { border-top: 2px solid #67c23a; padding-top: 0px !important; margin-top: 0px !important; } .pankaj-product-divider{ border-top:1px solid #dfe7d8; margin:25px 0; } .pankaj-item-heading{ font-size:24px; font-weight:700; color:#67c23a; margin:25px 0 20px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; } .pankaj-grand-total-row{ border-top:2px solid #67c23a; padding-top:20px; margin-top:20px; } .pankaj-grand-total-row th, .pankaj-grand-total-row td{ font-size:32px; font-weight:700; color:#67c23a; } .discount-text{ display:block; margin-top:8px; line-height:1.4; } .pankaj-grand-total-row{ display:flex; justify-content:space-between; align-items:center; gap:20px; } .pankaj-grand-total-row .left{ flex:1; } .pankaj-grand-total-row .right{ text-align:right; white-space:nowrap; } /* Hide Shipment label */ .woocommerce-shipping-totals th{ display:none !important; } /* Expand shipping method row */ .woocommerce-shipping-totals td{ width:100% !important; } .woocommerce-shipping-totals td { color: #67C23A !important; font-weight: 700 !important; } .woocommerce-shipping-totals .woocommerce-Price-amount { color: #111 !important; font-weight: 700 !important; } .woocommerce-shipping-totals .inc-gst-text { color: #888 !important; font-weight: 400 !important; } .woocommerce-shipping-totals label { color: #67C23A !important; font-weight: 700 !important; } .woocommerce-shipping-totals td{ padding-left:0 !important; padding-right:0 !important; } .woocommerce-shipping-totals ul, .woocommerce-shipping-totals li{ margin:0 !important; padding:0 !important; list-style:none !important; } .woocommerce-shipping-totals label{ color:#67C23A !important; font-weight:700 !important; margin:0 !important; } .woocommerce-shipping-totals td{ text-align:left !important; padding-left:0 !important; } .woocommerce-shipping-totals ul{ width:100% !important; margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals li{ display:flex !important; justify-content:flex-start !important; align-items:center !important; margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals td{ text-align:right !important; } .woocommerce-shipping-totals label{ float:left !important; color:#67C23A !important; font-weight:700 !important; } .pankaj-premium-table .premium-row:last-child{ border-bottom:none !important; padding-bottom:0 !important; margin-bottom:0 !important; } .pankaj-premium-table .premium-row:last-child{ padding-bottom:0 !important; margin-bottom:0 !important; border-bottom:none !important; } .variation-OrderSummary{ margin-bottom:0 !important; } .variation-OrderSummary .pankaj-premium-table{ margin-bottom:0 !important; } .woocommerce-checkout-review-order-table dl.variation, .woocommerce-checkout-review-order-table dd{ margin-bottom:0 !important; } .pankaj-premium-table p{ margin:0 !important; padding:0 !important; } .pankaj-premium-table br{ display:none !important; } /* Variation ke niche extra gap hatao */ .woocommerce-checkout-review-order-table dl.variation { margin-bottom: 0 !important; } .woocommerce-checkout-review-order-table dl.variation dd { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* Order summary wrapper */ .pankaj-premium-table { margin: 0 !important; padding: 0 !important; } /* Premium rows */ .pankaj-premium-table .premium-row { margin-bottom: 8px !important; padding-bottom: 0 !important; } /* Last row ke niche gap remove */ .pankaj-premium-table .premium-row:last-child { margin-bottom: 0 !important; } /* P tags ki default spacing remove */ .pankaj-premium-table p { margin: 0 !important; } label[for="payment_method_stripe"]{ font-size:0 !important; } label[for="payment_method_stripe"]:after{ content:'Credit/Debit Card'; font-size:16px; } .premium-row .right{ display:flex !important; justify-content:flex-end !important; align-items:flex-start !important; width:auto !important; min-width:90px !important; flex:0 0 auto !important; white-space:nowrap !important; text-align:right !important; } .premium-row .right .woocommerce-Price-amount{ margin-left:auto !important; } @media (max-width:457px){ .premium-row{ display:flex !important; justify-content:space-between !important; align-items:flex-start !important; gap:8px !important; } .premium-row .left{ flex:1 1 auto !important; min-width:0 !important; } .premium-row .right{ flex:0 0 auto !important; width:auto !important; min-width:80px !important; } } .premium-row .right .woocommerce-Price-amount{ margin-left:auto !important; } @media (min-width:300px) and (max-width:667px){ .premium-row .right{ width:auto !important; min-width:120px !important; } .premium-row .right .woocommerce-Price-amount{ font-size:15px !important; } .premium-row .right .inc-gst-text{ font-size:10px !important; } } @media (min-width:300px) and (max-width:667px){ .cart-subtotal td, .order-total td{ width:auto !important; min-width:110px !important; white-space:nowrap !important; text-align:right !important; font-size:15px !important; } } @media (min-width:300px) and (max-width:667px){ .pankaj-grand-total-row, .cart-subtotal, .order-total{ display:flex !important; justify-content:space-between !important; align-items:center !important; } .pankaj-grand-total-row td, .cart-subtotal td, .order-total td{ white-space:nowrap !important; text-align:right !important; } .pankaj-grand-total-row .woocommerce-Price-amount, .cart-subtotal .woocommerce-Price-amount, .order-total .woocommerce-Price-amount{ font-size:16px !important; } } th.product-total{ display: none; } .woocommerce form .form-row .input-text, .woocommerce form .form-row select { font-weight: 400 !important; padding: 10px !important; } @media (max-width:768px){ .woocommerce form .form-row .input-text, .woocommerce form .form-row select{ margin-bottom:8px; } } @media (max-width:768px){ .woocommerce form .form-row.address-field .select2-container .select2-selection--single { margin-bottom: 8px;} } .woocommerce-cart .product-name > a{ display:none !important; } .woocommerce-cart .variation dt{ display:none !important; } .woocommerce-cart .variation-LogoPrinting, .woocommerce-cart .variation-LogoPrinting + dd, .woocommerce-cart .variation-TotalPieces, .woocommerce-cart .variation-TotalPieces + dd, .woocommerce-cart .variation-PrintingCost, .woocommerce-cart .variation-PrintingCost + dd{ display:none !important; } /* ===================================== PREMIUM LOGIN REGISTER ===================================== */ .woocommerce-account .customer-login{ display:grid; grid-template-columns:repeat(2,1fr); gap:50px; max-width:1300px; margin:50px auto; } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ background:#fff; padding:40px; border-radius:30px; box-shadow:0 10px 40px rgba(0,0,0,.08); border:1px solid #ececec; } .woocommerce-account h2{ font-size:38px; margin-bottom:30px; font-weight:700; } .woocommerce-account input.input-text{ height:60px !important; border-radius:14px !important; border:1px solid #d9d9d9 !important; padding:0 20px !important; font-size:16px !important; } .woocommerce-account button.button{ background:#68BD45 !important; border-color:#68BD45 !important; color:#fff !important; height:58px; padding:0 35px !important; border-radius:14px !important; font-size:16px; font-weight:700; } .custom-social-login{ margin-top:20px; } .custom-social-login .nsl-container{ width:100%; } .custom-social-login .nsl-button{ border-radius:14px !important; overflow:hidden; } .woocommerce-form-login__rememberme{ display:flex; align-items:center; gap:8px; } @media(max-width:768px){ .woocommerce-account .customer-login{ grid-template-columns:1fr; gap:25px; } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ padding:25px; border-radius:20px; } .woocommerce-account h2{ font-size:28px; } } /* ===================================== PREMIUM MY ACCOUNT PAGE V2 ===================================== */ .woocommerce-account .customer-login{ max-width:1400px; margin:60px auto; gap:60px; } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ position:relative; background:#fff; border-radius:35px; padding:50px; border:1px solid #e7e7e7; box-shadow:0 15px 50px rgba(0,0,0,.06); overflow:hidden; } /* TOP GREEN LINE */ .woocommerce-account .u-column1:before, .woocommerce-account .u-column2:before{ content:""; position:absolute; top:0; left:0; width:100%; height:6px; background:linear-gradient(90deg,#68BD45,#90d96f); } /* LOGIN TITLE */ .woocommerce-account .u-column1 h2:before{ content:"👋 "; } /* REGISTER TITLE */ .woocommerce-account .u-column2 h2:before{ content:"🚀 "; } .woocommerce-account h2{ font-size:42px; font-weight:700; margin-bottom:10px; color:#111; } /* SUBTITLE */ .woocommerce-account .u-column1 h2:after{ content:"Sign in to access your orders and account."; display:block; font-size:15px; font-weight:400; color:#777; margin-top:12px; } .woocommerce-account .u-column2 h2:after{ content:"Create an account and start ordering online."; display:block; font-size:15px; font-weight:400; color:#777; margin-top:12px; } /* INPUTS */ .woocommerce-account input.input-text{ height:65px !important; border-radius:16px !important; border:1px solid #dcdcdc !important; padding:0 22px !important; font-size:16px !important; transition:.3s; } .woocommerce-account input.input-text:focus{ border-color:#68BD45 !important; box-shadow:0 0 0 4px rgba(104,189,69,.12); } /* BUTTONS */ .woocommerce-account button.button{ height:60px; min-width:180px; border-radius:16px !important; background:#68BD45 !important; border-color:#68BD45 !important; font-size:18px !important; font-weight:700 !important; transition:.3s; } .woocommerce-account button.button:hover{ transform:translateY(-2px); } /* OR DIVIDER */ .custom-social-login{ margin-top:30px; position:relative; } .custom-social-login:before{ content:"OR CONTINUE WITH"; display:block; text-align:center; font-size:12px; letter-spacing:1px; color:#999; margin-bottom:18px; } /* SOCIAL BUTTONS */ .custom-social-login .nsl-button{ border-radius:14px !important; overflow:hidden; margin-bottom:12px !important; } /* LOST PASSWORD */ .woocommerce-LostPassword{ margin-top:12px; } .woocommerce-LostPassword a{ color:#68BD45; font-weight:600; } /* HOVER CARD */ .woocommerce-account .u-column1:hover, .woocommerce-account .u-column2:hover{ transform:translateY(-4px); transition:.3s; } /* MOBILE */ @media(max-width:768px){ .woocommerce-account .u-column1, .woocommerce-account .u-column2{ padding:28px; border-radius:25px; } .woocommerce-account h2{ font-size:30px; } .woocommerce-account button.button{ width:100%; min-width:100%; } } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ backdrop-filter: blur(10px); box-shadow:0 20px 60px rgba(0,0,0,.08); } .woocommerce-account .u-column1:hover, .woocommerce-account .u-column2:hover{ transform:translateY(-5px); transition:.3s ease; } .custom-social-login .nsl-button{ width:100% !important; } /* Login form field spacing */ .woocommerce-form-login .form-row{ margin-bottom:16px !important; } .woocommerce-form-login .form-row:first-child{ margin-bottom:22px !important; } /* iPhone / Mobile Qty Box Fix */ @media (max-width: 767px){ .woocommerce-cart .quantity .input-text.qty{ height: 30px !important; min-height: 30px !important; line-height: 30px !important; padding: 0 !important; } } @media (max-width: 767px){ .premium-row .left { font-size: 14px!important; font-weight: 500 !important; } } @media (max-width: 767px){ .woocommerce table.shop_table_responsive tr td.product-name{ width:100% !important; flex:0 0 100% !important; max-width:100% !important; } .pankaj-premium-table .premium-row{ display:flex; justify-content:space-between; align-items:flex-start; } .pankaj-premium-table .premium-row .right{ text-align:right; white-space:nowrap; } } @media (max-width: 457px){ .premium-row{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; } .premium-row .left{ flex:1; min-width:0; } .premium-row .right{ flex:0 0 auto; width:90px; text-align:right; white-space:nowrap; } } biodegradable Archives - Eco Friendly Packaging
Back to Top

Search For Products

Product has been added to your cart
Compare (0)