@charset "utf-8";
/* CSS Document */

div.socials { position: absolute; right:45px; bottom:0; }
#menu.fixed div.socials { right:30px; }


div.socials span { display:none; }
div.socials > a { 
    display:inline-block; 
    height:30px;
    width:30px; 
    text-indent:-9999px; 
    white-space:nowrap; 
}
div.socials > a + a {
    margin-left: 20px;
}
div.socials > a::after, div.socials > a::before {
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    opacity:0;
    background-size: 60px auto;
    background-image: url(../images/socials-v2.png);
    position: absolute;
    content:'';
}
div.socials > a::before {
    opacity:1;
}
div.socials > a:hover::after {
    opacity:1;
}
div.socials > a:hover::before {
    opacity:0;
}

div.socials a.youtube::before { background-position: 0 0; }
div.socials a.linkedin::before { background-position: 0 -30px; }
div.socials a.blog::before { background-position: 0 -60px; }
div.socials a.newsletter::before { background-position: 0 -90px; }

div.socials a.youtube::after { background-position: -30px 0; }
div.socials a.linkedin::after { background-position: -30px -30px; }
div.socials a.blog::after { background-position: -30px -60px; }
div.socials a.newsletter::after { background-position: -30px -90px; }