@charset "UTF-8";
/*
Theme Name: Fashion Ecommerce Zone
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/fashion-portfolio-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: Fashion Ecommerce Zone is a remarkable theme designed on the Bootstrap framework, providing a sleek online platform for a range of fashion-related businesses, including clothing brands, boutiques, and apparel stores, even those focused on lingerie. This minimalist theme boasts well-optimized code that delivers excellent performance across various devices and browsers, ensuring an exceptional experience for users. Its SEO-friendly layout makes it easy to boost search engine visibility, driving more traffic to your site. With a clean, retina-ready display for sharp visuals, the responsive design adapts seamlessly to any screen size. The theme features sections for testimonials and team introductions, highlighting customer trust and showcasing your team members. Offering a wealth of customization options, this versatile theme allows you to infuse your personal touch into the design while being translation-ready to accommodate multiple languages. Furthermore, the secure, efficient code ensures quick loading times, and interactive elements like calls-to-action and animations enhance user engagement. 
Version: 2.6
Tested up to: 7.0
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: fashion-estore
Text Domain: fashion-ecommerce-zone
Tags: custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, footer-widgets, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, blog, e-commerce, food-and-drink

Fashion Ecommerce Zone WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2022.
Fashion Ecommerce Zone WordPress Theme is released under the terms of GNU GPL
*/


/*--------------------------------------------------------------
# Global Color
--------------------------------------------------------------*/

:root {
  --first-color: #e33d3d;
}

body,h1,h2,h3,h4,h5,h6{
    font-family: 'Jost', sans-serif;
}

button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,.sidebar h5, span.cart-value, .sticky .entry-title::before, #button, .sidebar input[type="submit"], .sidebar button[type="submit"], .comment-respond input#submit, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .pro-button a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce .woocommerce-ordering select, .woocommerce-account .woocommerce-MyAccount-navigation ul li, .toggle-nav i, .wp-block-button__link, .sidebar .tagcloud a:hover, a.added_to_cart.wc-forward,.top-info,.slide-btn a, .load hr{
    background: var(--first-color);
}
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
    border:0px;
    color: #ffffff;
}
a,.home_product_cat h4:hover a,.woocommerce-message::before, .woocommerce-info::before,#colophon a:hover, #colophon a:focus {
    color: var(--first-color);
}
.woocommerce-message, .woocommerce-info,.wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote{
    border-color: var(--first-color);
}
.entry-content .wp-block-woocommerce-cart.alignwide{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
a.added_to_cart.wc-forward{
    margin :0 auto;
    margin-top: 10px;
}
.social-link i{
    color: #fff;
}
.navbar-brand h1.site-title, p.site-title{
    font-size: 25px;
}
.top-info{
    border: none;
}
a.account-btn {
    background: #390f0f;
}
.pro_search {
    border: none;
    background: #f5f5f5;
}
.main-navigation .menu > li > a{
    font-weight: bold;
}
.menu_cat i, .menu_cat {
    background: transparent;
    padding: 0;
    color: #000;
}
.navigation_header {
    background: #fff;
    border: solid 2px #cccccc;
    border-left: none;
    border-right: none;
}
.home_product_cat h4 a {
    font-size: 18px;
    text-transform: none;
    font-weight: normal;
}
.main-navigation .menu > li {
    font-size: 16px;
    font-weight: 500;
}
#mySidenav.nav {
    justify-content: flex-end;
}
.main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover{
    color: var(--first-color);
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: var(--first-color);
    color: #fff !important;
}
#site-navigation .menu ul li a{
    color: #000000;
}
.main-navigation .menu li.page_item_has_children ul.children {
    background-color: var(--first-color);
}
.slider-inner-box {
    right: 35%;
    left: 5%;
    clip-path: none;
    background: transparent;
    padding: 0;
    text-align: left;
}
.slider-inner-box h2 {
    color: #000;
    font-size: 50px;
    text-transform: none;
    font-weight: 500;
}
.slider-border {
    border-bottom: solid 2px #cccccc;
}
.services-box i {
    font-size: 40px;
    color: var(--first-color);
}
.services-box h4 {
    font-size: 22px;
}
.services-box p {
    font-size: 15px;
    color: #75767c;
}
.category-inner-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.category-inner-box1 {
    left: 10%;
    right: 30%;
    text-align: left;
}
.category-inner-box2 {
    left: 30%;
    right: 10%;
    text-align: right;
}
.category-inner-box h4 {
    font-size: 30px;
    margin-bottom: 30px;
}
.category-box {
    position: relative;
}
.category-box img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: top;
}
.article-box a:hover, .social-link i:hover{
    color: #390f0f;
}
.sidebar section {
    padding: 10px;
}
a.account-btn:hover{
    color: var(--first-color);
    background: #390f0f;
}
.sidebar h2.wp-block-heading {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: var(--first-color);
    padding: 15px 10px;
    margin-bottom: 0;
}
@media screen and (min-width: 320px) and (max-width: 720px){
    .slider-inner-box {
        right: 5%;
        text-align: center;
    }
    .slider-inner-box h2{
        font-size: 20px;
    }
    #shop_services {
        text-align: center;
    }
    .category-inner-box2 {
        left: 20%;
    }
    .category-inner-box1 {
        right: 20%;
    }
}

@media screen and (min-width: 721px) and (max-width: 999px){
    .slider-inner-box h2 {
        font-size: 25px;
    }
}

@media screen and (max-width: 1000px){
    .main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return,.main-navigation .menu > li > a{
        color: #fff !important;
    }
    .sidenav .closebtn, .toggle-nav i{
        background: var(--first-color);
    }
    .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus, .main-navigation .menu > li > a:hover {
        background: transparent;
        color: var(--first-color) !important;
    }
    #site-navigation .menu ul li a{
        color: #ffffff;
    }
    .category-inner-box h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    body.admin-bar .sidenav {
        margin-top: 46px;
    }
}