/*Styles for Social Menus*/
@font-face {
	font-family: 'Genericons';
	src: url('../genericons/Genericons.eot');
	src: url('../genericons/Genericons.eot?#iefix') format('embedded-opentype'),
	     url('../genericons/Genericons.woff') format('woff'),
	     url('../genericons/Genericons.ttf') format('truetype'),
	     url('../genericons/Genericons.svg#genericonsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*Genericon*/
.screen-reader-text {
	position: absolute;
	top:      -9999em;
	left:     -9999em;
}
#menu-social {}

	#menu-social ul {
		list-style: none;
		margin:     0;
		padding: 0;
	}

		#menu-social ul li {
			display:  inline-block;
			position: relative;
		}

			#menu-social li a::before {
				content:        '\f408';
				display:        inline-block;
				padding:        0 5px;
				font-family:    'Font Awesome 7 Brands';
				font-size:      20px;
				vertical-align: top;

				-webkit-font-smoothing: antialiased;
			}

			#menu-social li a[href*="wordpress.org"]::before,
			#menu-social li a[href*="wordpress.com"]::before {
				content: '\f205';
				color:   #bcbec0;
			}
			#menu-social li a[href*="facebook.com"]::before {
				content: '\f39e';
				color:   #42c8f4;
			}
			#menu-social li a[href*="facebook.com"]:hover::before {
				color:   #662d91;
			}
			#menu-social li a[href*="twitter.com"]::before {
				content: '\e61b';
				color:   #42c8f4;
			}
			#menu-social li a[href*="twitter.com"]:hover::before {
				color:   #662d91;
			}
			#menu-social li a[href*="dribbble.com"]::before {
				content: '\f201';
				color:   #bcbec0;
			}
			#menu-social li a[href*="plus.google.com"]::before {
				content: '\f218';
				color:   #bcbec0;
			}
			#menu-social li a[href*="plus.google.com"]:hover::before {
				color:   #005483;
			}
			#menu-social li a[href*="pinterest.com"]::before {
				content: '\f210';
				color:   #bcbec0;
			}
			#menu-social li a[href*="github.com"]::before {
				content: '\f200';
				color:   #bcbec0;
			}
			#menu-social li a[href*="tumblr.com"]::before {
				content: '\f214';
				color:   #bcbec0;
			}
			#menu-social li a[href*="youtube.com"]::before {
				content: '\f213';
				color:   #42c8f4;
			}
			#menu-social li a[href*="youtube.com"]:hover::before {
				content: '\f213';
				color:   #662d91;
			}
			#menu-social li a[href*="flickr.com"]::before {
				content: '\f211';
				color:   #bcbec0;
			}
			#menu-social li a[href*="vimeo.com"]::before {
				content: '\f212';
				color:   #bcbec0;
			}
			#menu-social li a[href*="instagram.com"]::before {
				content: '\f16d';
				color:   #42c8f4;
			}
			#menu-social li a[href*="instagram.com"]:hover::before {
				color:   #662d91;
			}
			#menu-social li a[href*="codepen.io"]::before {
				content: '\f216';
				color:   #bcbec0;
			}
			#menu-social li a[href*="linkedin.com"]::before {
				content: '\f207';
				color:   #ff9900;
			}
			#menu-social li a[href*="linkedin.com"]:hover::before {
				color:   #cc6600;
			}
/*End Genericon*/