@import "settings.colors";

@import "mixins/settings.fonts";
@import "mixins/tools.mixins";

//////////////////////////////////////////////////////
// social sharetool lineup
//////////////////////////////////////////////////////

.c-social-sharetool {
  text-align: center;
}

.c-social-sharetool__link {
  margin-top: rem(5);
  display: inline-block;
  .c-social-sharetool__icon {
    fill: $color-grey-500;
    padding: rem(10);
    height: rem(44);
    width: rem(44);
  }
  .c-social-sharetool__icon--linkedin {
    padding: rem(11);
  }
  &:hover,
  &:focus {
    .c-social-sharetool__icon {
      fill: $color-grey-100;
    }
  }
  &:active {
    .c-social-sharetool__icon {
      fill: $color-grey-300;
    }
  }
}

.c-social-sharetool__link + .c-social-sharetool__link {
  margin-left: rem(3);
}
