.site-footer > .footer-navigation {

	display: inline;

	@include media(desktop) {
		margin-top: var(--global--spacing-unit);
		margin-bottom: var(--global--spacing-unit);
		text-align: left;
	}

	& > div {
		display: inline;
	}

	.footer-menu {

		color: var(--footer--color-text);
		margin: 0;
		padding-left: 0;

		@include media(desktop) {
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-end;
		}

		& > li {
			display: inline;

			&:first-of-type > a {
				padding-left: 0;
			}

			&:last-of-type {
				padding-right: 0;
			}
		}

		a {
			font-family: var(--primary-nav--font-family);
			font-size: var(--footer--font-size);
			font-weight: var(--primary-nav--font-weight);
			padding: var(--primary-nav--padding);

			color: currentColor;

			&:link,
			&:visited,
			&:active {
				color: currentColor;
			}

			&:hover,
			&:focus {
				color: var(--footer--color-link-hover);
			}
		}
	}
}