/**
 * Custom Substack Icon for Social Links
 *
 * @package TerryArthur
 * @since 1.0.0
 */

/* Match other social icons - transparent background by default */
.wp-social-link-feed {
  background-color: transparent !important;
}

.wp-social-link-feed:hover {
  background-color: #9ca3af !important;
}

/* Hide default SVG icon */
.wp-social-link-feed svg {
  display: none !important;
}

/* Use custom Substack logo image - white color */
.wp-social-link-feed a::before {
  content: '';
  background-image: url('../images/substack.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 27.5px;
  height: 27.5px;
  display: block;
  filter: brightness(0) invert(1);
}