/** Theme Name: One Work Author: Brainstorm Force Version: 1.0.0 Text Domain: one-work Template: astra */ @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap'); * { margin: 0px; padding: 0px; outline: none; } :root { --primary-color: #fdd108; --secondary-color: #443707; --text-color: #020202; --white-color: #ffffff; --black-color: #000000; --font-outfit-family: 'Outfit', sans-serif; --font-weight-light: 300; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; } body { font-size:24px; line-height: 36px; color: var(--black-color); font-family: var(--font-outfit-family); font-weight: var(--font-weight-light); background: #fff; letter-spacing: 1px; } #page h1 { color: var(--black-color); font-family: var(--font-outfit-family); font-size: 70px; line-height: 60px; font-weight: var(--font-weight-medium); letter-spacing: 2px; text-transform: uppercase; } #page h2, #page .home-title h1 { color: var(--black-color); font-family: var(--font-outfit-family); font-size: 60px; line-height: 70px; font-weight: var(--font-weight-medium); letter-spacing: 2px; text-transform: uppercase; } #page h3, .single-product #page h2.product_title, #page .cart_totals h2, #page .woocommerce-order-details h2, #page .woocommerce-customer-details h2, #page h2.woocommerce-chart__title, #page h2.components-truncate, #page .woocommerce-section-header__title, #page .text-dokan-lg-title, #page .text-dokan-md-title { color: var(--black-color); font-family: var(--font-outfit-family); font-size: 30px; line-height: 40px; font-weight: var(--font-weight-bold); letter-spacing: 1px; } #page h4, #page .astra-shop-summary-wrap a.ast-loop-product__link h2 { color: var(--black-color); font-family: var(--font-outfit-family); font-size: 24px; line-height: 34px; font-weight: var(--font-weight-light); letter-spacing: 1px; } #page h5, #page .woocommerce-checkout-review-order, #page .woocommerce-table, #page .woocommerce-customer-details address, #page .woocommerce-customer-details address p { color: var(--black-color); font-family: var(--font-outfit-family); font-size: 20px; line-height: 30px; font-weight: var(--font-weight-light); letter-spacing: 0; } #page h6, .woocommerce-js form .form-row label, #account_display_name_description em, #page .woocommerce-privacy-policy-text p, #page .select2-selection__rendered { color: var(--black-color); font-family: var(--font-outfit-family); font-size: 18px; line-height: 28px; font-weight: var(--font-weight-light); letter-spacing: 0; } #page p, #page .elementor-widget-container { font-size:24px; line-height: 36px; color: var(--black-color); font-family: var(--font-outfit-family); font-weight: var(--font-weight-light); letter-spacing: 1px; height: auto;} /* #page ul li, #page ol li { font-size:24px; line-height: 36px; color: var(--black-color); font-family: var(--font-outfit-family); font-weight: var(--font-weight-regular); letter-spacing: 1px; } */ #page .white-title h1, #page .white-title h2, #page .white-title h3, #page .white-title h4, #page .white-title h5, #page .white-title h6, #page .white-title p, #page .white-title .elementor-widget-container { color: var(--white-color); } #page h1 .regular-title, #page h2 .regular-title , #page h3 .regular-title, #page h4 .regular-title, #page h5 .regular-title, #page h6 .regular-title, #page p .regular-title, #page .elementor-widget-container .regular-title { font-weight:var(--font-weight-regular); font-family: var(--font-outfit-family);} #page h1 .light-title, #page h2 .light-title , #page h3 .light-title, #page h4 .light-title, #page h5 .light-title, #page h6 .light-title, #page p .light-title, #page .elementor-widget-container .light-title { font-weight:var(--font-weight-light); font-family: var(--font-outfit-family);} #page .btn-border .elementor-button, .woocommerce .woocommerce-error .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button, .woocommerce-js a.button, .woocommerce .woocommerce-message a.button, .elementor-menu-cart__footer-buttons .elementor-button, #page .dokan-btn, .sho-btn, .button.single_add_to_cart_button { font-family: var(--font-outfit-family); font-size: 20px; font-weight: var(--font-weight-medium); text-transform: uppercase; line-height: 30px; letter-spacing: 1px; fill: var(--black-color); color: var(--black-color); background-color: var(--primary-color); border-radius: 100px; padding: 14px 67px; outline: none; } #page .btn-border .elementor-button:hover, .woocommerce .woocommerce-error .button:hover, .woocommerce table.cart td.actions .button:hover, .woocommerce-page #content table.cart td.actions .button:hover, .woocommerce-page table.cart td.actions .button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce button.button:hover, .woocommerce-js a.button:hover, .woocommerce .woocommerce-message a.button:hover, .elementor-menu-cart__footer-buttons .elementor-button:hover, #page .dokan-btn:hover, .sho-btn:hover, .sho-btn:focus, .button.single_add_to_cart_button:hover { color: var(--white-color); background-color: var(--black-color); } #page .btn-border.btn-solid .elementor-button { fill: var(--white-color); color: var(--white-color); background-color: var(--black-color); } #page .btn-border.btn-solid .elementor-button:hover { color: var(--black-color); background-color: var(--primary-color); } input { font-family: var(--font-outfit-family); } img { height:auto; max-width:100%; } a { text-decoration: none; transition: all 0.3s ease; } a:hover { transition: all 0.3s ease; } #colophon { display:none; } #page .inner-banner h1 { color: var(--white-color); text-align: center; } /****vendor styles*****/ #page .dokan-btn, .dokan-layout .shadow-sm, .components-button { border: 0px !important; outline: none !important; fill: var(--black-color) !important; color: var(--black-color) !important; background-color: var(--primary-color) !important; } #page .dokan-btn:hover, .dokan-layout .shadow-sm:hover { color: var(--white-color) !important; background-color: var(--black-color) !important; } #page .dokan-dashboard .dokan-dash-sidebar, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a { background: var(--black-color) !important; border-top: 1px solid var(--black-color) !important; border-bottom: 1px solid var(--black-color) !important; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.navigation-submenu li, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.navigation-submenu { background: var(--black-color); } .dokan-dashboard .dokan-dash-sidebar, .dokan-label-info, .dokan-label-success { background-color: var(--black-color) !important; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active a, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover a{ background: var(--primary-color) !important; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active a, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a:hover, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.navigation-submenu li a, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.navigation-submenu li a:hover { color: #000; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu, .dokan-product-listing .dokan-product-listing-area table.product-listing-table mark.instock, #dokan-coupon-dashboard-list-header span, .dokan-dashboard .dokan-dashboard-content a, .woocommerce-table__breadcrumbs { color: var(--black-color) !important; } #dokan-coupon-dashboard-list-header span:hover, .dokan-dashboard .dokan-dashboard-content a:hover { color: var(--primary-color); } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a { font-size: 18px; line-height: 28px; padding-top: 20px; padding-bottom: 20px; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active ul.navigation-submenu { border-bottom: 0.5px solid var(--black-color) !important; } .dokan-btn { margin-bottom: 5px !important; } .order-statuses-filter li, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.navigation-submenu li a, .dokan-dashboard .dokan-dashboard-content a { font-size: 16px; line-height: 26px; } .dokan-table, .dataviews-view-table, #dokan-coupon-dashboard-list-header span { font-size: 18px; line-height: 28px; } /********Header**********/ #ast-scroll-top { background-color: var(--primary-color); border-radius: 0px; } #ast-scroll-top .ast-icon.icon-arrow svg { color: #000; } #page .header-icon-call .elementor-image-box-content h3.elementor-image-box-title .call-text { font-size: 18px; letter-spacing: 1px; line-height: 30px; color: var(--primary-color); font-weight: var(--font-weight-regular); font-family: var(--font-outfit-family); } #page .header-icon-call .elementor-image-box-wrapper { border-radius: 100px; background-color: var(--black-color); padding: 0px 50px 0px 7px; } #page .header-icon-call .elementor-image-box-content p.elementor-image-box-description{ margin-top: -10px; margin-bottom: 5px; } #page .header-icon-call .elementor-image-box-content p.elementor-image-box-description .call-number a { font-size: 20px; letter-spacing: 0px; line-height: 30px; color: var(--white-color); font-weight: var(--font-weight-bold); font-family: var(--font-outfit-family); } #page .header-icon-call .elementor-image-box-content p.elementor-image-box-description .call-number a:hover { color: var(--primary-color); } #page .header-icon-call .elementor-image-box-img { padding: 7px 10px; border-radius: 50%; background-color: var(--primary-color); } #page .header-icon-call .elementor-image-box-title{ margin-top: -5px; } #page .elementor-image-box-wrapper:hover .call-number { color: var(--primary-color); } #page .elementor-image-box-wrapper:hover .elementor-image-box-img { background-color: var(--white-color); } #page .nav-menu .elementor-nav-menu>li, #page .elementor-nav-menu .elementor-item { font-size: 20px; letter-spacing: 1px; line-height: 30px; text-transform: uppercase; color: #020202; font-weight: var(--font-weight-medium); font-family: var(--font-outfit-family); } #page .nav-menu .elementor-nav-menu>li:hover, #page .elementor-nav-menu .elementor-item:hover, #page .elementor-nav-menu .elementor-item:active, #page .elementor-nav-menu .elementor-item.elementor-item-active { color: var(--white-color); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } /******Page******/ .home-blog .elementor-post__title a { font-size: 24px; letter-spacing: 0px; line-height: 34px; color: var(--black-color); font-weight: var(--font-weight-bold); font-family: var(--font-outfit-family); } .home-blog .elementor-post__text { position: relative; } .home-blog .elementor-post__meta-data { position: absolute; top: 20px; } .home-blog .elementor-post-date { font-size: 18px; letter-spacing: 0px; line-height: 34px; text-transform: uppercase; color: var(--black-color); font-weight: var(--font-weight-regular);; font-family: var(--font-outfit-family); } .home-blog a.elementor-post__read-more { font-size: 14px; line-height: 20px; letter-spacing: 0px; text-decoration: underline; text-transform: uppercase; color: #443707; font-weight: var(--font-weight-bold); font-family: var(--font-outfit-family); } .home-blog a.elementor-post__read-more:hover, .home-blog .elementor-post__title a:hover { color: #f5d564; } .blog-inner .elementor-post__text { padding: 60px 35px 40px 35px; } .blog-inner .elementor-post__meta-data { position: absolute; top: 0px; } .blog-inner article { background-color: var(--white-color); } .elementor-812 .elementor-element.elementor-element-42a8c4d .woocommerce-breadcrumb > a:hover{ color: var(--black-color); } .woocommerce-error { border-top-color: var(--primary-color); } /***Footer*****/ #page .footer-sec h5 { font-size: 24px; letter-spacing: 0px; line-height: 34px; color: var(--white-color); font-weight: var(--font-weight-light); font-family: var(--font-outfit-family); } #page .footer-sec h5:hover { color: #f5d564; } #page .footer-sec .copyright .elementor-icon-list-item > .elementor-icon-list-text { font-size: 18px; letter-spacing: 0px; line-height: 28px; font-weight: var(--font-weight-light); font-family: var(--font-outfit-family); } /*****Shop Filter Page*****/ #wpfBlock_1 .wpfFilterVerScroll { max-height: 100% !important; } .wpfFilterVerScroll li label { padding: 15px 0px !important; } .wpfCheckbox { display: none !important; } .wpfLiLabel{ background-color: #fdd108; } .wpfCheckboxHier li>ul .wpfLiLabel{ background-color: transparent; } .wpfFilterWrapper .wpfFilterTaxNameWrapper { font-size: 20px !important; letter-spacing: 0px !important; line-height: 30px !important; color: var(--text-color) !important; font-weight: var(--font-weight-medium) !important; font-family: var(--font-outfit-family) !important; } .wpfCheckboxHier li>ul li .wpfFilterWrapper .wpfFilterTaxNameWrapper, .wpfFilterWrapper .wpfFilterTaxNameWrapper .wpfLiLabel ul li .wpfLiLabel > span .wpfFilterTaxNameWrapper, .wpfFilterWrapper label, .wpfFilterVerScroll li label ul li .wpfFilterWrapper .wpfFilterTaxNameWrapper { font-size: 18px !important; letter-spacing: 0px !important; line-height: 30px !important; color: var(--text-color); font-weight: var(--font-weight-regular) !important; font-family: var(--font-outfit-family) !important; } /*****Shop Page *******/ .woocommerce-shop #page .astra-shop-summary-wrap .woocommerce-loop-product__title, .woocommerce-page #page .astra-shop-summary-wrap .woocommerce-loop-product__title { font-size: 20px; letter-spacing: 0px; line-height: 30px; text-transform: uppercase; color: var(--text-color); font-weight: var(--font-weight-extrabold); font-family: var(--font-outfit-family); text-align: center; margin-top: 40px; } .woocommerce-shop #page .astra-shop-summary-wrap .woocommerce-loop-product__title:hover, .woocommerce-page #page .astra-shop-summary-wrap .woocommerce-loop-product__title:hover{ color: #f5d564; } .woocommerce-shop #page .astra-shop-summary-wrap .ast-woo-shop-product-description p, .woocommerce-page #page .astra-shop-summary-wrap .ast-woo-shop-product-description p { font-size: 20px; letter-spacing: 0px; line-height: 30px; color: var(--text-color); font-weight: var(--font-weight-light); font-family: var(--font-outfit-family); text-align: center; } .woocommerce-shop #page .astra-shop-thumbnail-wrap, .woocommerce-page #page .astra-shop-thumbnail-wrap { padding: 50px 15px; background-color: #ebebeb; } #page .woocommerce-result-count { font-size: 20px; letter-spacing: 0px; line-height: 30px; color: var(--text-color); font-weight: var(--font-weight-light); font-family: var(--font-outfit-family); } .single-product #page .related h2 { text-align: center; font-size: 40px; line-height: 50px; } .woocommerce-js div.product .product_meta { border-top: 0px; } .product_meta > a:hover{ color: var(--primary-color); } #page .astra-shop-summary-wrap a.ast-loop-product__link h2:hover { color: var(--primary-color); } #page .related .ast-woo-shop-product-description p { display: none; } .related .ast-article-single { background-color: #fff; } #page .related .astra-shop-summary-wrap a.ast-loop-product__link h2 { padding: 10px;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { background : var(--primary-color); } .product_meta .posted_in .detail-content a:hover { color: var(--primary-color); } .product_meta .posted_in .detail-label { font-weight: var(--font-weight-bold) !important; } .shop_table .product-name a, .woocommerce-error li a, .lost_password a:hover{ color: var(--black-color); } .shop_table .product-name a:hover, .lost_password a{ color: var(--primary-color); } .woocommerce-info a, .woocommerce-info::before, .woocommerce-privacy-policy-link, .woocommerce-MyAccount-content a, .woocommerce-message::before{ color: var(--primary-color); } .woocommerce-info a:hover, .woocommerce-privacy-policy-link:hover, .woocommerce-MyAccount-content a:hover { color: var(--black-color); } .woocommerce-info, .woocommerce-message { border-top-color: var(--primary-color); } .woocommerce-MyAccount-navigation ul li a { margin-bottom: 10px; border: 0px; background-color: var(--black-color); color: var(--white-color) !important; } .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li a:active, body .woocommerce-MyAccount-navigation-link.is-active a { color: var(--black-color) !important; background-color: var(--primary-color) !important; } .single-product #page .related h2 { margin-bottom: 40px; } #page .cart_totals h2 { text-align: center; } #page .woocommerce-order-details h2, #page .woocommerce-customer-details h2 { background-color: var(--primary-color); } p.lost_password a { font-size: 16px !important; line-height: 26px !important; } #page .checkout-inline-error-message { font-size: 16px; line-height: 26px; color: red; } #page .woocommerce-error { font-size: 20px; line-height: 30px; } /***Breadcrumb****/ .woocommerce-js .woocommerce-breadcrumb { font-size: 17px; letter-spacing: 1px; line-height: 27px; text-transform: uppercase; color: #020202; font-weight: 500;} /*****Shop cart slide****/ #page .widget_shopping_cart_content .elementor-menu-cart__products .elementor-menu-cart__product-name a, #page .widget_shopping_cart_content .elementor-menu-cart__products .elementor-menu-cart__product-name a .variation, #page .widget_shopping_cart_content .elementor-menu-cart__products .elementor-menu-cart__product-name .variation .variation-Vendor p { font-size: 16px !important; letter-spacing: 0px !important; line-height: 28px !important; color: var(--text-color); font-weight: var(--font-weight-regular) !important; font-family: var(--font-outfit-family) !important; } .elementor-menu-cart__footer-buttons { display: flex; flex-direction: column; } /****Shop Filter****/ .accordion-custom-product-filter-plugin { margin: 0px 0px 2px 0px; border-bottom: 2px solid #ebebeb; background-color: transparent; box-shadow: none; color: #000; border-radius: 0px; } .accordion-custom-product-filter-plugin span{ padding: 10px 0px; font-size: 20px; letter-spacing: 0px; line-height: 30px; color: #020202; font-weight: 700; padding-left: 15px; } .accordion-custom-product-filter-plugin span:before{ content: ""; position: absolute; background: url("/wp-content/uploads/2025/05/arrow-filter-main.webp"); background-position: center; background-repeat: no-repeat; background-size: contain; width: 13px; height: 6px; margin-left: -20px; top: 36px; left: 30px; } .accordion-custom-product-filter-plugin { position: relative; width: 100%; height: 100%; } .accordion-custom-product-filter-plugin:hover, .accordion-custom-product-filter-plugin:active, .accordion-custom-product-filter-plugin:focus{ background-color: var(--primary-color); border-bottom-color: var(--primary-color); } .accordion-custom-product-filter-plugin panel { box-shadow: none; border: none; background-color: transparent; } .accordion-custom-product-filter-plugin .filter-sidebar-custom-product-plugin label { background: transparent; border: 0px; padding: 10px 15px 10px 30px; } .filter-sidebar-custom-product-plugin { border: 2px; background: transparent; } .filter-sidebar-custom-product-plugin-label { font-size: 18px; letter-spacing: 0px; line-height: 30px; color: #020202; font-weight: 400; cursor: pointer; padding: 15px 10px 10px 20px; } .filter-sidebar-custom-product-plugin-label:hover, .filter-sidebar-custom-product-plugin-label:active, .filter-sidebar-custom-product-plugin-label:focus, .filter-sidebar-custom-product-plugin-label:target, .accordion-custom-product-filter-plugin.active-maincat-custom-filt-plugin, .filter-sidebar-custom-product-plugin-label.active-subcat-custom-filt-plugin { color: #020202 !important; background-color: #fdd108 !important; } #outer-product-filter-custom-product-plugin .row { display: flex; gap: 30px; max-width: 100%; width: 1430px; } #outer-product-filter-custom-product-plugin .row .col-md-4 { width: 25%; padding-top: 60px; } #outer-product-filter-custom-product-plugin .row .col-md-8 { width: 75%; } #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul{ display: flex; flex-wrap: wrap; row-gap: 60px; column-gap: 15px; padding: 0; list-style: none; } #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li { flex: 0 0 calc(33.333% - 10px); box-sizing: border-box; } #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li .image-box { width: 100%; height: 350px; max-height: 350px; background-color: #ebebeb; padding: 50px 15px; display: flex; align-items: center; justify-content: center; } #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li .image-box img { height: 250px !important; width: 320px; object-fit: cover; max-height: 250px !important; } #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li .first-half { justify-content: center; display: flex ; flex-direction: column; align-items: center; } #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li .second-half h5 { text-transform: uppercase; color: #020202; font-weight: 800; text-align: center; margin-bottom: 15px; } #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li .second-half h5:hover { color: #f5d564; } .col-md-4 h3 { text-transform: uppercase; letter-spacing: 1px; margin-bottom: 45px; } .product-list-out { display: flex; flex-direction: column; } .product-list-out .product-count-summary { align-self: flex-end; font-size: 20px; letter-spacing: 0px; color: #020202; margin-bottom: 40px; } .product-box { display: flex ; flex-direction: column; justify-content: center; align-items: center; transition: box-shadow 0.3s ease; flex-grow: 1; height: 100%; justify-content: flex-start; } .product-box .first-half p { align-content: center !important; } .product-box:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); } .second-half { padding: 30px 20px; } .second-half a:last-child { margin-top: auto; display: flex; justify-content: center; } #page .second-half p { font-size: 20px; letter-spacing: 0px; line-height: 30px; color: #020202; font-weight: 300;} .accordion-custom-product-filter-plugin { padding-left: 25px; } .col-md-8 .product-list-out p { text-align: center; } /****Filter loader***/ #ajax-loader-custom-product-pugin { width: 40px; height: 40px; border: 4px solid #443707; border-top: 4px solid #443707; border-radius: 50%; animation: spin 1s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /***Filter Pagination ***/ .pagination-custom-pd-filter-plugin { display: flex; justify-content: end; margin: 2rem 0; } .pagination-custom-pd-filter-plugin ul { display: flex !important; flex-wrap: wrap; gap: 12px !important; list-style: none; padding: 0; margin: 0; } .pagination-custom-pd-filter-plugin ul li { display: flex !important; } .page-numbers a, .page-numbers span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; text-decoration: none; font-weight: 500; font-size: 16px; border: 1px solid #ccc; color: #000; background-color: #fff; transition: all 0.3s ease; } .page-numbers .current { background-color: #ffcc00; color: #000; font-weight: bold; border: none; } .page-numbers a:hover { background-color: #ffcc00; color: #000; border: none; font-weight: bold; } .page-numbers .prev, .page-numbers .next { padding: 0; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #ccc; background-color: #fff; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .page-numbers .prev:hover, .page-numbers .next:hover { background-color: #ffcc00; border: none; } .page-numbers .prev img, .page-numbers .next img { width: 16px; height: 16px; object-fit: contain; } /****Cart Checkout page text boxes****/ .woocommerce-js #content table.cart [name=coupon_code], .woocommerce-page #content table.cart [name=coupon_code] { max-height: 55px; height: 55px; } /* article #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li .first-half p{ padding-right: 50px; padding-left: 50px; text-align: center; } */ /******************* Responsive ***************************/ @media (min-width: 1560px) and (max-width: 1758px) { .elementor-nav-menu--main .elementor-item { padding-left: 10px; padding-right: 10px; } } @media (min-width:1200px) and (max-width: 1700px) { #page .header-icon-call .elementor-image-box-content p.elementor-image-box-description .call-number a { font-size: 16px; line-height: 26px; } #page .header-icon-call .elementor-image-box-content h3.elementor-image-box-title .call-text { font-size: 14px; line-height: 24px; } .header-icon-call .elementor-image-box-wrapper .elementor-image-box-img { width: 32% !important; } #page .header-icon-call .elementor-image-box-img { padding: 8px 10px !important; } #page .header-icon-call .elementor-image-box-wrapper { padding: 0px 30px 0px 7px; margin-top: -0px; } #page .header-icon-call .elementor-widget-container { font-size: 10px; line-height: 20px !important; } .header-icon-call .elementor-image-box-img { margin-right: 13px !important; } #page .header-icon-call .elementor-image-box-content p.elementor-image-box-description { margin-bottom: 0px; } #page .header-icon-call .elementor-image-box-title { margin-top: -10px; } } @media (min-width:1366px) and (max-width: 1500px) { #page .header-icon-call .elementor-image-box-wrapper { margin-top: -7px; } } @media (min-width:767px) and (max-width: 1200px) { #page .header-icon-call .elementor-image-box-content p.elementor-image-box-description .call-number a { font-size: 16px; line-height: 26px; } #page .header-icon-call .elementor-image-box-content h3.elementor-image-box-title .call-text { font-size: 14px; line-height: 24px; } .header-icon-call .elementor-image-box-wrapper .elementor-image-box-img { width: 32% !important; } #page .header-icon-call .elementor-image-box-img { padding: 8px 10px !important; } #page .header-icon-call .elementor-image-box-wrapper { padding: 0px 30px 0px 7px; margin-top: -0px; } #page .header-icon-call .elementor-widget-container { font-size: 10px; line-height: 20px !important; } .header-icon-call .elementor-image-box-img { margin-right: 13px !important; } #page .header-icon-call .elementor-image-box-content p.elementor-image-box-description { margin-bottom: 0px; } #page .header-icon-call .elementor-image-box-title { margin-top: -8px; } } @media (min-width: 1024px) and (max-width: 1416px) { .elementor-nav-menu--main .elementor-item { padding-left: 5px; padding-right: 5px; } #page .nav-menu .elementor-nav-menu>li, #page .elementor-nav-menu .elementor-item { font-size: 14px; line-height: 24px; } } @media (min-width: 1400px) and (max-width: 1499px) { } @media (max-width: 1350px) { #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li .image-box { height: 350px; } } @media (min-width: 1025px) and (max-width: 1200px) { #page h1 { font-size: 60px; line-height: 70px; } #page h2, #page .home-title h1 { font-size: 50px; line-height: 60px; } #page h3 { font-size: 26px; line-height: 36px; } #page h4 { font-size: 24px; line-height: 34px; } #page h5 { font-size: 20px; line-height: 30px; } #page h6 { font-size: 18px; line-height: 28px; } } @media (min-width: 881px) and (max-width: 1024px) { #page h1 { font-size: 50px; line-height: 60px; } #page h2, #page .home-title h1 { font-size: 40px; line-height: 50px; } #page h3 { font-size: 24px; line-height: 34px; } #page h4 { font-size: 22px; line-height: 32px; } #page h5 { font-size: 18px; line-height: 28px; } #page h6 { font-size: 17px; line-height: 27px; } /****Shop Filter***/ #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li { flex: 0 0 calc(50% - 7.5px); box-sizing: border-box; } } @media (min-width: 768px) and (max-width: 880px) { #page h1 { font-size: 40px; line-height: 50px; } #page h2, #page .home-title h1, .single-product #page .related h2 { font-size: 36px; line-height: 46px; } #page h3 { font-size: 24px; line-height: 34px; } #page h4 { font-size: 22px; line-height: 32px; } #page h5 { font-size: 18px; line-height: 28px; } #page h6 { font-size: 17px; line-height: 27px; } #page .btn-border .elementor-button, .woocommerce .woocommerce-error .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button, .woocommerce-js a.button, .woocommerce .woocommerce-message a.button, .elementor-menu-cart__footer-buttons .elementor-button, #page .dokan-btn, .sho-btn { padding: 8px 37px; font-size: 16px; line-height: 26px; } /****Shop Filter***/ #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li { flex: 0 0 calc(50% - 7.5px); box-sizing: border-box; } #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li .image-box { height: 250px; } #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li .image-box img { height: 200px; } } @media (max-width: 767px) { #page h1 { font-size: 36px; line-height: 46px; } #page h2, #page .home-title h1, .single-product #page .related h2 { font-size: 30px; line-height: 40px; } #page h3, .home-blog .elementor-post__title a { font-size: 22px; line-height: 32px; } #page h4 { font-size: 20px; line-height: 30px; } #page h5 { font-size: 18px; line-height: 28px; } #page h6 { font-size: 17px; line-height: 27px; } #page p, #page .elementor-widget-container, body { font-size:18px; line-height: 28px; } #page .btn-border .elementor-button, .woocommerce .woocommerce-error .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button, .woocommerce-js a.button, .woocommerce .woocommerce-message a.button, .elementor-menu-cart__footer-buttons .elementor-button, #page .dokan-btn, .sho-btn { padding: 8px 37px; font-size: 16px; line-height: 26px; } #page .header-icon-call .elementor-image-box-img { padding: 10px 12px; } #page .header-icon-call .elementor-image-box-img { border-radius: 100%; } #page .header-icon-call .elementor-image-box-wrapper { margin-top: 0px; } .blog-inner .elementor-post__text { margin-bottom: 10px; } .blog-inner .elementor-post__text { padding: 40px 20px 20px 20px; } .blog-inner article a.elementor-post__thumbnail__link { margin-bottom: 30px !important; } .elementor-widget-wc-archive-products .products { grid-template-columns: repeat(1, 1fr); } .single-product #page .related h2 { margin-bottom: 20px; } .woocommerce-page #page .astra-shop-summary-wrap .woocommerce-loop-product__title { margin-top: 20px; } .woocommerce-page #page .astra-shop-thumbnail-wrap { padding: 20px 15px; } .woocommerce-js ul.products li.product a img, .woocommerce-page ul.products li.product a img { margin-bottom: 0px; } .woocommerce-js ul.products li.product a img { object-fit: cover; height: 250px; } .woocommerce-js .woocommerce-breadcrumb { font-size: 14px; line-height: 24px; } #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li .image-box { height: 250px; } #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li .image-box img { height: 200px !important; max-height: 220px !important; } .product-list-out .product-count-summary { font-size: 18px; line-height: 28px; margin-bottom: 20px; } /****Shop Filter***/ #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li { flex: 0 0 calc(50% - 7.5px); box-sizing: border-box; } #outer-product-filter-custom-product-plugin .row { display: flex ; flex-direction: column; } #outer-product-filter-custom-product-plugin .row .col-md-4 { width: 100%; } #outer-product-filter-custom-product-plugin .row .col-md-8 { width: 100%; } .accordion-custom-product-filter-plugin span { padding: 0px; } #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul { margin: 0px; } .accordion-custom-product-filter-plugin span:before{ top: 25px; left: 25px; } #outer-product-filter-custom-product-plugin .row { display: flex; gap: 30px; max-width: 100%; width: 100%; } #outer-product-filter-custom-product-plugin .row .col-md-4 { padding-top: 0px; } .col-md-4 h3 { margin-bottom: 25px; } } @media (max-width: 480px) { #page h1 { font-size: 32px; line-height: 42px; } #page h2, #page .home-title h1 { font-size: 30px; line-height: 40px; } #page h3, .home-blog .elementor-post__title a, .single-product #page h2.product_title { font-size: 22px; line-height: 32px; } #page h4, #page .footer-sec h5 { font-size: 20px; line-height: 30px; } #page h5 { font-size: 18px; line-height: 28px; } #page h6 { font-size: 17px; line-height: 27px; } #page p, #page .elementor-widget-container, body { font-size:18px; line-height: 28px; } #page .btn-border .elementor-button, .woocommerce .woocommerce-error .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button, .woocommerce-js a.button, .woocommerce .woocommerce-message a.button, .elementor-menu-cart__footer-buttons .elementor-button, #page .dokan-btn, .sho-btn { padding: 8px 37px; font-size: 16px; line-height: 26px; } .blog-inner .elementor-post__text { margin-bottom: 10px; } .blog-inner .elementor-post__text { padding: 40px 20px 20px 20px; } .blog-inner article a.elementor-post__thumbnail__link { margin-bottom: 30px; } /****Shop Filter***/ #outer-product-filter-custom-product-plugin .row .col-md-8 .product-list-out ul li { flex: 0 0 100%; box-sizing: border-box; } }