/*
Theme Name: Fashion Mart
Author: aThemeArt
Author URI: https://athemeart.com/
Theme URI: https://athemeart.com/downloads/fashionmart/
Description: Fashion Mart is a stylish child theme of eMart Shop, designed to work seamlessly with WooCommerce and Elementor. With its easy drag-and-drop interface, it ensures a smooth shopping experience while designing your website pages. The sleek and classic layout of this theme is perfect for creating a storefront for apparel, boutique, swimwear, and luxury fashion. Also suitable for startup businesses such as children's clothing, men's t-shirts, accessories, cosmetics, beauty, and jewelry stores. Add a new blog template to showcase the latest news, product updates, fashion designer promotions, and affiliate offers. This theme offers advanced product search, smart swatches, high-quality photos, a modal fly cart, and other functionality. Also, compatible with page builders like WPBakery, Divi, and SiteOrigin, making it the fastest and easy to design pages quickly. It is also responsive, RTL, and translation-ready, making it easy for you to create additional layouts and pages. Check out the demo at https://demo.athemeart.com/emart/ 
Template: emart-shop
Version: 1.0.8
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 7.0
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, sticky-post, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, custom-logo, blog, e-commerce
Text Domain: fashion-mart

Fashion Mart WordPress Theme, Copyright 2022 aThemeArt
Fashion Mart is distributed under the terms of the GNU GPL

Fashion Mart is child theme of Startup Shop WordPress Theme, Copyright 2022 aThemeArt
*/
:root {
  --secondary-color: #4b4870;
  --secondary-color-rgb: rgba(75,72,112,0.34);
  --nav-h-color:#4b4870;
  --nav-wrap-bg:#4b4870;
  --nav-sub-color:#4b4870;
  --nav-sub-bg-h:#4b4870;


}

/*-----------------Header - Style - 3 ----------------*/

#static_header_banner{
  padding-top: 0;
  border-bottom: solid 1px #eaeaea;
  background: #f5f5f5;
  height: 30vh;
  text-align: left;
  color: var(--secondary-color);
}
#static_header_banner .site-header-text-wrap{
  text-align: left;
color: var(--secondary-color);
}
#top-bar-wrap{
  background: rgba(75,72,112,0.09);
}
.brand-wrap {
  padding-top: 50px;
  padding-bottom: 50px;
}
#nav-wrap.header_style_3{
  position: static;
  padding-top: 0px;
}
#nav-wrap.header_style_3 .container:before,
#nav-wrap.header_style_3 .container::after{
  display: none;
}
#nav-wrap.header_style_3{
  background: var(--nav-wrap-bg);
}
#nav-wrap.header_style_3 #navbar{
  padding-left: 0px;
}

/*-------------------------------------------------------------- */
/* Category  Menu Mega
-------------------------------------------------------------- */
#cat-block-menu {
  position:relative;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  align-self: stretch;
  display: flex;
}

#cat-block-menu > button.btn-mega {
  font-size:1rem;
  color: var(--nav-color);
  width:280px;
  position:relative;
  z-index:98;
  cursor:pointer;
  letter-spacing:2px;
  align-self: stretch;
  display: flex;
  align-items: center !important;
  justify-content: center;
  border: none!important;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
#cat-block-menu > button.btn-mega:before{
  background-color:#484848;
  box-shadow: 0 0 25px 3px rgba(0,0,0,.1);
  border-top-left-radius:9px;
  border-top-right-radius:9px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: -10px;
  bottom: 0px;
  content: "";
  z-index: -1;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
#cat-block-menu > button.btn-mega:hover:before,
#cat-block-menu > button.btn-mega:hover,
#cat-block-menu > button.btn-mega:focus:before,
#cat-block-menu > button.btn-mega:focus,
#cat-block-menu:hover > button.btn-mega:before,
#cat-block-menu:hover > button.btn-mega{
  color: var(--nav-h-color);
  background: var(--nav-bg-h);
}
#cat-block-menu > .btn-mega:hover > span.hamburger:before,
#cat-block-menu > .btn-mega:hover > span.hamburger:after,
#cat-block-menu > .btn-mega:hover > span.hamburger,
#cat-block-menu > .btn-mega:focus > span.hamburger:before,
#cat-block-menu > .btn-mega:focus > span.hamburger:after,
#cat-block-menu > .btn-mega:focus > span.hamburger{
  background: var(--nav-h-color);
}
#cat-block-menu > .btn-mega > span.hamburger {
  position:relative;
  height:2px;
  width:18px;
  background-color:#fff;
  display:inline-block;
  margin-right:20px;
}

#cat-block-menu > .btn-mega > span.hamburger:before {
  content:'';
  position:absolute;
  height:2px;
  width:24px;
  top:-7px;
  background-color:#fff;
  left: 0px;
}


#cat-block-menu > .btn-mega > span.hamburger:after {
  content:'';
  position:absolute;
  height:2px;
  width:24px;
  top:7px;
  background-color:#fff;
  left: 0px;
}
/*----------- Add Jquery- ----------*/
#cat-block-menu:hover ul.menu,
#cat-block-menu ul.menu.responsve_cat,
#cat-block-menu > ul.menu.show{
  visibility:visible;
  opacity:1;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}


#cat-block-menu > ul.menu {
  position: absolute;
  z-index:999!important;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  top:100%;
  opacity:0;
  visibility:hidden;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  left: 0px;
  right: 0px;
  padding-left:0px;
}


#cat-block-menu > ul.menu li{
  position:relative;
  display: block;
  margin: 0px;
}
#cat-block-menu > ul ul{
  position:absolute;
  left:calc(100% - 22px);
  width:230px;
  display:none;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  opacity:0;
  display:none;
  top:0px;
  padding-left:0px;
}
#cat-block-menu li:hover ul{
  display:block;
  opacity:1;
}
#cat-block-menu > ul.menu > li > a,
#cat-block-menu > ul.menu ul a{
  line-height:21px;
  padding:15px 24px;
  display:block;
  position:relative;
  display:block;

}
#cat-block-menu > ul.menu li:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: -moz-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 80%);
    background: -webkit-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 80%);
    background: radial-gradient(ellipse at left, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 80%);
}
#cat-block-menu > ul.menu > li:last-child > a {
  border-bottom:none;
}
#cat-block-menu > ul.menu > li:last-child:after{
  display:none;
}
#cat-block-menu > ul.menu li a:hover,
#cat-block-menu > ul.menu ul a:hover{
  color: var(--nav-sub-color-h) !important;
  background: var(--nav-sub-bg-h);
}
#cat-block-menu > ul.menu > li:last-child > a:hover,
#cat-block-menu > ul.menu > li:last-child > a:focus {
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  -webkit-border-bottom-right-radius:8px;
}

@media only screen and (max-width: 850px) {

  #nav-wrap.header_style_3{
    position: static;
  }
  #cat-block-menu{
    margin-right: 20px;
  }
}

@media only screen and (max-width: 599px) {
    #nav-wrap.header_style_3 .d-flex.align-items-center{
      flex-direction: row;
      flex-wrap: wrap;
    }
    #cat-block-menu{
      display: block;
      margin: 0px auto 20px auto;
    }
    #cat-block-menu > button.btn-mega::before,
    #cat-block-menu > button.btn-mega{
      border-radius: 9px;
      -webkit-border-radius: 9px;
    }
    #cat-block-menu > button.btn-mega{
      height: auto;
      padding:10px 0px 15px 0px;
    }

}

#cat-block-menu > button.btn-mega, #cat-block-menu > button.btn-mega::before {
  background: #5f5c84;
}
#navbar .navigation-menu li ul, #navbar .navigation-menu li li a, #masthead ul.header-icon li li a, #cat-block-menu > ul.menu, #cat-block-menu > ul ul {
  background: #fff;
}


ul.products li.product.element_animation.grid{
    overflow: hidden;
    background: #f4f7fb;
}
ul.products li.product.element_animation.grid .button-wrap{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -65px;
    padding: 0px;
}
ul.products li.product.element_animation.grid .product-image,
ul.products li.product.element_animation.grid .woocommerce-loop-product__title,
ul.products li.product.element_animation.grid .cat-name,
ul.products li.product.element_animation.grid .price,
ul.products li.product.element_animation.grid .button-wrap {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  transition-delay: 0s;

}

ul.products li.product.element_animation.grid:hover .cat-name{
    -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
ul.products li.product.element_animation.grid:hover .woocommerce-loop-product__title {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}
ul.products li.product.element_animation.grid:hover .price {
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

ul.products li.product.element_animation.grid:hover .button-wrap{
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}
ul.products li.product.element_animation.grid:hover .product-image,
ul.products li.product.element_animation.grid:hover .woocommerce-loop-product__title,
ul.products li.product.element_animation.grid:hover .cat-name,
ul.products li.product.element_animation.grid:hover .price,
ul.products li.product.element_animation.grid:hover .button-wrap {
  -webkit-transform: translateY(-65px);
  transform: translateY(-65px);

}
ul.products li.product.element_animation.grid:hover .button-wrap{
        -webkit-transform: translateY(-85px);
  transform: translateY(-85px);
}

.archive.post-date {
  background: #666 none repeat scroll 0 0;
  color: #fff;
  font-weight: 700;
  left: 0;
  padding: 18px 0;
  display: block;
  text-align: center;
  top: 0;
  width: 70px;
  margin-top: 30px;
  margin-left: 25px;
}
.archive.post-date .day {
  display: block;
  font-size: 20px;
}
.archive.post-date span {
  text-transform: uppercase;
}
@media only screen and (max-width: 760px) {
  .archive.post-date {
    display: none;
  }
}
#static_header_banner h1.page-title-text {
  font-size: 2.2em;
}
body.single-post .content-wrap{
  max-width: 680px;
}
ul.products li.product .button.theme-btn.added{
  display: none;
}