/* Theme Name: Auto Parts and Car Accessories Theme URI: Author: TemplateHouse Author URI: https://www.templatehouse.net/ Description: Auto Parts and Car Accessories is a modern, lightweight, and fully responsive WordPress theme designed specifically for auto parts stores, car accessories shops, vehicle service centers, and automotive eCommerce websites. The theme is WooCommerce ready, allowing you to easily sell car spare parts, bike accessories, tools, tyres, batteries, engine parts, and automotive products online. With a clean layout, conversion-focused design, and SEO-optimized structure, this theme helps improve search engine visibility while delivering a smooth user experience. Auto Parts and Car Accessories is fully compatible with the Gutenberg block editor and follows WordPress coding standards. It offers easy customization through the WordPress Customizer, letting you modify colors, fonts, headers, footers, and layouts without writing any code. Optimized performance and lightweight code ensure fast loading times across all devices. Requires at least: 5.0 Tested up to: 6.9 Requires PHP: 5.6 Version: 1.0.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: auto-parts-and-car-accessories Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, footer-widgets, template-editing, rtl-language-support, style-variations, blog, photography, e-commerce */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } hr { box-sizing: content-box; height: 0; overflow: visible; } .page-template-full-width .entry-content { margin-top: 0; } pre { font-family: monospace, monospace; font-size: 1em; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } .wp-element-button, .wp-block-button__link, a.wp-block-post-excerpt__more-link { transition: all 0.3s; } a:hover{ color: var(--wp--preset--color--button-color); } .wp-element-button:hover, .wp-block-button__link:hover, a.wp-block-post-excerpt__more-link:hover, .woocommerce-page .wc-block-components-product-button .added_to_cart.wc_forward:hover, .wc-block-components-checkout-return-to-cart-button:hover { background-color: var(--wp--preset--color--secondary) !important; border-color: var(--wp--preset--color--secondary) !important; color: var(--wp--preset--color--base) !important; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } footer.wp-block-template-part { margin: 0; } .orderby { padding: 15px; } div#sticky-header { z-index: 91 !important; } /* -------------- pagination start----------------*/ .page-numbers { background: var(--wp--preset--color--primary); margin: 0 5px 5px 0; padding: 6px 13px; border-radius: 6px; font-size: 12px; display: inline-block; color: var(--wp--preset--color--white); } .page-numbers:hover { color: var(--wp--preset--color--white); } .page-numbers.dots { background-color: transparent; } .wp-block-query-pagination { gap: 10px; } /* -------------- pagination End----------------*/ /* -------------- woocommerce-breadcrumb ----------------*/ .woocommerce .woocommerce-breadcrumb{ text-align: center; } .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a { color: var(--wp--preset--color--link-color); } /* -------------- woocommerce-breadcrumb end----------------*/ /* -------------- Menus ----------------*/ .wp-block-navigation-item__content { padding-bottom: 3px; text-decoration: none; position: relative; overflow: hidden; } .wp-block-navigation-submenu li a:hover::before { right: 50%; } /* -------------- Menus ENd----------------*/ .wp-block-archives-list.wp-block-archives li::before, .wp-block-categories-list.wp-block-categories li::before, .taxonomy-category a::before { font-family: "Font Awesome 5 Free"; content: "\f054"; margin-right: 8px; font-weight: 600; font-size: 14px; } .wp-block-archives-list.wp-block-archives li, .wp-block-categories-list.wp-block-categories li { list-style-type: none; } .wp-block-archives-list.wp-block-archives, .wp-block-categories-list.wp-block-categories, .taxonomy-category a { padding-left: 10px; } .wp-block-tag-cloud a.tag-cloud-link { font-size: 16px !important; } .tag-cloud-link::before, .taxonomy-post_tag a:before { font-family: "Font Awesome 5 Free"; content: '\f02b'; font-weight: 600; margin-right: 8px; } .tag-cloud-link, .taxonomy-post_tag a { text-decoration: none; background: var(--wp--preset--color--button-color); margin: 0 5px 5px 0; padding: 5px 10px; border-radius: 6px; font-size: 12px; display: inline-block; color: var(--wp--preset--color--secondary); text-decoration: none; } .tag-cloud-link:hover, .taxonomy-post_tag a:hover{ background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--base); } .products-block-post-template li { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .column-has-radius { border-radius: 8px; } .has-bg-image { background: #fff; border-radius: 100px; height: 100px; width: 100px; padding: 30px; display: flex; align-items: center; justify-content: center; } footer .has-arrow ul { padding: 0; } footer .has-arrow ul li:before { content: "\f345"; font-family: 'dashicons'; position: absolute; left: 0; top: 2px; font-size: 12px; } footer .has-arrow ul li { list-style: none; padding-left: 15px; position: relative; } a.wp-block-post-excerpt__more-link { background: var(--wp--preset--color--button-color); color: var(--wp--preset--color--secondary); text-decoration: none; font-size: 14px; padding: 8px 20px; border-radius: 5px; font-weight: 500; position: relative; } .wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale { background: #cf0000; border: none; color: #fff; font-size: 12px; } @media (max-width: 720px) { .no-border-mobile, .no-border-mobile .wp-block-column { border: none !important; } } /* blog page style */ .wp-block-post-author__name::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007"; padding-right: 8px; } .wp-block-post-date time::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f073"; padding-right: 8px; } .wp-block-read-more-is-layout-flow::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; padding-left: 8px; } .wp-block-read-more-is-layout-flow:hover::after { padding-left: 10px; transition: color 0.10s ease; } a.wp-block-post-author-name__link:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007"; padding-right: 8px; } .wp-block-cover { z-index: 1; } /* blog page style */ .sidebar a { text-decoration: none; } .wp-block-image img{ vertical-align: middle; } /* responsive style */ @media (max-width: 768px) { .brands{ padding-top: 20px !important; } .header-info-wrapper{ display: none !important; } .r-blog-spacing{ margin-top: 40px !important; margin-bottom: 40px !important; } } /* auto-parts-and-car-accessories styles */ .has-no-underline a{ text-decoration: none; } .form-submit input.wp-block-button__link.wp-element-button{ border: none; } header a { text-decoration: none; } /* Header */ .main-header .header-menu-box .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:hover{ background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--secondary); } .main-header .header-menu-box .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item a{ border-radius: 0; } .main-header .header-top a:hover, .header-bottom .header-btn-box .header-woo-btns a:hover{ color: var(--wp--preset--color--button-color) !important; } .main-header .header-top i{ margin-right: 8px; } .main-header .header-bottom .header-btn-box .header-search{ width: 65%; } .main-header .header-bottom .header-btn-box .header-search .wp-block-search__inside-wrapper{ padding: 3px; } .main-header .header-bottom .header-btn-box .header-search .wp-block-search__button{ padding: 5px; margin-left: 5px; } .main-header .header-bottom .header-btn-box .header-search input.wp-block-search__input:focus{ outline: -webkit-focus-ring-color auto 1px; } .main-header .header-bottom .header-btn-box .header-search input.wp-block-search__input{ background-color: #0000; } .main-header .header-bottom .header-btn-box .header-account a{ padding: 0; } .main-header .header-bottom .header-menu-box nav li a.wp-block-navigation-item__content{ padding: 7px 12px; border: 1px solid #0000; border-radius: 5px; } .main-header .header-bottom .header-menu-box nav li a.wp-block-navigation-item__content:hover, .main-header .header-bottom .header-menu-box nav li.current-menu-item a.wp-block-navigation-item__content{ border-color: var(--wp--preset--color--secondary); } /* Banner Section */ .banner-section .banner-content-box{ min-height: 700px; } /* Slider */ .banner-section .slider-nav .slick-slide{ margin-right: 20px; } .banner-section .slider-nav .img-bg { border-radius: 5px; padding: 4px } .banner-section{ position: relative; } .banner-section .slick-dots{ position: absolute; top: -50%; left: -95px; transform: translateY(-100%); padding-left: 0; } .banner-section .banner-left-box .bnr-content{ opacity: 0.5; } .banner-section .slider-nav{ margin-top: 40px; } .banner-section .slider-nav .img-bg img{ object-fit: contain; } .banner-section .slider-nav .slick-current.slick-active .img-bg{ background-color: #f43f5e !important; } .banner-section .slider-nav .slick-dots li{ cursor: pointer; color: var(--wp--preset--color--base); list-style: none; } .banner-section .slick-dots li button { font-size: 0; line-height: 0; color: transparent; border: none; background-color: transparent; cursor: pointer; position: relative; } .banner-section .slick-dots li button:before { content: ''; width: 12px; height: 12px; background: var(--wp--preset--color--base); /* your dot color */ border-radius: 50%; display: block; } .banner-section .slick-dots li button:after{ content: ''; position: absolute; height: 14px; width: 14px; background-color: #0000; border: 1px solid #0000; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .banner-section .slick-dots li.slick-active button:before { background: #f43f5e !important; } .banner-section .slick-dots li.slick-active button:after{ border-color: #f43f5e !important; } /* Product Section*/ .product-section .product-head-box .product-border, .blog-section .blog-head-box .blog-border, .category-section .category-head-box .category-border{ width: 60%; } .product-section .product-in-content{ display: grid; gap: 20px; grid-template-columns: auto auto auto auto; } .product-section .product-price del, .product-section .product-price .price-reg{ opacity: 0.4; } .product-section .product-price{ display: flex; gap: 20px; } .product-section .product-btn{ position: relative; gap: 0; } .product-section .add_to_cart_button{ padding: 0; background-color: var(--wp--preset--color--secondary); } .product-section .add_to_cart_button span{ } .product-section .product-box .product-btn a{ display: flex; } .product-section .product-box .product-btn img{ height: 20px; width: 20px !important; object-fit: contain; } .product-section .product-box .wp-block-cover.product-img{ position: relative; } .product-section .product-box .wp-block-cover.product-img .wp-block-cover__inner-container{ min-height: 350px; } .product-section .product-box .wp-block-cover.product-img .wc-block-components-product-sale-badge{ margin-left: -1px; margin-top: -1px; border: none; display: none; } .product-section .product-in-content .wc-block-components-product-image__inner-container{ padding: 0; } /* WooCommerce block SALE badge custom design */ .product-section .product-in-content .wc-block-components-product-sale-badge{ text-orientation: upright; padding: 4px 20px; background: #f43f5e !important; color: #fff !important; } .product-section .product-in-content li.wc-block-product:hover .wc-block-components-product-sale-badge, .product-section .product-in-content .product-box:hover .wc-block-components-product-sale-badge, .product-section .product-in-content .product-box:hover .product-btn a{ background-color: var(--wp--preset--color--button-color) !important; } .product-section .product-in-content li.wc-block-product:hover .add_to_cart_button{ background-color: var(--wp--preset--color--button-color); } .product-section .product-box:hover .product-title, .product-section .product-in-content li.wc-block-product:hover .product-title a{ color: var(--wp--preset--color--button-color); } /* Product Category Section */ .category-section .category-head-box, .category-section .section-g-gwkueeb .grid-container{ max-width: 80%; } .category-section .section-g-gwkueeb .gtf-item .gtf-content{ bottom: 0px; } .category-section .section-g-gwkueeb .gtf-item .gtf-content .g-d-title{ color: var(--wp--preset--color--heading-color); background-color: var(--wp--preset--color--base); margin: 0; font-size: 25px; padding: 25px 12px; text-transform: uppercase; } .category-section .section-g-gwkueeb .gtf-item .gtf-bg-image{ height: 550px; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } .category-section .category-bg .wp-block-cover__inner-container{ height: 550px; position: relative; } .category-section .category-bg .category-title{ position: absolute; bottom: 0; } .category-section .category-bg .category-title a{ text-decoration: none; } .category-section .section-g-gwkueeb .gtf-item:hover .gtf-content .g-d-title, .category-section .category-box:hover .category-bg .category-title a{ color: var(--wp--preset--color--button-color); } /* Blog Section */ .blog-section .blog-box .wp-block-post-excerpt__excerpt{ font-size: 13px; } .blog-section .blog-box .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link{ color: var(--wp--preset--color--secondary); background-color: var(--wp--preset--color--button-color); border-radius: 5px; font-size: 14px; font-weight: 500; } .blog-section .blog-box .blog-right-box .blog-title a:hover{ color: var(--wp--preset--color--contrast); } /* Footer Section */ .gutentor-active i:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; } .gutentor-active i.fa-solid.fa-phone{ transform: rotate(90deg); } .footer-section em,.footer-section .footer-box2 h4 em,.footer-section .footer-box3 h4 em,.footer-section .footer-box3 ul li em,.footer-section .footer-box4 h4 em{ font-style: normal !important; } .footer-section a:hover{ color: var(--wp--preset--color--button-color) !important; } .footer-section .footer-boxes .footer-phone a, .footer-section .footer-boxes .footer-mail a, .footer-section .footer-boxes .footer-location a, .footer-section .footer-box3 a, .footer-section .footer-box4 a{ text-decoration: none; } .footer-section .footer-boxes .footer-phone a, .footer-section .footer-boxes .footer-mail a, .footer-section .footer-boxes .footer-location a{ display: flex; } .footer-section .footer-boxes .footer-phone i, .footer-section .footer-boxes .footer-mail i, .footer-section .footer-boxes .footer-location i{ margin-right: 10px; font-size: 16px; display: block; } .footer-section .footer-box3 ul, .footer-section .footer-box4 ul{ list-style: none; padding-left: 0; } .footer-section .footer-social-box a{ font-size: 22px; gap: 12px; } /* Scroll to Top */ .scroll-top-btn { display: none; /* Initially hidden */ position: fixed; bottom: 20px; right: 20px; background: var(--wp--preset--color--primary); color: white; border: none; border-radius: 50% !important; cursor: pointer; z-index: 1000; transition: opacity 0.3s; } .scroll-top-btn .wp-block-button__link.wp-element-button{ border-radius: 50% !important; padding: 0!important; margin: 0 !important; } .scroll-top-btn .wp-block-button__link, .scroll-top-btn .wp-block-button__link:hover{ background-color: transparent !important; font-size: 20px; } .scroll-top-btn .wp-block-button__link i{ height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; color: var(--wp--preset--color--secondary); font-size: 30px; } /* Woocommerce */ .woocommerce-page .wc-block-product .wp-block-post-title a:hover{ color: var(--wp--preset--color--heading-color); } .single-post .comment-form .form-submit input.wp-block-button__link, .woocommerce-account .woocommerce-form-login .form-row .woocommerce-form-login__submit, .woocommerce-page .wc-block-components-product-button .added_to_cart.wc_forward, .single-product .woocommerce-notices-wrapper .wc-block-components-notice-banner__content a.wc-forward, .single-product .single_add_to_cart_button, .wc-block-checkout .wc-block-checkout__actions .wc-block-components-button, .wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit .wc-block-cart__submit-button, .wc-block-checkout .wc-block-checkout__sidebar .wc-block-components-totals-coupon .wc-block-components-totals-coupon__form .wc-block-components-button, .wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon .wc-block-components-totals-coupon__form .wc-block-components-button, .wc-block-components-checkout-return-to-cart-button{ background-color: var(--wp--preset--color--button-color); color: var(--wp--preset--color--secondary); border-radius: 5px; padding: 10px 25px !important; text-decoration: none; font-weight: 600; } .single-product .wc-block-components-notice-banner{ align-items: center; } .single-product .woocommerce-notices-wrapper .wc-block-components-notice-banner__content{ display: flex; justify-content: space-between; align-items: center; } .single-product .wp-block-group.woocommerce.product{ margin-top: 0; } .single-product .wp-block-woocommerce-product-meta .wp-block-group{ flex-wrap: wrap; } .woocommerce-shop .products-box .add_to_cart_button span{ font-size: 15px; } .woocommerce-page .add_to_cart_button{ background-color: var(--wp--preset--color--button-color); color: var(--wp--preset--color--secondary); border-radius: 5px; } .woocommerce-page .added_to_cart.wc_forward{ margin-top: 0; } .woocommerce-account .woocommerce{ margin: 0 auto; } .woocommerce-account .woocommerce .woocommerce-notices-wrapper + h2{ text-align: center; } .sidebar-boxes form.wp-block-search button.wp-block-search__button{ background-color: var(--wp--preset--color--button-color); color: var(--wp--preset--color--secondary); border-radius: 5px; } /* Product Rating */ .single-product #reviews{ box-shadow: 0 0 6px 2px #b9b9b9; padding: 10px 20px 15px; } .single-product #reviews .comment-form-author label, .single-product #reviews .comment-form-author #author, .single-product #reviews .comment-form-email label, .single-product #reviews .comment-form-email #email{ display: block; margin: 0; } .single-product #reviews .comment-form-author #author, .single-product #reviews .comment-form-email #email{ width: -webkit-fill-available; padding: 10px; } .single-product #reviews .comment-form-cookies-consent{ padding: 10px 0; } .single-product #reviews .comment-form-cookies-consent{ display: flex; align-items: flex-start; gap: 10px; } .single-product #reviews .comment-form-cookies-consent input#wp-comment-cookies-consent{ margin-top: 6px; } /* My Account */ .woocommerce-account .woocommerce-MyAccount-navigation li{ background-color: var(--wp--preset--color--secondary); margin-bottom: 10px; padding: 10px !important; } .woocommerce-account .woocommerce-MyAccount-navigation li a{ color: var(--wp--preset--color--base); } /* Sidebar */ .sidebar-boxes ul.wp-block-latest-posts{ display: flex; flex-direction: column; gap: 15px; } .sidebar-boxes ul.wp-block-latest-posts .wp-block-latest-posts__post-title{ font-weight: 600; font-size: 16px; } .comment-box .wp-block-post-comments-form .comment-form-cookies-consent{ display: flex; align-items: flex-start; } .single-post .wp-block-column .wp-block-post-featured-image img.wp-post-image{ height: 300px; width: auto; } .product-section { margin-top: 50px !important; } ul.wp-block-woocommerce-product-template li.wc-block-product { box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; } ul.wp-block-woocommerce-product-template li.wc-block-product h5 { text-align: center; } ul.wp-block-woocommerce-product-template li.wc-block-product .product-price-box { padding: 0 12px 12px 12px; display: flex; justify-content: space-between; flex-direction: column-reverse; } .product-section .add_to_cart_button span { background: #0067b2; padding: 10px 20px; } h5.wp-block-heading.product-title { text-align: center; } .product-box{ box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; } .product-price-box{ padding: 0 12px 12px 12px; display: flex; justify-content: space-between; flex-direction: column-reverse; } /* Media */ @media screen and (max-width: 991px){ .header-bottom .header-btm-middle .wp-block-navigation__responsive-container-open, .header-bottom .header-btm-middle .wp-block-navigation__responsive-container.is-menu-open{ display: block; } .header-bottom .header-btm-middle .wp-block-navigation__responsive-container{ display: none; } .header-bottom .header-btm-middle .wp-block-navigation__responsive-container-content a { padding: 12px 16px !important; } .header-bottom .header-btm-middle .wp-block-navigation__responsive-container-content ul.wp-block-navigation{ gap: 0; } .header-bottom .header-btm-middle ul.wp-block-navigation__submenu-container{ padding-top: 0 !important; } .header-bottom .header-btm-middle ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li{ padding-left: 30px; } .header-bottom .header-btm-middle ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a:before{ content: '\f107'; font-weight: 900; font-family: "Font Awesome 5 Free"; position: absolute; left: 0; top: 22px; transform: translateY(-50%); color: var(--wp--preset--color--base-2); font-size: 12px; } .header-bottom .header-btm-middle nav ul a:hover{ color: var(--wp--preset--color--text-1); } } @media screen and (max-width: 500px){ .footer-section .footer-boxes .footer-location i{ margin-right: 0; } } @media screen and (min-width: 782px) and (max-width: 1199px){ .sidebar-boxes .wp-block-latest-posts__list .wp-block-latest-posts__featured-image{ float: none; } } @media screen and (min-width: 600px) and (max-width: 799px){ .related-poducts ul{ display: grid !important; grid-template-columns: auto auto; } .related-poducts ul li{ width: 100% !important; } } @media screen and (min-width: 800px) and (max-width: 991px){ .related-poducts ul{ display: grid !important; grid-template-columns: auto auto auto; } .related-poducts ul li{ width: 100% !important; } } @media screen and (max-width: 991px){ .wc-block-cart__sidebar .wc-block-components-totals-coupon__form .wc-block-components-button__text, .single-product .taxonomy-product_tag, .wc-block-cart__sidebar .wc-block-cart__submit .wc-block-cart__submit-button, .wc-block-checkout__actions .wc-block-checkout__actions_row button.wc-block-components-button, .woocommerce-shop .products-box .add_to_cart_button span,.single-product div.product form.cart div.quantity .qty, .single-product .taxonomy-product_cat, .single-product .single_add_to_cart_button, .related-poducts li .add_to_cart_button span, .woocommerce-page .wc-block-components-product-button .added_to_cart.wc_forward, .single-product #reviews .form-submit .submit.wp-block-button__link{ font-size: 15px; } .woocommerce-shop .products-box .wp-block-post-title a, .related-poducts li .wp-block-post-title a{ font-size: 18px; } .woocommerce-shop .products-box .wp-block-woocommerce-product-price ins bdi, .woocommerce-shop .products-box .wp-block-woocommerce-product-price del bdi, .related-poducts li .wp-block-woocommerce-product-price ins bdi, .related-poducts li .wp-block-woocommerce-product-price del bdi{ font-size: 16px; } } @media screen and (max-width: 399px){ .banner-section .slider-nav .slick-slide { margin-right: 0px; } } @media screen and (max-width: 767px){ .header-top .header-top-boxes p{ text-align: center; } .main-header .header-bottom .header-logo-box .logo-box{ text-align: center; } .main-header .header-bottom .header-btn-box .header-search { width: 100%; } .main-header .header-bottom .header-top-box{ flex-direction: column; gap: 10px; } .banner-section .banner-left-box{ text-align: center; } .banner-section .banner-left-box .bnr-button{ justify-content: center; } .banner-section{ padding-top: 20px; } .banner-section .banner-right-box .right-img-box img{ height: 200px !important; } .banner-section .slick-dots{ top: auto; bottom: -18px; left: 50%; display: flex; transform: translate(-50%, 50%); } .product-section .product-head-box, .blog-section .blog-head-box, .category-section .category-head-box{ flex-wrap: wrap; justify-content: center; } .product-section .product-in-content{ grid-template-columns: auto; } .product-section .product-head-box .product-sec-title, .blog-section .blog-head-box .blog-sec-title, .category-section .category-head-box .category-sec-title{ width: 100%; text-align: center; } .product-section .product-in-content li.wc-block-product{ width: 100%; } .product-section .product-head-box .product-border, .blog-section .blog-head-box .blog-border, .category-section .category-head-box .category-border{ display: none; } .category-section .section-g-gwkueeb .grid-row{ gap: 30px; } .category-section .section-g-gwkueeb .gtf-item .gtf-bg-image, .category-section .category-bg .wp-block-cover__inner-container{ height: 320px; } .category-section .category-bg{ min-height: 320px !important; } .category-section .section-g-gwkueeb .gtf-item .gtf-content .g-d-title{ font-size: 20px; } .post-type-archive-tribe_events .tec-block__archive-events .tribe-events-calendar-list-nav .tribe-events-c-nav__list-item--today{ display: none; } .footer-section .footer-box2 ul li, .footer-section .footer-boxes .footer-phone a, .footer-section .footer-boxes .footer-mail a, .footer-section .footer-boxes .footer-location a{ justify-content: center; } .footer-section .footer-boxes{ text-align: center; } .footer-section .footer-boxes li a, .footer-section .wp-block-social-links li .wp-block-social-link-label{ font-size: 14px !important; } .footer-section .wp-block-social-links li svg{ height: 24px; width: 24px; } .footer-section .wp-block-social-links li{ margin: 0 auto !important; } .footer-section .footer-box1{ padding-right: 0 !important; } .footer-section .footer-box2 nav ul, .footer-section .footer-box2 nav ul li{ width: 100%; } footer .input-field{ width: 80% !important; } } @media screen and (min-width: 729px) and (max-width: 991px){ .wc-block-checkout__sidebar .wc-block-components-order-summary-item{ flex-wrap: wrap; } .wc-block-checkout__sidebar .wc-block-components-order-summary-item__description{ padding: 0; } .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__content{ padding: 10px; } } @media screen and (min-width: 768px) and (max-width: 991px){ .header-top .header-top-boxes{ flex-wrap: nowrap !important; } .header-top .header-top-boxes:not(.is-not-stacked-on-mobile)>.header-phone{ flex-basis: 22% !important; } .header-top .header-top-boxes:not(.is-not-stacked-on-mobile)>.header-mail{ flex-basis: 35% !important; } .header-top .header-top-boxes:not(.is-not-stacked-on-mobile)>.header-text{ flex-basis: 43% !important; } .main-header .header-bottom .header-btm-middle{ flex-wrap: nowrap !important; } .header-bottom .header-btm-middle:not(.is-not-stacked-on-mobile)>.header-logo-box{ flex-basis: 25% !important; } .header-bottom .header-btm-middle:not(.is-not-stacked-on-mobile)>.header-menu-box{ flex-basis: 15% !important; } .header-bottom .header-btm-middle:not(.is-not-stacked-on-mobile)>.header-btn-box{ flex-basis: 60% !important; } .banner-section, .banner-section .banner-content-box { min-height: 600px !important; } .banner-section .banner-content-box{ flex-wrap: nowrap !important; } .banner-section .banner-right-box .right-img-box img { height: 320px !important; } .banner-section .slick-dots{ left: -55px; } .product-section .product-head-box .product-border, .blog-section .blog-head-box .blog-border, .category-section .category-head-box .category-border { width: 30%; } .product-section .product-in-content{ display: grid; grid-template-columns: auto auto; } .category-section .section-g-gwkueeb .gtf-item .gtf-bg-image, .category-section .category-bg .wp-block-cover__inner-container{ height: 300px; } .category-section .category-bg{ min-height: 300px !important; } .category-section .section-g-gwkueeb .gtf-item .gtf-content .g-d-title{ font-size: 18px; } .category-section .category-boxes{ flex-wrap: nowrap !important; } .footer-section .footer-boxes{ display: grid; grid-template-columns: 50% 50%; } .single-product .taxonomy-product_cat{ font-size: 16px; } .single-product .single-product-content{ flex-wrap: nowrap !important; } .single-product .single-product-right{ flex-basis: 100% !important; } footer .input-field{ width: 160px !important; } } @media screen and (min-width: 992px) and (max-width: 1199px){ .header-top .header-top-boxes .header-phone{ flex-basis: 20% !important; } .header-top .header-top-boxes .header-mail{ flex-basis: 30% !important; } .header-top .header-top-boxes .header-text{ flex-basis: 50% !important; } .header-bottom .header-btm-middle .header-logo-box{ flex-basis: 20% !important; } .header-bottom .header-btm-middle .header-menu-box{ flex-basis: 45% !important; } .header-bottom .header-btm-middle .header-btn-box{ flex-basis: 35% !important; } .header-bottom .header-menu-box nav.wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation, .header-bottom .header-btn-box .header-top-box{ gap: 10px; } .main-header .header-bottom .header-btn-box .header-search { width: 70%; } .banner-section .banner-right-box .right-img-box img { height: 360px !important; } .banner-section, .banner-section .banner-content-box { min-height: 600px !important; } .banner-section .slick-dots{ left: -65px; } .banner-section .slider-nav .slick-slide { margin-right: 12px; } .product-section .product-head-box .product-border, .blog-section .blog-head-box .blog-border, .category-section .category-head-box .category-border { width: 38%; } .product-section .product-in-content{ gap: 26px; } .category-section .section-g-gwkueeb .gtf-item .gtf-bg-image, .category-section .category-bg .wp-block-cover__inner-container{ height: 400px; } .category-section .category-bg{ min-height: 400px !important; } .category-section .section-g-gwkueeb .gtf-item .gtf-content .g-d-title{ font-size: 22px; } .footer-section .footer-boxes{ gap: 10px; } .footer-section .footer-boxes .footer-box1{ padding-right: var(--wp--preset--spacing--30) !important; } } @media screen and (min-width: 1200px) and (max-width: 1500px){ .header-bottom .header-btn-box .header-top-box { gap: 10px; } .main-header .header-bottom .header-btn-box .header-search { width: 68%; } .category-section .section-g-gwkueeb .gtf-item .gtf-bg-image, .category-section .category-bg .wp-block-cover__inner-container{ height: 450px; } .category-section .category-bg{ min-height: 450px !important; } .category-section .section-g-gwkueeb .gtf-item .gtf-content .g-d-title{ font-size: 26px; } } @media screen and (min-width: 1200px) and (max-width: 1399px){ .header-top .header-top-boxes .header-phone{ flex-basis: 15% !important; } .header-top .header-top-boxes .header-mail{ flex-basis: 23% !important; } .header-top .header-top-boxes .header-text{ flex-basis: 62% !important; } .product-section .product-head-box .product-border, .blog-section .blog-head-box .blog-border, .category-section .category-head-box .category-border { width: 47%; } .footer-section .footer-boxes{ gap: 20px; } .footer-section .footer-boxes .footer-box1{ padding-right: var(--wp--preset--spacing--30) !important; } } @media screen and (min-width: 1400px) and (max-width: 1600px){ .blog-section .blog-head-box .blog-border { width: 55%; } } @media screen and (max-width: 1400px){ .product-section .product-in-content li.wc-block-product .product-title{ font-size: 18px !important; } .product-section .product-price{ font-size: 15px !important; } }