/*
Theme Name: Falkorn

Uka Share Buttons plugin styles.
*/
.share-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 2.75rem;
  padding-left: calc(1.5rem - .625rem);
  padding-right: calc(1.5rem - .625rem);
}

@media only screen and (min-width: 768px) {
  .share-links {
    max-width: calc(100vw / 12 * 9 + 5.5rem);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4.75rem;
  }
}

@media only screen and (min-width: 960px) {
  .share-links {
    max-width: calc(100vw / 12 * 8 + 7.5rem);
    padding-left: calc(2.5rem - .625rem);
    padding-right: calc(2.5rem - .625rem);
  }
}

@media only screen and (min-width: 1280px) {
  .share-links {
    max-width: calc(100vw / 12 * 6 + 12.5rem);
  }
}

@media only screen and (min-width: 1920px) {
  .share-links {
    max-width: calc(100vw / 12 * 4 + 12.5rem);
  }
}

.share-links__title {
  display: none;
}

.share-links .uka-share-button {
  position: relative;
  flex: 1 1 auto;
  margin: 0 .625rem 1.25rem;
  padding: 1.25em;
  color: #ffffff;
  font-family: "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #17181e;
}

.share-links .uka-share-button .svg-icon {
  margin-right: .625em;
  vertical-align: middle;
}

.share-links .uka-share-button__text {
  position: relative;
  top: 2px;
}

.share-links .uka-share-button:hover, .share-links .uka-share-button:focus {
  color: #ffffff;
  opacity: .8;
}

.share-links .uka-share-button--facebook {
  background-color: #3b5998;
}

.share-links .uka-share-button--twitter {
  background-color: #1da1f2;
}

.share-links .uka-share-button--linkedin {
  background-color: #0077b5;
}

.share-links .uka-share-button--pinterest {
  background-color: #bd081c;
}

.share-links .uka-share-button--reddit {
  background-color: #ff4500;
}

.share-links .uka-share-button--telegram {
  background-color: #2ca5e0;
}

.share-links .uka-share-button--vk {
  background-color: #4680c2;
}
