/* Theme Name: Blogger Blocks Theme URI: https://www.wpradiant.net/products/free-blogging-wordpress-theme Author: WP Radiant Author URI: https://www.wpradiant.net/ Description: Blogger Blocks is a modern, responsive, and feature-rich theme designed specifically for bloggers, content creators, and online writers. Ideal for personal blogs, travel blogs, lifestyle blogs, food blogs, fashion blogs, tech blogs, photography blogs, and niche blogging websites, this theme provides a professional platform to showcase posts, articles, and multimedia content. With a clean, minimal, and mobile-friendly design, it ensures an optimal reading experience across desktops, tablets, and smartphones. Key features include customizable layouts, banners with Call to Action (CTA) buttons, featured posts sections, social media integration, comment sections, and testimonial displays to engage readers effectively. Blogger Blocks also offers advanced personalization options for colors, typography, and page structures, allowing bloggers to maintain a unique and cohesive brand identity. Fully compatible with Contact Form 7 for reader engagement, WooCommerce for selling digital products or subscriptions, and Spectra for enhanced block designs and content layouts, this theme delivers a versatile and professional solution for building a visually appealing, functional, and user-friendly blogging website. Demo: https://preview.wpradiant.net/blogger-blocks/ Version: 1.3.3 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: blogger-blocks Tags: grid-layout, one-column, two-columns, right-sidebar, left-sidebar, custom-colors, sticky-post, threaded-comments, wide-blocks, block-patterns, block-styles,translation-ready, rtl-language-support, custom-menu, custom-background, custom-header, custom-logo, editor-style, featured-images, full-site-editing, full-width-template, template-editing, blog, portfolio, three-columns, four-columns, footer-widgets, news */ /* * 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{ fontFamily: Hanken Grotesk, sans-serif; } h1,h2,h3,h4,h5,h6{ fontFamily: Syncopate, 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-right: var(--wp--custom--spacing--outer); padding-left: var(--wp--custom--spacing--outer); } /*image border style*/ .wp-block-image.is-style-blogger-blocks-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; } /*-------------------------------------------------------- */ /* --- 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,.woocommerce a.added_to_cart, .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; 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; } /*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, .wp-block-button .wp-block-button__link, .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-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; } .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-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); text-align: center; } .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: 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-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); } .search .wp-block-search__input { color: white; font-size: 15px !important } .woocommerce-page .input-text { padding: 0.9rem 0.4rem 0.9rem 0.9rem; } .woocommerce-cart .woocommerce{ display: flow-root; } .woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button{ padding: 10px 12px 10px 30px !important; } .wc-block-components-checkout-return-to-cart-button svg{ left: 3% !important; } .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: #111; font-weight:500; } .woocommerce-cart td.product-name{ color:#111; 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-checkout .wp-block-post-title{ max-width: 100%; } .woocommerce .wp-block-woocommerce-product-collection,.woocommerce-cart .wp-block-post-content, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout,.woocommerce-account .wp-block-post-content{ max-width: 80% !important; } .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; text-align: center; } .footer-box h2{ text-align: left; } .woocommerce-account form .form-row label{ margin-bottom:10px; } .woocommerce-account .entry-content .woocommerce-form-login{ width: 450px; margin: 0 auto; } .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: .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; } .footer-box a, .copyright-text a { color: #fff; } /* 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-us-section,.faq-section{ padding: 40px 0 !important; } /* Testimonial Section */ .testimonial-swiper-button-prev a,.testimonial-swiper-button-next a{ padding-top: 10px !important; padding-bottom: 10px !important; line-height: 1.6 !important; } .testimonial-swiper-button-next img{ width: 15px !important; } .testimonials-slider-block{ box-shadow: 0px 0px 3px 3px #00000026; border-radius: 6px; } .wp-block-group.testimonial-swiper-slider { overflow: hidden; position: relative; } .testimonials-slider{ gap: 15px; } .testimonials-slider .swiper-slide{ margin-top: 0px; } .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; } .testimonials-slider-block:hover .testimonial-author-name{ color: var(--wp--preset--color--accent) !important; } .block-editor-block-list__block.testimonials-slider.swiper-wrapper{ display: grid; grid-template-columns: auto auto auto; } .testimonial-swiper-slider{ padding: 0 10px; } /* FAQ Section */ .faq-list summary{ position: relative; z-index: 1; border: 1px solid #191919; border-radius: 6px; padding: 10px; font-size: 14px; font-weight: 500; text-transform: capitalize; background: var(--wp--preset--color--background) ; color: var(--wp--preset--color--primary); } .faq-list summary::before{ position: absolute; background:var(--wp--preset--color--background); top: 0; bottom: 0; right: 0; left: 0; opacity: 0.3; content: ""; z-index: -1; border-radius: 6px; } .faq-section details[open] summary::before { background:var(--wp--preset--color--accent); color:var(--wp--preset--color--background)!important ; } .faq-right .faq-list p{ font-family: "Poppins", sans-serif; font-weight: 400; font-size: 13px; line-height: 22px; letter-spacing: 0%; text-transform: capitalize; color:var(--wp--preset--color--background) ; } .faq-left img{ width: 100%; object-fit: cover; border-radius: 8px; height:300px; } /* 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::after { position: absolute; background: var(--wp--preset--color--accent); top: 0; bottom: 0; right: 0; left: 0; opacity: 0.1; content: ""; z-index: -1; border-radius: 6px !important; } .news-post-template .wp-block-post:hover::after{ background: var(--wp--preset--color--secaccent); } .news-post-template .wp-block-post:hover .wp-block-post-title a{ color: var(--wp--preset--color--secaccent); } .news-image img{ border-radius: 6px 6px 0px 0px; height: 300px !important; } .news-image { border-radius: 6px 6px 0px 0px; background-color: #f2f2f2; 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: 700; 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; } @media (min-width:300px) and (max-width: 600px){ .news-post-template { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .test-prev-next { position: static !important; transform: translate(0); } .swiper-test-button{ justify-content: center !important; } .about-col02-list{ flex-wrap: wrap !important; } } @media (min-width: 601px) and (max-width:1023px){ .news-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (min-width:601px) and (max-width: 781px){ .about-col02-list{ flex-wrap: nowrap !important; } } @media (min-width:300px) and (max-width: 781px){ .about-us-col01 > .wp-block-columns{ flex-wrap: nowrap !important; gap: 11px; } .about-img02{ margin-top: 12px; } .about-us-section > .wp-block-columns{ flex-direction: column-reverse; } .about-us-col02 , .faq-left{ text-align: center; } } @media screen and (max-width: 1024px) { .swiper-slide img{ height: 270px !important; } .news-image img{ height: 240px !important; } .news-image { height: 240px !important; } } @media (max-width:768px){ .single-product ul.tabs.wc-tabs{ display: flex !important; } } @media (max-width:900px){ .header-box .items-justified-right { justify-content: center; } .header-box-inner .wp-block-columns{ flex-wrap: nowrap !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; } .header-box .wp-block-site-title { text-align: center; } } @media (max-width: 781px){ .blogger-blocks-theme-col.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: min-content!important; } } @media (max-width: 767px){ .blogger-blocks-theme-col.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis:100%!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: 9px!important; } .header-box .wp-block-site-title { text-align: center; } .header-box .wp-container-core-navigation-layout-1.wp-container-core-navigation-layout-1, .header-box-inner .wp-container-core-social-links-layout-1.wp-container-core-social-links-layout-1 { justify-content: center; } .header-box-inner .wp-block-search__inside-wrapper { justify-content: center; } .header-box-inner .wp-block-columns{ flex-wrap: wrap !important; } .footer-box { padding: 0 !important; padding-bottom: 25px !important; } } .top-image img { width: auto !important; height: 100% !important; } .grey-box1{ border-radius: 20px; } /*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; } .single-post main main .wp-block-post-featured-image .wp-post-image{ width: fit-content; transition: transform 0.45s ease; } .single-post main main .wp-block-post-featured-image .wp-post-image:hover{ transform: scale(1.10); } .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; } /*woocommerce css*/ .wc-block-checkout { padding: 10px ; } .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; } .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; } .woocommerce-cart h1.alignwide.wp-block-post-title{ text-align: center; } .single-product .wp-block-columns .wp-block-column{ flex-basis: auto !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-left: 5% !important; margin-right: 5% !important; } } @media (min-width: 782px) and (max-width: 1224px){ .sidebar-box .type-post .wp-block-columns{ flex-wrap: wrap !important; } .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 screen and (min-width: 782px) and (max-width: 882px){ .woocommerce div.product .wc-block-add-to-cart-form form.cart button.single_add_to_cart_button{ padding: 10px 30px !important; } } @media screen and (min-width: 782px) and (max-width: 991px){ .single-product .woocommerce-product-gallery img{ width: 400px !important; height: 400px !important; } } @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)) !important; 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: 425px){ .woocommerce .wp-block-group .alignwide{ display: block; text-align: center; } .archive .wp-block-group.alignwide.is-layout-flow.wp-block-group-is-layout-flow{ max-width: 100% !important; } .single-product button.single_add_to_cart_button.button.alt.wp-element-button{ padding: 8px 18px !important; } } /*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,.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; } /*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; } /*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: repeat(auto-fill, minmax(max(150px, calc(25% - .9375em)), 1fr)); 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 -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: 5px 12px !important; font-size: 16px; } .woocommerce-account .woocommerce-MyAccount-navigation ul{ margin: 0 !important; } .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; } .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%; } .single-product button.single_add_to_cart_button.button.alt.wp-element-button{ padding: 10px 30px !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; } } @media screen and (max-width: 599px){ header .wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{ padding: 10px; color: var(--wp--preset--color--background) !important; background-color: var(--wp--preset--color--accent); } header .wp-block-navigation .wp-block-navigation-item a{ text-align: left; } header ul.wp-block-navigation__container.is-responsive.items-justified-right.is-head-menu.wp-block-navigation{ width: 100% !important; } header li.wp-block-navigation-item{ padding: 5px !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 ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu a.wp-block-navigation-item__content:before{ content: ""; position: absolute; right: 0; top: 16px; left: 5px; width: 0; height: 0; border-bottom: 6px solid transparent; border-left: 6px solid #000; 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 a.wp-block-navigation-item__content:hover{ color: var(--wp--preset--color--accent) !important; } header ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu{ width: 100% !important; padding-right: 0 !important; } footer h2,footer h1,footer p{ text-align: left; } .woocommerce-account .entry-content .woocommerce-form-login,.header-box .items-justified-right { width: 100%; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{ flex-direction: column; gap: 1em; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{ width: auto; } } @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; padding: 5px; } li.has-extra-small-font-size.wp-block-navigation-item.wp-block-navigation-link:hover{ color: var(--wp--preset--color--accent); } 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: var(--wp--preset--color--accent); border-radius: 6px !important; color: #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: #fff; padding: 5px !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; } } @media screen and (max-width: 1440px){ footer .wp-block-columns.alignwide.wow.fadeInUp.is-layout-flex.wp-container-core-columns-is-layout-19.wp-block-columns-is-layout-flex, footer .wp-block-columns.alignwide.wow.fadeInUp.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex{ max-width: 90%; } } @media screen and (min-width: 1024px) { .woocommerce-shop .wc-block-product-template__responsive.columns-3, .woocommerce-page .wc-block-product-template__responsive.columns-3, .single-product .wp-block-woocommerce-related-products .products-block-post-template{ grid-template-columns: repeat(auto-fill, minmax(max(150px, calc(25% - .9375em)), 1fr)) !important; display: grid !important; } .single-product .wp-block-woocommerce-related-products .wp-block-post{ width: 100% !important; } #reviews .comment-form{ width: 70%; } } @media (max-width: 768px) { .search .wp-block-search__inside-wrapper { display: flex; flex-direction: column; } .search .wp-block-search__button{ margin: 0 !important; } .search .wp-block-search__input { color: white; font-size: 15px !important; padding: 10px; text-align: center; } } @media screen and (min-width: 1100px)and (max-width: 1400px){ .header-box .wp-block-site-title,.header-box .wp-block-site-title a{ font-size: 14px !important; } } /*.scroll-top-button css*/ .scroll-top-button { display: none; /* Initially hidden */ position: fixed; bottom: 20px; right: 20px; background-color: var(--wp--preset--color--accent) !important; 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; } /*footer animation*/ footer .footer-box{ animation: bounceInUp 1s ease forwards; } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(3000px); } 60% { opacity: 1; transform: translateY(-20px); } 75% { transform: translateY(10px); } 90% { transform: translateY(-5px); } 100% { transform: translateY(0); } } /*blog post and shop page animation*/ .sidebar-box,.archive .style-post-box .wp-block-post, .single-post .wp-block-post-comments,li.wc-block-product, li.wc-block-grid__product{ animation: zoomInUp 0.6s ease-out both; overflow: hidden; animation-delay: 0.8s; } @keyframes zoomInUp { 0% { opacity: 0; transform: scale(0.5) translateY(100px); } 60% { opacity: 1; transform: scale(1.05) translateY(-10px); } 100% { transform: scale(1) translateY(0); } }