/**
 * SOCIAL MENU
 */
 
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute !important;
    height: 1px;
    width: 1px;
}

ul.menu--social {
    margin: 0;
    word-spacing: 0.5em;
}

ul.menu--social li {
    display: inline-block;
    list-style: none;
    margin: 0;
}

ul.menu--social li a {
    display: block;
}

ul.menu--social li a::before {
    content: "\f415";
    display: block;
    font-family: 'Genericons';
    font-size: 2em;
    line-height: 1em;
    text-align: center;
}


ul.menu--social li a[href*="youtube.com"]:before {
    content: "\f213";
}

ul.menu--social li a[href*="wordpress.org"]:before,
ul.menu--social li a[href*="wordpress.com"]:before {
    content: "\f205";
}
ul.menu--social li a[href*="facebook.com"]:before {
    content: "\f204";
}
ul.menu--social li a[href*="twitter.com"]:before {
    content: "\f202";
}
ul.menu--social li a[href*="dribbble.com"]:before {
    content: "\f201";
}
ul.menu--social li a[href*="plus.google.com"]:before {
    content: "\f206";
}
ul.menu--social li a[href*="pinterest.com"]:before {
    content: "\f209";
}
ul.menu--social li a[href*="github.com"]:before {
    content: "\f200";
}
ul.menu--social li a[href*="tumblr.com"]:before {
    content: "\f214";
}
ul.menu--social li a[href*="youtube.com"]:before {
    content: "\f213";
}
ul.menu--social li a[href*="flickr.com"]:before {
    content: "\f211";
}
ul.menu--social li a[href*="vimeo.com"]:before {
    content: "\f212";
}
ul.menu--social li a[href*="instagram.com"]:before {
    content: "\f215";
}
ul.menu--social li a[href*="codepen.io"]:before {
    content: "\f216";
}
ul.menu--social li a[href*="linkedin.com"]:before {
    content: "\f207";
}
ul.menu--social li a[href*="/feed"]:before {
    content: "\f413";
}
ul.menu--social li a[href^="mailto"]:before {
    content: "\f410";
}