/* Navigation */
.navigation {
  --clr-text-primary: #000;
  --clr-brand-primary: #fff;
  --txt-normal: #111;
  --txt-active: #fff;
  --bgc-normal: #fff;
  --separator-line: 1px solid #cccccc66;
  isolation: isolate;
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  background: #fff;
  margin: 0 auto;
}
.navigation.is-fixed {
  position: fixed;
}
.navigation.is-fixed + * {
  margin-top: var(--nav-offset, 0);
}
.navigation.is-sticky {
  position: sticky;
}
.navigation.was-scrolled {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5019607843);
  transition: all 0.3s ease-out;
  animation: slideDown 0.5s ease-in-out;
}
.navigation__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.navigation__mobile {
  transform: translateX(-110%);
}
.navigation__main {
  /* flex: 1; */
  margin-left: auto;
}
.navigation__mobile .navigation__main{
  max-height: 420px;
  overflow: hidden;
  overflow-y: auto;
}
.navigation__group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.navigation__search {
  --block-clr-primary: var(--txt-normal);
}
.navigation__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.navigation__list:not(.level-0) {
  transition: all 0.3s ease-out;
}
.navigation__list:not(.level-0) .navigation__link {
  font-size: calc(var(--txt-size) - var(--txt-size-adjust, 1px));
  color: #fff;
}
.navigation__list:not(.level-0) .navigation__link:hover,.navigation__list:not(.level-0) .navigation__item:hover > .navigation__link{
  color:#004b23;
}
.navigation__item.has-child > .navigation__link {
  flex: 1;
}
.navigation__link {
  display: block;
  font-weight: var(--txt-weight, 500);
  font-size: var(--txt-size, 16px);
  text-transform: uppercase;
  color: var(--txt-normal, #fff);
  transition: all 0.3s ease-out;
}
.navigation__button {
  color: var(--txt-normal, #fff);
}
.navigation__button.show-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--btn-size, 12px);
  height: var(--btn-size, 12px);
}
.navigation__button.show-child span {
  font-size: 14px;
  transition: all 0.3s ease-out;
}
.search-menu { position: relative; }
.search-menu .icon-search-menu {width: 50px;height: 50px;cursor: pointer;text-align: center;line-height: 50px;color: #000;font-size: 18px;margin: 0px;background: var(--color-hover);color: #004b23;border-radius: 5px;font-weight: 900;}
.search-menu .icon-search-menu.active { color: #ec2d3f; background: #ffffff; border-radius: 100%; }
.search-menu .search-grid { position: absolute; top: 50px; right: 0px; width: 0px; height: 40px; overflow: hidden; background: #ffffff; border: 1px solid var(--color-main); z-index: 2; opacity: 0; border-radius: 25px; line-height: normal; }
.search-menu .search-grid p { float: left; width: 35px; height: 38px; cursor: pointer; outline: none; border: none; margin: 0px; font-size: 17px; display: block; color: var(--color-main); line-height: 40px; text-align: center; }
.search-menu .search-grid input { width: calc(100% - 35px); float: right; outline: none; border: none; color: #333; height:100%;}
.search-menu .search-grid input:focus { color: #000;box-shadow: none; }
.search-menu .search-grid input::-webkit-input-placeholder { color: #313131; }
.search-menu .search-grid input:-moz-placeholder { color: #313131; }
.search-menu .search-grid input::-moz-placeholder { color: #313131; }
.search-menu .search-grid input:-ms-input-placeholder { color: #313131; }
/* Navigation Desktop */
@media (min-width: 1025px) {
  
}
/* Navigation Mobile */

@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}