@charset "UTF-8";
/*
Theme Name: Clothing Store Lite
Theme URI: https://www.omegathemes.com/products/clothing-store-lite
Author: Omega Themes
Author URI: https://www.omegathemes.com/
Description: Clothing Store Lite is a beautifully designed, modern, and fully responsive free clothing store theme tailored for online boutiques, fashion retailers, apparel brands, and eCommerce shops looking to create a professional digital storefront. Ideal for selling trendy outfits, designer wear, handmade accessories, fashion accessories, and seasonal clothing collections, this fashion eCommerce theme offers clean layouts, featured product sections, promotional banners, and customizable homepage designs to showcase products with style and confidence. Built for performance and flexibility, it integrates seamlessly with WooCommerce for secure checkout, detailed product pages, cart functionality, and smooth navigation, while supporting Contact Form 7 for customer inquiries and Yoast SEO for better search engine visibility. With customizable color schemes, typography options, page layouts, and banner sections, Clothing Store Lite helps reflect brand identity effortlessly. Lightweight, fast-loading, and mobile-friendly, it ensures a smooth shopping experience across desktops, tablets, and smartphones, making it perfect for fashion blogs, online clothing stores, boutique websites, and retail eCommerce websites focused on elegance, speed, and simplicity.
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 5.6
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: online-clothing-store
Text Domain: clothing-store-lite
Tags: blog, e-commerce, food-and-drink, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, wide-blocks, custom-background, custom-logo, custom-menu, custom-colors, custom-header, featured-images, flexible-header, post-formats, rtl-language-support, translation-ready, theme-options, threaded-comments, footer-widgets
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Header
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Social Icon
# Gutenberg
# Media
	## Captions
	## Galleries
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/* Text meant only for screen readers */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    word-wrap: normal !important;
    border: 0;
}

/* Make screen reader text visible when focused (for keyboard users) */
.screen-reader-text:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    background: #f1f1f1;
    color: #21759b;
    padding: 15px 23px 14px;
    z-index: 100000;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
}
.image-box {
    margin-top: 18px;
}
.sale-card h2 {
    top: 8px;
}
.discount-badge {
    background: #9A9482;
    box-shadow: -5px 5px 15px 0px #00000040;
    position: absolute;
    width: 100px;
    top: auto;
    bottom: 95px;
    right: -22px;
    border-radius: 50%;
    color: #fff;
    font-family: var(--font-main);
    font-weight: 800;
    font-size: 30px;
    line-height: 100%;
    padding: 20px 15px;
    text-align: center;
    text-transform: capitalize;
}
.discount-badge span{
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 22px;
}
.image-box{
    text-align: center;
}
.image-box a.btn-shop {
    margin: 10px 0px;
    background: #384143;
    color: #fff;
    padding: 10px 20px;
}
.categories-main{
    display: flex;
    text-align: center;
    gap:20px;
}
.image-box img {
    background: linear-gradient(151.78deg, #E2DFD6 0.76%, #C2BEAF 99.08%);
}
.categories-box img {
    width: 100%;
}
.categories-column h4 {
    font-family: var(--font-head);
    font-weight: 700;
    font-size: 22px;
    text-align: center;
    margin-bottom: 30px;
    text-transform: capitalize;
    color: #272727;
}
.sale-card {
    background: linear-gradient(284.8deg, #C3BEAF -3.41%, #E2DFD6 101.12%);
    border-radius: 20px;
}
.categories-column{
    text-align: center;
}
.hero-left {
    background: linear-gradient(284.8deg, #C1BCAD -3.41%, #E3E0D7 101.12%);
}
.categories-column button.btn-bag {
    width: auto;
    margin-top: 30px !important;
}
.categories-column{
    margin: 40px 0px ;
}
.categories-box {
    width: 16.6%;
}
.categories-box h4 {
    font-family: var(--font-head);
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #272727;
    margin-top: 20px;
}
.stroke-text-slider {
   bottom: 31%;
}
.wlsingle-categorie-img img {
    border-radius: 50% !important;
    height: 250px !important;
    object-fit: cover;
    width: 100%;
}
.theme-videos-block .elementor-widget-wl-category-list{
    width: 100% !important;
}
.sale-box {
    right: -20px;
    position: absolute !important;
    width: 100px !important;
    bottom: 22%;
    z-index: 2 !important;
    padding: 5px 10px !important;
    box-shadow: -5px 5px 15px 0px #00000040;
    top: auto;
}
.banner-image img {
    width: 100%;
    height: 405px !important;
    position: relative;
    z-index: 1;
}
.sale-box-right .sale-tag {
    position: absolute;
    top: 27px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    z-index: 1;
}
@media screen and (min-width : 320px) and (max-width : 767px) {
    .sale-box {
        right: 0px;
    }
    .categories-main{
        display: grid;
        grid-template-columns: auto auto;
    }
    .categories-box{
        width: 100%;
    }
}

@media screen and (min-width : 992px) and (max-width : 1200px) {
    .slider-image img{
        height: 400px !important;
    }
    .banner-column{
        min-height: 400px !important;
    }
    .banner-image h2{
        font-size: 16px !important;
    }
}