/*
Theme Name: Modern Store Child
Theme URI: https://www.competethemes.com/modern-store/
Template: modern-store
Author: Compete Themes
Author URI: https://www.competethemes.com/
Description: Modern Store is a clean and free eCommerce theme for WooCommerce shops. It features a minimalist aesthetic that is fully responsive on laptops, tablets, and mobile devices. Use this simple theme to sell any items from clothing and fashion to sports and health products. Modern Store includes a huge variety of features including a customizable homepage template, custom brand color, header promo section, built-in-shopping cart button, store-wide search bar, social media icons, custom logo, and more. There's even an upgrade available for users who want additional customization settings. Modern Store is fully compatible with Gutenberg, Elementor, Yoast SEO, Contact Form 7, WooCommerce, and thousands of other plugins. Copy & paste this URL to view the fully setup live demo now: https://www.competethemes.com/demos/?theme=Modern+Store
Tags: grid-layout,one-column,two-columns,three-columns,left-sidebar,custom-colors,custom-header,custom-logo,custom-menu,featured-images,flexible-header,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,blog,e-commerce,portfolio
Version: 1.18.1812
Updated: 2021-04-10 16:32:28

*/

/* allura-regular - latin */
@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/allura-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/allura-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/allura-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/allura-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/allura-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/allura-v9-latin-regular.svg#Allura') format('svg'); /* Legacy iOS */
}

#site-title a {
  font-family: 'Allura';
  font-size: 40px;
}

.site-header .search-form-container .submit-button::after {
  color: #FFF;
}


body.woocommerce-page  p#breadcrumbs,
body.home p#breadcrumbs {
  display: none;
}


.page-template-homepage .woocommerce ul.products.count-3 li:first-child, .page-template-homepage .woocommerce ul.products.count-3 .entry:first-child, .page-template-homepage .woocommerce ul.products.count-6 li:first-child, .page-template-homepage .woocommerce ul.products.count-6 .entry:first-child, .page-template-homepage .woocommerce ul.products.count-9 li:first-child, .page-template-homepage .woocommerce ul.products.count-9 .entry:first-child,
.page-template-homepage .woocommerce ul.products.count-3 li, .page-template-homepage .woocommerce ul.products.count-3 .entry, .page-template-homepage .woocommerce ul.products.count-6 li, .page-template-homepage .woocommerce ul.products.count-6 .entry, .page-template-homepage .woocommerce ul.products.count-9 li, .page-template-homepage .woocommerce ul.products.count-9 .entry {
  width: 32.5%;
}

body .mobile-menu-container::after,
.menu-primary ul ul {
  background-color: #F5f5f5;
}

body .mobile-menu-container::after {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.social-icons-container .social-media-icons a:link, .menu-secondary-items a:link, .menu-primary ul a:link, .design-credit a:link, .social-icons-container .social-media-icons a:visited, .menu-secondary-items a:visited, .menu-primary ul a:visited, .design-credit a:visited, .toggle-dropdown {
  color: #000;
}

.site-header .search-form-container .category-select select,
.site-header .search-form-container .category-select {
  background: #dbc9ab;
}

.user-icon a:link, .user-icon a:visited, .cart-icon a:link, .cart-icon a:visited {
  /* color: #dbc9ab; */
}

.menu-primary ul a {
  font-weight: bold;
}

.menu-primary ul ul {
  padding-bottom: 0;
}

#site-title a {
  /* max-width: 250px; */
}

li.menu-item .toggle-dropdown {
  margin-right: 5px;
}

mark {
  background-color: transparent;
}

.mobile-menu-container {
  background-color: rgba(255, 255, 255, 0.93)
}

.mobile-menu-container button {
  color: #000;
}

.header-middle {
  padding: 15px 0;
}

.woocommerce .sidebar-store {
  width: 20%;
}

.woocommerce .loop-container {
  width: 76%;
}

.woocommerce-breadcrumb span {
  padding: 0 3px;
}

.site-header .search-form-container {
  /* max-width: 900px; */
}

.woocommerce .sidebar-store,
.woocommerce .loop-container {
  padding-top: 30px;
  margin-top:0;
}

.woocommerce .main-container {
  margin-top: 0;
}

.header-bottom {
  position: relative;
}

.header-bottom #social-icons-container {
  position: absolute;
  top: 0;
  right: 40px;
  z-index: 99;
}

.toggle-container {
  background-color: #f5f5f5;
}

.toggle-navigation {
  background-color: #F5f5f5;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.toggle-navigation:hover {
  background-color: transparent;
}

.header-bottom .toggle-container a {
  color: #000;
}

.background-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(https://klothingcanada.ca/wp-content/uploads/2021/04/Lumii_20210428_200241136-scaled.jpg);
  background-size: cover;
  opacity: .15;
  background-position: center;
  z-index: -1;
}

.header-middle {
  flex-wrap: wrap;
}

.header-middle #title-container {
  display: flex;
  flex: 1 0 100%;
}

#site-header .invisible-space {
  display: none;
}

@media (max-width: 799px){
  #site-header {
    position: relative;
  }

  #site-header .invisible-spacing {
    display: block;
    visibility: hidden;
    margin-top: -46px;
  }

  #site-header .custom-logo-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
}

@media (min-width: 800px){
    #site-header {
    position: relative;
  }

	.header-middle {
    position: relative;
		overflow: hidden;
		margin: 0 !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

  #site-header .invisible-spacing {
    display: block;
    visibility: hidden;
    margin-top: -170px;
    max-height: 400px;
  }

  #site-header .custom-logo-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index:-1;
    max-height: 400px;
  }

  #site-header .custom-logo-link:after {
/*     background-color: rgba(0, 0, 0, 0.6); */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: " ";
  }
}


.woocommerce div.product .out-of-stock {
  color: #77a464;
  font-weight: bold;
}

.woocommerce-account:not(.logged-in) .post-content > .woocommerce {
  max-width: none !important;
}