/**
 * Short windows: nothing stays pinned to the top of the screen.
 *
 * Zoomed to 200% or 400%, a laptop window is 400 to 250 CSS pixels tall. The
 * theme's sticky header took over half of that, and anything opened inside it
 * (the mobile menu) could not be scrolled into view because it moved with the
 * header (Deque 2842992, 2842993). Below 640px of height the header scrolls
 * away with the page like any other content.
 *
 * Avada sticks a container by fixing it and leaving a hidden clone
 * (.fusion-sticky-spacer) in its place; the clone goes too, or the gap stays.
 */
@media (max-height: 640px) {
	.fusion-sticky-container.fusion-container-stuck:not(.fusion-sticky-spacer) {
		position: relative !important;
		top: auto !important;
		transform: none !important;
	}

	.fusion-sticky-container.fusion-sticky-spacer {
		display: none !important;
	}

	.awb-sticky {
		position: relative !important;
		top: auto !important;
	}
}

/**
 * Search in the collapsed main menu.
 *
 * Avada hides the search item whenever the main menu collapses to its "Menu"
 * button, and only the separate mobile menu (under 640px wide) adds it back.
 * A laptop at 200% zoom is about 960px wide, so Search was missing there
 * (Deque 2842992). In the collapsed menu the search field now shows directly as
 * the last item; its icon-only link and expand button are dropped, since in
 * that layout the icon does not render and the row read as a blank control.
 */
.awb-menu.collapse-enabled .awb-menu__li_search-dropdown {
	display: block !important;
}

.awb-menu.collapse-enabled .awb-menu__li_search-dropdown > .awb-menu__main-a,
.awb-menu.collapse-enabled .awb-menu__li_search-dropdown > .awb-menu__open-nav-submenu_mobile,
.awb-menu.collapse-enabled .awb-menu__li_search-dropdown > .awb-menu__main-background-default,
.awb-menu.collapse-enabled .awb-menu__li_search-dropdown > .awb-menu__main-background-active {
	display: none !important;
}

.awb-menu.collapse-enabled .awb-menu__li_search-dropdown > .awb-menu__sub-ul {
	display: block !important;
	position: static !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	width: 100% !important;
}
