/*
Theme Name: Mixtas Child
Theme URI: http://mixtas.novaworks.net
Description: This is a child theme for Mixtas Theme.
Author: Novaworks
Author URI: https://www.novaworks.net/
Template: mixtas
Version: 1.0
*/
/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

/* ---------- shop mega menu ---------- */

.elementor-widget-n-menu .e-n-menu-content,
.elementor-widget-n-menu .e-n-menu-content > .e-con,
.elementor-widget-n-menu .e-n-menu-content .e-con,
.elementor-widget-n-menu .e-n-menu-content .e-con-inner,
.elementor-widget-n-menu .e-n-menu-content .elementor-widget-shortcode,
.elementor-widget-n-menu .e-n-menu-content .elementor-shortcode{
  width:fit-content;
  max-width:100%;
  position: relative;
  z-index: 100;
}

.hs-shop{
  display:flex;
  align-items:stretch;
  width:100%;
  min-height:340px;
  background:#F4F5F2;
  border:1px solid #151515;
  font-family:Inter,sans-serif;
  position: relative;
  z-index: 100;
}

.hs-shop__col{ padding:30px; }
.hs-shop__col--1{ flex:0 0 260px; background:#F4F5F2; }
.hs-shop__col--2{ flex:0 0 260px; background:#EAEBE7; }
.hs-shop__col--3{ flex:0 0 260px; background:#F4F5F2; }

.hs-shop__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.hs-shop__item{ margin:0 0 6px; width:100%; }

.hs-shop__item a{
  display:inline-block;
  font-size:13px;
  line-height:140%;
  color:#151515;
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.hs-shop__item a:hover{ border-bottom-color:#C9A227; }
.hs-shop__item.is-active > a{ border-bottom-color:#C9A227; }
.hs-shop__item.has-kids > a::after{ content:" +"; }

.hs-shop__list--top .hs-shop__item a{ font-size:16px; line-height:150%; }

.hs-shop__title{
  font-size:11px;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#767676;
  margin:0 0 14px;
}

.hs-shop__viewall{
  display:inline-block;
  margin-top:20px;
  font-size:13px;
  color:#151515;
  text-decoration:underline;
  text-decoration-color:#C9A227;
  text-underline-offset:2px;
}

.hs-shop__panel{ display:none; }
.hs-shop__panel.is-open{ display:block; }

@media(max-width:1024px){
  .elementor-widget-n-menu .e-n-menu-content,
  .elementor-widget-n-menu .e-n-menu-content > .e-con,
  .elementor-widget-n-menu .e-n-menu-content .e-con,
  .elementor-widget-n-menu .e-n-menu-content .e-con-inner,
  .elementor-widget-n-menu .e-n-menu-content .elementor-widget-shortcode,
  .elementor-widget-n-menu .e-n-menu-content .elementor-shortcode{
    width:100%;
  }
  .hs-shop{ flex-direction:column; min-height:0; }
  .hs-shop__col{ flex:1 1 auto; padding:16px 20px; background:#F4F5F2 !important; }
  .hs-shop__panel{ display:block; }
  .hs-shop__list--top .hs-shop__item a{ font-size:15px; }
}

@media (min-width: 1025px) {
  .hs-shop__col--2:not(:has(.hs-shop__panel.is-open)),
  .hs-shop__col--3:not(:has(.hs-shop__panel.is-open)) {
    display: none;
  }
}
/* ---------- main menu ---------- */

.kitify-nova-menu .main-navigation > ul > li > a {
  height: 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 .5rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  white-space: nowrap;
  color: #151515;
  text-decoration: none;
  transition: border-color .15s ease-out;
}

.kitify-nova-menu .main-navigation > ul > li > a:hover,
.kitify-nova-menu .main-navigation > ul > li.current-menu-item > a,
.kitify-nova-menu .main-navigation > ul > li.current-menu-ancestor > a,
.kitify-nova-menu .main-navigation > ul > li.current-menu-parent > a,
.kitify-nova-menu .main-navigation > ul > li.current_page_item > a {
  border-color: #151515;
}

.kitify-nova-menu .main-navigation > ul > li { margin-left: .25rem; }
.kitify-nova-menu .main-navigation > ul > li:first-child { margin-left: 0; }

.kitify-nova-menu .main-navigation > ul > li > a span:before,
.kitify-nova-menu .main-navigation > ul > li > a span:after {
  display: none !important;
}

/* ---------- search row ---------- */
.kitify-search,
.kitify-search__form {
  display: flex;
  align-items: center;
  width: 100%;
  background: none;
  position: relative;
  z-index: 10;
}

.kitify-search__submit {
  order: -1;
  flex: 0 0 auto;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #151515;
}

.kitify-search__label {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  display: block;
}

.kitify-search__field {
  display: block;
  width: 100%;
  height: 2.5rem;
  padding: 0 0 0 .5rem;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  line-height: 1rem;
  color: #151515;
}

.kitify-search__field:focus,
.kitify-search__field:focus-visible {
  outline: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.kitify-search__field::placeholder {
  color: #767676;
  opacity: 1;
  text-transform: capitalize;
}

/* ---------- open state ---------- */
.hs-header-open > .e-con:not(.hs-keep) {
  display: none !important;
}

.hs-search-close {
  position: absolute;
  right: .75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: 0 !important;
  border-radius: .25rem;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  display: none;
  cursor: pointer;
  z-index: 5;
}

.hs-header-open .hs-search-close { display: block; }

.hs-search-close:hover,
.hs-search-close:focus,
.hs-search-close:active {
  background: none !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.hs-search-close::before,
.hs-search-close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 1.4px;
  margin: -0.7px 0 0 -7.5px;
  background: #151515;
}

.hs-search-close::before { transform: rotate(45deg); }
.hs-search-close::after  { transform: rotate(-45deg); }

.hs-search-close:focus-visible {
  outline: none;
  box-shadow: 0 0 0 .125rem #C9A227 !important;
}

/* ---------- MOST SEARCHED panel ---------- */
.hs-mostsearched {
  display: none;
  width: 100%;
  padding: 3.5rem 1rem 4rem;
  text-align: center;
  background: #FFFFFF;
  position: relative;
  z-index: 10;
}

.hs-search-open .hs-mostsearched { display: block; }

.hs-mostsearched__title {
  font-family: "Archivo Narrow", sans-serif;
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #252525;
  margin: 0 0 1.5rem;
}

.hs-mostsearched__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hs-mostsearched__list li { margin: 0 0 .5rem; }

.hs-mostsearched__list a {
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: .01em;
  color: #252525;
  text-decoration: none;
}

.hs-mostsearched__list a:hover {
  text-decoration: underline;
  text-decoration-color: #C9A227;
  text-underline-offset: .125rem;
}

body.hs-search-open { overflow: hidden; }