@media (max-width: 980px) {
	/*
	 * Keep the Theme Builder mobile menu above page content. Divi can emit an
	 * inline negative z-index for responsive module values; the scoped
	 * !important declaration is required to override that inline value.
	 */
	body.bse-mobile-menu-animation .et-l--header {
		isolation: isolate;
		position: relative !important;
		z-index: 200000 !important;
	}

	body.bse-mobile-menu-animation .et-l--header .et_pb_section--with-menu {
		position: relative !important;
		z-index: 200001 !important;
	}

	body.bse-mobile-menu-animation .et-l--header .et_pb_row--with-menu {
		position: relative !important;
		z-index: 200002 !important;
	}

	body.bse-mobile-menu-animation .et-l--header .et_pb_menu {
		position: relative !important;
		z-index: 200003 !important;
	}

	body.bse-mobile-menu-animation .et-l--header .et_pb_menu .et_mobile_menu {
		z-index: 200004 !important;
	}

	body.bse-mobile-menu-animation .et_pb_menu .et_mobile_menu {
		animation: bse-mobile-menu-open 220ms ease-out both;
	}

	body.bse-mobile-menu-animation .et_pb_menu .et_mobile_menu > li {
		animation: bse-mobile-menu-item 180ms ease-out both;
	}

	body.bse-mobile-menu-animation .et_pb_menu .et_mobile_menu > li:nth-child(2) {
		animation-delay: 30ms;
	}

	body.bse-mobile-menu-animation .et_pb_menu .et_mobile_menu > li:nth-child(3) {
		animation-delay: 60ms;
	}

	body.bse-mobile-menu-animation .et_pb_menu .et_mobile_menu > li:nth-child(4) {
		animation-delay: 90ms;
	}

	body.bse-mobile-menu-animation .et_pb_menu .et_mobile_menu > li:nth-child(5) {
		animation-delay: 120ms;
	}

	body.bse-mobile-menu-animation .et_pb_menu .et_mobile_menu > li:nth-child(6) {
		animation-delay: 150ms;
	}

	body.bse-mobile-menu-animation .et_pb_menu .mobile_menu_bar::before {
		transition: color 220ms ease, transform 220ms ease;
	}

	body.bse-mobile-menu-animation .et_pb_menu .mobile_nav.opened .mobile_menu_bar::before {
		color: #f84004;
		transform: scale(1.08);
	}
}

@keyframes bse-mobile-menu-open {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes bse-mobile-menu-item {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.bse-mobile-menu-animation .et_pb_menu .et_mobile_menu,
	body.bse-mobile-menu-animation .et_pb_menu .et_mobile_menu > li {
		animation: none;
	}

	body.bse-mobile-menu-animation .et_pb_menu .mobile_menu_bar::before {
		transition: none;
	}
}

/* Make Divi's generated span-based hamburger visibly keyboard focusable. */
body.bse-mobile-menu-accessibility .et_pb_menu .mobile_menu_bar[role="button"]:focus-visible {
	border-radius: 4px;
	outline: 3px solid #f84004;
	outline-offset: 4px;
}
