/* Social Sharing Bar */
.share-bar {
  position: fixed;
  bottom: 0;
  height: 51px;
  border: none;
  background: #ffffff;
  z-index: 4999991;
  transform: translateZ(0) translate3d(0, 0, 0);
    -webkit-transform: translateZ(0) translate3d(0, 0, 0);
    -moz-transform: translateZ(0) translate3d(0, 0, 0);
  transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
  display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
  flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
  align-items: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
  width: 100%;
    box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.12);
}

.share-bar--list {
  padding: 0;
  list-style: none;
}

.share-bar .share-bar--list {
  flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
  overflow: hidden;
  text-align: left;
  font-size: 0;
}

.share-bar .share-bar--item {
  display: inline-block;
  width: 20%;
/*  max-width: 71px; */
  height: 60px;
  line-height: 50px;
}

.share-bar--item {
  float: left;
  display: block;
  font-size: 1.3rem;
  height: 1.875rem;
  width: 1.875rem;
  line-height: 1.875rem;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  overflow: hidden;
}

/* Colours */
.facebook .share-bar--item,
.share-bar .facebook .share-bar--item-link,
.twitter .share-bar--item,
.share-bar .twitter .share-bar--item-link,
.whatsapp .share-bar--item,
.share-bar .whatsapp .share-bar--item-link,
.reddit .share-bar--item,
.share-bar .reddit .share-bar--item-link,
.linkedin .share-bar--item,
.share-bar .linkedin .share-bar--item-link,
.linkedin .share-bar--item,
.share-bar .linkedin .share-bar--item-link {
    cursor: pointer;
    width: 100%;
    min-width: 100%;
    display: block;
}

/* Facebook */
.facebook .share-bar--item,
.share-bar .facebook .share-bar--item-link {
  /*background-color: #3b5999;*/
  background-color:
#000;
border-top: 1px solid
white;
border-left: 1px solid
white;
border-right: 1px solid
white;
}

/* Twitter */
.twitter .share-bar--item,
.share-bar .twitter .share-bar--item-link {
  /*background-color: #55acef;*/
  background-color:
#000;
border-top: 1px solid
white;

border-right: 1px solid
white;
}

/* What's App */
.whatsapp .share-bar--item,
.share-bar .whatsapp .share-bar--item-link {
  /*background-color: #3f729b;*/
  background-color:
#000;
border-top: 1px solid
white;

border-right: 1px solid
white;
}

/* Reddit */
.reddit .share-bar--item,
.share-bar .reddit .share-bar--item-link {
  /*background-color: #c4302b;*/
  background-color:
#000;
border-top: 1px solid
white;

border-right: 1px solid
white;
}

/* LinkedIn */
.linkedin .share-bar--item,
.share-bar .linkedin .share-bar--item-link {
  /*background-color: #0e76a8 ;*/
  background-color:
#000;
border-top: 1px solid
white;

border-right: 1px solid
white;
}


/* Icons */
.share-bar--item-link:before {
  display: inline-block;
  color: #ffffff;
}

/* Facebook */
.share-bar .facebook .share-bar--item-link:before {
  content: "\f09a";
  font-family: "FontAwesome";
  font-style: normal;
  text-rendering: optimizeLegibility;
  text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
 font-size:18px;
}

/* Twitter */
.share-bar .twitter .share-bar--item-link:before {
  content: "\f099";
  font-family: "FontAwesome";
  font-style: normal;
  text-rendering: optimizeLegibility;
  text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size:18px;
}

/* What's App */
.share-bar .whatsapp .share-bar--item-link:before {
  content: "\f16d";
  font-family: "FontAwesome";
  font-style: normal;
  text-rendering: optimizeLegibility;
  text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size:18px;
}

/* Reddit */
.share-bar .reddit .share-bar--item-link:before {
  content: "\f166";
  font-family: "FontAwesome";
  font-style: normal;
  text-rendering: optimizeLegibility;
  text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size:18px;
}

/* LinkedIn */
.share-bar .linkedin .share-bar--item-link:before {
  content: "\f0e1";
  font-family: "FontAwesome";
  font-style: normal;
  text-rendering: optimizeLegibility;
  text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size:18px;
}