/* ---------------------------------------------------------------------------------------------------------- 
SOCIAL - @author: inSourceCode (jayson@insourcecode.com)
---------------------------------------------------------------------------------------------------------- */

.social {
  float:left;
  padding:10px 0 0 60px;
}
.social a { 
  background-position:0px 0px; 
  background-repeat:no-repeat; 
  width:30px; 
  height:30px; 
  display:inline-block; 
  margin-left:10px 
}
  .social a:first-of-type {
    margin:0px; 
  }
  .social a.light { 
    background-image:url(/_files/img/social-sprite-light.png); 
  }
  .social a.dark { 
    background-image:url(/_files/img/social-sprite-dark.png); 
  }
  .social a.social-twitter { 
    background-position:0px 0px; 
  }
    .social a.social-twitter:hover { 
      background-position:0px -30px; 
    }
  .social a.social-facebook { 
    background-position:-30px 0px; 
  }
    .social a.social-facebook:hover { 
      background-position:-30px -30px; 
    }
  .social a.social-google { 
    background-position:-60px 0px; 
  }
    .social a.social-google:hover { 
      background-position:-60px -30px; 
    }
  .social a.social-youtube { 
    background-position:-90px 0px; 
  }
    .social a.social-youtube:hover {
      background-position:-90px -30px; 
    }
  .social a.social-linkedin { 
    background-position:-120px 0px; 
  }
    .social a.social-linkedin:hover {
      background-position:-120px -30px; 
    }
  .social a.social-instagram { 
    background-position:-150px 0px; 
  }
    .social a.social-instagram:hover {
      background-position:-150px -30px; 
    }
  .social a.social-pinterest { 
    background-position:-180px 0px; 
  }
    .social a.social-pinterest:hover {
      background-position:-180px -30px; 
    }
  .social a.social-flickr { 
    background-position:-210px 0px; 
  }
    .social a.social-flickr:hover {
      background-position:-210px -30px; 
    }
  .social a.social-tumblr { 
    background-position:-240px 0px; 
  }
    .social a.social-tumblr:hover {
      background-position:-240px -30px; 
    }
