/* Yatu mobile menu polish - added by Codex */
@media only screen and (max-width: 992px) {
  #wrapper.active #mobile-advanced {
    position: relative !important;
    min-height: 100vh !important;
    background: #fbfcfa !important;
    padding: 178px 46px 72px !important;
    box-sizing: border-box !important;
  }

  #wrapper.active #mobile-advanced:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: min(60vw, 300px) !important;
    height: 122px !important;
    background-image: url("https://yatuwellness.com/wp-content/uploads/2024/06/yatu-logo-1.png") !important;
    background-repeat: no-repeat !important;
    background-size: 205px auto !important;
    background-position: center center !important;
  }


  #advanced-menu-hide {
    top: 38px !important;
    right: 42px !important;
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    z-index: 10020 !important;
  }

  #advanced-menu-hide:after {
    line-height: 50px !important;
    font-size: 36px !important;
    color: #171a1b !important;
  }

  #wrapper.active #mobile-advanced #mega_main_menu,
  #wrapper.active #mobile-advanced #mega_main_menu > .menu_holder,
  #wrapper.active #mobile-advanced #mega_main_menu > .menu_holder > .menu_inner {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
  }

  #wrapper.active #mobile-advanced #mega_main_menu > .menu_holder > .menu_inner > .mega_main_menu_ul {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #wrapper.active #mobile-advanced #mega_main_menu > .menu_holder > .menu_inner > ul > li {
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(35, 38, 39, 0.07) !important;
  }

  #wrapper.active #mobile-advanced #mega_main_menu > .menu_holder > .menu_inner > ul > li:first-child {
    border-top: 0 !important;
  }

  #wrapper.active #mobile-advanced #mega_main_menu .mega_main_menu_ul > li > .item_link,
  #wrapper.active #mobile-advanced #mega_main_menu .mega_main_menu_ul > li > .item_link .link_text {
    min-height: 0 !important;
    height: auto !important;
    padding: 25px 0 !important;
    line-height: 1.08 !important;
    font-size: 38px !important;
    font-weight: 600 !important;
    letter-spacing: -0.005em !important;
    color: #202425 !important;
    text-transform: uppercase !important;
  }
}

@media only screen and (max-width: 430px) {
  #wrapper.active #mobile-advanced {
    padding: 172px 46px 68px !important;
  }

  #wrapper.active #mobile-advanced:before {
    width: 298px !important;
    height: 122px !important;
    background-size: 205px auto !important;
  }


  #advanced-menu-hide {
    top: 38px !important;
    right: 38px !important;
  }

  #wrapper.active #mobile-advanced #mega_main_menu .mega_main_menu_ul > li > .item_link,
  #wrapper.active #mobile-advanced #mega_main_menu .mega_main_menu_ul > li > .item_link .link_text {
    font-size: 37px !important;
    padding: 25px 0 !important;
  }
}

@media only screen and (max-width: 360px) {
  #wrapper.active #mobile-advanced {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  #wrapper.active #mobile-advanced:before {
    width: 250px !important;
    background-size: 180px auto !important;
  }

  #wrapper.active #mobile-advanced #mega_main_menu .mega_main_menu_ul > li > .item_link,
  #wrapper.active #mobile-advanced #mega_main_menu .mega_main_menu_ul > li > .item_link .link_text {
    font-size: 32px !important;
  }
}

/* Yatu mobile menu closed-state reset - added by Codex */
@media only screen and (max-width: 992px) {
  #wrapper:not(.active) #mobile-advanced {
    position: absolute !important;
    top: 0 !important;
    right: -100% !important;
    width: 100% !important;
    height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    transform: translateX(0) !important;
  }

  #wrapper:not(.active) #mobile-advanced:before {
    content: none !important;
    display: none !important;
  }
}

/* Yatu mobile homepage header flow reset - added by Codex */
@media only screen and (max-width: 768px) {
  body.home #header.ys-header.header.fixed-header:not(.clone-fixed),
  body.home #header.ys-header.header.pos_absolute:not(.clone-fixed) {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    background: #ffffff !important;
  }

  body.home #header .top-header > .flex-row > * {
    padding-bottom: 0 !important;
  }
}

/* Yatu mobile menu title size override - added by Codex */
@media only screen and (max-width: 992px) {
  #wrapper.active #mobile-advanced #mega_main_menu.primary > .menu_holder > .menu_inner > ul.mega_main_menu_ul > li.menu-item > a.item_link,
  #wrapper.active #mobile-advanced #mega_main_menu.primary > .menu_holder > .menu_inner > ul.mega_main_menu_ul > li.menu-item > a.item_link span.link_content,
  #wrapper.active #mobile-advanced #mega_main_menu.primary > .menu_holder > .menu_inner > ul.mega_main_menu_ul > li.menu-item > a.item_link span.link_text {
    font-size: 38px !important;
    line-height: 1.08 !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
  }
}

@media only screen and (max-width: 430px) {
  #wrapper.active #mobile-advanced #mega_main_menu.primary > .menu_holder > .menu_inner > ul.mega_main_menu_ul > li.menu-item > a.item_link,
  #wrapper.active #mobile-advanced #mega_main_menu.primary > .menu_holder > .menu_inner > ul.mega_main_menu_ul > li.menu-item > a.item_link span.link_content,
  #wrapper.active #mobile-advanced #mega_main_menu.primary > .menu_holder > .menu_inner > ul.mega_main_menu_ul > li.menu-item > a.item_link span.link_text {
    font-size: 37px !important;
  }
}

@media only screen and (max-width: 360px) {
  #wrapper.active #mobile-advanced #mega_main_menu.primary > .menu_holder > .menu_inner > ul.mega_main_menu_ul > li.menu-item > a.item_link,
  #wrapper.active #mobile-advanced #mega_main_menu.primary > .menu_holder > .menu_inner > ul.mega_main_menu_ul > li.menu-item > a.item_link span.link_content,
  #wrapper.active #mobile-advanced #mega_main_menu.primary > .menu_holder > .menu_inner > ul.mega_main_menu_ul > li.menu-item > a.item_link span.link_text {
    font-size: 32px !important;
  }
}