/*breakpoints*/
.SocialsElement .posts {
  display: flex;
  flex-wrap: wrap;
}
.SocialsElement .posts .post {
  flex-basis: 400px;
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 500px;
}
@media screen and (max-width: 1599.98px) {
  .SocialsElement .posts .post {
    flex-basis: 25%;
  }
}
@media screen and (max-width: 1399.98px) {
  .SocialsElement .posts .post {
    flex-basis: 33.3333%;
  }
}
@media screen and (max-width: 991.98px) {
  .SocialsElement .posts .post {
    flex-basis: 50%;
  }
}
.SocialsElement .swiper__controls i.prev, .SocialsElement .swiper__controls i.next {
  position: absolute;
  top: calc(50% - 2.5rem);
  z-index: 100;
  padding: 1rem;
  background-color: #FFF;
  cursor: pointer;
  font-size: 1.125rem;
}
.SocialsElement .swiper__controls i.prev {
  left: 0;
}
.SocialsElement .swiper__controls i.next {
  right: 0;
}
.SocialsElement .post > a {
  height: 100%;
  display: block;
}
.SocialsElement .post > a:focus, .SocialsElement .post > a:focus-visible {
  outline-width: 3px;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fkvv%2Fscss%2Fcomponents%2F_social.scss%22%2C%22%2Fthemes%2Fkvv%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACoBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAARA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADYA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%22%7D */