//////////////////////////////////////////
// SOCIAL LINK LISTS
//////////////////////////////////////////

 .social{

 	ul{
 		@include flex;
 	}

	li{

		& + li{
			margin-left: 0.5rem;
		}
	}

	a{
		color: #fff;
		width: $social-link-width;
		height: $social-link-height;
		line-height: $social-link-height;
		text-align: center;
		background-color: #ccc;
		color: #fff;
		display: block;
		text-decoration: none;
		border-radius: $social-link-border-radius;

		&:hover{
			background-color: #999
		}
	}

	$net: (
		facebook: #3B5998, 
		twitter: #38BAE7,
		linkedin: #3190C4, 
		youtube: #EF383A, 
		pinterest: #DB3023,
		instagram: #BC2A8D
	)!default;

	@each $net-hover, $hover-color in $net{
		
		.#{$net-hover}{
			background-color: $hover-color;

			&:hover{
				color: #fff;
				background-color: darken($hover-color, 10%);
			}
		}
	}
}