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

.menu-social-links {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;

	a {
		padding: .25em;

		@include media( map_get( $breakpoint, 'xxl' ) ) {
			padding: .5em;
		}

	}

	.svg-icon {
		width: auto;
		height: 1.5em;
		vertical-align: top;
	}

}

.site-info-content .social-links {

	@include media( map_get( $breakpoint, 'xl' ) ) {
		display: inline-block;
		margin-#{$left}: auto;
		margin-#{$right}: 0;
	}

}