/*
    Base
*/
.oxide-section-header-inner:before {
  margin-right: 1rem;
  /* background: linear-gradient(to right, rgba(0, 221, 223, 0),rgb(12, 185, 231), #050067 100%); */
}
.oxide-section-header-inner:after {
  margin-left: 1rem;
  right: auto;
  left: 100%;
  /* background: linear-gradient(to left, rgba(0, 221, 223, 0),#00DDDF, #050067 100%); */
}

/*
    Menu
*/
.oxide-menu-container__cats .menu-menus-container {
  display: flex;
}
.oxide-menu-container__cats .menu-item {
  /* min-width: 6rem; */
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

.oxide-menu-container__cats ul.menu {
  white-space: nowrap;
  margin: auto;
  overflow: scroll;
  max-width: fit-content;
  display: inline-flex;
  justify-content: start;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s,
    z-index 0s linear 0.01s;
}
.oxide-menu-container__cats ul.menu .sub-menu {
  /* display: none; */
  display: flex;
  flex-direction: column;
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}
.oxide-menu-container__cats ul.menu .sub-menu .menu-item {
  margin-left: 0;
}

.oxide-scroll-top .oxide-menu-container__cats li.menu-item.current-menu-item a {
  /* color: #101010;
  border-bottom: 0.25rem #101010 solid; */
}
.oxide-scroll-leave
  .oxide-menu-container__cats
  li.menu-item.current-menu-item
  a {
  color: white;
}
.oxide-scroll-top
  .oxide-menu-container__cats
  li.menu-item.current-menu-item
  a:after {
  content: "";
  background-color: white;
  width: 100%;
  height: 0.25rem;
  /*width: 100%;*/
  /*height: 0;*/
  left: 0;
  display: block;
  position: absolute;
  bottom: 0;
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}
.oxide-scroll-leave
  .oxide-menu-container__cats
  li.menu-item.current-menu-item
  a:after {
  content: "";
  background-color: white;
  width: 100%;
  height: 0.25rem;
  /*width: 100%;*/
  /*height: 0;*/
  left: 0;
  display: block;
  position: absolute;
  bottom: 0;
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}

.oxide-menu-container__cats li {
  position: relative;
}
.oxide-scroll-top .oxide-menu-container__cats li:after {
  content: "";
  background-color: white;
  width: 100%;
  height: 0rem;
  /*width: 100%;*/
  /*height: 0;*/
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}
.oxide-scroll-leave .oxide-menu-container__cats li:after {
  content: "";
  background-color: #fff;
  width: 100%;
  height: 0rem;
  /*width: 100%;*/
  /*height: 0;*/
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}
/* .oxide-scroll-top .oxide-menu-container__cats li:hover:after {
  height: 0.25rem;
} */
.oxide-scroll-top .oxide-menu-container__cats li a:hover {
  /* color: #101010;
  border-bottom: 0.25rem #101010 solid; */
}
.oxide-scroll-leave .oxide-menu-container__cats li:hover:after {
  height: 0.25rem;
  position: absolute;
  left: 0;
}
.oxide-scroll-leave
  .oxide-menu-container__cats
  li.menu-item.current-menu-item
  a {
  color: white !important;
}
/* .oxide-scroll-leave .oxide-menu-container__cats li a:hover {
  color: #050067;
} */
.oxide-menu-container {
  /* background: #050067; */
  /* margin-bottom: 2rem; */
  /* border-bottom: 1px solid #ececec; */
  position: relative;
  /* padding-bottom: 1.5rem; */
}

.oxide-menu-container__top-zone {
  padding: 1rem;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 0.5rem;
  display: none;
}
.oxide-menu-logo {
  height: 4.5rem;
  /* margin-bottom: 1rem; */
}
.oxide-menu-container__socials {
  margin-top: 0.5rem;
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  opacity: 1;
  /* font-size: 1.424rem; */
}

.oxide-menu-container__socials a {
  padding: 0.25rem;
  line-height: 1.5rem;
  opacity: 0.5;
  font-size: 1rem;
}
.oxide-menu-container__socials a + a {
  margin-left: 0.5rem;
  /* opacity: 0.5; */
}
.oxide-scroll-top .oxide-menu-container__controller-zone {
  width: 100%;
  /* position: absolute; */
  padding-left: 0.5rem;
  /* background: white; */
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  bottom: 0px;
  transition: all 1s ease-in-out;
}
.oxide-menu-container__hamburger {
  line-height: 2rem;
  align-items: center;
  display: flex;
  z-index: 99999;
  cursor: pointer;
  padding-top: 1rem;
}

.oxide-scroll-top .oxide-menu-logo-wrapper--dark {
  height: auto;
  position: absolute;
  display: block;
  width: 3rem;
  top: 0rem;
  left: 0rem;
  margin: 5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center left;
}
.oxide-scroll-leave .oxide-menu-container * {
  color: #fff;
}
.oxide-menu-logo-wrapper--white {
  height: auto;
  position: absolute;
  display: block;
  width: 100%;
  /* height: 100%; */
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center left;
  /* display: none; */
}
.oxide-scroll-top .oxide-menu-logo-wrapper--black {
  /* display: none; */
  height: auto;
  position: absolute;
  display: block;
  width: 10rem;
  top: 0.5rem;
  left: 2.5rem;
  margin: 0.25rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center left;
}
.oxide-scroll-leave .oxide-menu-logo-wrapper--black {
  height: auto;
  position: absolute;
  display: block;
  width: 10rem;
  top: 0.5rem;
  left: 2.5rem;
  margin: 0.25rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center left;
}
/* .oxide-scroll-leave .oxide-menu-logo-wrapper--white {
  display: none;
} */
.menu-category-container {
  max-width: fit-content;
  margin: auto;
}
.menu-category-container ul {
  color: #fff;
  text-align: left;
  max-height: 3rem;
  overflow: hidden;
}
.oxide-menu-container__hamburger-list-zone ul {
  text-align: center;
  max-height: none;
  overflow: initial;
  padding-bottom: 3rem;
}

form.oxide-menu-container__controller-zone__search-container__form
  input[type="text"] {
  font-family: "db_heavent";
}

.oxide-menu-container__cats {
  /* margin-right: 5rem; */
  line-height: 3rem;

  margin: auto;
  width: 100%;
  transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.3s,
    z-index 0s linear 0.01s;
}
.oxide-menu-container__cats .menu-item {
  list-style-type: none;
  display: inline-block;
}
.oxide-menu-container__cats .menu-item + .menu-item {
  /* margin-left: 1rem; */
  font-size: 1rem;
}
.oxide-scroll-top .oxide-menu-container__cats .menu-item a {
  font-weight: 600;
  opacity: 1;
  /* font-size: 1.125rem; */
  color: #fff;
  /* color: white; */
}
.oxide-scroll-leave .oxide-menu-container__cats .menu-item a {
  font-weight: 600;
  opacity: 1;
  /* font-size: 1.125rem; */
  /* color: #050067; */
  color: white;
  transition: all 1s ease-in-out;
}
.oxide-menu-container__search {
  position: absolute;
  right: 0rem;
  vertical-align: middle;
  line-height: 4rem;
  margin-left: 1rem;
  margin-right: 1rem;
  z-index: 99999;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-top: 1rem;
}
.oxide-menu-container__search i {
  vertical-align: middle;
  color: white;
}

.oxide-menu-container__hamburger i {
  vertical-align: middle;
  color: white;
}
.oxide-menu-container__controller-zone__search-container {
  /* position: absolute; */
  width: 100%;
  bottom: 0px;
  height: 100%;
  background: white;
  left: 0px;
  display: none;
  border-top: 1px solid #e3e3e3;
  z-index: 99999;
}
.oxide-menu-container__controller-zone__search-container.active {
  display: block;
}
.oxide-menu-container__controller-zone__search-container__form {
  /* position: absolute; */
  left: 2rem;
  right: 3rem;
  bottom: 0rem;
  top: 0px;
}
.oxide-menu-container__controller-zone__search-container__form input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0rem;
  top: 0px;
  border: 0px;
  font-size: 1.125rem;
  text-align: center;
  line-height: 3rem;
}
.oxide-menu-container__controller-zone__search-container__close {
  position: absolute;
  right: 0px;
  width: 3rem;
  text-align: center; /* line-height: 3rem; */
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 1.125rem;
}
.oxide-stripe-banner-container {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: none !important;
}
.oxide-scroll-leave .oxide-menu-container__controller-zone {
  width: 100%;
  background-color: white;
  border-bottom: 1px solid #dadada;
  transition: all 1s ease-in-out;
  position: absolute;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  bottom: 0px;
  transition: all 1s ease-in-out;
}

@media (min-width: 1081px) {
  .oxide-menu-container.oxide--user-scroll-over-menu
    .oxide-menu-container__controller-zone {
    position: fixed;
    top: 0px;
    bottom: auto;
    z-index: 999;
  }
}

@media (max-width: 1439px) {
}

@media (max-width: 1080px) {
  .oxide-menu-container__cats .menu-item + .menu-item {
    /* margin-left: 1rem; */
    font-size: 0.889rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .oxide-menu-container__socials {
    display: none;
  }
  .oxide-menu-container__top-zone {
    padding: 0.5rem;
  }
  .oxide-menu-container {
    padding-bottom: 0px;
  }
  .oxide-section-header--style-collection {
    z-index: 0;
  }
  .oxide-menu-container__cats .menu-item {
    /* visibility: hidden; */
  }
  .oxide-menu-container__cats {
    border: none;
    /* display: none; */
  }
  .oxide-menu-container__controller-zone {
    position: absolute;
    top: 0rem;
  }
  .oxide-menu-logo {
    height: 2rem;
    width: auto;
  }
  .oxide-menu-container {
    /* height: 3rem; */
  }
  .oxide-menu-container-fix-target {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0px;
    background: white;
  }
  /* .oxide-menu-logo-wrapper--white {
    display: none;
  } */
  .oxide-menu-container__hamburger {
    line-height: 3rem;
    z-index: 9999;

    cursor: pointer;
    vertical-align: middle;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1000px) {
  .oxide-menu-container__cats {
    font-size: 0.8rem;
  }
}

@media (max-width: 768px) {
  .oxide-menu-container__cats {
    display: none;
  }
  .oxide-menu-container__hamburger {
    margin-right: auto;
  }
}