/*
Theme Name: Version 3
Author: Beauty Journey & Bluehost
Author URI: https://lumeohealth.com
Description: A Custom WordPress Theme built for Beauty Journey by Bluehost 
Version: 1.0.0
Template: yith-wonder
Text Domain: version-3
*/

/* Ensure the mobile menu is displayed properly */
@media (max-width: 748px) {
  .menu-item {
    display: block;
    width: 100%;
  }
  .menu-toggle {
    display: block;
    cursor: pointer;
  }
  .menu {
    display: none;
  }
  .menu-toggle.active + .menu {
    display: block;
  }
}

/* Fix visibility issues with the mobile menu */
.et_mobile_nav_menu:before {
  content: 'MENU';
  position: absolute;
  right: 40px;
  z-index: 9999;
}

#et_mobile_nav_menu:before {
  content: 'MENU';
  position: absolute;
  right: 33px;
  bottom: 30px;
}

.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
}

.et_mobile_menu {
  border-top: 0px;
  text-align: center !important;
  min-width: 100vw;
  margin-left: -10vw;
  min-height: 100vh !important;
  padding-top: 150px !important;
  margin-top: -150px !important;
}

html {
  height: -webkit-fill-available;
}

/* Ensure the close button is visible and clickable */
.mobile_menu_bar {
  z-index: 2;
}