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

.footer-navigation {
	font-size: .8em;
	padding: 1rem 0;

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

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

	li {
		margin: .25rem 0;
	}

	a {
		display: block;
		padding: .5rem 0;
		text-decoration: none;
		white-space: nowrap;

		@include media( map_get( $breakpoint, 'l' ) ) {
			padding: 0;
		}

	}

	.sub-menu {
		margin-top: 1.75rem;

		@include media( map_get( $breakpoint, $mobile_menu_breakpoint ) ) {

			a {
				transition: transform .15s;

				// Do not apply on focus to prevent any eye discomfort!
				&:hover {
					transform: translateX(.15rem);
				}

			}

		}

	}

}

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

	// Top level menu items.
	> li {
		margin-top: 0;
		margin-bottom: 0;

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

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

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

		}

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

	}

}