/*adapted from: https://www.remysheppard.com/blog/hugo-share-buttons/*/
.social-share {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
  word-spacing: 10px;
}

.social-share a {
  border-radius: 25px;
  padding: 0.1rem 0.1rem;
  background: white;
  border: 1px solid transparent;
  transition: background ease 0.3s, color ease 0.3s;
  margin-bottom: 1em;
  margin-right: 0.5em;
  text-decoration: none;
}

.social-share a:before {
  display: none;
}

.social-share a.facebook {
  border-color: #29325C;
    color: #29325C;
}

.social-share a.facebook:hover {
  background: #FFDC02;
    color: #CC0000;
}

.social-share a.twitter {
  border-color: #29325C;
    color: #29325C;
}

.social-share a.twitter:hover {
  background: #FFDC02;
    color: #CC0000;
}

.social-share a.reddit {
  border-color: #FF4500;
    color: #FF4500;
}
.social-share a.reddit:hover {
  background: #FF4500;
    color: white;
}

.social-share a.stumbleupon {
  border-color: #EB471D;
    color: #EB471D;
}

.social-share a.stumbleupon:hover {
  background: #EB471D;
    color: white;
}

.social-share a.tumblr {
  border-color: #35465C;
    color: #35465C;
}
.social-share a.tumblr:hover {
  background: #35465C;
    color: white;
}

.social-share a.linkedin {
  border-color: #2867B2;
    color: #2867B2;
}

.social-share a.linkedin:hover {
  background: #2867B2;
    color: white;
}

.social-share a.email {
  border-color: #29325C;
    color: #29325C;
}

.social-share a.email:hover {
  background: #FFDC02;
    color: #CC0000;
}

.social-share a.mastodon {
  border-color: #29325C;
    color: #29325C;
}

.social-share a.mastodon:hover {
  background: #FFDC02;
    color: #CC0000;
}