/*————————————

Icon-v4 Social BG colors

————————————*/ .u-icon-v4 {

// Facebook
&-bg-facebook {
  border-color: $g-color-facebook;

  .u-icon-v4-inner {
    background-color: $g-color-facebook;
  }
}

// Twitter
&-bg-twitter {
  border-color: $g-color-twitter;

  .u-icon-v4-inner {
    background-color: $g-color-twitter;
  }
}

// Google plus
&-bg-google-plus {
  border-color: $g-color-google-plus;

  .u-icon-v4-inner {
    background-color: $g-color-google-plus;
  }
}

// VK
&-bg-vk {
  border-color: $g-color-vk;

  .u-icon-v4-inner {
    background-color: $g-color-vk;
  }
}

// Linkedin
&-bg-linkedin {
  border-color: $g-color-linkedin;

  .u-icon-v4-inner {
    background-color: $g-color-linkedin;
  }
}

// Instagram
&-bg-instagram {
  border-color: $g-color-instagram;

  .u-icon-v4-inner {
    background-color: $g-color-instagram;
  }
}

// Pinterest
&-bg-pinterest {
  border-color: $g-color-pinterest;

  .u-icon-v4-inner {
    background-color: $g-color-pinterest;
  }
}

// Vine
&-bg-vine {
  border-color: $g-color-vine;

  .u-icon-v4-inner {
    background-color: $g-color-vine;
  }
}

// Youtube
&-bg-youtube {
  border-color: $g-color-youtube;

  .u-icon-v4-inner {
    background-color: $g-color-youtube;
  }
}

// Skype
&-bg-skype {
  border-color: $g-color-skype;

  .u-icon-v4-inner {
    background-color: $g-color-skype;
  }
}

// Dribbble
&-bg-dribbble {
  border-color: $g-color-dribbble;

  .u-icon-v4-inner {
    background-color: $g-color-dribbble;
  }
}

//
// Hover Effects
//

// Facebook
&-bg-facebook--hover:hover,
.u-icon-block--hover:hover &-bg-facebook--hover {
  border-color: $g-color-facebook;

  & .u-icon-v4-inner {
    background: $g-color-facebook;
  }
}

// Twitter
&-bg-twitter--hover:hover,
.u-icon-block--hover:hover &-bg-twitter--hover {
  border-color: $g-color-twitter;

  & .u-icon-v4-inner {
    background: $g-color-twitter;
  }
}

// Google plus
&-bg-google-plus--hover:hover,
.u-icon-block--hover:hover &-bg-google-plus--hover {
  border-color: $g-color-google-plus;

  & .u-icon-v4-inner {
    background: $g-color-google-plus;
  }
}

// VK
&-bg-vk--hover:hover,
.u-icon-block--hover:hover &-bg-vk--hover {
  border-color: $g-color-vk;

  & .u-icon-v4-inner {
    background: $g-color-vk;
  }
}

// Linkedin
&-bg-linkedin--hover:hover,
.u-icon-block--hover:hover &-bg-linkedin--hover {
  border-color: $g-color-linkedin;

  & .u-icon-v4-inner {
    background: $g-color-linkedin;
  }
}

// Instagram
&-bg-instagram--hover:hover,
.u-icon-block--hover:hover &-bg-instagram--hover {
  border-color: $g-color-instagram;

  & .u-icon-v4-inner {
    background: $g-color-instagram;
  }
}

// Pinterest
&-bg-pinterest--hover:hover,
.u-icon-block--hover:hover &-bg-pinterest--hover {
  border-color: $g-color-pinterest;

  & .u-icon-v4-inner {
    background: $g-color-pinterest;
  }
}

}