a{ -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } a:focus, button:focus{ outline: 1px solid black; } .wp-block-woocommerce-customer-account a{ border: 1px solid transparent; } .wp-block-woocommerce-customer-account a:focus{ border: 1px solid black; } .wp-block-navigation ul li a:focus, .header-search-wrap .wc-block-product-categories__button{ outline: none; } /*navigation css*/ @media screen and (min-width:1000px){ .wp-block-navigation ul li a{ position: relative; } .wp-block-navigation ul li a:hover, .wp-block-navigation ul li a:focus, .wp-block-navigation .current-menu-item a, .wp-block-navigation ul ul li a:hover, .wp-block-navigation ul ul li a:focus, .wp-block-navigation__submenu-container .current-menu-item a{ color: var(--wp--preset--color--primary) !important; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container{ border-top: 2px solid var(--wp--preset--color--primary); border-bottom: 2px solid var(--wp--preset--color--primary); box-shadow: -2px 2px 8px #cfc8d8; } .wp-block-navigation ul ul li a{ border-bottom: 1px solid var(--wp--preset--color--border-color); color: var(--wp--preset--color--primary) !important; } .wp-block-navigation ul li:last-child a{ border-bottom: none; } .wp-block-navigation ul ul li a:hover, .wp-block-navigation ul ul li a:focus, .wp-block-navigation__submenu-container .current-menu-item a{ background-color: var(--wp--preset--color--primary-light) !important; } } .wp-block-navigation ul ul{ padding: 0 !important; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{ width: 100%; border: 1px solid var(--wp--preset--color--border-color); border-top-color: var(--wp--preset--color--primary); border-bottom-color: var(--wp--preset--color--primary); } .wp-block-navigation__responsive-container.is-menu-open li a, .wp-block-navigation__responsive-container.is-menu-open li li a, .wp-block-navigation__responsive-container.is-menu-open li li:last-child a{ border-bottom: 1px solid var(--wp--preset--color--border-color); } .wp-block-navigation__responsive-container.is-menu-open li:last-child a{ border-bottom: none; } .wp-block-navigation__responsive-container.is-menu-open li a:hover, .wp-block-navigation__responsive-container.is-menu-open li a:focus, .wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a{ background-color: var(--wp--preset--color--primary-light) !important; color: var(--wp--preset--color--primary) !important; } .wp-block-navigation .wp-block-navigation__submenu-icon{ background: transparent; } @media screen and (max-width:999px) { .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{ display: none; } .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg{ width: 26px; height: 26px; } .wp-block-navigation__responsive-container-open svg{ fill: var(--wp--preset--color--heading); } .wp-block-navigation__responsive-container-close svg{ fill: var(--wp--preset--color--black); } .wp-block-navigation__responsive-container-close{ top: 0; left: 20px; } .wp-block-navigation__responsive-container-open:not(.always-shown){ display: block; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{ background-color: var(--wp--preset--color--white); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{ padding: 1.5em; padding-top: 2.5rem; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container { width: 100%; gap: 0 !important; border-bottom: none; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item { width: 100%; gap: 0 !important; border: none !important; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a { width: calc( 100% - 48px ); padding: 12px 24px 12px; line-height: 30px; text-align: right; } /* * Submenu Css */ .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container { width: 100%; gap: 0; margin: 0; padding: 0; box-shadow: none; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{ gap: 3px; font-weight: 300 !important; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before { content: '--'; } } .wp-block-image img{ vertical-align: middle; } .pos-relative{ position: relative; } form { position: relative; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select { width: 100%; margin: 0; padding: 10px 15px; border: 1px solid var(--wp--preset--color--border-color); outline: 0; resize: none; line-height: 20px; background: none; color: var(--wp--preset--color--foreground); font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } select option{ background: var(--wp--preset--color--base); color: var(--wp--preset--color--foreground); } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */ } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus { border-color: var(--wp--preset--color--primary); } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer; border: none; outline: none; padding: 12px 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: var(--wp--preset--color--primary); border-radius: 0; } html input[type="button"], input[type="reset"], input[type="submit"] { text-align: center; letter-spacing: 2px; } .wpcf7-form label { display: block; text-transform: uppercase; font-size: 12px; margin: 0 0 8px; color: var(--wp--preset--color--foreground); font-weight: 700; } .form-group { margin-bottom: 30px; } .form-group p{ margin: 0; } .form-group.half { width: 48%; margin-left: 4%; float: right; } .form-group.half.last { margin-left: 0; } .form-group.third { width: 32%; margin-left: 2%; float: right; } .form-group.third.last { margin-left: 0; } /*sidebar css*/ .sidebar-box,.inner-post-box{ position: relative; box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color); } .sidebar-heading{ display: table; position: absolute; right: 0; left: 0; top: -25px; width: auto; } .sidebar-post-title{ margin-block-start: 10px; margin-block-end: 0; } .sidebar-box .wp-block-page-list ul li{ list-style: square; } .sidebar-box .wp-block-archives-list li , .sidebar-box .wp-block-categories-list li, .sidebar-box .wp-block-page-list li{ list-style: circle; } .sidebar-box .wp-block-archives-list li::marker, .sidebar-box .wp-block-categories-list li::marker, .sidebar-box .wp-block-page-list li::marker{ color: var(--wp--preset--color--primary); } .sidebar-box .wp-block-archives-list,.sidebar-box .wp-block-categories-list{ padding-right: 20px; } .sidebar-box ul li a{ text-decoration: none; } .sidebar-box .wp-block-tag-cloud a{ background: var(--wp--preset--color--primary-light); color: var(--wp--preset--color--black); } .sidebar-box .wp-block-tag-cloud a:hover{ background: var(--wp--preset--color--background); color: var(--wp--preset--color--primary); } /*post css*/ .post-title{ position: relative; } .post-title .wp-block-separator{ width: 57px !important; } .post-title .wp-block-separator:after{ position: absolute; content: ""; width: 10px; height: 10px; border-radius: 10px; background: var(--wp--preset--color--primary); top: 0; bottom: 0; margin: auto; } .archieve-readmore .wp-block-separator{ width: 20px !important; } /*comment*/ .wp-block-comments{ padding: 20px; border: 1px solid var(--wp--preset--color--border-color); } .wp-block-comment-template li .wp-block-columns{ border: 1px solid var(--wp--preset--color--border-color); padding: 20px; } .wp-block-avatar img{ border: 1px solid var(--wp--preset--color--border-color); padding: 2px; } .wp-block-post-comments-form textarea{ background: var(--wp--preset--color--section-bg); } /*pagination*/ .wp-block-query-pagination-numbers .page-numbers{ padding: var(--wp--preset--spacing--20); line-height: 1; text-decoration: none; color:var(--wp--preset--color--primary); } .wp-block-query-pagination-numbers .page-numbers.current{ background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--white) !important; } .wp-block-query-pagination-numbers .page-numbers:hover{ color:var(--wp--preset--color--heading); } .wp-block-query-pagination-next, .wp-block-query-pagination-previous{ background-color: var(--wp--preset--color--primary); font-size: var(--wp--preset--font-size--small); line-height: 1; padding: 10px; color: var(--wp--preset--color--white); text-decoration: none; } .wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{ color: var(--wp--preset--color--background); background-color: var(--wp--preset--color--heading); } /*woocommerce*/ .wp-block-group.woocommerce.product{ margin-block-start: 0; } .wc-block-product, .wc-block-grid__product, .woocommerce .products li, .wp-block-woocommerce-related-products li, .products-block-post-template li { text-align: center; padding: 10px !important; background: var(--wp--preset--color--section-bg); } .wc-block-grid__product{ margin: 0 10px; } a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img { width: 100%; } .wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating { margin: 0 auto 0.5em; color: #f4bc16; } .wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{ color: #cfc8d8; } .woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{ background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); padding: 0; border-radius: 0px; margin: 5px !important; min-height: 8px; line-height: 26px; min-width: 60px; } nav.woocommerce-MyAccount-navigation ul li { background: var(--wp--preset--color--primary); border: 1px solid; border-color: var(--wp--preset--color--primary); padding: 12px!important; margin-bottom: 10px; } av.woocommerce-MyAccount-navigation ul li a{ color: var(--wp--preset--color--white); } nav.woocommerce-MyAccount-navigation ul li:hover { background: var(--wp--preset--color--heading); border-color: var(--wp--preset--color--heading); } nav.woocommerce-MyAccount-navigation ul li:hover a, nav.woocommerce-MyAccount-navigation ul li a:focus{ color: var(--wp--preset--color--background); outline: none; } .woocommerce ul.products li.product .button{ padding: var(--wp--preset--spacing--30); border-radius: 30px; } .woocommerce a.added_to_cart, .added_to_cart.wc-forward{ background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); border-radius: 0; padding: var(--wp--preset--spacing--30); text-decoration: none; display: inline-block; } .added_to_cart.wc-forward{ margin-right: 10px; } .wc-block-components-product-badge{ box-shadow: -2px 2px 0 0 var(--wp--preset--color--heading); border-radius: 0 !important; border: solid 2px var(--wp--preset--color--heading) !important; padding: 5px 8px !important; } .wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{ font-size: 18px !important; font-weight: bold; } .woocommerce #review_form #respond textarea{ background: var(--wp--preset--color--section-bg); border: 1px solid var(--wp--preset--color--border-color); } .woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{ padding: 20px !important; border: 1px solid var(--wp--preset--color--border-color); } .wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{ color: var(--wp--preset--color--heading); } .wc-block-components-sidebar-layout.wc-block-cart{ padding-top: 30px; } .wc-block-cart{ border: 1px solid var(--wp--preset--color--border-color); padding: 30px; border-radius: 10px; color: var(--wp--preset--color--heading); } .is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after { border-color: transparent; } .wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title{ padding: 10px !important; } .wc-block-cart table.wc-block-cart-items{ margin: 0 !important; } .wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{ border: 1px solid var(--wp--preset--color--border-color); } .wc-block-components-totals-wrapper:after{ border-color: var(--wp--preset--color--border-color); opacity: 1 !important; } .wc-block-cart__submit-container a{ margin-top: 15px; } .wc-block-checkout__actions_row a{ color: var(--wp--preset--color--primary); } .wc-block-checkout__actions_row a:hover{ color: var(--wp--preset--color--heading); } .wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout { margin-left: auto !important; margin-right: auto !important; } .wc-block-components-sidebar-layout .wc-block-components-main { padding-left: 0 !important; } .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover { background: transparent; } @media screen and (max-width:999px){ .woocommerce-page.search .wp-block-woocommerce-product-template, .woocommerce-page .products-block-post-template, .wp-block-woocommerce-related-products .wp-block-post-template{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .woocommerce-page .wp-block-query-title{ font-size: 30px !important; } .wc-block-components-totals-wrapper{ padding: 16px 22px; } .wc-block-cart{ padding: 0; border: none; } .wc-block-components-sidebar-layout.wc-block-cart{ padding-top: 0; } } @media screen and (max-width:600px){ .woocommerce-page.search .wp-block-woocommerce-product-template, .woocommerce-page .products-block-post-template, .wp-block-woocommerce-related-products .wp-block-post-template{ grid-template-columns: 1fr !important; } .single-product .wp-block-woocommerce-product-meta .wp-block-group{ display: block !important; } .woocommerce-page .wp-block-query-title{ font-size: 25px !important; } .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){ max-width: 90% !important; } } /* scroll top */ p.scroll-top { position: absolute; } .scroll-top::before{ font-size: 20px; cursor: pointer; background: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); font-family: "Font Awesome 5 Free"; font-weight: 600; content: '\f135'; position: fixed; bottom: 30px; left: 30px; width: 40px; height: 40px; transform: rotate(320deg); display: flex; align-items: center; justify-content: center; border-radius: 6px; z-index: 99; } /* --- Block Media Quries -------------------------------------------------------- */ /* --- > Media Queries -------------------------------------------------------- */ /* --- > 781px -------------------------------------------------------- */ @media screen and (max-width:999px) { .latest-news .wp-block-post-template, .post-grid-layout.wp-block-post-template{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .inner-cover-img h2,.without-cover-img h2{ font-size: 30px !important; } } @media screen and (max-width: 999px) and (min-width: 782px){ .page-template-blog-right-sidebar .wp-block-post-template, .page-template-blog-left-sidebar .wp-block-post-template{ grid-template-columns: 1fr !important; } .sidebar-col,.post-col{ flex-basis: 50% !important; } .page-sidebar-col{ flex-basis: 40% !important; } .page-text-col{ flex-basis: 60% !important; } } @media screen and (max-width:781px){ .post-title .wp-block-separator{ width: 30px !important; } .post-title h4{ font-size: 21px; } .archieve-meta time ,.archieve-meta .wp-block-post-author-name{ font-size: 13px !important; } } @media screen and (max-width:767px){ .post-grid-layout.wp-block-post-template, .page-template-blog-right-sidebar .wp-block-post-template, .page-template-blog-left-sidebar .wp-block-post-template, .latest-news .wp-block-post-template, .search-results .wp-block-post-template{ display: block !important; } .post-grid-layout.wp-block-post-template li, .page-template-blog-right-sidebar .wp-block-post-template li, .page-template-blog-left-sidebar .wp-block-post-template li, .latest-news .wp-block-post-template li, .search-results .wp-block-post-template li{ margin-bottom: 30px; } .post-grid-layout.wp-block-post-template li:last-child, .page-template-blog-right-sidebar .wp-block-post-template li:last-child, .page-template-blog-left-sidebar .wp-block-post-template li:last-child, .latest-news .wp-block-post-template li:last-child, .search-results .wp-block-post-template li:last-child{ margin-bottom: 0; } .inner-cover-img h2,.without-cover-img h2{ font-size: 25px !important; text-align: center !important; } .error-heading{ font-size: 110px !important; } } /*homepage*/ .header-search-wrap .wp-block-search__inside-wrapper{ padding: 0; border: none; } .header-search-wrap .wp-block-search__input{ padding: 0; border: none; } .header-search-wrap .wp-block-search__input::placeholder{ color: #222222; font-size: 15px; } .header-search-wrap .wp-block-search__input{ font-size: 15px; } .header-search-wrap .wp-block-search__button{ padding: 0; margin-right: 0; background: transparent !important; } .header-search-wrap .wp-block-search__button svg{ rotate: 270deg; } .header-search-wrap .wc-block-product-categories__button{ padding: 0; background: transparent !important; } .header-search-wrap select{ margin-left: 0 !important; padding: 10px 0 !important; border: none; color: #fff !important; font-weight: 500; font-size: 14px; } .header-search-wrap select:hover, .header-search-wrap select:focus, .header-search-wrap .wc-block-product-categories__button:hover svg, .header-search-wrap .wc-block-product-categories__button:focus svg{ color: #000 !important; } .header-search-wrap select option{ background: #fff !important; color: #000 !important; } .header-search-wrap .wc-block-product-categories__button svg{ rotate: 90deg; height: 10px !important; width: 10px !important; color: #fff !important; margin-top: 4px; } /*header icons*/ .cart-box .wc-block-mini-cart__button{ padding: 0 !important; position: relative; padding-left: 57px !important; } .cart-box .wc-block-mini-cart__button:after{ position: absolute; bottom: 0; content: 'My Cart'; font-size: 14px; font-weight: 600; color: var(--wp--preset--color--heading); left: 0; } .cart-box .wc-block-mini-cart__icon { height: 40px !important; width: 40px !important; } .cart-box .wc-block-mini-cart__badge{ font-size: 10px !important; margin-right: 2px !important; } .cart-box .wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon{ padding: 0 !important; } .cart-box .wlfmc-counter-wrapper { width: auto !important; } .cart-box .wlfmc-counter-icon i{ font-size: 35px !important; } .cart-box .wlfmc-counter-wrapper .wlfmc-counter-icon .wlfmc-counter-number{ left: -18px !important; right: auto !important; top: calc(50% - 15px) !important; min-width: 14px !important; height: 14px !important; line-height: 14px !important; color: var(--wp--preset--color--background) !important; } .cart-box .wlfmc-counter-wrapper .wlfmc-counter{ -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; border: 1px solid transparent; } .cart-box .wlfmc-counter-text{ font-size: 14px !important; } .cart-box .wlfmc-counter-wrapper .wlfmc-counter:focus{ border: 1px solid black; outline: none; } .cart-box .wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon{ height: 35px !important; min-height: 35px !important; min-width: 35px !important; width: 35px !important; } /*banner*/ .banner-shot-heading,.sec-shot-heading{ display: inline-block; } /*offer section*/ .sec-head{ text-align: center; } .product-img-wrap{ position: relative; } .offer-zone .wc-block-product{ background: transparent; text-align: right; padding: 0 !important; } .offer-zone .wc-block-components-product-image img{ border: none !important; } .offer-zone .cart-btn{ position: absolute; left: 12px; bottom: -16px; margin-top: 0; } .offer-zone .add_to_cart_button{ padding: 5px 8px !important; border-radius: 8px; box-shadow: 9px 9px 12px 0px var(--wp--preset--color--primary-light); } .offer-zone .add_to_cart_button span{ font-size: 0 !important; } .offer-zone .add_to_cart_button:before { content: "\f07a"; font-size: 17px; font-family: 'fontawesome'; color: #fff; } .offer-zone a.added_to_cart.wc_forward{ margin-top: 0 !important; font-size: 0 !important; text-decoration: none; padding: 5px 8px !important; border-radius: 8px; box-shadow: 9px 9px 12px 0px var(--wp--preset--color--primary-light); background: var(--wp--preset--color--primary); line-height: 1.3; } .offer-zone a.added_to_cart.wc_forward:before { content: "\f06e"; font-size: 17px; font-family: 'fontawesome'; color: #fff; } .offer-zone a.added_to_cart.wc_forward:hover, .offer-zone a.added_to_cart.wc_forward:focus{ background-color: var(--wp--preset--color--heading); color: var(--wp--preset--color--background); } .offer-zone .wc-block-components-product-price del{ color: #B7BECA !important; } .offer-zone .taxonomy-product_cat a{ text-decoration: none; } /*product static*/ .offer-zone .main-img img{ width: 100%; } .cart-btn-static{ position: absolute; left: 12px; bottom: -16px; display: inline-block; box-shadow: 9px 9px 12px 0px var(--wp--preset--color--primary-light); } .products-wrap p span{ text-decoration: line-through; color: #B7BECA !important; } /*footer*/ .footer-li{ padding-right: 20px !important; } .footer-li li{ margin-bottom: 20px; } .footer-li li:last-child{ margin-bottom: 0; } .footer-li li a{ text-decoration: none; } .payment-box{ text-align: center; position: relative; z-index: 2; } .payment-box-inner{ width: 45%; margin: auto; } .footer-search .wp-block-search__inside-wrapper{ display: block !important; } .footer-search .wp-block-search__button{ margin-right: 0 !important; margin-top: 18px; padding: 10px 20px; width: 50%; } .footer-search .wp-block-search__input{ border: 1px solid #76AEFF; background: #fff; padding: 15px; } .footer-search .wp-block-search__input::placeholder{ color: #A2A9B0; } .footer-widgets .wp-block-social-link a:hover, .footer-widgets .wp-block-social-link a:focus{ background: var(--wp--preset--color--primary) !important; border-radius: 50%; outline: none; } .footer-li li a:hover,.footer-li li a:focus{ color: var(--wp--preset--color--primary) !important; outline: none; } /*media*/ @media screen and (max-width:1599px){ .payment-box-inner{ width: 55%; } .banner-image-cover{ min-height: 500px !important; } } @media screen and (max-width:1399px){ .product-cat-box{ flex-basis: 40% !important; } .product-search-box{ flex-basis: 60% !important; } .banner-image-cover{ min-height: 450px !important; } .header-search-wrap .wp-block-search__input::placeholder, .header-search-wrap .wp-block-search__input, .header-search-wrap select { font-size: 12px; } } @media screen and (max-width:1299px){ .cart-box .wc-block-mini-cart__button { padding-left: 41px !important; } .cart-box .wlfmc-counter-text { font-size: 10px !important; } .cart-box .wc-block-mini-cart__button:after{ font-size: 10px; } .top-header p{ font-size: 13px !important; } .banner-image-cover h2{ font-size: 35px !important; } .payment-box-inner{ width: 70%; } .header-search-wrap .wp-block-search__input::placeholder, .header-search-wrap .wp-block-search__input, .header-search-wrap select { font-size: 11px; } .header-search-wrap .wc-block-product-categories__button svg{ margin-top: 0; } .cart-box .wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon{ height: 25px !important; min-height: 25px !important; min-width: 25px !important; width: 25px !important; } .cart-box .wc-block-mini-cart__icon { height: 38px !important; width: 38px !important; } .cart-box .wlfmc-counter-icon i { font-size: 30px !important; } } @media screen and (max-width:1199px){ .banner-image-cover h2 { font-size: 33px !important; } .products-wrap h3,.offer-zone .wc-block-product h3{ font-size: 16px !important; } .products-wrap p,.offer-zone .wc-block-product .wc-block-components-product-price, .footer-widgets .footer-li li{ font-size: 14px !important; } .footer-widgets h5{ font-size: 18px !important; } } @media screen and (max-width:1199px) and (min-width:1000px){ .cart-box .wlfmc-counter-text, .cart-box .wc-block-mini-cart__button:after { display: none; } .cart-box .wc-block-mini-cart__button{ padding-left: 0 !important; } .cart-box .wc-block-mini-cart__badge { margin-right: -44% !important; } .cart-box .wlfmc-counter-wrapper .wlfmc-counter-icon .wlfmc-counter-number{ left: -10px !important; } .cart-box .wlfmc-counter-icon i { font-size: 20px !important; } .cart-box .wc-block-mini-cart__icon { height: 30px !important; width: 30px !important; } .cart-box .wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon{ height: 20px !important; min-height: 20px !important; min-width: 20px !important; width: 20px !important; } .cart-box{ gap: var(--wp--preset--spacing--40) !important; } .header-cart-block{ flex-basis: 15% !important; } .header-search-wrap{ flex-basis: 30% !important; } } @media screen and (max-width:999px){ .logo-block{ flex-basis: 20% !important; } .header-search-wrap{ flex-basis: 40% !important; } .header-cart-block{ flex-basis: 30% !important; } .nav-block{ flex-basis: 10% !important; } .nav-block nav{ justify-content: center !important; } } @media screen and (max-width:991px){ .top-header .wp-block-columns, .products-wrap,.footer-widgets{ flex-wrap: wrap !important; } .offer-zone .wc-block-product-template{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .text-block{ flex-basis: 100% !important; order: 1; } .call-block{ flex-basis: 49% !important; order: 2; } .mail-block{ flex-basis: 49% !important; order: 3; } .top-header .is-layout-flex{ justify-content: center !important; } .cart-box .wlfmc-counter-text, .cart-box .wc-block-mini-cart__button:after { display: none; } .cart-box .wc-block-mini-cart__button{ padding-left: 0 !important; } .cart-box .wc-block-mini-cart__badge { margin-right: -44% !important; } .cart-box .wlfmc-counter-wrapper .wlfmc-counter-icon .wlfmc-counter-number{ left: -10px !important; } .cart-box .wlfmc-counter-icon i { font-size: 20px !important; } .cart-box .wc-block-mini-cart__icon { height: 30px !important; width: 30px !important; } .cart-box .wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon{ height: 20px !important; min-height: 20px !important; min-width: 20px !important; width: 20px !important; } .cart-box{ gap: var(--wp--preset--spacing--40) !important; } .header-search-wrap{ flex-basis: 50% !important; } .header-cart-block{ flex-basis: 20% !important; } .products-wrap .wp-block-column{ flex-basis: 45% !important; } .banner-content-box{ flex-basis: 60% !important; } .banner-image-cover { min-height: 360px !important; } .footer-widgets .wp-block-column{ flex-basis: 45% !important; } .payment-box-inner { width: 100%; } } @media screen and (max-width:781px){ .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.call-block, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.mail-block, .footer-widgets.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column, .products-wrap.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{ flex-basis: 45% !important; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.product-cat-box, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.product-search-box{ flex-basis: 40% !important; } .logo-block .is-layout-flex{ justify-content: center; text-align: center; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.header-search-wrap{ flex-basis: 80% !important; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block{ flex-basis: 10% !important; } .cart-box,.payment-box-inner .is-layout-flex{ justify-content: center !important; } .payment-icons{ margin-bottom: 5px !important; } .payment-icons-outer{ margin-top: 5px !important; } .payment-box-inner{ width: 65%; } } @media screen and (max-width:575px){ .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.call-block, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.mail-block, .footer-widgets.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column, .products-wrap.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{ flex-basis: 100% !important; } .banner-content-box,.footer-widgets{ text-align: center; } .banner-image-cover h2 { font-size: 25px !important; } .sec-head h2{ font-size: 22px !important; } .banner-image-cover .wp-block-buttons,.footer-widgets .is-layout-flex{ justify-content: center; } .offer-zone .wc-block-product-template{ grid-template-columns: 1fr !important; } .footer-li{ padding-right: 0 !important; } .footer-widgets li{ list-style-type: none; } .payment-box-inner { width: 100%; } .payment-box-inner .is-layout-flex p{ font-size: 10px; } } /*testimonial*/ .tstimonial-box{ width: 100% !important; transition: 0.5s; border: 1px solid var(--wp--preset--color--primary); border-style: solid; border-radius: 20px; } .testimonail-main-img img{ border-radius: 50%; border: 2px solid transparent; transition: 0.5s; width: 60px; height: 60px; } .tstimonial-box h6,.tstimonial-box p{ transition: 0.5s; } .tstimonial-box:hover { transition: 0.5s; } .tstimonial-box:hover .testimonail-main-img img{ border: 2px solid var(--wp--preset--color--primary); } .tstimonial-box:hover h6{ color: var(--wp--preset--color--primary) !important; } /*testimnail swiper css start*/ .wp-block-group.art-and-craft-testimonial-swiper { overflow: hidden; position: relative; } .wp-block-group.art-and-craft-testimonial-swiper .swiper-wrapper{ gap: 30px; } .art-and-craft-testimonial-swiper .swiper-slide { display: flex; margin-block-start: 0 !important; margin-right: 0 !important; margin-left: 0 !important; } .wp-block-group.art-and-craft-testimonial-swiper-controls { position: unset; } .art-and-craft-testimonial-swiper-controls .art-and-craft-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets { position: absolute; bottom: 0; z-index: 1; width: 100%; text-align: center; right: 50%; transform: translateX(50%); margin-top: 0 !important; } .art-and-craft-testimonial-swiper-controls .art-and-craft-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet { width: 10px; height: 10px; background-color: var(--wp--preset--color--foreground); } .art-and-craft-testimonial-swiper-controls .art-and-craft-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--wp--preset--color--primary); } .art-and-craft-testimonial-swiper-controls .swiper-button-prev.art-and-craft-testimonial-swiper-button-prev, .art-and-craft-testimonial-swiper-controls .swiper-button-next.art-and-craft-testimonial-swiper-button-next { width: 40px; height: 40px; border-radius: 0; background: transparent; color: var(--wp--preset--color--primary); transition: all ease 0.23s; opacity: 0 !important; top: 50%; margin: -20px 0 0 0; } .art-and-craft-testimonial-swiper-controls .swiper-button-prev.art-and-craft-testimonial-swiper-button-prev{ right: 0; } .art-and-craft-testimonial-swiper-controls .swiper-button-next.art-and-craft-testimonial-swiper-button-next{ left: 0; } .art-and-craft-testimonial-swiper-controls .swiper-button-prev.art-and-craft-testimonial-swiper-button-prev:hover, .art-and-craft-testimonial-swiper-controls .swiper-button-next.art-and-craft-testimonial-swiper-button-next:hover { background: transparent; color: var(--wp--preset--color--heading); } .art-and-craft-testimonial-swiper-controls .swiper-button-prev.art-and-craft-testimonial-swiper-button-prev:after, .art-and-craft-testimonial-swiper-controls .swiper-button-next.art-and-craft-testimonial-swiper-button-next:after { font-size: 30px; font-weight: 900; } .art-and-craft-testimonial-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html { display: none; } .art-and-craft-testimonial-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html { display: block !important; } /*testimonial swiper css end*/