/* FILE: global/menu/_primary.scss */

.main-navigation {
	font-size: .8em;

	@include media( map_get( $breakpoint, $mobile_menu_breakpoint ) ) {
		margin-#{$right}: 1.5rem;
	}

	@include media( map_get( $breakpoint, 'xxl' ) ) {
		margin-#{$right}: 3rem;
		font-size: .9em;
	}

	ul {
		margin: 0;
		list-style: none;
	}

	a {
		display: block;
		padding: ( $golden_minor +rem ) 0;
		text-decoration: none;
		white-space: nowrap;
	}

}

.menu-item-description {
	display: block;
	max-width: 16em;
	margin-top: .15em;
	font-weight: 400;
	font-style: italic;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.25;
	opacity: .75;
	white-space: normal;
}

.menu-primary {
	display: flex;
	flex-wrap: wrap;

	// Top level menu items.
	> li {

		&:not(:last-child) {
			margin-#{$right}: 1rem;

			@include media( map_get( $breakpoint, 'xxl' ) ) {
				margin-#{$right}: 1.5rem;
			}

		}

		> a {
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: var(--letter_spacing);

			@include media( map_get( $breakpoint, $mobile_menu_breakpoint ) ) {
				padding-top: 1rem;
				padding-bottom: 1rem;
			}

		}

	}

}