/**
 * Divi Social Media Follow module: use the same SVG assets as the theme
 * (wp-content/themes/divi-child/img/*-icon.svg) — matches share button + social shortcode.
 * Set each icon’s background in the module to transparent (or match row bg) so the SVG shows cleanly.
 */

.et_pb_social_media_follow .et-social-facebook a.icon:before,
.et_pb_social_media_follow li.et-social-facebook a:before {
  content: '' !important;
  font-family: none !important;
  background-image: url('../img/facebook-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block !important;
  width: 24px;
  height: 24px;
  position: relative;
}

.et_pb_social_media_follow .et-social-instagram a.icon:before,
.et_pb_social_media_follow li.et-social-instagram a:before {
  content: '' !important;
  font-family: none !important;
  background-image: url('../img/instagram-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block !important;
  width: 24px;
  height: 24px;
}

.et_pb_social_media_follow .et-social-twitter a.icon:before,
.et_pb_social_media_follow li.et-social-twitter a:before,
.et_pb_social_media_follow .et-social-x a.icon:before,
.et_pb_social_media_follow li.et-social-x a:before {
  content: '' !important;
  font-family: none !important;
  background-image: url('../img/twitter-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block !important;
  width: 24px;
  height: 24px;
}

.et_pb_social_media_follow .et-social-youtube a.icon:before,
.et_pb_social_media_follow li.et-social-youtube a:before {
  content: '' !important;
  font-family: none !important;
  background-image: url('../img/youtube-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block !important;
  width: 24px;
  height: 24px;
}

.et_pb_social_media_follow .et-social-linkedin a.icon:before,
.et_pb_social_media_follow li.et-social-linkedin a:before {
  content: '' !important;
  font-family: none !important;
  background-image: url('../img/linkedin-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block !important;
  width: 24px;
  height: 24px;
}