/*
Theme Name: Avante Child
Theme URI: https://themes.themegoods.com/avante/landing
Description: Premium Business & Consulting WordPress Theme
Version: 1.0
Author: ThemeGoods
Author URI: https://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: https://themeforest.net/licenses/regular_extended
Text Domain: avante
Template: avante
*/

/* --------------------------------------------------------------------------
   iOS Safari: make the side menu close button tappable.

   screen.css gives #mobile-menu-close position:fixed, but its containing block
   is .mobile-menu-wrapper, which the open menu turns into a
   -webkit-overflow-scrolling:touch scroller inside #perspective's
   perspective:1500px context. iOS Safari hit-tests position:fixed descendants
   of both against the wrong rect, so taps never reach the anchor and body keeps
   js-nav / modalview. position:absolute resolves against the same padding box,
   so the button does not move, but it hit-tests correctly on iOS.
   -------------------------------------------------------------------------- */
.mobile-menu-wrapper #mobile-menu-close.button {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	pointer-events: auto;
	touch-action: manipulation;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transform: translateZ(0) scale(0);
	transform: translateZ(0) scale(0);
}

body.js-nav .mobile-menu-wrapper #mobile-menu-close.button {
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1);
}

/* The icon must not swallow the tap on its own. */
.mobile-menu-wrapper #mobile-menu-close.button span {
	pointer-events: none;
}