/*
Theme Name: Clothing Store Blocks
Theme URI: https://www.ovationthemes.com/products/free-clothing-store-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Clothing Store Blocks is a sleek, elegant, and modern site theme tailored specifically for online clothing, fashion boutique, garment store, apparel shop, apparel boutique, fashion trends, online fashion store, clothing e-commerce, streetwear shop, luxury fashion, kids clothing, men’s fashion, women’s fashion, accessories store, lingeries, and retail fashion. With its user-friendly interface and responsive, retina-ready design, it ensures a seamless experience across all devices while maintaining a truly elegant visual style. This multipurpose theme emphasizes visual appeal, incorporating large, high-resolution images, sliders, and dynamic Gutenberg blocks to showcase products effectively. It offers customizable sections for product categories, featured products, lookbook layouts, latest arrivals, sales promotions, and banners, enhancing the store’s elegance and sophistication. This expertly crafted theme seamlessly integrates with popular e-commerce plugins like WooCommerce, Contact Form 7, WooCommerce Payments, YITH Wishlist, and WooCommerce Variation Swatches, facilitating easy setup and efficient management of inventory, payments, and shipping. Users can personalize their store with various customization options, including color schemes, typography, and layout settings, ensuring a beautiful and professional appearance that matches their brand identity. Additionally, the Clothing Store Blocks theme includes features such as testimonial sections, banners, team displays, product sliders, search bar, quick-view, and call-to-action buttons, enhancing interactivity and engagement. Translation-ready and social media integrated, this theme offers modern, luxurious design with bootstrap compatibility and shortcodes for added functionality.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 5.6
Version: 4.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: clothing-store-blocks
Tags: blog, portfolio, 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, style-variations, template-editing, footer-widgets, custom-header, translation-ready

Clothing Store Blocks WordPress Theme, Copyright 2024 pewilliams
Clothing Store Blocks 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: 2px solid blue !important;
}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
/*navigation css*/
@media screen and (min-width:1000px){
    .wp-block-navigation ul li a{
        position: relative;
    } 

    .wp-block-navigation ul li a::before {
        content: "";
        background: var(--wp--preset--color--secondary);
        opacity: 0;
        margin: 0 auto;
        height: 2px;
        width: 0;
        left: 0;
        right: 0;
        bottom: -2px;
        position: absolute;
        -moz-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -webkit-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }
    .wp-block-navigation ul li a:hover::before,
    .wp-block-navigation ul li a:focus::before {
        opacity: 1;
        width: calc(100% - 3px);
    }
    .wp-block-navigation .current-menu-item a::before{
        content: "";
        position: absolute;
        opacity: 1;
        background: var(--wp--preset--color--secondary);
        margin: 0 auto;
        height: 3px;
        left: 0;
        right: 0;
        top: -20px;
        width: calc(100% - 3px);
    }
    .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:hover::before,
    .wp-block-navigation ul ul li a:focus::before,
    .wp-block-navigation ul ul .current-menu-item a::before {
        width: 0 !important; 
    }
    .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;
    }
    .mega-menu .wp-block-navigation ul ul li a{
        border-bottom: 1px solid var(--wp--preset--color--border-color);
        color: var(--wp--preset--color--top-bg-color) !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;
}
/*mega menu css*/
.mega-menu .wp-block-navigation__responsive-container.is-menu-open{
    width: 20%;
}
.mega-menu .wp-block-navigation__responsive-container-close svg,
.mega-menu .wp-block-navigation__responsive-container-open svg{
    width: 20px;
    height: 20px;
}
.mega-menu .wp-block-navigation__responsive-container-open svg{
    fill: var(--wp--preset--color--heading);
}
.mega-menu .wp-block-navigation__responsive-container-close svg{
    fill: var(--wp--preset--color--top-bg-color);
}
.mega-menu .wp-block-navigation__responsive-container-close{
    top: 10px;
    right: 10px;
}
.mega-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
    padding: 1.5em;
    padding-top: 2.5rem;
}
.mega-menu .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;
}
.mega-menu .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;
}
.mega-menu .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-page-list{
    gap: 0 !important;
}
/*
* Submenu Css
*/
.mega-menu .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;
}
.mega-menu .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;
}
.mega-menu .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: '--';
}
@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--top-bg-color);
    }

    .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"]: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);
}
select option{
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--foreground);
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: 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);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.sidebar-box:hover{
    transform: translateY(-6px);
    box-shadow:0 18px 40px rgba(0, 0, 0, 0.25), 0 8px 20px rgba(0, 0, 0, 0.20);
}
.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);
}
.sidebar-box ul li{
    transition: all .6s ease-in-out;
}
.sidebar-box ul li:hover{
    padding-left: 15px;
}
/*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);
}
/* post */
.single-post .post-meta .wp-block-post-author{
    align-items: center;
}
.single-post .wp-block-comments .comment-respond .comment-form .comment-form-cookies-consent{
    align-items: flex-start;
}
.single-post .wp-block-post-featured-image img{
    height: 400px;
    width: 400px;
    object-fit: contain;
    transform: translateY(10px);
    transition: all 0.4s ease;
}
.single-post .wp-block-post-featured-image img:hover{
    transform: translateY(0px);
}
.single-post .related-post .wp-block-post-featured-image img{
    height: 200px;
    width: 100%;
}
form.woocommerce-ordering select.orderby{
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
.woocommerce-page .wp-block-breadcrumbs + .wp-block-query-title{
    display: none;
}
/*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;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--white);
}
nav.woocommerce-MyAccount-navigation ul li:hover{
    border-color: var(--wp--preset--color--heading);
    background: var(--wp--preset--color--heading);
}
nav.woocommerce-MyAccount-navigation ul li:hover a{
    color: var(--wp--preset--color--background);
}
.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,
.single-product .wp-block-woocommerce-store-notices .wc-forward{
    background-color: var(--wp--preset--color--top-bg-color);
    color: var(--wp--preset--color--white);
    border-radius: 0;
    padding: var(--wp--preset--spacing--30);
    text-decoration: none;
    display: inline-block;
    margin-top: 0;
}
.single-product .wp-block-woocommerce-store-notices .wc-forward{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--white) !important;
    padding: 10px !important;
    opacity: 1;
}
.single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner,
.single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner .wc-block-components-notice-banner__content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.woocommerce a.added_to_cart:hover, .added_to_cart.wc-forward:hover{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
}
.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, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper{
    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;
}
.wc-block-grid__product-image img{
    transition: transform 0.4s ease, opacity 0.4s ease;
}
.wc-block-grid__product-image:hover img{
    transform: scale(0.9);
}

@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;
    transition: all .5s ease-in-out;
}

.scroll-top:hover::before {
    background: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--primary);
    margin-bottom: 10px;
}

/*header*/
.icon-img{
    width: 26px;
    height: 26px;
}
header .wp-block-social-link-anchor {
    padding: 5px;
    border-radius: 50%;
    border: 1px solid var(--wp--preset--color--white);
}
.search-block .wp-block-search__inside-wrapper{
    padding: 5px 10px;
    background: #ECECEC;
    border: none;
}
.search-block input[type="search"]{
    padding: 0;
    border: none;
    color:var(--wp--preset--color--heading);
    background: transparent;
}
.search-block .wp-element-button{
    background: transparent;
    padding: 0;
}
.top-login a{
    text-decoration: none;
}

.cart-block{
    text-align: right;
}
/*banner*/
.banner-content p{
    width: 70%;
}
.banner-btn a{
    position: relative;
    padding-right: var(--wp--preset--spacing--50) !important;
}
.banner-btn a:before{
    content: '\f07a';
    position: absolute;
    font-size: 13px;
    left: 12px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #fff;
}
.banner-img-box{
    position: relative;
    z-index: 2;
}
.banner-img-box img{
    width: 100%;
}
.banner-img-box figure{
    width: 100%;
}
.circle{
    position: absolute;
    top: 43%;
    right: -10%;
    background-color: #FA3D3D;
    height: 140px;
    width: 140px;
    z-index: 2;
    border-radius: 50%;
    padding: 27px 20px;
}
.banner-content{
    position: relative;
    z-index: 2;
}
/*hours*/
.hours-box,.timmer .box{
    position: relative;
}
.timmer{
    position: absolute;
    right: 50px;
    top: -29px;
    width: 100%;
    z-index: 99;
}
.eb-countdown-3l7zq.eb-cd-wrapper.default {
    max-width: 300px;
    padding: 6px;
    background-color: var(--wp--preset--color--background);
    border-width: 1px;
    border-color: rgba(34,34,34,1);
    border-style: solid;
    border-radius: 50px;
    transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
}
.timmer .eb-cd-wrapper{
    margin-right: 0 !important;
    margin-left: auto;
}
.eb-countdown-3l7zq.eb-cd-wrapper .eb-cd-inner {
    flex-direction: row;
}
.timmer .cd-box-hour,.timmer .cd-box-minute,.timmer .cd-box-second{
    margin-left: 0 !important;
}
.timmer .box:after{
    content: ':';
    position: absolute;
    right: 0;
    font-size: 19px;
    font-weight: 900;
    color: var(--wp--preset--color--secondary);
}
.timmer .box.cd-box-second:after{
    display: none;
}
.timmer .eb-cd-inner .box{
    background: transparent !important;
}
div.eb-cd-wrapper div.eb-cd-inner .box {
    display: flex;
    position: relative;
    width: 100%;
}
.box {
    display: flex;
    transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
    padding-right: 3px;
    padding-left: 3px;
    flex-direction: column;
    align-items: center;
}
span.eb-cd-label {
    font-size: 13px;
}
span.eb-cd-digit {
    font-family: "Roboto", sans-serif;
    font-size: 19px;
    font-weight: 500;
    font-style: normal;
    color: var(--wp--preset--color--secondary);
}
div.eb-cd-wrapper div.eb-cd-inner {
    display: flex;
    justify-content: center;
}
.quick-buttons{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    bottom: 0;
    opacity: 0;
}
.hours-img-box:hover .quick-buttons{
    opacity: 1;
}
.hours-img-box:hover .main-img img,.hours-img-box:hover .wishlist-icon{
    border-color: var(--wp--preset--color--top-bg-color) !important;
}
.hours-img-box:hover .wishlist-icon{
    background-color: var(--wp--preset--color--top-bg-color);
}
/*arrival*/
.arrival-short-head p{
    display: inline-block;
    position: relative;
}
.arrival-short-head p:before{
    content: "";
    background: var(--wp--preset--color--secondary);
    margin: 0 auto;
    height: 2px;
    width: 50px;
    left: 0;
    right: 0;
    bottom: -7px;
    position: absolute;
}
.arrival-img-box,.hours-img-box{
    position: relative;
}
.main-img img{
    width: 100%;
}
.main-img:hover img{
    border: 1px solid var(--wp--preset--color--top-bg-color) !important;
}
.sale-tag{
    position: absolute;
    left: 15px;
    z-index: 99;
    top: 15px;
    display: inline-block;
}
.wishlist-icon-upper{
    position: absolute;
    right: 15px;
    z-index: 99;
    top: 15px;
}
.wishlist-icon{
    position: relative;
    width: 32px;
    height: 32px;
}
.wishlist-icon img{
    position: absolute;
    font-size: 12px;
    top: 50%;
    left: 50%;
    font-weight: 600;
    color: #ECECEC;
    transform: translate(-50%, -50%);
    margin: auto;
}
.arrival-product-box h6,.hours-product-box h6{
    width: 80%;
}

/*offer sec*/
.offer-sec .wp-block-cover__inner-container{
    position: static !important;
}
.lowset-text{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    z-index: 99;
    border-radius: 0px 0px 20px 0px;
    box-shadow: 0px 3px 6px #0000001A;
}
.offer-content{
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 99;
    width: 100%;
}
.offer-des{
    width: 70%;
}
.offer-head{
    width: 80%;
}

/*blog*/
.blog-img{
    margin-bottom: 0 !important
}
.cat-name a{
    text-decoration: none;
}
.blog-section .wp-block-post-title{
    width: 60%;
}
.blog-section .wp-block-post-excerpt__excerpt{
    width: 90%;
}
.blog-section .wp-block-comments{
    padding: 0;
    border: none;
}
.blog-section .post-meta .wp-block-post-date time,.blog-section .post-meta .wp-block-comments-title{
    position: relative;
}
.blog-section .post-meta .wp-block-post-date time:before{
    content: '\f073';
    position: absolute;
    font-size: 11px;
    left: -13px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: var(--wp--preset--color--secondary);
}
.blog-section .post-meta .wp-block-comments-title:before{
    content: '\f4ad';
    position: absolute;
    font-size: 11px;
    left: -13px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: var(--wp--preset--color--secondary);
}
/*footer*/
.footer-info-wrapper{
    text-align: right;
}
.footer-widgets .wp-block-search__inside-wrapper .wp-element-button{
    background: transparent;
    padding: 0;
    border: none;
}
.footer-widgets input[type="search"]{
    padding: 0;
    border: none;
    color:var(--wp--preset--color--heading);
    background: transparent;
}
.footer-widgets .wp-block-search__inside-wrapper{
    padding: 5px 10px;
    background: #ECECEC;
}
.footer-info{
    display: inline-block;
}
.footer-call-box{
    text-align: right;
}
.footer-columns .wp-block-list{
    padding-left: 20px;
}
.footer-columns .wp-block-list li{
    margin-bottom: 10px;
    position: relative;
    list-style-type: none;
}
.footer-columns .wp-block-list li:before{
    content: '\f0da';
    position: absolute;
    font-size: 11px;
    left: -13px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: var(--wp--preset--color--body-text);
}
.footer-columns .wp-block-list li:last-child{
    margin-bottom: 0;
}
.footer-columns .wp-block-list li a{
    text-decoration: none;
}
.footer-columns li:hover,.footer-columns li:hover a{
    color: var(--wp--preset--color--heading) !important;
}
.copyright-text a:hover{
    color: var(--wp--preset--color--primary);
}
.footer-columns .wp-block-social-link-anchor{
    padding: 5px;
    border-radius: 50%;
    border: 1px solid var(--wp--preset--color--secondary);
}
.footer-columns .wp-block-social-link-anchor:hover{
    border: 1px solid var(--wp--preset--color--heading);
}
/* --- 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,
    .search-results .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;
    }
    .search-no-results .wp-block-query-no-results, .single-post .wp-block-cover.inner-cover-img + .wp-block-group > .wp-block-group.alignwide > .wp-block-columns .wp-block-column:first-child{
        margin-bottom: 30px;
    }
}
@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;
    }
}
@media screen and (max-width:999px) {
    .header-navigation{
        box-shadow: none;
        border-radius: 0;
    }
    
}
@media screen and (max-width:1390px) and (min-width:782px) {
    .footer-info-wrapper p{
        font-size: 12px !important;
    }
}

@media screen and (max-width:1299px) and (min-width:782px) {
    .arrival-product-box h6, .hours-product-box h6,.blog-section .wp-block-post-title {
        width: 90%;
    }
    .product-info{
        display: block !important;
    }
    .circle {
        top: 35%;
        right: -20%;
    }
    .offer-sec .wp-block-columns{
        gap: 10px !important;
        padding: 0 30px;
    }
    .offer-sec :where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 100% !important;
    }
    .offer-sec .offer-content{
        max-width: 80% !important;
    }
    .mega-menu .wp-block-navigation__responsive-container.is-menu-open{
        width: 40%;
    }
    .mega-menu{
        flex-basis: 20% !important;
    }
    .nav-block{
        flex-basis: 80% !important;
    }
}
@media screen and (max-width:1190px)and (min-width:782px) {
    .top-head p{
        font-size: 12px !important;
    }
    .dummy-block{
        flex-basis: 10% !important;
    }
    .logo-block{
        flex-basis: 40% !important;
    }
    .hours-box-wrapper,.arival-box-wrapper,.footer-columns .wp-block-columns{
        flex-wrap: wrap !important;
    }
    .hours-box-wrapper .wp-block-column,.arival-box-wrapper .wp-block-column,.footer-columns .wp-block-columns .wp-block-column{
        flex-basis: 40% !important;
    }
    .product-info {
        display: flex !important;
    }
    .latest-blogs.wp-block-post-template {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .footer-info-wrapper{
        display: block !important;
    }
    .footer-call-box{
        text-align: left;
        margin-bottom: 10px !important;
    }
    .footer-info-wrapper{
        text-align: left;
    }
}
@media screen and (max-width:999px){
    .mega-menu .wp-block-navigation__responsive-container.is-menu-open{
        width: 100%;
    }
}
@media screen and (max-width: 781px){
    .arival-box-wrapper.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column,.top-head .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column ,.hours-box-wrapper.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 40% !important;
    }
    .info-row,.logo-box{
        justify-content: center !important;
    }
    .top-sale p,.logo-box h1{
        text-align: center  !important;
    }
    .dummy-block{
        display: none;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.search-block{
        flex-basis: 70% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.cart-block{
        flex-basis: 20% !important;
    }
    .inner-menu-header,.circle .wp-block-columns,.footer-info-wrapper{
        flex-wrap: nowrap !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.off-uppper{
    flex-basis: 30% !important;
    }
    .latest-blogs.wp-block-post-template {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .footer-call-box{
        text-align:left;
    }
    .footer-info-wrapper{
        padding-top: 20px;
    }
    .banner-content p {
        width: 100%;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.mega-menu{

    }
}
@media screen and (max-width:600px){
    .copyright-text{
        display: grid !important;
    }
    .copyright-text p,.banner-content,.hours-box h4,.heading-p,.footer-call-box,footer{
        text-align: center;
    }
    .arival-box-wrapper.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column, .top-head .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column, .hours-box-wrapper.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 100% !important;
    }
    .banner-content h1{
        font-size: 35px !important;
    }
    .banner-btn, footer .wp-block-group{
        justify-content: center !important;
    }
    .circle {
        top: 32%;
        right: -14%;
    }
    .arrival-product-box h6, .hours-product-box h6,.blog-section .wp-block-post-title,.blog-section .wp-block-post-excerpt__excerpt{
        width: 100%;
    }
    .latest-blogs.wp-block-post-template {
        grid-template-columns: 1fr !important;
    }
    .footer-info-wrapper{
        flex-wrap: wrap !important;
        text-align: center;
    }
    .arrival-short-head-upper :where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 100% !important;
        text-align: center;
    }
    .timmer{
        position: static;
    }
    .timmer .eb-cd-wrapper{
        margin-right: auto !important;
    }
}
@media screen and (max-width:500px){
    .offer-sec .wp-block-cover img{
        object-position: 82% 50% !important;
    }
    .offer-sec .wp-block-cover h2,.offer-sec .wp-block-cover p,.offer-sec .wp-block-cover a{
        color: var(--wp--preset--color--heading) !important;
    }
}

/*frontpage swiper css start*/
.wp-block-group.clothing-store-blocks-swiper {
  overflow: hidden;
  position: relative;
}
.clothing-store-blocks-swiper .swiper-slide {
  display: flex;
}
.wp-block-group.clothing-store-blocks-swiper-controls {
  position: unset;
}
.wp-block-group.clothing-store-blocks-swiper .wp-block-cover.swiper-slide {
  margin-block-start: 0 !important;
}
.clothing-store-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  position: absolute;
  bottom: 20px;
  z-index: 1;
  width: 100%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.clothing-store-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.clothing-store-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wp--preset--color--top-bg-color);
}
.wp-block-group.clothing-store-blocks-swiper .clothing-store-blocks-swiper-button-prev,
.wp-block-group.clothing-store-blocks-swiper .clothing-store-blocks-swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--wp--preset--color--top-bg-color);
  color: #fff;
  transition: all ease 0.23s;
  opacity: 1;
  top: 50%;
  margin: -20px 0 0 0;
}
.wp-block-group.clothing-store-blocks-swiper .clothing-store-blocks-swiper-button-prev:hover,
.wp-block-group.clothing-store-blocks-swiper .clothing-store-blocks-swiper-button-next:hover {
  background: #fff;
  color: var(--wp--preset--color--primary);
}
.wp-block-group.clothing-store-blocks-swiper .clothing-store-blocks-swiper-button-prev:after,
.wp-block-group.clothing-store-blocks-swiper .clothing-store-blocks-swiper-button-next:after {
  font-size: 15px;
  font-weight: 900;
}

.clothing-store-blocks-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
  display: none;
}

.clothing-store-blocks-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
  display: block !important;
}
/*frontpage swiper css end*/