/*Rtl Css*/ :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: "Rubik", sans-serif; } h1,h2,h3,h4,h5,h6{ font-family: "Rajdhani", sans-serif; } a { text-decoration-thickness: 1px; text-underline-offset: 0.25ch; } 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(.667em + 2px) calc(1.333em + 2px); } /* * 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.90; } /* * 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-left: var(--wp--custom--spacing--outer); padding-right: var(--wp--custom--spacing--outer); } /*image border style*/ .wp-block-image.is-style-auto-repair-center-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-left: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; } /*-------------------------------------------------------- */ /* --- 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,.woocommerce a.added_to_cart, .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{ 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: 500; } .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; right: 14px; top: 14px; letter-spacing:1px; font-weight:300; } .woocommerce ul.products li.product .onsale { right: 14px; left: auto; top: 14px; margin: 0; } .wc-block-grid__product-onsale { position: absolute; top: 14px; } /*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 { 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, .woocommerce #review_form #respond .form-submit input:focus, .woocommerce a.added_to_cart:hover, .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{ 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-left: max(1.5rem, 1.85vw); padding-bottom: max(0.7rem, 0.75vw); padding-right: max(1.5rem, 1.85vw); text-transform: uppercase; text-decoration: none; transition: all 0.3s ease-in-out; } .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: 500; } /*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-left: 28px; padding: 0; margin-right: 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 { right: 0; width: 100%; background: var(--wp--preset--color--accent); } .woocommerce-Tabs-panel p { margin-top: 0; } .woocommerce .woocommerce-product-attributes.shop_attributes { text-align: right; } .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-right: 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: right; position: relative; } table.variations { text-transform: capitalize; } .woocommerce-variation.single_variation { padding: 21px 0; margin-bottom: 42px; } .woocommerce button.button.alt.disabled { background-color: var(--wp--preset--color--text); } .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-left: 0.4rem; } .wc-block-grid__product-add-to-cart .added_to_cart.wc-forward{ font-size:var(--wp--preset--font-size--extra-small); margin-right: 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 button.button.alt, .woocommerce input.button.alt { padding-right: 80px; padding-left: 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.9rem 0.9rem 0.4rem; } .woocommerce-cart .woocommerce{ display: flow-root; } .woocommerce-cart-form { width: 65%; float:right; } .woocommerce-cart .cart-collaterals { width: calc(35% - 40px); float: left; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { width:100%; float: right; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: left; width: 80%; } .woocommerce-checkout>.col2-set { float: right; width: 48%; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: right; width: 100%; } .woocommerce-checkout>.col2-set>.col-2 { float: none; width: 100%; } .woocommerce-checkout h3#order_review_heading { float: left; width: 45%; margin-bottom: 30px; } .woocommerce-checkout #order_review { float: left; 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: #323232; font-weight:500; } .woocommerce-cart td.product-name{ color:#323232; 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: left; } tr.cart-subtotal td span.woocommerce-Price-amount.amount{ text-align: left; 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: .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: right; 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: right; width: 48%; } .woocommerce-account .addresses .title h3 { float: right; font-weight: 500; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{ top: 2.5em; right: 0.7em; } .woocommerce-order-received section.woocommerce-order-details{ width: 48%; float: right; } .woocommerce-order-received section.woocommerce-customer-details{ width: 48%; float:left; } .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-right: 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: .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-right:0.5rem!important; cursor: pointer; } .home .header-box-upper { position: absolute; z-index: 999; width: 100%; margin-top: 15px; background: transparent !important; } .header-box-middle { gap: 0; } .menu-group{ box-shadow: 30px 0 0 #fff; } .header-logo { border-radius: 10px 10px 10px 60px; z-index: 9999; padding: 22px 10px 26px 36px !important; clip-path: polygon(8.197% 0%, 91.803% 0%, 91.803% 0%, 92.123% 0.01%, 92.442% 0.04%, 92.761% 0.091%, 93.079% 0.161%, 93.397% 0.252%, 93.712% 0.362%, 94.027% 0.493%, 94.34% 0.644%, 94.65% 0.815%, 94.959% 1.007%, 94.959% 1.007%, 95.252% 1.218%, 95.539% 1.449%, 95.82% 1.7%, 96.095% 1.969%, 96.363% 2.257%, 96.623% 5.563%, 96.876% 2.886%, 97.12% 3.227%, 97.356% 3.585%, 97.582% 3.96%, 97.582% 3.96%, 97.811% 4.33%, 98.029% 4.716%, 98.237% 5.116%, 98.435% 5.53%, 98.622% 5.956%, 98.798% 6.395%, 98.962% 6.845%, 99.115% 7.306%, 99.256% 7.776%, 99.385% 8.255%, 99.385% 8.255%, 99.502% 8.76%, 99.607% 9.269%, 99.699% 9.781%, 99.779% 10.296%, 99.846% 10.814%, 99.902% 11.333%, 99.945% 11.854%, 99.975% 12.376%, 99.994% 12.899%, 100% 13.423%, 87.705% 86.577%, 87.705% 86.577%, 87.249% 88.665%, 86.734% 90.679%, 86.154% 92.584%, 85.498% 94.346%, 84.759% 95.931%, 83.928% 97.305%, 82.996% 98.433%, 81.954% 99.281%, 80.794% 99.814%, 79.508% 100%, 8.197% 100%, 8.197% 100%, 7.877% 99.99%, 7.558% 99.96%, 7.239% 99.909%, 6.921% 99.839%, 6.603% 99.748%, 6.288% 99.638%, 5.973% 99.507%, 5.66% 99.356%, 5.35% 99.185%, 5.041% 98.993%, 5.041% 98.993%, 4.748% 98.782%, 4.461% 98.551%, 4.18% 98.3%, 3.905% 98.031%, 3.637% 97.743%, 3.377% 97.437%, 3.124% 97.114%, 2.88% 96.773%, 2.644% 96.415%, 2.418% 96.04%, 2.418% 96.04%, 2.189% 95.67%, 1.971% 95.284%, 1.763% 94.884%, 1.565% 94.47%, 1.378% 94.044%, 1.202% 93.605%, 1.038% 93.155%, 0.885% 92.694%, 0.744% 92.224%, 0.615% 91.745%, 0.615% 91.745%, 0.498% 91.24%, 0.393% 90.731%, 0.301% 90.219%, 0.221% 89.704%, 0.154% 89.186%, 0.098% 88.667%, 0.055% 88.146%, 0.025% 87.624%, 0.006% 87.101%, 0% 86.577%, 0% 13.423%, 0% 13.423%, 0.006% 12.899%, 0.025% 12.376%, 0.055% 11.854%, 0.098% 11.333%, 0.154% 10.814%, 0.221% 10.296%, 0.301% 9.781%, 0.393% 9.269%, 0.498% 8.76%, 0.615% 8.255%, 0.615% 8.255%, 0.744% 7.776%, 0.885% 7.306%, 1.038% 6.845%, 1.202% 6.395%, 1.378% 5.956%, 1.565% 5.53%, 1.763% 5.116%, 1.971% 4.716%, 2.189% 4.33%, 2.418% 3.96%, 2.418% 3.96%, 2.644% 3.585%, 2.88% 3.227%, 3.124% 2.886%, 3.377% 2.563%, 3.637% 2.257%, 3.905% 1.969%, 4.18% 1.7%, 4.461% 1.449%, 4.748% 1.218%, 5.041% 1.007%, 5.041% 1.007%, 5.35% 0.815%, 5.66% 0.644%, 5.973% 0.493%, 6.288% 0.362%, 6.603% 0.252%, 6.921% 0.161%, 7.239% 0.091%, 7.558% 0.04%, 7.877% 0.01%, 8.197% 0%); } .right-side-box { position: relative; } .header-side-box { position: absolute; bottom: 0; left: 20px; padding: 5px 10px !important; clip-path: polygon(9.434% 0%, 90.566% 0%, 90.566% 0%, 90.942% 0.013%, 91.313% 0.05%, 91.681% 0.112%, 92.045% 0.197%, 92.406% 0.306%, 92.762% 0.437%, 93.115% 0.589%, 93.464% 0.763%, 93.809% 0.956%, 94.151% 1.17%, 94.151% 1.17%, 94.504% 1.435%, 94.846% 1.719%, 95.177% 2.022%, 95.498% 2.345%, 95.81% 2.686%, 96.112% 3.047%, 96.405% 3.427%, 96.689% 3.826%, 96.965% 4.244%, 97.233% 4.681%, 97.233% 4.681%, 97.491% 5.134%, 97.738% 5.601%, 97.974% 6.082%, 98.199% 6.577%, 98.412% 7.088%, 98.614% 7.614%, 98.804% 8.158%, 98.984% 8.718%, 99.152% 9.297%, 99.308% 9.894%, 99.308% 9.894%, 99.435% 10.471%, 99.549% 11.055%, 99.652% 11.646%, 99.742% 12.243%, 99.819% 12.846%, 99.883% 13.455%, 99.934% 14.071%, 99.97% 14.694%, 99.993% 15.322%, 100% 15.957%, 100% 84.043%, 100% 84.043%, 99.993% 84.678%, 99.97% 85.306%, 99.934% 85.929%, 99.883% 86.545%, 99.819% 87.154%, 99.742% 87.757%, 99.652% 88.354%, 99.549% 88.945%, 99.435% 89.529%, 99.308% 90.106%, 99.308% 90.106%, 99.152% 90.703%, 98.984% 91.282%, 98.804% 91.842%, 98.614% 92.386%, 98.412% 92.912%, 98.199% 93.423%, 97.974% 93.918%, 97.738% 94.399%, 97.491% 94.866%, 97.233% 95.319%, 97.233% 95.319%, 96.965% 95.756%, 96.689% 96.174%, 96.405% 96.573%, 96.112% 96.953%, 95.81% 97.314%, 95.498% 97.655%, 95.177% 97.978%, 94.846% 98.281%, 94.504% 98.565%, 94.151% 98.83%, 94.151% 98.83%, 93.809% 99.044%, 93.464% 99.237%, 93.115% 99.411%, 92.762% 99.563%, 92.406% 99.694%, 92.045% 99.803%, 91.681% 99.888%, 91.313% 99.95%, 90.942% 99.987%, 90.566% 100%, 18.868% 100%, 18.868% 100%, 18.492% 99.987%, 18.121% 99.95%, 17.753% 99.888%, 17.389% 99.803%, 17.028% 99.694%, 16.672% 99.563%, 16.319% 99.411%, 15.97% 99.237%, 15.625% 99.044%, 15.283% 98.83%, 15.283% 98.83%, 14.93% 98.565%, 14.588% 98.281%, 14.257% 97.978%, 13.936% 97.655%, 13.624% 97.314%, 13.322% 96.953%, 13.029% 96.573%, 12.745% 96.174%, 12.469% 95.756%, 12.201% 95.319%, 12.201% 95.319%, 11.943% 94.866%, 11.696% 94.399%, 11.46% 93.918%, 11.235% 93.423%, 11.022% 92.912%, 10.82% 92.386%, 10.63% 91.842%, 10.45% 91.282%, 10.282% 90.703%, 10.126% 90.106%, 10.126% 90.106%, 9.999% 89.529%, 9.885% 88.945%, 9.782% 88.354%, 9.692% 87.757%, 9.615% 87.154%, 9.551% 86.545%, 9.5% 85.929%, 9.464% 85.306%, 9.441% 84.678%, 9.434% 84.043%, -0% 15.957%, -0% 15.957%, 0.007% 15.322%, 0.03% 14.694%, 0.066% 14.071%, 0.117% 13.455%, 0.181% 12.846%, 0.258% 12.243%, 0.348% 11.646%, 0.451% 11.055%, 0.565% 10.471%, 0.692% 9.894%, 0.692% 9.894%, 0.848% 9.297%, 1.016% 8.718%, 1.196% 8.158%, 1.386% 7.614%, 1.588% 7.088%, 1.801% 6.577%, 2.026% 6.082%, 2.262% 5.601%, 2.509% 5.134%, 2.767% 4.681%, 2.767% 4.681%, 3.035% 4.244%, 3.311% 3.826%, 3.595% 3.427%, 3.888% 3.047%, 4.19% 2.686%, 4.502% 2.345%, 4.823% 2.022%, 5.154% 1.719%, 5.496% 1.435%, 5.849% 1.17%, 5.849% 1.17%, 6.191% 0.956%, 6.536% 0.763%, 6.885% 0.589%, 7.238% 0.437%, 7.594% 0.306%, 7.955% 0.197%, 8.319% 0.112%, 8.687% 0.05%, 9.058% 0.013%, 9.434% 0%); } .header-side-box button { background: transparent; } .footer-box a, .copyright-text a { color: #fff; } .header-inner-menu a { padding: 20px 10px; font-weight: normal; } .header-inner-menu a:hover { color: var(--wp--preset--color--accent) !important; border-bottom: solid 2px var(--wp--preset--color--accent); } .social-icon-header a{ padding: 0 !important; margin-right: 10px; } .social-icon-header a:hover { background: transparent !important; } .social-icon-header svg{ height: 25px !important; width: auto !important; } .social-icon-header svg:hover{ color: var(--wp--preset--color--accent) !important; } .banner-btn-first a,.banner-btn-first button { -ms-transform: skewX(20deg); -webkit-transform: skewX(20deg); transform: skewX(20deg); } .banner-btn-first button{ border: none !important; text-transform: capitalize !important; } .banner-btn-first strong,.banner-btn-first span{ -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); display: inline-block; } .clip-path-box { position: relative; padding-right: 35px; margin-bottom: 50px !important; } .banner-bg { position: absolute; bottom: 0; top: -70px; right: 0; width: 75%; z-index: -1; clip-path: polygon(5.076% 0%, 94.924% 0%, 94.924% 0%, 95.747% 0.079%, 96.528% 0.307%, 97.256% 0.673%, 97.921% 1.163%, 98.513% 1.765%, 99.02% 2.467%, 99.433% 3.257%, 99.741% 4.121%, 99.934% 5.048%, 100% 6.024%, 82.234% 93.976%, 82.234% 93.976%, 82.167% 94.952%, 81.975% 95.879%, 81.667% 96.743%, 81.254% 97.533%, 80.746% 98.235%, 80.154% 98.837%, 79.489% 99.327%, 78.761% 99.693%, 77.98% 99.921%, 77.157% 100%, 5.076% 100%, 5.076% 100%, 4.253% 99.921%, 3.472% 99.693%, 2.744% 99.327%, 2.079% 98.837%, 1.488% 98.235%, 0.98% 97.533%, 0.567% 96.743%, 0.259% 95.879%, 0.066% 94.952%, 0% 93.976%, 0% 6.024%, 0% 6.024%, 0.066% 5.048%, 0.259% 4.121%, 0.567% 3.257%, 0.98% 2.467%, 1.488% 1.765%, 2.079% 1.163%, 2.744% 0.673%, 3.472% 0.307%, 4.253% 0.079%, 5.076% 0%); } .banner-main-div { clip-path: polygon(2.604% 0%, 97.396% 0%, 97.396% 0%, 97.818% 0.061%, 98.219% 0.236%, 98.592% 0.517%, 98.933% 0.894%, 99.237% 1.357%, 99.497% 1.896%, 99.709% 2.503%, 99.867% 3.167%, 99.966% 3.879%, 100% 4.63%, 92.188% 95.37%, 92.188% 95.37%, 92.086% 96.1%, 91.948% 96.8%, 91.774% 97.459%, 91.565% 98.067%, 91.321% 98.611%, 91.041% 99.081%, 90.728% 99.467%, 90.38% 99.756%, 89.998% 99.937%, 89.583% 100%, 2.604% 100%, 2.604% 100%, 2.182% 99.939%, 1.781% 99.764%, 1.408% 99.483%, 1.067% 99.106%, 0.763% 98.643%, 0.503% 98.104%, 0.291% 97.497%, 0.133% 96.833%, 0.034% 96.121%, 0% 95.37%, 0% 4.63%, 0% 4.63%, 0.034% 3.879%, 0.133% 3.167%, 0.291% 2.503%, 0.503% 1.896%, 0.763% 1.357%, 1.067% 0.894%, 1.408% 0.517%, 1.781% 0.236%, 2.182% 0.061%, 2.604% 0%); } .image-main-group { position: relative; } .product-icon-group { position: absolute; bottom: 25px; left: 15px; } .product-image img { width: 100%; } .product-btn { margin-top: 0 !important; } /*home product section*/ .product-box-image img { clip-path: polygon(5.076% 0%, 94.924% 0%, 94.924% 0%, 95.747% 0.079%, 96.528% 0.307%, 97.256% 0.673%, 97.921% 1.163%, 98.513% 1.765%, 99.02% 2.467%, 99.433% 3.257%, 99.741% 4.121%, 99.934% 5.048%, 100% 6.024%, 82.234% 93.976%, 82.234% 93.976%, 82.167% 94.952%, 81.975% 95.879%, 81.667% 96.743%, 81.254% 97.533%, 80.746% 98.235%, 80.154% 98.837%, 79.489% 99.327%, 78.761% 99.693%, 77.98% 99.921%, 77.157% 100%, 5.076% 100%, 5.076% 100%, 4.253% 99.921%, 3.472% 99.693%, 2.744% 99.327%, 2.079% 98.837%, 1.488% 98.235%, 0.98% 97.533%, 0.567% 96.743%, 0.259% 95.879%, 0.066% 94.952%, 0% 93.976%, 0% 6.024%, 0% 6.024%, 0.066% 5.048%, 0.259% 4.121%, 0.567% 3.257%, 0.98% 2.467%, 1.488% 1.765%, 2.079% 1.163%, 2.744% 0.673%, 3.472% 0.307%, 4.253% 0.079%, 5.076% 0%); width: 100%; height: 320px; } .single-product-box { position: relative; } .single-product-box .yith-wcwl-add-button, .single-product-box .yith-wcwl-wishlistexistsbrowse{ position: absolute; top: 38%; left: 25px; background: red; clip-path: polygon(5.076% 0%, 94.924% 0%, 94.924% 0%, 95.747% 0.079%, 96.528% 0.307%, 97.256% 0.673%, 97.921% 1.163%, 98.513% 1.765%, 99.02% 2.467%, 99.433% 3.257%, 99.741% 4.121%, 99.934% 5.048%, 100% 6.024%, 82.234% 93.976%, 82.234% 93.976%, 82.167% 94.952%, 81.975% 95.879%, 81.667% 96.743%, 81.254% 97.533%, 80.746% 98.235%, 80.154% 98.837%, 79.489% 99.327%, 78.761% 99.693%, 77.98% 99.921%, 77.157% 100%, 5.076% 100%, 5.076% 100%, 4.253% 99.921%, 3.472% 99.693%, 2.744% 99.327%, 2.079% 98.837%, 1.488% 98.235%, 0.98% 97.533%, 0.567% 96.743%, 0.259% 95.879%, 0.066% 94.952%, 0% 93.976%, 0% 6.024%, 0% 6.024%, 0.066% 5.048%, 0.259% 4.121%, 0.567% 3.257%, 0.98% 2.467%, 1.488% 1.765%, 2.079% 1.163%, 2.744% 0.673%, 3.472% 0.307%, 4.253% 0.079%, 5.076% 0%); padding: 7px 13px; border-radius: 5px; } .single-product-box .yith-wcwl-add-button i, .single-product-box .yith-wcwl-wishlistexistsbrowse i { color: #fff; margin: 0; } .single-product-box a.button.yith-wcqv-button { position: absolute; top: 45%; font-size: 0px; left: 65px; } .single-product-box a.button.yith-wcqv-button:after { content: ""; background: url(assets/images/quickview.png) no-repeat scroll 100% 1px; position: absolute; width: 40px; height: 40px; } .product-pagination-box .page-numbers { background: var(--wp--preset--color--accent); color: #fff; padding: 10px 15px; } /*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; font-size: 16px; background: var(--wp--preset--color--accent); color: var(--wp--preset--color--secondary); padding: 10px 24px; border-radius: 0px; } .wp-block-button .wp-block-button__link{ background: var(--wp--preset--color--accent); color: #fff; } @media (max-width:1500px){ .banner-column { flex-basis: 50% !important; } .header-side-box{ bottom: -25px; } } @media (max-width:1199px){ .home .header-box-upper{ position: static; background: #000 !important; } .header-box-lower { padding: 0 !important; } .banner-column { flex-basis: 70% !important; } .footer-box h1 { font-size: 25px !important; } .product-icon-group{ left: -5px; } .header-side-box { bottom: 0; } .product-box-image{ grid-template-columns:auto auto auto !important; } .single-product-box .yith-wcwl-add-button, .single-product-box .yith-wcwl-wishlistexistsbrowse{ left: 10px; } .single-product-box a.button.yith-wcqv-button { left: 50px; } } @media (max-width:900px){ /*.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: auto !important; }*/ .home .header-box-upper{ position: static; background: #000 !important; } .header-box-lower{ padding: 0 !important; } .header-logo{ margin-bottom: 15px !important; } .header-side-box{ position: static; } .social-icon-header{ justify-content: center !important; } .border-right-box{ display: flex; justify-content: center; } .menu-group { box-shadow: none !important; padding: 10px !important; border-radius: 0 !important; margin: 15px 0 !important; } .menu-group{ box-shadow: none; } .header-side-box,.banner-main-div,.header-logo{ clip-path: none !important; } .header-side-box .wp-block-columns{ flex-wrap: nowrap !important; } .clip-path-box { margin-bottom: 80px !important; } .product-icon-group{ left: 10px; } .product-box-image{ grid-template-columns:auto auto !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: right; } .woocommerce-cart .cart-collaterals { width: 100%; float: right; } .woocommerce-account .woocommerce-MyAccount-navigation { float: right; width: 30%; } .woocommerce-account .woocommerce-MyAccount-content { float: left; width: 65%; } .woocommerce-account .woocommerce-MyAccount-navigation { padding: 0px 10px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 1rem; padding: 0; } .header-box .wp-block-site-title { text-align: center; } } @media (max-width: 781px){ .auto-repair-center-theme-col.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: min-content !important; } .header-inner-menu .items-justified-right { justify-content: center; } } @media (max-width: 767px){ .auto-repair-center-theme-col.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis:100% !important; } } @media screen and (max-width: 600px){ .header-inner-menu .wp-container-core-navigation-is-layout-1.wp-container-core-navigation-is-layout-1 { justify-content: center; } .header-inner-menu a { padding: 10px 0 !important; } .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: 9px !important; } .header-box .wp-block-site-title { text-align: center; } .banner-title { font-size: 28px !important; } .banner-bg{ display: none; position: static; } .clip-path-box{ padding-right: 0 !important; text-align: center; } .clip-path-box h2{ text-align: center; } .buttons-group { justify-content: space-around; } .footer-box { padding: 0 !important; padding-bottom: 25px !important; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{ flex-basis: 100% !important; } .product-box-image { grid-template-columns: auto !important; } .single-product-box .yith-wcwl-add-button, .single-product-box .yith-wcwl-wishlistexistsbrowse{ left: 10px; } .single-product-box a.button.yith-wcqv-button { left: 50px; } } /*woocommerce css*/ .wp-block-button.wc-block-components-product-button{ gap: 0; } .woocommerce a.added_to_cart{ margin-top: 0; } 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; } .woocommerce-Tabs-panel h2,.woocommerce h2.wp-block-heading{ font-size: 30px; } .wp-block-woocommerce-related-products .wp-block-post{ width: calc(33% - 1em)!important; } @media screen and (max-width: 1300px){ .wc-block-product-template.wc-block-product-template,.woocommerce h1.alignwide.wp-block-query-title,.woocommerce.wc-block-breadcrumbs,li.wc-block-grid__product{ margin: 0 5% !important; } .woocommerce .wp-block-group .alignwide,.wc-block-grid__products{ margin-right: 5% !important; margin-left: 5% !important; } } @media screen and (min-width: 721px) and (max-width: 768px){ .wc-block-product-template.wc-block-product-template,ul.wc-block-grid__products{ 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 (max-width: 720px){ .wc-block-product-template__responsive,ul.wc-block-grid__products{ display: block; grid-template-columns: auto !important; } li.wc-block-product,li.wc-block-grid__product{ margin-bottom: 10px !important; } .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: 425px){ .woocommerce .wp-block-group .alignwide{ display: block; text-align: center; } .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow{ max-width: 100%; } } /*blog post css*/ .wp-block-query-pagination{ gap: 0 !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{ 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; } /*cart css*/ header.woocommerce-Address-title.title{ display: inline-grid; margin-bottom: 20px; } .woocommerce-account .addresses .title .edit{ text-decoration: none; color: #fff !important; } 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; } /*h1.alignwide.wp-block-post-title{ text-align: center; }*/ 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 0 24px -1px; text-align: right; width: 100%; border-radius: 5px; } td.wc-block-cart-item__image{ padding: 16px 16px 16px 0px !important; } td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{ padding-right: 16px !important; padding-left: 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: right !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-right: auto; margin-left: auto; padding: 0 20px; } .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{ padding-left: 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: 5px 12px !important; font-size: 16px; } .woocommerce-account .woocommerce-MyAccount-navigation ul{ margin: 0 !important; } .alignwide.wp-block-template-part{ max-width: ; } .woocommerce{ margin: 0 auto; max-width: 100% !important; } .wp-block-woocommerce-customer-account,.wc-block-mini-cart.wp-block-woocommerce-mini-cart{ display: none; } nav.woocommerce-MyAccount-navigation ul li a { color: #fff; text-decoration: none; font-weight: 600; } @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; } } @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; } }