/*Utility class used to force-remove unwanted content.*/
.hidden{

	display: none !important;
}

/*Anything not first-level however, should not be bolded, unless it is a dropdown.*/
ul.aa-menu li.menu-item > a{

	font-weight: normal;
}

/*All first-level menu items should be bolded by default.*/
ul.aa-menu > li.menu-item > a{

	font-weight: bold;
}

/*Bold any menu item that has children.*/
ul.aa-menu li.menu-item.menu-item-has-children > a{

	font-weight: bold;
}

/*Adds the dropdown icon after menu items that have children.*/
ul.aa-menu li.menu-item.menu-item-has-children > a::after {

	content: '\f0d7';
	display: inline-block;
	font-family: 'FontAwesome';

	margin-left: 7px;

}

/*When dropdown menus are activated, rotate the icon.*/
ul.aa-menu li.menu-item.menu-item-has-children:hover > a::after,
ul.aa-menu li.menu-item.menu-item-has-children:focus > a::after{

	transform: rotateZ(-90deg);
}

/*By default, all submenus should be hidden.*/
ul.aa-menu li.menu-item.menu-item-has-children > ul.sub-menu{

	display: none;
}

/*Second-level submenus should be pushed to the right on desktop.*/
ul.aa-menu ul.sub-menu ul.sub-menu{

	left: 250px;
	top: 0px;
}

/*Removes some problematic margins on second-level submenus.*/
ul.aa-menu ul.sub-menu ul.sub-menu li:first-of-type{

	margin-top: 0px;
}

/*When one hovers over the submenu container, show the menu...*/
ul.aa-menu li.menu-item.menu-item-has-children:hover > ul.sub-menu,
ul.aa-menu li.menu-item.menu-item-has-children:focus > ul.sub-menu{

	display: inline-block;
}

/*
 *  =============
 *  Mobile Styles
 *  =============
 */

/* Standard mobile media breakpoint. */
@media screen and (max-width: 768px){

	/*Align all menu content to the left on mobile.*/
	.aa-menu{

		text-align: left;
	}

	ul.aa-menu ul.sub-menu{

		margin-left: 25px;
	}

	/*Adds more margin to distinguish second-level submenus on mobile.*/
	ul.aa-menu ul.sub-menu ul.sub-menu{

		margin-left: 50px;
	}

	/*Removes the strange toggle elements that were added by a previous developer.*/
	.sub-menu-toggle{

		display: none !important;
	}

	/*On mobile, we don't want absolutely-positioned submenus as we're just going to place everything below each other.*/
	ul.aa-menu li.menu-item.menu-item-has-children:hover > ul.sub-menu,
	ul.aa-menu li.menu-item.menu-item-has-children:focus > ul.sub-menu{

		position: relative !important;
	}

	/*By default, align the submenus to the left boundary.*/
	ul.aa-menu ul.sub-menu ul.sub-menu{

		left: 0px;
	}

	/*Add some pargin to the submenus to align with the rest of the styles.*/
	ul.aa-menu ul.sub-menu ul.sub-menu li:first-of-type{

		margin-top: 1.5em;
	}

	/*Override older media queries that remove text transform on mobile.*/
	ul.aa-menu li a{

		text-transform: uppercase !important;
		font-size: 14px !important;
	}
}