.smi-screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* Icon Sizes */ 
$sizes: 12 18 24 36 48;
@each $size in $sizes {
	.smi-social-icon-#{$size} svg {
		height: #{$size}px;
		width: #{$size}px;
		vertical-align: top;
	}
}

/* Social Media Colors */
$colors: twitter #00aced,
	amazon #000000,
	behance #0692e9,
	blogger #fb8f3d,
	codepen #000000,
	dribble #F46899,
	dropbox #018BD3,
	eventbrite #f6682F,
	facebook #3b5998,
	flickr #ff0084,
	foursquare #0072b1,
	ghost #000000,
	github #070709,
	google-plus #CF3D2E,
	instagram #A1755C,
	linkedin #0085AE,
	feed #f26522,
	medium #000000,
	path #000000,
	pinterest-alt #CC2127,
	pocket #000000,
	polldaddy #bc0b0b,
	reddit #000000,
	skype #01AEF2,
	spotify #1ed760,
	squarespace #000000,
	stumbleupon #EB4823,
	telegram #000000,
	tumblr-alt #314E6C,
	twitch #4b367c,
	twitter-alt #00aced,
	vimeo #1ab7ea,
	wordpress #21759b,
	youtube #bb0000
;
.smi-social-menu.smi-social-fill-brand {
	@each $color in $colors {
		.icon-#{nth($color,1)} {
			fill: #{nth($color,2)};
		}
	}	
}
.smi-social-menu.smi-social-fill-gray {
	.icon {
		fill: #767676;
	}
}
.smi-social-menu.smi-social-fill-white {
	.icon {
		fill: #FFFFFF;
	}
}
.smi-social-menu.smi-social-fill-black {
	.icon {
		fill: #000000;
	}
}
.smi-layout-vertical {
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		li {
			display: block;
			margin: 0 0 5px 0;
		}
	}
}
.smi-layout-horizontal {
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		li {
			display: inline-block;
			margin-right: 5px;
		}
	}
}