/* Theme Name: Bike Repair Garage Theme URI: https://www.wpradiant.net/products/bike-repair-garage/ Author: WP Radiant Author URI: https://www.wpradiant.net/ Description: The Bike Repair Garage is a free theme, modern, and easy-to-use theme designed for bike mechanics, two-wheeler workshops, motorcycle service centers, scooter repair shops, and automotive maintenance professionals who want to build a strong digital presence. Whether you run a small bike repair garage, a growing motorcycle workshop, or a full-service tuning center, this theme provides all the essential features needed to showcase your services with clarity and confidence. With a clean layout and professional styling, it helps you highlight important offerings such as bike servicing, motorcycle repair, engine tuning, and bike restoration in a visually engaging way. Fully responsive and SEO-ready, the Bike Repair Garage theme ensures your website looks great on all devices, whether customers browse using a mobile phone, tablet, or desktop. You can easily display your expertise in two-wheeler maintenance, motorcycle diagnostics, bike modification, and emergency roadside repair, thanks to its flexible design. Built for both beginners and professionals, this theme supports user-friendly customization options, including color settings, typography choices, slider banners, header styles, and call-to-action blocks. The intuitive structure allows garage owners to present information clearly, making it ideal for bike repair shops, motorcycle technicians, and mobile mechanic services. If you want a dependable, stylish, and high-performance theme that reflects the reliability of your bike repair garage, this theme is the perfect choice. Create a strong brand image, attract more customers, and take your two-wheeler repair business to the next level with the Bike Repair Garage theme. Version: 1.0.0 Requires at least: 6.0 Tested up to: 6.9 Requires PHP: 7.2 License: GNU General Public License v3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.en.html WordPress Available: yes Requires License: no Text Domain: bike-repair-garage Tags: grid-layout, one-column, two-columns, right-sidebar, left-sidebar, wide-blocks, block-patterns, block-styles, custom-colors, custom-menu, custom-background, custom-header, custom-logo, editor-style, featured-images, full-site-editing, full-width-template, template-editing, sticky-post, theme-options, threaded-comments, translation-ready, rtl-language-support, style-variations, portfolio, e-commerce, blog */ /* * Font smoothing. * This is a niche setting that will not be available via Global Styles. * https://github.com/WordPress/gutenberg/issues/35934 */ :root { --wp--custom--core-button--spacing--padding--left: 40px; --wp--custom--core-button--spacing--padding--right: 8px; --wp--custom--core-button--spacing--padding--top: 8px; --wp--custom--core-button--spacing--padding--bottom: 10px; --wp--custom--core-button--color: var(--wp--preset--color--white); --wp--custom--core-button--color--background: var( --wp--preset--color--primary ); --wp--custom--core-button--color-hover: var(--wp--preset--color--primary); --wp--custom--core-button--color--background-hover: var( --wp--preset--color--secondary ); --wp--custom--core-button--box-sizing: border-box; --wp--custom--core-button--word-break: border-box; --wp--custom--core-button--text-align: center; --wp--custom--core-button--border-radius--top-left: 0; --wp--custom--core-button--border-radius--top-right: 0; --wp--custom--core-button--border-radius--bottom-left: 0; --wp--custom--core-button--border-radius--bottom-right: 0; --wp--custom--core-button--typography--font-size: var( --wp--preset--font-size--small ); --wp--custom--core-button--typography--font-weight: 500; --wp--custom--core-button--line-height: 1.7; } *, *::before, *::after { box-sizing: inherit; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } header p a, footer p a { text-decoration: none; } /* * Text and navigation link styles. * Necessary until the following issue is resolved in Gutenberg: * https://github.com/WordPress/gutenberg/issues/27075 */ body { font-family: "Rajdhani", sans-serif; } a { text-decoration-thickness: 1px; text-underline-offset: 0.25ch; } h1 , h2, h3, h4, h5 , h6{ font-weight: 600; } a:hover, a:focus { text-decoration-style: dashed; } a:active { text-decoration: none; } .editor-styles-wrapper .wp-site-blocks > * + *, .editor-styles-wrapper .wp-site-blocks > * + * + *, .wp-site-blocks > * + *, .wp-site-blocks > * + * + * { margin: 0; } .wp-block-navigation .wp-block-navigation-item a:hover, .wp-block-navigation .wp-block-navigation-item a:focus { text-decoration-style: solid; } /* * Search and File Block button styles. * Necessary until the following issues are resolved in Gutenberg: * https://github.com/WordPress/gutenberg/issues/36444 * https://github.com/WordPress/gutenberg/issues/27760 */ .wp-block-search__button, .wp-block-file .wp-block-file__button { background-color: var(--wp--preset--color--primary); border-radius: 0; border: none; color: var(--wp--preset--color--background); font-size: var(--wp--preset--font-size--medium); padding: calc(0.667em + 2px) calc(1.333em + 2px); } .search-results li.wp-block-post{ background-color: #f9f9f9; } /* * Button hover styles. * Necessary until the following issue is resolved in Gutenberg: * https://github.com/WordPress/gutenberg/issues/27075 */ .wp-block-search__button:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-button__link:hover { opacity: 0.9; } /* * Responsive menu container padding. * This ensures the responsive container inherits the same * spacing defined above. This behavior may be built into * the Block Editor in the future. */ .wp-block-navigation__responsive-container.is-menu-open { padding-top: var(--wp--custom--spacing--outer); padding-bottom: var(--wp--custom--spacing--large); padding-right: var(--wp--custom--spacing--outer); padding-left: var(--wp--custom--spacing--outer); } /*image border style*/ .wp-block-image.is-style-bike-repair-garage-border img { border: calc(3 * 1px) solid var(--wp--preset--color--accent); } .block-box { box-shadow: 0 0 10px #d1d0d0; } /*tag style*/ .taxonomy-post_tag.wp-block-post-terms a { padding: 5px 10px; margin-right: 10px; background: var(--wp--preset--color--accent); color: var(--wp--preset--color--secondary); border-radius: 4px; font-size: var(--wp--preset--font-size--tiny); } .taxonomy-post_tag.wp-block-post-terms span { display: none; } body:not(.home) .wp-site-blocks main { padding-bottom: var(--wp--style--block-gap); padding-top: var(--wp--style--block-gap); margin-top: 0; } .entry-content a { text-decoration: underline; } .wp-block-query-pagination a.wp-block-query-pagination-previous, .wp-block-query-pagination a.wp-block-query-pagination-next { color: var(--wp--preset--color--secondary); background: var(--wp--preset--color--accent); padding: 0.6rem 1rem; margin: 0.3rem; } .comment-reply-title, #comments { font-weight: 500; } .search .wp-block-search__input{ color: #fff !important; font-size: 16px; } .search-no-results .wp-block-search__inside-wrapper, .search-results .wp-block-search__inside-wrapper{ background: #222222 !important; } /*-------------------------------------------------------- */ /* --- Block Woo-Commerce -------------------------------------------------------- */ /* Styles for Product Listing Page */ .edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title, .editor-styles-wrapper .wc-block-grid__product-title, .wc-block-grid__product-title { font-size: var(--wp--preset--font-size--extra-small); font-weight: 500; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,.woocommerce a.added_to_cart , .archive .yith-add-to-wishlist-button-block a{ background: var(--wp--preset--color--secondary); border: 1px solid var(--wp--preset--color--accent); border-radius: 0; color: var(--wp--preset--color--accent); cursor: pointer; padding: 0.6rem 0.8rem; text-transform: uppercase; text-decoration: none; text-align: center; font-size: var(--wp--preset--font-size--tiny); font-weight: 600; } .archive .yith-add-to-wishlist-button-block a svg{ display: none; } .archive .yith-add-to-wishlist-button-block span{ font-size: var(--wp--preset--font-size--extra-small); font-weight: 600; } .archive button.wc-block-components-product-button__button.add_to_cart_button.product_type_simple{ margin: 0px !important; } .archive .wc-block-components-product-button .added_to_cart{ margin-top: 10px !important; } .wc-block-components-product-sale-badge, .woocommerce span.onsale, .wc-block-grid__product-onsale { background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--secondary); font-size: 0.7em; padding: 0.3em 0.7em; border: 0; line-height: 1.5; text-transform: uppercase; min-height: auto; min-width: auto; border-radius: 0px; left: 14px; top: 14px; letter-spacing: 1px; font-weight: 300; } .woocommerce ul.products li.product .onsale { left: 14px; right: auto; top: 14px; margin: 0; } .wc-block-grid__product-onsale { position: absolute; top: 14px; } .woocommerce .wc-block-breadcrumbs .woocommerce-breadcrumb{ font-weight: 600; } .woocommerce-account main .woocommerce .woocommerce-notices-wrapper + h2{ text-align: center; } .woocommerce-account main .woocommerce .woocommerce-form-login.login{ margin: 0 auto; } .is-large.wc-block-cart .wc-block-cart__totals-title{ padding: 8px 16px 8px 13px !important; } .woocommerce .wp-block-woocommerce-product-image-gallery span.onsale{ left: 5px; } .wc-block-checkout__sidebar .wc-block-components-product-name { font-size: 20px; font-weight: 600; } /*hover style*/ .wp-block-social-links.is-style-logos-only .wp-social-link .wp-block-social-link-anchor:hover, .wc-block-mini-cart__button:hover , .archive .yith-add-to-wishlist-button-block:hover a{ background-color: var(--wp--preset--color--accent); color: var(--wp--preset--color--secondary); } .wp-block-social-links.is-style-logos-only .wp-social-link .wp-block-social-link-anchor, .wc-block-mini-cart__button { border-radius: 30px; } a, .content > .video-play:hover span, .content > .video-play svg, a svg.icon, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-post-featured-image img, .wp-block-fse-pro-header-search svg, .wp-block-fse-pro-header-social svg, .wp-block-search__button, .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close, .wc-block-mini-cart__button { transition: all 0.5s ease; } .wp-block-fse-pro-header-social .social-controller, .wp-block-fse-pro-header-search .search-controller, .wp-block-social-links.is-style-logos-only .wp-social-link .wp-block-social-link-anchor { padding: 9px; width: auto; height: auto; } .wc-block-grid__product a { text-decoration: none; } .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce #review_form #respond .form-submit input:hover, .wp-block-button .wp-block-button__link, .woocommerce #review_form #respond .form-submit input:focus, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:focus,.woocommerce a.added_to_cart:hover { border-color: transparent; background: var(--wp--preset--color--accent); color: var(--wp--preset--color--secondary); opacity: 1; } .woocommerce a.button:hover, .woocommerce a.button:focus, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus { color: var(--wp--preset--color--secondary); background: var(--wp--preset--color--accent); border: 1px solid var(--wp--preset--color--accent); letter-spacing: 1px; } .wp-block-button .wp-block-button__link:hover { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--secondary); } .wc-block-components-product-sort-select .wc-block-components-sort-select__select, .woocommerce .woocommerce-ordering select { background: transparent; cursor: pointer; font-size: var(--wp--preset--font-size--tiny); padding: 14px; min-width: 160px; border: 1px solid #ddd; } .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] { border: 2px solid #ddd; } .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li { border: none; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--secondary); } .wc-block-components-pagination__page, .wc-block-components-pagination__page:not(.toggle), .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { color: var(--wp--preset--color--body-text); line-height: 1; font-size: 20px; font-size: 1.25rem; font-weight: 400; padding: 0; min-width: 1em; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 0; margin: 0 3px; } .woocommerce #review_form #respond .form-submit input, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--secondary); border: 0; border-radius: 0px; cursor: pointer; font-size: var(--wp--preset--font-size--small); font-weight: normal; line-height: var(--wp--custom--typography--line-height--paragraph); padding-top: max(0.7rem, 0.75vw); padding-right: max(1.5rem, 1.85vw); padding-bottom: max(0.7rem, 0.75vw); padding-left: max(1.5rem, 1.85vw); text-transform: uppercase; text-decoration: none; transition: all 0.3s ease-in-out; font-weight: 600; } .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:hover, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus { border-color: transparent; background: var(--wp--preset--color--accent); color: var(--wp--preset--color--secondary); opacity: 0.8; } .woocommerce .quantity .qty { width: 4.5em; height: 51px; } .product_meta { font-size: var(--wp--preset--font-size--tiny); } .woocommerce div.product section.related.products, .woocommerce div.product section.upsells.products { text-align: center; margin-top: 2rem; } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-Tabs-panel h2, .related.products > h2, .up-sells.upsells.products h2 { font-weight: 600; } /*single product page*/ .woocommerce .woocommerce-breadcrumb { color: var(--wp--preset--color--primary); background: var(--wp--preset--color--secbackground); padding: 15px; font-size: 12px; margin: 0 0 3em; } /* Single Page Tabs */ .woocommerce div.product .woocommerce-tabs ul.tabs li { border: none; background-color: transparent; margin-right: 28px; padding: 0; margin-left: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid var(--wp--preset--color--fourground); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: transparent; z-index: 0; background: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin-bottom: 0; padding: 0; } .woocommerce div.product .woocommerce-tabs .panel { padding: 30px 0 0; background: transparent; } .woocommerce .woocommerce-breadcrumb { color: var(--wp--preset--color--primary); } .woocommerce .woocommerce-breadcrumb a { color: var(--wp--preset--color--accent); } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { border: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: none; } .woocommerce-Tabs-panel h2, .related.products > h2, .up-sells.upsells.products h2 { font-size: var(--wp--custom--typography--font-size--heading-five); margin-bottom: 28px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--wp--preset--color--primary); } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: var(--wp--preset--color--accent); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--wp--preset--color--accent); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { left: 0; width: 100%; background: var(--wp--preset--color--accent); } .woocommerce-Tabs-panel p { margin-top: 0; } .woocommerce .woocommerce-product-attributes.shop_attributes { text-align: left; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { padding: 10px 0; text-transform: capitalize; font-weight: 400; } .woocommerce table.shop_attributes th p, .woocommerce table.shop_attributes td p { padding: 0; } .woocommerce table.shop_attributes th { color: var(--wp--preset--color--primary); } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: var(--wp--preset--font-size--extra-small); font-weight: 500; } .woocommerce-Reviews .commentlist { padding-left: 0; } .woocommerce-Reviews .comment-respond .comment-reply-title { font-size: var(--wp--preset--font-size--upper-heading); margin-bottom: 21px; display: block; } .woocommerce-Reviews .comment-form { padding: 0px; } .woocommerce #review_form #respond textarea { height: auto; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { vertical-align: middle; text-align: left; position: relative; } table.variations { text-transform: capitalize; } .woocommerce-variation.single_variation { padding: 5px 0; margin-bottom: 20px; } .single-product .variations tbody > tr{ display: flex; flex-wrap: wrap; align-content: center; align-items: center; } .single-product .woocommerce-variation-price bdi{ font-size: 18px; font-weight: 500; color: #000; } .woocommerce button.button.alt.disabled { background-color: var(--wp--preset--color--primary); } .single-product .woocommerce-breadcrumb a, .single-product .woocommerce-breadcrumb{ font-size: 16px !important; } .single-product div.product .woocommerce-tabs ul.tabs li a, .single-product .yith-wcwl-add-to-wishlist-button__label , .single-product .taxonomy-product_cat.wp-block-post-terms span, .single-product .taxonomy-product_cat.wp-block-post-terms a, .single-product .woocommerce-Tabs-panel--description h2, .single-product .single-product-woocommerce .wp-block-heading, .single-product .wp-block-post-title a{ font-size: 20px !important; } .single-product .single-product-woocommerce .woocommerce-Tabs-panel p{ font-size: 16px !important; } .single-product .wp-block-cover__inner-container h2, .woocommerce-cart .wp-block-cover__inner-container h2, .woocommerce-account .wp-block-cover__inner-container h2{ font-size: 35px !important; } .woocommerce div.product .product_title { font-size: var(--wp--preset--font-size--upper-heading); font-weight: 600; } .woocommerce div.product p.price, .woocommerce div.product span.price, .wc-block-grid__product-price.price, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce ul.products li.product .price { color: var(--wp--preset--color--accent); font-weight: 400; margin-top: 0; } .woocommerce ul.products li.product .price, .wc-block-grid__product .wc-block-grid__product-price, .woocommerce ul.products li.product .price ins { font-size: var(--wp--preset--font-size--extra-small); font-weight: 300; } .wc-block-grid__product .wc-block-grid__product-price del, .woocommerce div.product div.summary del, .woocommerce ul.products li.product .price del { color: #999; margin-right: 0.4rem; } .wc-block-grid__product-add-to-cart .added_to_cart.wc-forward { font-size: var(--wp--preset--font-size--extra-small); margin-left: 0.5rem; } .woocommerce-product-details__short-description, .woocommerce-Tabs-panel p { font-size: var(--wp--preset--font-size--extra-small); } .woocommerce #review_form #respond .form-submit input, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce input.button.alt { padding-left: 80px; padding-right: 80px; } .woocommerce div.product div.summary span.woocommerce-Price-amount.amount { font-size: var(--wp--preset--font-size--medium); color: var(--wp--preset--color--accent); font-weight: 500; } .wc-block-grid__product .wc-block-grid__product-price ins, .woocommerce div.product div.summary ins { color: var(--wp--preset--color--accent); } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, .select2-container--default .select2-selection--single { background-color: transparent; border-radius: 0; border: 1px solid #ddd; color: var(--wp--preset--color--teritary); } .woocommerce-page .input-text { padding: 0.9rem 0.4rem 0.9rem 0.9rem; } .woocommerce-cart .woocommerce { display: flow-root; } .woocommerce-cart-form { width: 65%; float: left; } .woocommerce-cart .cart-collaterals { width: calc(35% - 40px); float: right; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { width: 100%; float: left; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right; width: 80%; } .woocommerce-checkout > .col2-set { float: left; width: 48%; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 100%; } .woocommerce-checkout > .col2-set > .col-2 { float: none; width: 100%; } .woocommerce-checkout h3#order_review_heading { float: right; width: 45%; margin-bottom: 30px; } .woocommerce-checkout #order_review { float: right; width: 45%; border: 1px solid #cccc; } .woocommerce-page .input-text, .woocommerce-page .select2-container .select2-search__field, .woocommerce-page .select2-container .select2-selection { font-size: var(--wp--preset--font-size--tiny); } .woocommerce table.shop_table.woocommerce-checkout-review-order-table { border: 0; width: 100%; } .woocommerce table.shop_table th { font-weight: 700; font-size: var(--wp--preset--font-size--tiny); } .woocommerce-cart td.product-price bdi { color: var(--wp--preset--color--tertiary); font-size: var(--wp--preset--font-size--tiny); } .woocommerce-cart td.product-subtotal bdi { font-size: var(--wp--preset--font-size--tiny); color: #000000; font-weight: 500; } .woocommerce-cart td.product-name { color: #000000; font-size: var(--wp--preset--font-size--tiny); font-weight: 600; } .woocommerce a.remove { font-size: 1.3em; font-weight: 300; color: var(--wp--preset--color--tertiary); } .woocommerce a.remove:hover { color: red !important; background: transparent; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; } .woocommerce table.shop_table { border: 0; } .woocommerce-cart .cart-collaterals { border: 2px solid #efefef; padding: 10px 20px 30px 20px; } .woocommerce-page .cart-collaterals h2 { font-size: var(--wp--preset--font-size--content-heading); font-weight: 600; text-transform: capitalize; color: var(--wp--preset--color--primary); } .woocommerce-page .woocommerce-cart-form #coupon_code, .woocommerce-page .woocommerce-cart-form .actions .button { font-size: var(--wp--preset--font-size--tiny); height: 42px; } .woocommerce-cart .wc-proceed-to-checkout a.button { font-size: var(--wp--preset--font-size--tiny); padding: 18px 0 18px 0; } .cart_totals .shop_table .order-total th, .cart_totals .shop_table .order-total td { font-size: var(--wp--preset--font-size--upper-heading); padding-top: 20px; font-weight: 500; } .cart_totals .shop_table .cart-subtotal th, .cart_totals .shop_table .cart-subtotal td { padding-top: 10px; padding-bottom: 10px; } tr.cart-subtotal td, tr.order-total td { text-align: right; } tr.cart-subtotal td span.woocommerce-Price-amount.amount { text-align: right; color: var(--wp--preset--color--primary); font-size: var(--wp--preset--font-size--extra-small); font-weight: 300; } .cart_totals .shop_table .cart-subtotal th { color: var(--wp--preset--color--tertiary); font-weight: 500; } .cart_totals span.woocommerce-Price-amount.amount { color: var(--wp--preset--color--tertiary); font-size: var(--wp--preset--font-size--content-heading); font-weight: 500; } .woocommerce-cart .woocommerce .quantity .qty { width: 4em; height: 45px; } .woocommerce form .form-row.place-order { margin-bottom: 0; } .checkout.woocommerce-checkout { display: inline-block; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: transparent; } /*checkout page*/ .woocommerce-notices-wrapper { display: block; clear: both; } .woocommerce-form-coupon-toggle { max-width: 600px; margin: 0 auto 15px auto; } .woocommerce-form-login-toggle .woocommerce-info, .woocommerce-form-coupon-toggle .woocommerce-info { margin-bottom: 0; background-color: rgba(0, 0, 0, 0); display: block; padding: 0; border: 0; font-size: var(--wp--preset--font-size--extra-small); } .woocommerce-form-coupon-toggle .woocommerce-info { color: inherit; } .woocommerce-form-coupon-toggle .showcoupon { font-weight: 500; } .woocommerce-info::before { display: none; } .woocommerce-error { background-color: firebrick; flex-direction: column; align-items: flex-start; color: var(--wp--preset--color--secondary); } .woocommerce-error::before { color: var(--wp--preset--color--secondary); } .checkout_coupon.woocommerce-form-coupon { border: 2px dashed #e8e8e8 !important; border-radius: 2px; max-width: 600px; margin: 0 auto 30px auto !important; padding: 30px; justify-content: center; align-items: center; } .form-row .input-text { width: 100%; height: 50px; padding: 0 1em; border-radius: 2px; } .checkout_coupon.woocommerce-form-coupon .form-row-first, .checkout_coupon.woocommerce-form-coupon .form-row-last { width: 100%; text-align: center; } .woocommerce-page .woocommerce-form-coupon .button { min-height: 45px; font-size: var(--wp--preset--font-size--tiny); } form.checkout_coupon.woocommerce-form-coupon p { font-size: var(--wp--preset--font-size--tiny); } .woocommerce-checkout #order_review { background-color: var(--wp--preset--color--fourground); padding: 30px; border-radius: 4px; border: 0; } .woocommerce-checkout > .col2-set { width: 58%; } .woocommerce-checkout #order_review { width: 35%; } .woocommerce-checkout h3#order_review_heading { width: 35%; font-size: var(--wp--preset--font-size--upper-heading); font-weight: 500; } .woocommerce-billing-fields h3 { font-size: var(--wp--preset--font-size--upper-heading); font-weight: 500; } .woocommerce form .form-row label { font-size: var(--wp--preset--font-size--tiny); line-height: 28px; margin: 0; } .form-row .input-text { width: 100%; height: 50px; padding: 0 1em; border-radius: 2px; } .form-row-first, .form-row-last { width: 48%; } .woocommerce form .form-row { margin-bottom: 0.5em; } select, button, input, textarea, .woocommerce-privacy-policy-text { font-weight: 400; text-transform: none; font-size: var(--wp--preset--font-size--tiny); color: var(--wp--preset--color--tertiary); } .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 2rem; } .woocommerce-additional-fields h3 { font-size: var(--wp--preset--font-size--upper-heading); font-weight: 500; } .woocommerce-checkout-review-order-table tr { display: flex; justify-content: space-between; flex-wrap: nowrap; border-bottom: 1px solid #ddd; } .woocommerce .woocommerce-checkout-review-order table.shop_table td, .woocommerce .woocommerce-checkout-review-order table.shop_table tbody th, .woocommerce .woocommerce-checkout-review-order table.shop_table tfoot td, .woocommerce .woocommerce-checkout-review-order table.shop_table tfoot th { border-top: 0; } .woocommerce-checkout-review-order-table thead th { margin-bottom: 10px; text-transform: uppercase; font-weight: 600 !important; font-size: var(--wp--preset--font-size--tiny); } .woocommerce table.shop_table td { font-size: var(--wp--preset--font-size--tiny); } tr.cart-subtotal th, tr.cart-subtotal span.woocommerce-Price-amount.amount { font-size: var(--wp--preset--font-size--medium); font-weight: 400 !important; } tr.order-total, tr.order-total span.woocommerce-Price-amount.amount { font-size: var(--wp--preset--font-size--small); font-weight: 500; } .woocommerce-info { border-top-color: #1e85be; background: var(--wp--preset--color--primary); color: var(--wp--preset--color--secondary); font-size: var(--wp--preset--font-size--tiny); border: 0; } .woocommerce-page table.shop_table td, .woocommerce-page table.shop_table th { padding: 0.8rem; } #place_order { text-transform: uppercase; width: 100%; min-height: 50px; margin-top: 30px; } .woocommerce table.shop_table tfoot th { font-weight: 600; } .shadow-box { box-shadow: 0 0 10px #d5d5d5; border-radius: 7px; } .has-no-hover-box-shadow ul { padding: 0px; } .has-no-hover-box-shadow ul li { list-style: none; } .has-no-hover-box-shadow ul li a { text-decoration: none; line-height: 32px; } /* account page*/ .woocommerce-account h2 { font-weight: 500; } .woocommerce-account form .form-row label { margin-bottom: 10px; } .woocommerce-account .entry-content .woocommerce-form-login { width: 450px; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { display: inline-block; margin: 15px 0; } .woocommerce form .form-row { margin-bottom: 0.5em; display: grid; } .woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 30%; padding: 0px 20px; background: var(--wp--preset--color--fourground); } .woocommerce-account .woocommerce-MyAccount-navigation ul li { list-style: none; border-bottom: 1px solid #eaeaea; position: relative; padding: 0; } .woocommerce-MyAccount-navigation ul li a, .woocommerce-account .woocommerce-MyAccount-navigation li a:hover { padding: 15px 0; display: block; text-decoration: none; } .woocommerce-MyAccount-navigation ul li:last-child { border: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 2rem; padding: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { text-decoration: none; } .woocommerce-account .col2-set .col-1, .woocommerce-account .col2-set .col-1 { float: left; width: 48%; } .woocommerce-account .addresses .title h3 { float: left; font-weight: 500; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { top: 2.5em; left: 0.7em; } .woocommerce-order-received section.woocommerce-order-details { width: 48%; float: left; } .woocommerce-order-received section.woocommerce-customer-details { width: 48%; float: right; } .woocommerce-order-received .woocommerce-order { display: flow-root; } .woocommerce-order-received .woocommerce-table.woocommerce-table--order-details { border: 1px solid #ddd; } .woocommerce-page h2.woocommerce-order-details__title { font-size: var(--wp--preset--font-size--large); font-weight: 300; } .woocommerce-order-received ul.woocommerce-order-overview { display: flex; width: 100%; padding-left: 0; font-size: var(--wp--preset--font-size--small); background: #ebf3ff; padding: 2rem; } /*mini cart style*/ h2.wc-block-mini-cart__title { font-size: 1em; margin: 40px 16px 0; font-weight: normal; } .wc-block-components-product-badge { font-size: 0.65em; font-weight: 600; padding: 0.2rem 1em; background: var(--wp--preset--color--primary); color: var(--wp--preset--color--secondary); } .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity { padding-top: 7px; display: flex; } .wc-block-cart-item__remove-link { margin-left: 0.5rem !important; cursor: pointer; } /* single product form */ #reviews .comment-form { display: flex; flex-direction: column; } #reviews .comment-form-author { order: 1; } #reviews .comment-form-email { order: 2; } #reviews .comment-form-comment { order: 3; } #reviews .comment-form-cookies-consent { order: 4; } .single-post .comment-form-cookies-consent { align-items: flex-start; } .single-post .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: 13px; } #reviews .form-submit { order: 5; } .comment-form-author input, .comment-form-email input { width: 100%; padding: 10px; } .style-post-box li.wp-block-post { background-color: #f9f9f9; } /* Wishlist CSS*/ #yith-wcwl-popup-message, .wishlist_table .product-stock-status .wishlist-in-stock { color: #000000 !important; } .wishlist_table th { background-color: var(--wp--preset--color--accent); font-size: 15px; color: #ffffff; } .wishlist_table .product-name a { color: #000000; font-weight: 500; font-size: 20px; text-transform: capitalize; text-decoration: none; } .wishlist_table .product-price span.nobr, .wishlist_table .product-stock-status, .wishlist_table .product-name { color: #000 !important; } .wishlist_table .product-price, .wishlist_table .product-stock-status { color: #000000; font-weight: 600; font-size: 15px; text-align: left; } .wishlist_table .product-add-to-cart a { background: var(--wp--preset--color--accent); border: 2px solid var(--wp--preset--color--accent); color: #fff; font-weight: 600; padding: 10px 12px; font-size: 14px; text-transform: uppercase; border-radius: 3px; text-decoration: none; display: inline-block !important; } .yith-wcwl-share .share-button i { font-family: "FontAwesome"; } .wishlist_table.mobile { padding-left: 0; } .wishlist_table.mobile table { width: auto; } .wishlist_table.mobile li { padding: 15px; border: 1px solid rgba(0, 0, 0, 0.1); } .cart.wishlist_table .additional-info-wrapper { display: flex; align-items: center; justify-content: space-between; } .wishlist_table.mobile li .item-details h3{ margin-top: 0px !important; } ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile { display: grid; grid-template-columns: 2fr 50%; gap: 10px; } .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, .wishlist_table.modern_grid li .item-details table.item-details-table td.label { font-size: 16px !important; font-weight: 500; } .wishlist_table.mobile li .item-details table.item-details-table td, .additional-info .value { font-size: 14px !important; padding: 6px !important; } #yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share { float: none !important; } #yith-wcwl-form .wishlist_table { width: 100% !important; } #yith-wcwl-form .wishlist_table tbody { border: 1px solid #80808057; } .additional-info-wrapper .product-remove{ display: none; } /*woocommerce css*/ .single-product .is-layout-constrained > .alignwide, .woocommerce-cart .is-layout-constrained > .alignwide, .woocommerce-checkout .is-layout-constrained > .alignwide { max-width: 80% !important; } .woocommerce-shop .is-layout-constrained > .alignwide { max-width: 80% !important; } .woocommerce-shop .wp-block-group .alignwide { margin: auto !important; } .single-product .wc-block-grid__product-price del { font-size: 16px; } .wc-block-mini-cart__drawer table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img { padding-right: 15px; } .wc-block-mini-cart__drawer .wc-block-components-button:hover { background-color: var(--wp--preset--color--accent) !important; color: #fff !important; } .wp-block-woocommerce-related-products .yith-wcwl-add-button, .wp-block-woocommerce-product-collection .yith-wcwl-add-button, .wp-block-woocommerce-related-products .yith-wcwl-wishlistexistsbrowse, .wp-block-woocommerce-product-collection .yith-wcwl-wishlistexistsbrowse { text-align: center; } .wp-block-button.wc-block-components-product-button { gap: 0; } .woocommerce a.added_to_cart { margin-top: 10px; } li.wc-block-product, li.wc-block-grid__product { border: 1px solid #dcdcdc; padding: 10px; } .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale { background: var(--wp--preset--color--accent); color: #fff; border-color: var(--wp--preset--color--accent); } .woocommerce .price ins, .woocommerce bdi { font-size: 16px; } .wp-block-woocommerce-related-products .wp-block-post { width: calc(33% - 1em) !important; } .tax-product_cat .is-layout-constrained > .alignwide{ max-width: 80% !important; } .woocommerce-shop .woocommerce.wc-block-catalog-sorting{ margin-bottom: 10px ; } .woocommerce .woocommerce-breadcrumb{ margin-bottom: 10px !important; } .single-product #commentform .wp-block-button__link.wp-element-button{ width: auto; } .single-product .comment-form-rating label{ margin-bottom: 8PX; display: block; } /*blog post css*/ .wp-block-query-pagination { gap: 5px !important; } .wp-block-post-excerpt__more-link, .post-content .wp-block-post-title a, a.page-numbers, a.wp-block-query-pagination-previous, a.wp-block-query-pagination-next, .wp-block-post-template h2 a { text-decoration: none; } .wp-block-post,.single-post .wp-block-post-comments { border: 1px solid #e1e1e1; } .wp-block-post-excerpt__more-link, a.wp-block-read-more.has-upper-heading-font-size { background: var(--wp--preset--color--accent); border-radius: 6px; padding: 7px 10px; color: #fff; text-decoration: none !important; } .wp-block-post-excerpt__more-link:hover, a.wp-block-read-more.has-upper-heading-font-size:hover { background: #000; color: #fff; } span.page-numbers.current { background: var(--wp--preset--color--accent); color: #fff; padding: 8px 10px; } a.page-numbers { background: transparent; color: var(--wp--preset--color--accent); border: 1px solid var(--wp--preset--color--accent); padding: 8px 10px; } a.page-numbers:hover { background: var(--wp--preset--color--accent); color: #fff; } .wp-block-query-pagination a.wp-block-query-pagination-next { margin: 0 !important; } .wp-block-query-pagination > .wp-block-query-pagination-numbers { margin-bottom: 0 !important; } .archive .wp-block-post-title , .blog .post-title h4{ font-weight: 700 !important; } /*single post css*/ .single-post .wp-block-post-comments{ padding: 20px; } .single-post .wp-block-post-comments textarea{ background: #f8f8f8; border: 1px solid #e1e1e1; } .comment-respond input#submit{ padding: 6px 12px; } .single-post .wp-block-post-content{ font-size: 16px !important; } .single-post main main .wp-block-post-featured-image .wp-post-image{ width: fit-content; } .single-post .sidebar-box .wp-block-post-title a,.single-post .sidebar-box .wp-block-post-title,.archive .sidebar-box .wp-block-post-title a,.archive .sidebar-box .wp-block-post-title{ line-height: 1.2 !important; } .single-post .sidebar-box .wp-block-post-template .wp-block-columns,.archive .sidebar-box .wp-block-post-template .wp-block-columns{ padding: 10px !important; margin-bottom: 0 !important; } /*cart css*/ ul.wc-block-grid__products { display: grid; grid-template-columns: auto auto auto; gap: 1em; } li.wc-block-grid__product { max-width: 100% !important; } .wc-block-grid__product-onsale { padding: 5px 12px !important; font-size: 10px !important; } table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block, .wp-block-woocommerce-cart-order-summary-block { border: 1px solid #dcdcdc; margin: 0 -1px 24px 0; text-align: left; width: 100%; border-radius: 5px; } td.wc-block-cart-item__image { padding: 16px 0px 16px 16px !important; } td.wc-block-cart-item__total, .wc-block-components-totals-item, .wc-block-components-totals-coupon { padding-left: 16px !important; padding-right: 16px !important; } tr.wc-block-cart-items__header th { font-weight: 700; padding: 9px 12px !important; line-height: 1.5em; font-size: 16px; } a.wc-block-components-product-name { color: #000; font-size: 20px; font-weight: 600; } a.wc-block-components-product-name, button.wc-block-cart-item__remove-link, a.wc-block-components-totals-coupon-link, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, a.wc-block-components-checkout-return-to-cart-button { text-decoration: none !important; } button.wc-block-cart-item__remove-link { font-size: 1em !important; } span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title { text-align: left !important; } a.wc-block-components-totals-coupon-link, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-totals-coupon__button.contained, button.wc-block-components-checkout-place-order-button { background: var(--wp--preset--color--accent); border-radius: 0; color: #fff !important; font-weight: 500; padding: 10px 25px !important; font-size: 18px; border-radius: 6px; } span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title { font-size: 1.5em !important; padding: 10px !important; display: block !important; } button.wc-block-components-checkout-place-order-button:hover, a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover, a.wc-block-components-checkout-return-to-cart-button:hover { background-color: #000; } .wp-block-woocommerce-checkout-order-summary-block { border: 1px solid #dcdcdc; } .wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper { padding: 10px; } .wc-block-components-button { background-color: var(--wp--preset--color--accent); color: #fff !important; text-decoration: none !important; font-weight: 700; } .wc-block-components-button:hover { background-color: #000 !important; } .wc-block-components-product-metadata .wc-block-components-product-metadata__description p { font-size: 14px; } .wp-block-woocommerce-cart.alignwide { margin-left: auto; margin-right: auto; padding: 0 20px; } .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block { padding-right: 0%; } .woocommerce-account .woocommerce-MyAccount-navigation { background-color: transparent !important; } .woocommerce-account .woocommerce-MyAccount-navigation ul li,.woocommerce-account .addresses .title .edit { background: var(--wp--preset--color--accent); margin-bottom: 10px; } .woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit { padding: 8px 12px !important; font-size: 16px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0 !important; } .woocommerce-account .addresses .title .edit{ color: #fff !important; text-decoration: none; } header.woocommerce-Address-title.title{ display: inline-grid; } .woocommerce { margin: 0 auto; max-width: 100% !important; } .wp-block-woocommerce-customer-account { display: inline-block; } nav.woocommerce-MyAccount-navigation ul li a { color: #fff; text-decoration: none; font-weight: 600; } .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-components-button { background-color: var(--wp--preset--color--accent) !important; color: #fff !important; } /* Single product CSS */ .single-product-breadcrumb .woocommerce-breadcrumb{ margin: 10px !important; text-align: center; background: transparent; padding: 0px; color: #fff; font-size: 14px; } .single-product-breadcrumb .woocommerce-breadcrumb a{ color: #fff; font-size: 14px; } @media screen and (min-width: 768px) and (max-width: 1023px) { .single-product .wc-block-store-notices ~ .wp-block-columns .wp-block-column{ flex-basis: 50% !important; } .single-product .wc-block-store-notices ~ .wp-block-columns{ flex-wrap: nowrap !important; } .single-product .wc-block-store-notices ~ .wp-block-columns button.button.alt , .single-product .wc-block-store-notices ~ .wp-block-columns input.button.alt { padding-left: 50px; padding-right: 50px; } } @media screen and (min-width: 721px) and (max-width: 991px) { .wc-block-product-template.wc-block-product-template,ul.wc-block-grid__products, .blog .post-grid-layout { grid-template-columns: repeat(2,minmax(max(150px, calc(50% - 0.83333em)), 1fr)); gap: 0.83333em; } .wp-block-woocommerce-related-products .wp-block-post { width: calc(50% - 1em) !important; } } @media screen and (min-width: 721px) and (max-width: 1299px){ .archive .style-post-box,.related-post .wp-block-post-template{ grid-template-columns: repeat(2, minmax(max(150px, calc(50% - 0.83333em)), 1fr)); gap: 0.83333em; } } @media screen and (max-width: 720px) { .wc-block-product-template__responsive,ul.wc-block-grid__products,.blog .post-grid-layout,.archive .style-post-box,.related-post .wp-block-post-template { display: block; grid-template-columns: auto !important; } li.wc-block-product, li.wc-block-grid__product , .blog .post-grid-layout li,.archive .style-post-box li,.related-post .wp-block-post-template li { margin-bottom: 20px; } .wp-block-woocommerce-related-products .wp-block-post { width: calc(100% - 1em) !important; } .not-found-heading { font-size: 50px !important; } } @media screen and (max-width: 465px) { .cart.wishlist_table .additional-info-wrapper { flex-direction: column; } .wishlist_table.mobile li .item-details h3 { margin-top: 0px !important; text-align: left; } .wishlist_table .item-wrapper{ display: flex !important; flex-direction: column; } .cart.wishlist_table .additional-info-wrapper { align-items: flex-start !important; } } @media screen and (max-width: 600px) { .wp-block-navigation__submenu-container { padding-top: 0.7rem !important; padding-bottom: 0.5rem !important; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { gap: 0px !important; } .footer-box { padding: 0 !important; padding-bottom: 25px !important; } .text-box-about, .footer-box, .subscribe-box, .copyright-text p { text-align: center; } .footer-box .has-modal-open svg { fill: #000 !important; } .footer-box .has-modal-open span.wp-block-navigation-item__label { color: #000 !important; } .woocommerce-account .entry-content .woocommerce-form-login { width: 100%; } .woocommerce.woocommerce-page .wc-block-store-notices + .wp-block-group{ display: flex; flex-direction: column; align-items: flex-start; margin-top: 10px !important; } .footer-box .wp-block-site-title{ text-align: center; } .footer-col02 .wp-block-columns{ gap: 10px !important; } } @media (min-width: 782px) and (max-width: 1224px){ .sidebar-box .type-post .wp-block-columns{ flex-wrap: wrap !important; padding: 10px; } .sidebar-box .type-post .wp-block-columns .wp-block-column{ flex-basis: 100% !important; } .single-post .wp-block-columns-is-layout-flex{ gap: 25px !important; } } @media (min-width: 768px) and (max-width: 900px) { .header-inner-menu ul { gap: 6px !important; } .search-column { grid-column: 2; } .footer-content { display: grid !important; grid-template-columns: 50% 50%; } .footer-box nav { align-items: start !important; align-content: start; } } @media screen and (max-width: 767px) { footer .footer-box ul { display: flex; align-items: center; justify-content: center; gap: 6px; } .footer-box .wp-block-navigation .wp-block-navigation-item { justify-content: space-around; } .footer-box h2, .footer-box p { text-align: center; } .footer-box nav { align-content: center; } .footer-box .wp-block-site-title { text-align: center; } .banner-heading { font-size: 35px !important; } } @media screen and (max-width: 999px){ .home header .wp-block-navigation-submenu li.wp-block-navigation-item.wp-block-navigation-link, .page header .wp-block-navigation-submenu li.wp-block-navigation-item.wp-block-navigation-link{ background-color: #000 !important; } .wp-block-navigation__responsive-container-open:not(.always-shown) { display: block; } .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { display: none; } .wp-block-navigation__responsive-container.is-menu-open{ background-color: #000 !important; } header .wp-block-navigation__responsive-container-open{ padding: 10px; color: var(--wp--preset--color--secondary) !important; background-color: var(--wp--preset--color--accent); z-index: 999; } .wp-block-navigation__responsive-container-close{ padding: 10px; color: var(--wp--preset--color--accent) !important; background-color: #fff; } header .wp-block-navigation .wp-block-navigation-item a{ text-align: left; color: #fff !important; } body header .wp-block-navigation-item__content:hover { background: #0000 !important; border: 2px solid #0000; color: var(--wp--preset--color--accent) !important; } header ul.wp-block-navigation__container.is-responsive.items-justified-right.is-head-menu.wp-block-navigation,header .wp-block-navigation__container{ width: 100% !important; } header li.wp-block-navigation-item{ padding: 10px !important; border-bottom: 2px solid #eee; width: 100%; align-items: flex-start !important; } header li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu{ padding-bottom: 0 !important; } header .header-box-upper .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{ padding-top: 0 !important; } header .wp-block-navigation-submenu li.wp-block-navigation-item{ border: 0 !important; } header .header-box-upper .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container a:before{ content: ""; position: absolute; right: 0; top: 18px; left: 5px; width: 0; height: 0; border-bottom: 6px solid transparent; border-left: 6px solid #fff; border-right: 6px solid transparent; border-top: 6px solid transparent; transform: translate(-50%); } .header-inner-menu ul{ gap: 0 !important; } header ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__content{ width: 100%; padding: 5px !important; } header ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu{ width: 100% !important; padding-right: 0 !important; } .header-box-upper nav ul, .header-box-upper nav { flex-wrap: nowrap !important; } .menu-group{ gap: 5px !important; } } @media screen and (max-width: 599px){ footer h2,footer h1,footer p{ text-align: left; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button { width: 41%; font-size: 14px; padding: 10px !important; } .wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button svg{ display: none; } a.wc-block-components-checkout-return-to-cart-button{ padding: 10px !important; font-size: 14px; } .review-col01 .wp-block-column:nth-child(1) { display: flex; justify-content: flex-end; } .review-col01.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{ flex-basis: auto !important; } } @media (max-width: 900px) { .copyright-text p, .block-wrap-inner .wp-block-heading { text-align: center; } .header-box-middle .wp-container-core-navigation-is-layout-1.wp-container-core-navigation-is-layout-1 { justify-content: center; } .header-box-middle .items-justified-right { justify-content: center !important; } .woocommerce-cart-form, .woocommerce-checkout > .col2-set, .woocommerce-checkout > .col2-set > .col-2, .woocommerce-checkout #order_review, .woocommerce-checkout h3#order_review_heading { width: 100%; float: left; } .woocommerce-cart .cart-collaterals { width: 100%; float: left; } .woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 30%; } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 65%; } .woocommerce-account .woocommerce-MyAccount-navigation { padding: 0px 10px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 1rem; padding: 0; } } @media (min-width: 768px) and (max-width: 1200px) { .footer-box p a{ font-size: 14px !important; } } @media screen and (min-width: 600px){ header li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:hover{ color: var(--wp--preset--color--accent); border-radius: 6px !important; } header .wp-block-navigation-submenu li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu, header .wp-block-navigation-submenu li.wp-block-navigation-item.wp-block-navigation-link{ background-color: #000 !important; color: #fff; border: 1px solid #fff; } header .wp-block-navigation-submenu li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:hover, header .wp-block-navigation__submenu-container a.wp-block-navigation-item__content:hover,header .wp-block-navigation-submenu li.wp-block-navigation-item.wp-block-navigation-link:hover{ background: #000 !important; color: #000 !important; } header ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu{ border: 0 !important; background: transparent !important; } header button.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle{ padding-right: 18px; } header ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu:hover span{ color: #fff !important; } .editor-styles-wrapper .wp-block-navigation__submenu-container .wp-block-navigation-item.wp-block{ background-color: var(--wp--preset--color--accent); color: #fff !important; } .editor-styles-wrapper .header-box-upper .wp-block-navigation__submenu-container a.wp-block-navigation-item__content:hover { color: #fff !important; } } @media screen and (max-width: 991px) { .wc-block-components-sidebar-layout { display: block; } .wc-block-components-sidebar-layout .wc-block-components-main, .wc-block-components-sidebar, .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; } .woocommerce-cart .wc-block-cart-item__image img{ padding-right: 10px !important; } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{ float: none; width: 100%; } .wc-block-product .cart-wishlist-button { opacity: 1; } } @media screen and (max-width: 425px) { td.wc-block-cart-item__total { padding: 0 !important; } tr.wc-block-cart-items__row { grid-template-columns: repeat(4, 1fr) !important; } .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity { display: block; } } @media screen and (min-width: 1024px) { .woocommerce-shop .wc-block-product-template__responsive.columns-3, .woocommerce-page .wc-block-product-template__responsive.columns-3 { grid-template-columns: repeat(auto-fill, minmax(max(150px, calc(25% - .9375em)), 1fr)) !important; } #reviews .comment-form{ width: 100%; } .woocommerce-Reviews{ width: 100%; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; padding: 20px; } } @media (max-width: 781px) { .footer-col02 .wp-block-columns { gap: 10px !important; } .bike-repair-garage-theme-col.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: min-content !important; } .footer-box .wp-block-navigation .wp-block-navigation-item { justify-content: space-around; } .wp-block-columns.menu-group.has-background.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex { gap: 10px; } .header-logo .wp-block-site-logo { float: none !important; text-align: center; margin-top: 10px; margin-bottom: 10px; } .wp-block-navigation .wp-block-navigation-item { justify-content: flex-start !important; } .header-box-upper nav ul, .header-box-upper nav{ justify-content: center !important; } .service-section > .wp-block-columns{ gap: 10px !important; } .service-section > .wp-block-columns > .wp-block-column, .service-section > .wp-block-columns > .wp-block-column h2, .service-section > .wp-block-columns > .wp-block-column p{ text-align: center; } .service-button-nav{ justify-content: center !important; } .service-group{ max-width: 80% !important; margin: 0 auto; margin-right: auto !important; } .menu-column-main{ flex-wrap: nowrap !important; } .menu-column-main nav{ justify-content: flex-end !important; } .menu-column-main nav button{ padding: 10px; background-color: var(--wp--preset--color--accent); } } @media (max-width: 768px) { .bike-repair-garage-theme-col.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; } footer .wp-block-search { margin-bottom: 10px !important; } ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{ display: grid; grid-template-columns: 1fr; gap: 10px; } .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, .wishlist_table.modern_grid li .item-details table.item-details-table td.label{ font-size: 16px !important; } .wishlist_table.mobile li .item-details table.item-details-table td,.additional-info .value{ font-size: 14px !important; padding: 6px !important; font-family: "Poppins", sans-serif; } .main-team-section .wishlist_view { display: block !important; } .single-team-section .product .yith-wcwl-wishlistexistsbrowse a, .single-team-section .product .yith-wcwl-add-button a{ top: 0; } .banner-section { min-height: 495px !important; } .slider-main-box .wp-block-buttons{ justify-content: center; margin-top: 5px !important; } footer .social-box{ justify-content: center !important; } footer .wp-block-search__button { padding: 8px; } footer .wp-block-search{ margin-bottom: 10px !important; } } @media (min-width: 768px) { .footer-box p{ display: flex; align-items: center; } } @media (min-width: 1000px) { .banner-header-bottom .wp-block-navigation-item{ padding: 4px 15px; } .banner-header-bottom{ padding: 5px 0px !important; } .banner-header-bottom .wp-block-navigation-item{ color: #000; border: 2px solid #0000; } .banner-header-bottom .wp-block-navigation-item:hover{ border: 2px solid var(--wp--preset--color--secaccent); border-radius: 20px; } .banner-header-bottom .wp-block-navigation ul{ row-gap: 10px; } } @media (min-width: 300px) and (max-width: 992px){ .header-box-top{ flex-wrap: wrap !important; } .team-box .team-box-content { width: 96%; } .team-box-content h2 a{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .team-box .team-box-content i{ font-size: 29px; } } /*header css*/ .header-box-upper .wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{ margin-top: 0px; } .header-box-upper .wp-block-navigation ul li a{ padding: 3px 10px; } .header-box-upper .wp-block-navigation__submenu-container a.wp-block-navigation-item__content:hover{ color: #fff !important; } .header-box-upper .wp-block-navigation .has-child .wp-block-navigation__submenu-container{ z-index: 9999; } .editor-styles-wrapper .wp-block-navigation__submenu-container .wp-block-navigation-item.wp-block{ background-color: var(--wp--preset--color--accent); color: #fff !important; } .header-box-upper{ background: var(--wp--preset--color--secaccent); } .header-box-upper .wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{ margin-top: 0px; } .header-box-upper .wp-block-navigation-item__label{ font-weight: 600 !important; } .header-box-upper .wp-block-navigation ul li a{ padding: 8px 10px; } .header-search svg{ stroke: white; rotate: 270deg; min-height: 30px; min-width: 30px; } .header-search:hover svg{ filter: drop-shadow(0px 0px 9px var(--wp--preset--color--accent)); transform: scale(1.09); } .cart-col , .admin-col{ position: relative; display: flex; justify-content: center; align-items: center; } .header-box-lower .dashicons{ margin-right: 8px; font-size: 20px; } .header-buttons .wc-block-mini-cart__button:hover{ background: #0000 !important; color: #000000 !important; } .header-buttons{ display: flex; justify-content: space-around; z-index: 9999; } .wishlist-button img{ width: 22px !important; height: 20px; } .wishlist-button a{ margin: 0px; } .header-buttons .wc-block-mini-cart{ margin-top: 0px !important; } .header-search-col.wp-block-search__icon-button{ margin: 0px !important; } .header-search-col .wp-block-search__input { background: #fff !important; position: relative; z-index: 9; } .header-search-col .wp-block-search__button{ padding: 10px !important; } .header-box-upper .wp-block-navigation-item__content:hover{ color: var(--wp--preset--color--accent); text-decoration: underline; } .header-buttons .wp-block-search__input{ position: absolute; bottom: -37px; z-index: 99; left: 0; color: #fff; background-color: var(--wp--preset--color--thirdaccent); } .header-buttons .wp-block-search__inside-wrapper button{ padding: 10px !important; } .header-logo{ z-index: 999; } .wishlist-button a:hover img{ filter: drop-shadow(0px 0px 9px var(--wp--preset--color--accent)); transform: scale(1.09); } /* banner-section */ .short-para-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical } .banner-image-sec-back svg{ height: 100% !important; } .banner-text{ width: 80%; } .bike-banner-section{ background-size: 100% 100% !important; width: 100%; display: flex; position: relative; } .bike-banner-section > .wp-block-columns{ width: 100%; z-index: 999; } .bike-banner-section:after{ content: ""; background-size: 100% 100% !important; width: 100%; height: calc(100% + 68px); position: absolute; top: -68px; background-image: url(assets/images/banner-back.png); } .banner-heading { background: var(--wp--preset--gradient--primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .banner-image-sec-img img{ transform: scale(1.2); } .banner-image-section{ position: relative; } .banner-image-section .banner-image-sec-back { position: absolute; bottom: -6px; z-index: 0; } .banner-image-sec-img img { opacity: 0; animation: bikeSpeed 1s ease-out forwards, bikeGlow 4s ease-in-out 1s infinite; position: relative; z-index: 1; margin-bottom: 50px; } /* Speed Entry Animation */ @keyframes bikeSpeed { 0% { transform: translateX(-100px) scale(1.1); filter: blur(8px); opacity: 0; } 100% { transform: translateX(0) scale(1.2); filter: blur(0); opacity: 1; } } /* Glow Animation */ @keyframes bikeGlow { 0% { filter: drop-shadow(0 0 0px var(--wp--preset--color--accent)); } 50% { filter: drop-shadow(0 0 8px var(--wp--preset--color--accent)); } 100% { filter: drop-shadow(0 0 0px var(--wp--preset--color--accent)); } } .banner-button01 a{ clip-path: polygon( 6.803% 0%,93.197% 0%,93.197% 0%,93.736% 0.064%,94.268% 0.254%,94.791% 0.568%,95.303% 1.002%,95.801% 1.553%,96.283% 2.22%,96.747% 2.998%,97.191% 3.886%,97.612% 4.88%,98.007% 5.977%,98.007% 5.977%,98.373% 7.165%,98.705% 8.428%,99.001% 9.759%,99.26% 11.152%,99.482% 12.598%,99.666% 14.093%,99.811% 15.628%,99.915% 17.196%,99.979% 18.792%,100% 20.408%,93.197% 79.592%,93.197% 79.592%,93.176% 81.208%,93.112% 82.804%,93.008% 84.372%,92.863% 85.907%,92.679% 87.402%,92.457% 88.848%,92.198% 90.241%,91.902% 91.572%,91.57% 92.835%,91.204% 94.023%,91.204% 94.023%,90.809% 95.12%,90.388% 96.114%,89.944% 97.001%,89.48% 97.78%,88.998% 98.446%,88.5% 98.998%,87.988% 99.432%,87.465% 99.746%,86.933% 99.936%,86.395% 100%,6.803% 100%,6.803% 100%,6.264% 99.936%,5.732% 99.746%,5.209% 99.432%,4.698% 98.998%,4.199% 98.446%,3.717% 97.78%,3.253% 97.001%,2.809% 96.114%,2.388% 95.12%,1.992% 94.023%,1.992% 94.023%,1.627% 92.835%,1.295% 91.572%,0.999% 90.241%,0.74% 88.848%,0.518% 87.402%,0.334% 85.907%,0.189% 84.372%,0.085% 82.804%,0.021% 81.208%,0% 79.592%,0% 20.408%,0% 20.408%,0.021% 18.792%,0.085% 17.196%,0.189% 15.628%,0.334% 14.093%,0.518% 12.598%,0.74% 11.152%,0.999% 9.759%,1.295% 8.428%,1.627% 7.165%,1.992% 5.977%,1.992% 5.977%,2.388% 4.88%,2.809% 3.886%,3.253% 2.998%,3.717% 2.22%,4.199% 1.553%,4.698% 1.002%,5.209% 0.568%,5.732% 0.254%,6.264% 0.064%,6.803% 0% ); } .banner-button02 a{ clip-path: polygon( 95.262% 100%,5.233% 100%,5.233% 100%,4.858% 99.976%,4.488% 99.904%,4.123% 99.786%,3.767% 99.622%,3.42% 99.414%,3.084% 99.163%,2.761% 98.87%,2.452% 98.535%,2.159% 98.161%,1.883% 97.747%,1.883% 97.747%,1.614% 97.003%,1.346% 95.723%,1.084% 94.037%,0.836% 92.074%,0.608% 89.963%,0.407% 87.834%,0.239% 85.817%,0.111% 84.041%,0.029% 82.636%,0% 81.731%,5.233% 7.692%,5.233% 7.692%,5.257% 7.083%,5.325% 6.482%,5.432% 5.89%,5.575% 5.312%,5.749% 4.749%,5.949% 4.203%,6.172% 3.679%,6.413% 3.177%,6.667% 2.701%,6.931% 2.253%,6.931% 2.253%,7.198% 1.839%,7.468% 1.465%,7.742% 1.13%,8.023% 0.837%,8.313% 0.586%,8.614% 0.378%,8.929% 0.214%,9.258% 0.096%,9.605% 0.024%,9.972% 0%,95.262% 0%,95.262% 0%,95.637% 0.024%,96.007% 0.096%,96.372% 0.214%,96.728% 0.378%,97.075% 0.586%,97.411% 0.837%,97.734% 1.13%,98.043% 1.465%,98.337% 1.839%,98.612% 2.253%,98.612% 2.253%,98.867% 2.701%,99.098% 3.177%,99.304% 3.679%,99.485% 4.203%,99.639% 4.749%,99.767% 5.312%,99.868% 5.89%,99.941% 6.482%,99.985% 7.083%,100% 7.692%,100% 92.308%,100% 92.308%,99.985% 92.917%,99.941% 93.518%,99.868% 94.11%,99.767% 94.688%,99.639% 95.251%,99.485% 95.797%,99.304% 96.322%,99.098% 96.823%,98.867% 97.299%,98.612% 97.747%,98.612% 97.747%,98.337% 98.161%,98.043% 98.535%,97.734% 98.87%,97.411% 99.163%,97.075% 99.414%,96.728% 99.622%,96.372% 99.786%,96.007% 99.904%,95.637% 99.976%,95.262% 100% ); background-color: #fff !important; position: relative; z-index: 1; } .banner-button02 a::after{ position: absolute; content: " "; width: calc(100% - 4px); height: calc(100% - 4px); inset: 2px; background-color: var(--wp--preset--color--thirdaccent); z-index: -1; clip-path: polygon( 95.262% 100%,5.233% 100%,5.233% 100%,4.858% 99.976%,4.488% 99.904%,4.123% 99.786%,3.767% 99.622%,3.42% 99.414%,3.084% 99.163%,2.761% 98.87%,2.452% 98.535%,2.159% 98.161%,1.883% 97.747%,1.883% 97.747%,1.614% 97.003%,1.346% 95.723%,1.084% 94.037%,0.836% 92.074%,0.608% 89.963%,0.407% 87.834%,0.239% 85.817%,0.111% 84.041%,0.029% 82.636%,0% 81.731%,5.233% 7.692%,5.233% 7.692%,5.257% 7.083%,5.325% 6.482%,5.432% 5.89%,5.575% 5.312%,5.749% 4.749%,5.949% 4.203%,6.172% 3.679%,6.413% 3.177%,6.667% 2.701%,6.931% 2.253%,6.931% 2.253%,7.198% 1.839%,7.468% 1.465%,7.742% 1.13%,8.023% 0.837%,8.313% 0.586%,8.614% 0.378%,8.929% 0.214%,9.258% 0.096%,9.605% 0.024%,9.972% 0%,95.262% 0%,95.262% 0%,95.637% 0.024%,96.007% 0.096%,96.372% 0.214%,96.728% 0.378%,97.075% 0.586%,97.411% 0.837%,97.734% 1.13%,98.043% 1.465%,98.337% 1.839%,98.612% 2.253%,98.612% 2.253%,98.867% 2.701%,99.098% 3.177%,99.304% 3.679%,99.485% 4.203%,99.639% 4.749%,99.767% 5.312%,99.868% 5.89%,99.941% 6.482%,99.985% 7.083%,100% 7.692%,100% 92.308%,100% 92.308%,99.985% 92.917%,99.941% 93.518%,99.868% 94.11%,99.767% 94.688%,99.639% 95.251%,99.485% 95.797%,99.304% 96.322%,99.098% 96.823%,98.867% 97.299%,98.612% 97.747%,98.612% 97.747%,98.337% 98.161%,98.043% 98.535%,97.734% 98.87%,97.411% 99.163%,97.075% 99.414%,96.728% 99.622%,96.372% 99.786%,96.007% 99.904%,95.637% 99.976%,95.262% 100% ); } .banner-button02 a:hover{ color: var(--wp--preset--color--accent) !important; background-color: var(--wp--preset--color--accent) !important; } .banner-button01 a:hover{ background-color: #fff !important; color: var(--wp--preset--color--thirdaccent) !important; background-image: none !important; } /*Service Section */ .team-box-content{ width: 80%; text-align: left; margin: 0px !important; position: absolute; bottom: 0; border-radius: 20px; z-index: 9; } .service-section-main-icon i{ font-size: 24px; } .service-section-grid .wp-block-post{ position: relative; border: none; } .service-section-grid .wp-block-post .service-section-group02{ position: absolute; bottom: 10px; padding: 10px; z-index: 9; } .service-section-group01{ position: relative; } .service-section-group01::after{ position: absolute; content: ""; inset: 0; width: 100%; height: 100%; border-radius: 10px; background: linear-gradient(180deg, rgba(7, 7, 7, 0) 0%, #070707 100%); } .service-section-grid{ display: grid; grid-template-columns: 25% 25% 25% 25%; gap: 10px; } .service-section-grid .wp-block-post:hover .service-section-group01::after{ opacity: 0.5; background: #000; } .service-prev, .service-next{ background-color: var(--wp--preset--color--accent); padding: 10px 15px; color: #fff; cursor: pointer; } .service-prev:hover, .service-next:hover{ background-color: #fff; color: #000; } .service-prev{ clip-path: polygon( 80.294% 100%,3.743% 100%,3.743% 100%,3.447% 99.986%,3.154% 99.943%,2.866% 99.872%,2.585% 99.774%,2.311% 99.649%,2.045% 99.498%,1.79% 99.322%,1.546% 99.122%,1.314% 98.897%,1.096% 98.649%,1.096% 98.649%,0.895% 98.38%,0.713% 98.095%,0.55% 97.794%,0.407% 97.479%,0.285% 97.152%,0.184% 96.814%,0.104% 96.467%,0.047% 96.113%,0.012% 95.752%,0% 95.387%,0% 4.613%,0% 4.613%,0.012% 4.248%,0.047% 3.887%,0.104% 3.533%,0.184% 3.186%,0.285% 2.848%,0.407% 2.521%,0.55% 2.206%,0.713% 1.905%,0.895% 1.62%,1.096% 1.351%,1.096% 1.351%,1.314% 1.103%,1.546% 0.878%,1.79% 0.678%,2.045% 0.502%,2.311% 0.351%,2.585% 0.226%,2.866% 0.128%,3.154% 0.057%,3.447% 0.014%,3.743% 0%,92.647% 0%,92.647% 0%,92.943% 0.014%,93.236% 0.057%,93.524% 0.128%,93.805% 0.226%,94.079% 0.351%,94.345% 0.502%,94.6% 0.678%,94.844% 0.878%,95.076% 1.103%,95.294% 1.351%,95.294% 1.351%,95.495% 1.62%,95.678% 1.905%,95.84% 2.206%,95.983% 2.521%,96.105% 2.848%,96.207% 3.186%,96.286% 3.533%,96.344% 3.887%,96.379% 4.248%,96.39% 4.613%,84.037% 95.387%,84.037% 95.387%,84.025% 95.752%,83.991% 96.113%,83.933% 96.467%,83.853% 96.814%,83.752% 97.152%,83.63% 97.479%,83.487% 97.794%,83.324% 98.095%,83.142% 98.38%,82.941% 98.649%,82.941% 98.649%,82.723% 98.897%,82.491% 99.122%,82.247% 99.322%,81.992% 99.498%,81.726% 99.649%,81.452% 99.774%,81.171% 99.872%,80.883% 99.943%,80.59% 99.986%,80.294% 100% ); } .service-next{ clip-path: polygon( 16.096% 0%,92.647% 0%,92.647% 0%,92.943% 0.014%,93.236% 0.057%,93.524% 0.128%,93.805% 0.226%,94.079% 0.351%,94.345% 0.502%,94.6% 0.678%,94.844% 0.878%,95.076% 1.103%,95.294% 1.351%,95.294% 1.351%,95.495% 1.62%,95.678% 1.905%,95.84% 2.206%,95.983% 2.521%,96.105% 2.848%,96.207% 3.186%,96.286% 3.533%,96.344% 3.887%,96.379% 4.248%,96.39% 4.613%,96.39% 95.387%,96.39% 95.387%,96.379% 95.752%,96.344% 96.113%,96.286% 96.467%,96.207% 96.814%,96.105% 97.152%,95.983% 97.479%,95.84% 97.794%,95.678% 98.095%,95.495% 98.38%,95.294% 98.649%,95.294% 98.649%,95.076% 98.897%,94.844% 99.122%,94.6% 99.322%,94.345% 99.498%,94.079% 99.649%,93.805% 99.774%,93.524% 99.872%,93.236% 99.943%,92.943% 99.986%,92.647% 100%,3.743% 100%,3.743% 100%,3.447% 99.986%,3.154% 99.943%,2.866% 99.872%,2.585% 99.774%,2.311% 99.649%,2.045% 99.498%,1.79% 99.322%,1.546% 99.122%,1.314% 98.897%,1.096% 98.649%,1.096% 98.649%,0.895% 98.38%,0.713% 98.095%,0.55% 97.794%,0.407% 97.479%,0.285% 97.152%,0.184% 96.814%,0.104% 96.467%,0.047% 96.113%,0.012% 95.752%,0% 95.387%,12.353% 4.613%,12.353% 4.613%,12.365% 4.248%,12.4% 3.887%,12.457% 3.533%,12.537% 3.186%,12.638% 2.848%,12.76% 2.521%,12.903% 2.206%,13.066% 1.905%,13.248% 1.62%,13.449% 1.351%,13.449% 1.351%,13.667% 1.103%,13.899% 0.878%,14.143% 0.678%,14.398% 0.502%,14.664% 0.351%,14.938% 0.226%,15.219% 0.128%,15.507% 0.057%,15.8% 0.014%,16.096% 0% ); } .custom-service-arrow{ gap: 6px; } /* FAQ Section */ .faq-list summary{ position: relative; z-index: 1; border: 1px solid #fff; border-radius: 6px; padding: 11px; font-size: 15px; font-weight: 400; text-transform: capitalize; color: #fff; } .faq-list summary:before{ position: absolute; content: ""; inset: 0; border-radius: 6px; background-color: var(--wp--preset--color--accent); opacity: 0.08; z-index: -1; border: 1px solid #fff; } .faq-list.wp-block-details[open] summary{ position: relative; border: 1px solid #fff; } .faq-list[open] summary::after { position: absolute; content: ""; inset: 0; border-radius: 6px; background-color: #fff; opacity: 0.08; z-index: -1; } .faq-section details[open] summary { position: relative; z-index: 1; color: #fff; border: none; } .faq-right .faq-list p{ font-weight: 400; font-size: 13px; line-height: 22px; letter-spacing: 0%; text-transform: capitalize; } .faq-left img{ width: 100%; object-fit: cover; border-radius: 8px; max-height: 210px; } .faq-left figure { position: relative; overflow: hidden; } .faq-left figure:after { position: absolute; top: 0; left: 0%; right: 0; opacity: 0; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .faq-left figure:hover:after { -webkit-animation: shine 1s; animation: shine 1s; opacity: 1; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /* News Section */ .news-post-template{ display: grid; } .news-post-template .wp-block-post { position: relative; border: 0px; border-radius: 6px !important; } .news-post-template .wp-block-post:hover .news-info:after { background-color: var(--wp--preset--color--accent) !important; } .news-info { background-color: #0000!important; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 1; } .news-info:after{ width: 100%; height: 100%; content: ""; position: absolute; inset: 0; background-color: #fff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; opacity: 1; z-index: -1; opacity: 0.08; } .news-image img{ border-radius: 6px 6px 0px 0px; height: 300px !important; } .news-image { border-radius: 6px 6px 0px 0px; background-color: #c5c5c5; height: 300px !important; } .news-info .wp-block-group{ display: flex !important; justify-content: space-between; flex-wrap: wrap; } .news-info .wp-block-post-title a{ font-weight: 500; font-size: 17px; line-height: 20px; letter-spacing: 0%; text-transform: capitalize; } .news-info .wp-block-comments-title{ margin: 0px !important; } .news-info .wp-block-post-author-name, .news-info .wp-block-comments-title, .news-info .wp-block-post-date{ position: relative; padding-left: 20px; font-weight: 500 !important; font-size: 14px; line-height: 12px; letter-spacing: 0%; text-transform: capitalize; } .news-info .wp-block-post-date a, .news-info .wp-block-post-author-name a{ text-decoration: none !important; } .news-info .wp-block-post-author-name::before{ position: absolute; content: ''; width: 16px; height: 16px; top: 50%; left: 0; transform: translateY(-50%); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; } .news-info .wp-block-comments-title::before{ position: absolute; content: ''; width: 15px; height: 15px; top: 50%; left: 0; transform: translateY(-50%); background-image:url('data:image/svg+xml,'); background-repeat: no-repeat; } .news-info .wp-block-post-date::before{ position: absolute; content: ''; width: 15px; height: 15px; top: 50%; left: 0; transform: translateY(-50%); background-image:url('data:image/svg+xml,'); background-repeat: no-repeat; } .news-post-template .wp-block-post:hover h2 a{ color: var(--wp--preset--color--accent) !important; } /* Testimonial Section */ .testimonials-slider-block{ box-shadow: 0px 0px 6px 0px #00000026; border-radius: 8px; } /* .testimonials-slider-block:hover{ background-color: var(--wp--preset--color--accent) !important; } */ .wp-block-group.testimonial-swiper-slider { overflow: hidden; position: relative; } .testimonials-slider{ gap: 50px; } .testimonials-slider .swiper-slide{ margin-top: 0px; transform: scale(0.95) !important; } .testimonials-slider-block p , .testimonials-slider-block h2{ transform: scale(1.05); } .testimonial-swiper-slider.mySwiper{ position: relative; } .test-prev-next{ position: absolute !important; top: 55%; left: 50%; transform: translate(-50%, -50%); z-index: 999; width: calc(100% + 200px); } .testimonial-swiper-button-prev{ margin-left: -5% !important; } .testimonial-swiper-button-next{ margin-right: -5%!important; } .testimonial-swiper-button-prev:hover a, .testimonial-swiper-button-next:hover a{ background: var(--wp--preset--color--accent) !important; } .testimonial-swiper-button-prev a, .testimonial-swiper-button-next a{ padding: 10px 14px; display: flex; justify-content: center; align-items: center; } .testimonials-slider-block:hover p, .testimonials-slider-block:hover .testimonial-author-name{ color: #fff !important; } .block-editor-block-list__block.testimonials-slider.swiper-wrapper{ display: grid; grid-template-columns: auto auto auto; } .swiper-test-button .wp-block-button__link:hover{ background-color: var(--wp--preset--color--thirdaccent) !important; } .testimonial-heading{ display: table; } .testimonials-section .testimonials-slider-block:hover h2{ color: var(--wp--preset--color--accent) !important; } /* About Us Section */ .about-us-col01 img{ width: 100%; } .about-img01 img{ aspect-ratio: 367 / 270; object-fit: cover; } .about-img02 img{ aspect-ratio: 323 / 251; object-fit: cover; } .about-img03 img{ aspect-ratio: 339 / 374; object-fit: cover; } .about-img01, .about-img02, .about-img03{ position: relative; overflow: hidden; } .about-img01:after, .about-img02:after, .about-img03:after { position: absolute; top: 0; left: 0%; right: 0; opacity: 0; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .about-img01:hover:after , .about-img02:hover:after, .about-img03:hover:after{ -webkit-animation: shine 1s; animation: shine 1s; opacity: 1; } .about-col02-list img:hover{ filter: brightness(0) invert(1); } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .about-us-heading{ margin-bottom: 30px !important; } /*footer css*/ .footer-box a, .copyright-text a { color: #fff; } .copyright-text a:hover { color: var(--wp--preset--color--secaccent); } .footer-box ul { display: block; } .footer-box ul li { padding: 0px 0 12px 0px; } footer .wp-block-search__button { background: #fff !important; color: var(--wp--preset--color--accent); } .footer-box p { word-break: break-all; } .footer-box .dashicons { margin-right: 10px; padding: 5px; width: 30px; margin-bottom: 0px; height: 30px; border-radius: 5px; color: #fff; background: var(--wp--preset--color--accent); } .footer-box{ padding: 10px 20px; } .footer-box .dashicons.dashicons-phone{ rotate: 90deg; } .footer-box .wp-block-social-link { border-radius: 6px; } .footer-box .wp-block-social-links a{ padding: 5px; } .footer-box .wp-block-social-link{ color: var(--wp--preset--color--thirdaccent) !important; background-color: #fff !important; } .footer-box .wp-block-social-link:hover{ background-color: var(--wp--preset--color--accent) !important; color: #fff !important; } .footer-box a:hover ,.footer-box a:hover span { color: var(--wp--preset--color--accent); } .footer-useful-link{ column-gap: 20px; } @media (min-width: 600px) and (max-width: 900px) { .search-results ul.wp-block-post-template{ grid-template-columns: auto auto; } .wp-block-columns.header-box-lower.wp-block-columns-is-layout-flex { display: grid !important; grid-template-columns: auto auto !important; } .wp-block-columns.header-box-lower.wp-block-columns-is-layout-flex .wp-block-column { display: flex !important; justify-content: flex-start !important; } .wp-block-columns.header-box-lower.wp-block-columns-is-layout-flex{ grid-template-rows: auto; display: grid !important; grid-template-columns: repeat(2, 1fr) !important; row-gap: 10px; padding-top:8px !important; padding-bottom:8px !important; } .wp-block-column.header-logo{ flex-basis: 25% !important; } .wp-block-column.header-inner-menu{ flex-basis: 65% !important; } .menu-group{ gap: 5px ; } } @media (max-width:781px) { .header-box-upper > .wp-block-columns{ gap: 10px; } .header-inner-menu.wp-block-column{ padding: 5px 0px !important; } .wp-block-column.is-vertically-aligned-center.meta-column.is-layout-flow.wp-block-column-is-layout-flow, .wp-block-column.is-vertically-aligned-center.search-column.has-primary-color.has-text-color.has-background.has-link-color.is-layout-flow.wp-block-column-is-layout-flow{ flex-basis: 35% !important; } .meta-column .wp-block-columns{ flex-wrap: nowrap !important; } .wp-block-columns.menu-group.has-background.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex { gap: 10px; } .left-empty,.right-empty{ display: none; } .swiper-pagignation-button{ justify-content: center !important; } .project-topbar p, .project-topbar h2{ text-align: center; } .project-topbar, .post-name-bar{ gap: 12px; } .banner-col01 p,.banner-col01 h2 { text-align: center; } .banner-col01 .wp-block-buttons{ justify-content: center; } .banner-col01, .vlogger-section{ padding-left: 3% !important; padding-right: 3% !important; } .banner-right-bottom , .toggler_icon_col > .wp-block-columns{ flex-wrap: nowrap !important; } .toggler_icon_col .call-icon.wp-block-column{ flex-basis: 40px !important; padding: 8px !important; } .about-us-col01 > .wp-block-columns{ flex-wrap: nowrap !important; gap: 11px; } .about-img02{ margin-top: 12px; } .about-col02-list{ flex-wrap: nowrap !important; } .about-us-section > .wp-block-columns{ flex-direction: column-reverse; } .about-us-col02 , .faq-left{ text-align: center; } .banner-right > .wp-block-columns{ flex-direction: column-reverse !important; } .banner-image-cover .wp-block-cover__image-background { display: none; } .banner-left { padding-bottom: 30px !important; } .slider-navigation .wp-block-buttons{ gap: 10px; margin-bottom: 15px; margin-top: 15px; justify-content: center; flex-direction: row-reverse !important; } .slider-navigation{ position: static !important; transform: translate(0); } .specialized-section { margin-top: 40px; } .specialize-section{ text-align: center; } .product-col01{ display: none; } .counter-img h2{ text-align: center; } .sale-countdown .gutentor-countdown-wrapper { margin: 0 auto; } .about-us-col01{ order: 2; } .about-us-col02{ order: 1; } .service-section-group{ width: 90%; } .custom-service-arrow{ justify-content: center !important; } .service-sec-content{ text-align: center; } } @media (min-width:1200px) { .header-content-main{ display: flex !important; column-gap: 30px !important; justify-content: flex-start !important; } } @media (min-width:1300px) { .social-icon-group{ padding-left: var(--wp--preset--spacing--70) !important; width: 241px !important; } } @media (min-width: 600px) and (max-width:1200px) { .header-inner-menu ul { gap: 6px !important; } .header-inner-menu ul.wp-block-navigation__submenu-container{ gap: 0px !important; } .header-content-main{ display: flex !important; column-gap: 8px !important; justify-content: flex-start !important; } .product-search-header { min-width: 220px !important; } } @media (min-width: 600px) and (max-width:781px) { .sidebar-post-column{ display: grid !important; grid-template-columns: 85px auto; } .header-logo h1{ text-align: left !important; } .menu-group{ display: flex !important; flex-wrap: nowrap !important; } .swiper-main-slider .swiper-wrapper .wp-block-image, .swiper-main-slider .swiper-wrapper .wp-block-image img { width: 124px !important; height: 128px !important; } .swiper-main-slider .swiper-wrapper { height: 160px; } .swiper-main-slider-navigation .swiper-pagination{ position: static !important; display: flex; justify-content: center; gap: 7px; } } @media (min-width: 300px) and (max-width:445px) { .header-box-lower{ max-width: 90% !important; } } @media (min-width: 300px) and (max-width:767px) { .search-results main .wp-block-search__inside-wrapper{ flex-direction: column; } .search-results main form .wp-block-search__input{ padding: 10px 4px ; } .search-results main form .wp-block-search__button{ margin: 0px; } .menu-group{ display: flex !important; flex-wrap: wrap !important; } .header-logo h1 { text-align: center !important; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.header-inner-menu{ flex-basis: 20% !important; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.header-buttons{ flex-basis:200px !important; } .footer-useful-link{ justify-content: center; flex-direction: column; row-gap: 0px; } } @media (min-width: 300px) and (max-width:600px) { .single-post .wp-container-core-group-is-layout-cb8f3e65 > .alignwide { max-width: 100%; } .search-results .wp-block-search__text-button{ max-width: 70% !important; } header .wp-block-navigation__responsive-container-open{ border-radius: 50%; } .header-box-upper .wp-block-search__inside-wrapper { justify-content: right; } .wp-block-columns.review-col01, .wp-block-columns.review-col02{ flex-wrap: nowrap !important; } .image-column > .wp-block-group { width: auto; flex-wrap: wrap; justify-content: center; } .banner-text { width: 100%; font-size: 15px !important; margin: 20px auto; } .banner-column{ text-align: center; } .news-post-template { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .test-prev-next { position: absolute !important; top: auto; bottom: 0; left: 50%; transform: translate(-50%, -50%); z-index: 999; width: calc(100% + 200px); } .swiper-test-button{ justify-content: center !important; } .about-col02-list{ flex-wrap: wrap !important; } .short-para-text{ font-size: 14px !important; } .long-para-text{ font-size: 16px !important; } .header-box-upper nav ul, .header-box-upper nav{ justify-content: center !important; } .header-mail, .header-number, .header-address , .social-icon-header{ display: flex; justify-content: center; } .header-box-lower{ row-gap: 13px; padding: 10px 0px!important; } #aboutus{ padding: 0px !important; } .search-column { display: flex; flex-direction: row !important; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } .coaching-section{ padding-left: 0px; padding-right: 0px; } .header-content-main{ justify-content: center !important; } .header-content{ text-align: center; } .header-inner-menu{ flex-basis: 50px !important; } .heading-product{ font-size: 23px !important; font-style: italic; font-weight: 700; padding: 10px 0px; } .heading-product + p{ font-size: 18px !important; } .left-heading{ display: none; } .header-content-main-content{ flex-direction: column-reverse !important; gap: 10px; } .social-icon-group::after { left: 1px; width: calc(100% + 70px); } .header-content-main { margin-top: 8px !important; margin-bottom: 8px !important; row-gap: 10px !important; } .product-search-header { min-width: 241px; } .banner-logo{ font-size: 30px !important; } .banner-para{ font-size: 18px !important; } .menu-group{ flex-direction: row; } .header-box-top{ flex-wrap: wrap !important; justify-content: center; } .header-box-top01{ order: 1; } .header-box-top02{ order: 3; } .header-box-top03{ order: 2; } .header-box-top04{ order: 4; } .team-main-section, .testimonial-swiper-slider{ max-width: 100% !important; } .service-box .social-icon-col-group .wp-block-social-links{ display: block; } .service-box .social-icon-col-group img{ background: var(--wp--preset--color--accent); } .team-heading{ width: 100%; margin: 20px auto; font-size: 20px !important; } } @media (min-width: 781px) and (max-width:1200px){ .swiper-main-slider .swiper-wrapper{ height: 571px; } .swiper-main-slider .swiper-wrapper .wp-block-image, .swiper-main-slider .swiper-wrapper .wp-block-image img{ width: 80px !important ; height: 80px !important ; } } @media (min-width: 600px) and (max-width:1023px) { .news-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } header .header-content-main { justify-content: center !important; } } @media (max-width: 901px){ .banne-image-inner { position: relative; transform: translate(0); } } @media (max-width: 1024px) { .post-img-group{ height: 270px !important; } .banner-col01 { width: 100%; } .banner-head{ font-size: 30px !important; } .news-image img{ height: 240px !important; } .news-image { height: 240px !important; } .header-content-main-content{ justify-content: center; } .banner-heading-text{ font-size: 36px !important; } .banner-text{ font-size: 16px !important; } } @media (min-width: 782px) and (max-width:1399px) { .header-inner-menu ul { column-gap: 0px !important; row-gap: 8px !important; } .header-box-upper .wp-block-navigation ul li a{ font-size: 16px !important; } .header-inner-menu .wp-block-navigation__container .wp-block-navigation-item > a { padding: 5px 14px !important; } } @media (min-width: 999px) and (max-width:1399px) { .content-product-grp { display: flex; flex-direction: column; row-gap: 20px; } .product-image img{ height: 200px !important; } .dynamic-product-group .dynamic-product-row{ flex-direction: column; } } @media (min-width: 600px) and (max-width:999px) { .product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .content-product-grp { display: flex; flex-direction: column; row-gap: 20px; } .product-image img{ height: 200px !important; } .dynamic-product-group .dynamic-product-row{ flex-direction: column; } } @media (min-width: 300px) and (max-width:600px) { .product-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; } .content-product-grp { display: flex; flex-direction: column; row-gap: 20px; } .product-image img{ height: 200px !important; } .dynamic-product-group .dynamic-product-row{ flex-direction: column; } .wishlist-cart{ justify-content: flex-start; row-gap: 10px !important; } .home .main-header{ position: static; } .banner-column .wp-block-buttons { justify-content: center; flex-wrap: wrap !important; flex-direction: column; } .banner-button01 a, .banner-button02 a{ border-radius: 0px !important; } .top-header-main{ display: none; } .header-box-upper > .wp-block-group{ flex-wrap: wrap; } .contact-button{ justify-content: center !important; margin: 0 auto !important; } } @media (max-width: 999px){ /* home page navigation */ .home .banner-header-bottom .wp-block-navigation-submenu li.wp-block-navigation-item.wp-block-navigation-link{ background-color: #000 !important; } .banner-header-bottom .wp-block-navigation__responsive-container-open{ padding: 10px; color: var(--wp--preset--color--secondary) !important; background-color: var(--wp--preset--color--accent); } .wp-block-navigation__responsive-container-close{ padding: 10px; color: var(--wp--preset--color--accent) !important; background-color: #fff; } .banner-header-bottom .wp-block-navigation .wp-block-navigation-item a{ text-align: left; color: #fff !important; } .banner-header-bottom ul.wp-block-navigation__container.is-responsive.items-justified-right.is-head-menu.wp-block-navigation,.banner-header-bottom .wp-block-navigation__container{ width: 100% !important; } .banner-header-bottom li.wp-block-navigation-item{ padding: 10px !important; border-bottom: 2px solid #eee; width: 100%; align-items: flex-start !important; } .banner-header-bottom li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu{ padding-bottom: 0 !important; } .banner-header-bottom .header-box-upper .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{ padding-top: 0 !important; } .banner-header-bottom .wp-block-navigation-submenu li.wp-block-navigation-item{ border: 0 !important; } .banner-header-bottom .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container a:before{ content: ""; position: absolute; right: 0; top: 18px; left: 5px; width: 0; height: 0; border-bottom: 6px solid transparent; border-left: 6px solid #fff; border-right: 6px solid transparent; border-top: 6px solid transparent; transform: translate(-50%); } .banner-header-bottom .wp-block-navigation__responsive-container-content{ gap: 0 !important; } .banner-header-bottom ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__content{ width: 100%; padding: 5px !important; } .banner-header-bottom ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu{ width: 100% !important; padding-right: 0 !important; } .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { display: none; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){ display: none; } header .wp-block-navigation-submenu li.wp-block-navigation-item.wp-block-navigation-link{ background-color: #000 !important; } } @media (min-width: 769px){ .header-box-top{ flex-wrap: wrap !important; } .header-box-top04{ flex-basis: 100%; } } @media (min-width: 1200px) and (max-width:1600px){ @keyframes bikeSpeed { 0% { transform: translateX(-100px) scale(1.02); filter: blur(8px); opacity: 0; } 100% { transform: translateX(0) scale(1.04); filter: blur(0); opacity: 1; } } } @media (min-width: 900px) and (max-width: 1100px) { .header-logo::before { box-shadow: -11rem 0 0 var(--wp--preset--color--secaccent); } .header-logo h1 a{ font-size: 27px !important; } } @media (min-width: 900px) and (max-width:1200px) { .header-content-main { display: flex !important; column-gap: 8px !important; justify-content: flex-start !important; } .social-icon-group{ width: 168px !important; } .header-content-main-content { justify-content: center; align-items: end; } .header-content-main{ margin-top: 8px !important; margin-bottom: 8px !important; } .team-box-content { width: 90%; } } @media (min-width: 768px) and (max-width:900px) { .main-banner{ flex-direction: column; } .banner-image-cover .wp-block-cover__image-background { display: none; } .home .banner-right > .wp-block-columns { flex-direction: row !important; flex-wrap: nowrap !important; } .segment-social-icon{ padding: 15px !important; } .social-icon-group{ width: 40% !important; } .header-content-main-content { justify-content: center; align-items: end; } .header-content-main{ margin-top: 8px !important; margin-bottom: 8px !important; } } @media (min-width: 300px) and (max-width:999px){ .bike-banner-section > .wp-block-columns{ width: 100%; flex-wrap: wrap !important; flex-direction: column-reverse; gap: 70px; padding-top: 30px; } .bike-banner-section .wp-block-column{ text-align: center; } .banner-text{ width: 100%; } .bike-banner-section .wp-block-buttons{ justify-content: center; row-gap: 10px; } .bike-banner-section{ display: block; } .banner-image-section{ display: flex; justify-content: center; } } @media (min-width: 600px) and (max-width:781px){ .banner-main-section{ display: grid !important; grid-template-columns: 10% 90%; } .social-icon-group{ width: 335px !important; } .header-content-main-content { justify-content: center; align-items: end; gap: 10px !important; } .header-content-main{ margin-top: 8px !important; margin-bottom: 8px !important; } } @media (min-width: 300px) and (max-width:600px){ .banner-column03 p, .banner-column03 h2{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .banner-column03 { margin: 5px !important; } .banner-content-main{ margin: 0 auto !important; padding-left: 0px; padding-right: 0px; justify-content: center; align-items: center; } .header-logo::before{ display: none; } .header-logo h1 { margin-top: 0px !important; padding: 10px !important; font-size: 24px !important; } .header-inner-menu > .wp-block-group{ justify-content: center; } } @media (min-width: 600px) and (max-width:999px){ .header-logo::before{ display: none; } .header-logo h1 { margin-top: 0px !important; padding: 10px !important; font-size: 24px !important; } } @media (min-width:1200px) and (max-width:1439px){ .banner-heading{ font-size: 42px !important; } } @media (min-width:768px) and (max-width:1200px){ .banner-heading{ font-size: 37px !important; } .bike-banner-section{ min-height: 500px !important; } @keyframes bikeSpeed { 0% { transform: translateX(-100px) scale(1); filter: blur(8px); opacity: 0; } 100% { transform: translateX(0) scale(1); filter: blur(0); opacity: 1; } } } /*sidebar*/ .has-shadow-dark:hover { box-shadow: 1px 4px 20px -2px #0003; transform: translateY(-10px); } .has-shadow-dark { box-shadow: 0 6px 30px 7px #2125471a; transition: 0.5s; } .banner-meta .taxonomy-category a { text-decoration: none; } .post-navigation-link-previous a, .post-navigation-link-next a { text-decoration: none; background: var(--wp--preset--color--accent); color: var(--wp--preset--color--secondary); padding: 10px 24px; border-radius: 0px; } /*.scroll-top-button css*/ .scroll-top-button { display: none; position: fixed; bottom: 20px; right: 20px; background: var(--wp--preset--color--accent); color: white; border: none; border-radius: 50% !important; padding: 10px; cursor: pointer; z-index: 1000; transition: opacity 0.3s; } .scroll-top-button .wp-block-button__link.wp-element-button{ border-radius: 50% !important; padding: 0!important; margin: 0 !important; } .scroll-top-button .wp-block-button__link, .scroll-top-button .wp-block-button__link:hover{ background-color: #0000; }