// =============================================================================
// SCSS/SITE/STACKS/RENEW/_SOCIAL.SCSS
// -----------------------------------------------------------------------------
// Global social links in the topbar and footer.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Base Styles
// =============================================================================

// Base Styles
// =============================================================================

.x-social-global {
  font-weight: 400;
  line-height: 1;

  a {
    display: inline-block;
    text-align: center;
    color: $navbarLinkColor;
    background-color: rgba(255, 255, 255, 0.125);
    border-radius: 100em;

    &:hover {
      &.facebook    { background-color: #3b5998; }
      &.twitter     { background-color: #00abf0; }
      &.google-plus { background-color: #d84b35; }
      &.pinterest   { background-color: #cd1f28; }
      &.dribbble    { background-color: #ea4b8b; }
      &.linkedin    { background-color: #1a81ad; }
      &.rss         { background-color: #fe6e00; }
    }

    i {
      display: block;
    }
  }
}