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

.secondary-navigation {
	margin: 0;
	margin-#{$left}: auto;
	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-secondary {
	display: flex;
	flex-wrap: wrap;

	// Top level menu items.
	> li {

		&:not(:first-child) {
			margin-#{$left}: 1rem;

			@include media( map_get( $breakpoint, 'xxl' ) ) {
				margin-#{$left}: 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;
			}

		}

	}

	.button-toggle-sub-menu {
		margin-#{$left}: .25em;
		vertical-align: middle;
	}

}