/**
 * Expanded footer navigation.
 *
 * Keep Divi's desktop menu tree at every breakpoint and place submenus in the
 * normal document flow. This avoids a redundant mobile toggle in the footer
 * and makes every second-level destination visible without hover or a click.
 */

.footer-menu .et_pb_menu_inner_container,
.footer-menu .et_pb_menu__wrap,
.footer-menu .et_pb_menu__menu,
.footer-menu .et-menu-nav {
	display: block !important;
	width: 100%;
}

.footer-menu .et_mobile_nav_menu {
	display: none !important;
}

.footer-menu ul.et-menu {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.footer-menu ul.et-menu>li {
	width: auto;
	min-width: 0;
	flex-direction: column;
	padding: 0 1rem !important;
	text-transform: uppercase;
	font-weight: 600;
	text-align: left;
}

.footer-menu ul.et-menu>li>a {
	display: block;
	width: 100%;
	padding: 0.35rem 0 !important;
}

.footer-menu .menu-item-has-children>a:first-child {
	padding-right: 0 !important;
}

.footer-menu .menu-item-has-children>a:first-child::after {
	display: none !important;
}

.footer-menu ul.et-menu li ul.sub-menu {
	position: static !important;
	top: auto !important;
	left: auto !important;
	display: block !important;
	width: auto !important;
	margin: 0 0 0.4rem 0.2rem !important;
	padding: 0 !important;
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	animation: none !important;
	background: transparent !important;
	border-top: 0 !important;
	box-shadow: none !important;
	text-transform: none;
	font-weight: 400;
}

.footer-menu ul.et-menu li ul.sub-menu li {
	display: block;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.footer-menu ul.et-menu li ul.sub-menu a {
	display: block;
	width: auto;
	padding: 0.2rem 0.5rem !important;
	line-height: 1.4;
	border-left: 2px solid #dfe4ef;
}

.footer-menu ul.et-menu li ul.sub-menu a:hover {
	opacity: 1;
	background: #0000001f;
}

@media (min-width: 981px) {
	.footer-menu ul.et-menu {
		flex-direction: row;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.footer-menu ul.et-menu>li {
		max-width: 25%;
	}


}