#social {
  /*margin: 20px 10px; */
  text-align: center;
}

.smGlobalBtn { /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border:2px solid #ddd; /* add border to the buttons */
    box-shadow: 0 3px 3px #999;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 27px;
    -moz-border-radius:27px;
    -webkit-border-radius:27px;
}

/* facebook button class*/
.facebookBtn{
    background: #4060A5;
}

.facebookBtn:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a"; /* add facebook icon */
}

.facebookBtn:hover{
    color: #4060A5;
    background: #fff;
    border-color: #4060A5; /* change the border color on mouse hover */
}

/* twitter button class*/
.twitterBtn{
    background: #00ABE3;
}

.twitterBtn:before{
      font-family: "FontAwesome";
      content: "\f099"; /* add twitter icon */
      
}

.twitterBtn:hover{
      color: #00ABE3;
      background: #fff;
      border-color: #00ABE3;
}

/* google plus button class*/
.googleplusBtn{
    background: #e64522;
}

.googleplusBtn:before{
      font-family: "FontAwesome";
      content: "\f0d5"; /* add googleplus icon */
}

.googleplusBtn:hover{
      color: #e64522;
      background: #fff;
      border-color: #e64522;
}

/* linkedin button class*/
.linkedinBtn{
    background: #0094BC;
}

.linkedinBtn:before{
      font-family: "FontAwesome";
      content: "\f0e1"; /* add linkedin icon */
}

.linkedinBtn:hover{
      color: #0094BC;
      background: #fff;
      border-color: #0094BC;
}

/* pinterest button class*/
.pinterestBtn{
    background: #cb2027;
}

.pinterestBtn:before{
      font-family: "FontAwesome";
      content: "\f0d2"; /* add pinterest icon */
}

.pinterestBtn:hover{
      color: #cb2027;
      background: #fff;
      border-color: #cb2027;
}

/* tumblr button class*/
.tumblrBtn{
    background: #3a5876;
}

.tumblrBtn:before{
      font-family: "FontAwesome";
      content: "\f173"; /* add tumblr icon */
}

.tumblrBtn:hover{
      color: #3a5876;
      background: #fff;
      border-color: #3a5876;
}

/* rss button class*/
.rssBtn{
    background: #e88845;
}

.rssBtn:before{
      font-family: "FontAwesome";
      content: "\f09e"; /* add rss icon */
}

.rssBtn:hover{
      color: #e64522;
      background: #fff;
      border-color: #e64522;
}

/* youtube button class*/
.ytBtn{
    background: #e64522;
}

.ytBtn:before{
      font-family: "FontAwesome";
      content: "\f167"; /* add youtube icon */
}

.ytBtn:hover{
      color: #e64522;
      background: #fff;
      border-color: #e64522;
}

.icon-social {
    width: 25px;
    height: 25px;
    background: url('//cdn11.bigcommerce.com/r-cd74cb12e5d8e952a812b68d3d60382a14b97a1e/themes/Goodvibes/images/sprite-social-default.png') no-repeat;
}

.icon-facebook {
    background-position: 0 0;
}

.is-disabled.icon-facebook {
    background-position: -65px 0;
}

.icon-facebook:hover,.icon-facebook:focus {
    background-position: -130px 0;
}

.icon-googleplus {
    background-position: 0 -40px;
}

.is-disabled.icon-googleplus {
    background-position: -65px -40px;
}

.icon-googleplus:hover,.icon-googleplus:focus {
    background-position: -130px -40px;
}

.icon-tumblr {
    background-position: 0 -80px;
}

.is-disabled.icon-tumblr {
    background-position: -65px -80px;
}

.icon-tumblr:hover,.icon-tumblr:focus {
    background-position: -130px -80px;
}

.icon-twitter {
    background-position: 0 -120px;
}

.is-disabled.icon-twitter {
    background-position: -65px -120px;
}

.icon-twitter:hover,.icon-twitter:focus {
    background-position: -130px -120px;
}

.icon-pinterest {
    background-position: 0 -160px;
}

.is-disabled.icon-pinterest {
    background-position: -65px -160px;
}

.icon-pinterest:hover,.icon-pinterest:focus {
    background-position: -130px -160px;
}

.icon-stumbleupon {
    background-position: 0 -200px;
}

.is-disabled.icon-stumbleupon {
    background-position: -65px -200px;
}

.icon-stumbleupon:hover,.icon-stumbleupon:focus {
    background-position: -130px -200px;
}

.icon-youtube {
    background-position: 0 -240px;
}

.is-disabled.icon-youtube {
    background-position: -65px -240px;
}

.icon-youtube:hover,.icon-youtube:focus {
    background-position: -130px -240px;
}

.icon-linkedin {
    background-position: 0 -280px;
}

.is-disabled.icon-linkedin {
    background-position: -65px -280px;
}

.icon-linkedin:hover,.icon-linkedin:focus {
    background-position: -130px -280px;
}

.icon-rss {
    background-position: 0 -320px;
}

.is-disabled.icon-rss {
    background-position: -65px -320px;
}

.icon-rss:hover,.icon-rss:focus {
    background-position: -130px -320px;
}

.icon-social-theme {
    background: #ccc url('//cdn11.bigcommerce.com/r-cd74cb12e5d8e952a812b68d3d60382a14b97a1e/themes/Goodvibes/images/gv/social-icons-sprite.png');
    width: 17px;
    height: 17px;
    overflow: hidden;
    margin-right: 17px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.icon-social-theme.icon-twitter {
    background-position: 0 1px;
}

.icon-social-theme.icon-facebook {
    background-position: -17px 0;
}

.icon-social-theme.icon-googleplus {
    background-position: -34px 1px;
}

.icon-social-theme.icon-instagram {
    background-position: -51px 0;
}

.icon-social-theme.icon-pinterest {
    background-position: -68px 0;
}

.icon-social-theme.icon-youtube {
    background-position: -85px 0;
}

.icon-social-theme.icon-stumbleupon {
    background-position: -102px 0;
}

.icon-social-theme.icon-tumblr {
    background-position: -119px 0;
}

.icon-social-theme.icon-linkedin {
    background-position: -136px 0;
}

.icon-social-theme.icon-rss {
    background-position: -153px 0;
}
