/*
Theme Name: Art And Craft
Theme URI: https://www.ovationthemes.com/products/free-craft-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: The Art and Craft WordPress Theme is a versatile and visually striking theme designed for artists, crafters, and creatives of all kinds. Whether you specialize in painting, sculpture, pottery, knitting, or any other form of handmade artistry, this theme provides the perfect platform to showcase your work. Ideal for artists, craft studios, galleries, and art workshops, it is tailored to highlight your unique creations and services. With its elegant, clean design, this theme allows for seamless display of various art forms, including abstract paintings, ceramic art, woodworking, and textile crafts. The theme offers numerous customization options, ensuring that your website reflects your personal or business style. It features responsive design, making it accessible on all devices, and includes a range of useful tools such as galleries, sliders, and event calendars to promote your art classes, craft workshops, and art exhibitions. Social media integration enables easy sharing of your work, while SEO-friendly coding ensures greater online visibility. Perfect for artisans, craft businesses, and creative professionals, the Art and Craft WordPress Theme is designed to enhance your online presence. Whether you’re selling handmade gifts, offering crafting tutorials, or promoting art events, this theme offers all the functionality and aesthetic appeal you need.
Requires at least: 6.1
Tested up to: 6.7
Requires PHP: 5.6
Version: 1.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: art-and-craft
Tags: blog, photography, e-commerce, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, template-editing, translation-ready

Art And Craft WordPress Theme, Copyright 2025 pewilliams
Art And Craft is distributed under the terms of the GNU GPL

*/

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;
        right: 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: left;
    }

    /*
    * 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-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 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;
    left: 0;
    right: 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-left: 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-left: 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-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 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;
    right: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    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-left: 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-right: 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-right: 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);
    right: 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-left: 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{
    right: -18px !important;
    left: 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: left;
    padding: 0 !important;
}
.offer-zone .wc-block-components-product-image img{
    border: none !important;
}
.offer-zone .cart-btn{
    position: absolute;
    right: 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;
    right: 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-left: 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-left: 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-right: 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-right: 0 !important;
    }
    .cart-box .wc-block-mini-cart__badge {
        margin-left: -44% !important;
    }
    .cart-box .wlfmc-counter-wrapper .wlfmc-counter-icon .wlfmc-counter-number{
        right: -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-right: 0 !important;
    }
    .cart-box .wc-block-mini-cart__badge {
        margin-left: -44% !important;
    }
    .cart-box .wlfmc-counter-wrapper .wlfmc-counter-icon .wlfmc-counter-number{
        right: -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-left: 0 !important;
    }
    .footer-widgets li{
        list-style-type: none;
    }
    .payment-box-inner {
        width: 100%;
    }
    .payment-box-inner .is-layout-flex p{
        font-size: 10px;
    }
}