/* Global block: mirrors footer social-media layout for use in custom-section / group */
.st-social-media {
  width: 100%;
}

.st-social-media__title {
  padding-block-end: 20px;
  color: var(--st-social-media-heading-color, #000);
  font-family: var(--st-social-media-heading-font-family, inherit);
  font-weight: var(--st-social-media-heading-font-weight, 700);
  font-style: var(--st-social-media-heading-font-style, normal);
  font-size: var(--st-social-media-heading-font-size, var(--body3-font-size));
}

.st-social-media__content {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.st-social-media__content svg,
.st-social-media__content img {
  width: 24px;
  height: 24px;
}

.st-social-media__content a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.st-social-media__item-icon {
  object-fit: cover;
}

.st-social-media__item-text {
  font-size: 12px;
  line-height: 1;
}

@media (min-width: 960px) {
  .st-social-media--small .st-social-media__content {
    gap: 8px;
  }

  .st-social-media--small .st-social-media__content svg,
  .st-social-media--small .st-social-media__content img,
  .st-social-media--small .st-social-media__content a {
    width: 28px;
    height: 28px;
  }

  .st-social-media--middle .st-social-media__content {
    gap: 16px;
  }

  .st-social-media--middle .st-social-media__content svg,
  .st-social-media--middle .st-social-media__content img,
  .st-social-media--middle .st-social-media__content a {
    width: 32px;
    height: 32px;
  }

  .st-social-media--large .st-social-media__content {
    gap: 16px;
  }

  .st-social-media--large .st-social-media__content svg,
  .st-social-media--large .st-social-media__content img,
  .st-social-media--large .st-social-media__content a {
    width: 64px;
    height: 64px;
  }
}

@media (max-width: 959px) {
  .st-social-media__title {
    font-size: var(
      --st-social-media-heading-font-size-mobile,
      var(--st-social-media-heading-font-size, var(--body3-font-size))
    );
  }
}