/** * Extra public-site social icons not present (or incomplete) in the bundled Socicon font. * Uses currentColor so theme .color-icon / hover rules still apply. */ a.social-icon.soc-substack:before, a.social-icon.soc-tiktok:before, a.social-icon.soc-threads:before, a.social-icon.soc-bluesky:before, a.social-icon.soc-whatsapp:before { content: '' !important; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; font-family: inherit !important; } a.social-icon.soc-substack:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M22.539%208.242H1.46V5.406h21.08v2.836zM1.46%2010.812V24L12%2018.11%2022.54%2024V10.812H1.46zM22.54%200H1.46v2.836h21.08V0z%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M22.539%208.242H1.46V5.406h21.08v2.836zM1.46%2010.812V24L12%2018.11%2022.54%2024V10.812H1.46zM22.54%200H1.46v2.836h21.08V0z%27%2F%3E%3C%2Fsvg%3E"); } a.social-icon.soc-tiktok:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M12.525.02c1.31-.02%202.61-.01%203.91-.02.08%201.53.63%203.09%201.75%204.17%201.12%201.11%202.7%201.62%204.24%201.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01%202.92.01%205.84-.02%208.75-.08%201.4-.54%202.79-1.35%203.94-1.31%201.92-3.58%203.17-5.91%203.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9%201.12-3.72%202.58-4.96%201.66-1.44%203.98-2.13%206.15-1.72.02%201.48-.04%202.96-.04%204.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11%201.04-1.36%201.75-.21.51-.15%201.07-.14%201.61.24%201.64%201.82%203.02%203.5%202.87%201.12-.01%202.19-.66%202.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M12.525.02c1.31-.02%202.61-.01%203.91-.02.08%201.53.63%203.09%201.75%204.17%201.12%201.11%202.7%201.62%204.24%201.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01%202.92.01%205.84-.02%208.75-.08%201.4-.54%202.79-1.35%203.94-1.31%201.92-3.58%203.17-5.91%203.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9%201.12-3.72%202.58-4.96%201.66-1.44%203.98-2.13%206.15-1.72.02%201.48-.04%202.96-.04%204.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11%201.04-1.36%201.75-.21.51-.15%201.07-.14%201.61.24%201.64%201.82%203.02%203.5%202.87%201.12-.01%202.19-.66%202.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z%27%2F%3E%3C%2Fsvg%3E"); } a.social-icon.soc-threads:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M12.186%2024h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35%2018.44%201.5%2015.586%201.472%2012.01v-.017c.03-3.579.879-6.43%202.525-8.482C5.845%201.205%208.6.024%2012.18%200h.014c2.746.02%205.043.725%206.826%202.098%201.677%201.29%202.858%203.13%203.509%205.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54%202.717C4.307%206.504%203.616%208.914%203.589%2012c.027%203.086.718%205.496%202.057%207.164%201.43%201.783%203.631%202.698%206.54%202.717%202.623-.02%204.358-.631%205.8-2.045%201.647-1.613%201.618-3.593%201.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192%201.352-.622%202.446-1.284%203.272-.886%201.102-2.14%201.704-3.73%201.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.964-.065-1.19.408-2.285%201.33-3.082.88-.76%202.119-1.207%203.583-1.291a13.853%2013.853%200%200%201%203.02.142c-.126-.742-.375-1.332-.75-1.757-.513-.586-1.308-.883-2.359-.89h-.029c-.844%200-1.992.232-2.721%201.32L7.734%207.847c.98-1.454%202.568-2.256%204.478-2.256h.044c3.194.02%205.097%201.975%205.287%205.388.108.046.216.094.321.142%201.49.7%202.58%201.761%203.154%203.07.797%201.82.871%204.79-1.548%207.158-1.85%201.81-4.094%202.628-7.277%202.65Zm1.003-11.69c-.242%200-.487.007-.739.021-1.836.103-2.98.946-2.916%202.143.067%201.256%201.452%201.839%202.784%201.767%201.224-.065%202.818-.543%203.086-3.71a10.5%2010.5%200%200%200-2.215-.221z%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M12.186%2024h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35%2018.44%201.5%2015.586%201.472%2012.01v-.017c.03-3.579.879-6.43%202.525-8.482C5.845%201.205%208.6.024%2012.18%200h.014c2.746.02%205.043.725%206.826%202.098%201.677%201.29%202.858%203.13%203.509%205.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54%202.717C4.307%206.504%203.616%208.914%203.589%2012c.027%203.086.718%205.496%202.057%207.164%201.43%201.783%203.631%202.698%206.54%202.717%202.623-.02%204.358-.631%205.8-2.045%201.647-1.613%201.618-3.593%201.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192%201.352-.622%202.446-1.284%203.272-.886%201.102-2.14%201.704-3.73%201.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.964-.065-1.19.408-2.285%201.33-3.082.88-.76%202.119-1.207%203.583-1.291a13.853%2013.853%200%200%201%203.02.142c-.126-.742-.375-1.332-.75-1.757-.513-.586-1.308-.883-2.359-.89h-.029c-.844%200-1.992.232-2.721%201.32L7.734%207.847c.98-1.454%202.568-2.256%204.478-2.256h.044c3.194.02%205.097%201.975%205.287%205.388.108.046.216.094.321.142%201.49.7%202.58%201.761%203.154%203.07.797%201.82.871%204.79-1.548%207.158-1.85%201.81-4.094%202.628-7.277%202.65Zm1.003-11.69c-.242%200-.487.007-.739.021-1.836.103-2.98.946-2.916%202.143.067%201.256%201.452%201.839%202.784%201.767%201.224-.065%202.818-.543%203.086-3.71a10.5%2010.5%200%200%200-2.215-.221z%27%2F%3E%3C%2Fsvg%3E"); } a.social-icon.soc-bluesky:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M12%2010.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944%201.561%201.266.902%201.565.139%201.908%200%203.08%200%203.768c0%20.69.378%205.65.624%206.479.815%202.736%203.713%203.66%206.383%203.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387%202.005-2.83%207.078%205.013%205.19%206.87-1.113%207.823-4.308.953%203.195%202.05%209.271%207.733%204.308%204.267-4.308%201.172-6.498-2.74-7.078a8.741%208.741%200%200%201-.415-.056c.14.017.279.036.415.056%202.67.297%205.568-.628%206.383-3.364.246-.828.624-5.79.624-6.478%200-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3%201.24C16.046%204.748%2013.087%208.687%2012%2010.8Z%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M12%2010.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944%201.561%201.266.902%201.565.139%201.908%200%203.08%200%203.768c0%20.69.378%205.65.624%206.479.815%202.736%203.713%203.66%206.383%203.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387%202.005-2.83%207.078%205.013%205.19%206.87-1.113%207.823-4.308.953%203.195%202.05%209.271%207.733%204.308%204.267-4.308%201.172-6.498-2.74-7.078a8.741%208.741%200%200%201-.415-.056c.14.017.279.036.415.056%202.67.297%205.568-.628%206.383-3.364.246-.828.624-5.79.624-6.478%200-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3%201.24C16.046%204.748%2013.087%208.687%2012%2010.8Z%27%2F%3E%3C%2Fsvg%3E"); } a.social-icon.soc-whatsapp:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413Z%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413Z%27%2F%3E%3C%2Fsvg%3E"); } /* * Brand glyph colors for color-icon mode only. * Do NOT use a[class*="soc-"]:hover here — that overrides footer color-bg-icon * hover (white/contrast text) and makes mask icons vanish (e.g. black TikTok/Threads). */ a.color-icon.soc-substack { color: #ff6719; } a.color-icon.soc-tiktok { color: #000000; } a.color-icon.soc-threads { color: #000000; } a.color-icon.soc-bluesky { color: #1185fe; } a.color-icon.soc-whatsapp { color: #25d366; } a.color-icon.soc-substack:hover:not(.border-icon):not(.bg-icon) { color: #ff6719; } a.color-icon.soc-tiktok:hover:not(.border-icon):not(.bg-icon) { color: #000000; } a.color-icon.soc-threads:hover:not(.border-icon):not(.bg-icon) { color: #000000; } a.color-icon.soc-bluesky:hover:not(.border-icon):not(.bg-icon) { color: #1185fe; } a.color-icon.soc-whatsapp:hover:not(.border-icon):not(.bg-icon) { color: #25d366; } /* Footer / filled icons: keep light glyph on brand or theme background */ a.color-bg-icon.soc-substack, a.color-bg-icon.soc-tiktok, a.color-bg-icon.soc-threads, a.color-bg-icon.soc-bluesky, a.color-bg-icon.soc-whatsapp, a.bg-icon.soc-substack, a.bg-icon.soc-tiktok, a.bg-icon.soc-threads, a.bg-icon.soc-bluesky, a.bg-icon.soc-whatsapp { color: #ffffff; } a.color-bg-icon.soc-substack:hover, a.color-bg-icon.soc-tiktok:hover, a.color-bg-icon.soc-threads:hover, a.color-bg-icon.soc-bluesky:hover, a.color-bg-icon.soc-whatsapp:hover, a.bg-icon.soc-substack:hover, a.bg-icon.soc-tiktok:hover, a.bg-icon.soc-threads:hover, a.bg-icon.soc-bluesky:hover, a.bg-icon.soc-whatsapp:hover, a.color-icon.border-icon.soc-substack:hover, a.color-icon.border-icon.soc-tiktok:hover, a.color-icon.border-icon.soc-threads:hover, a.color-icon.border-icon.soc-bluesky:hover, a.color-icon.border-icon.soc-whatsapp:hover { color: var(--theme-color-contrast-text, #ffffff); } /* Brand backgrounds for footer color-bg-icon mode */ .color-bg-icon.soc-substack, a.soc-substack.bg-icon:hover, .soc-substack.color-icon.border-icon:hover { background-color: #ff6719; } .color-bg-icon.soc-tiktok, a.soc-tiktok.bg-icon:hover, .soc-tiktok.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-threads, a.soc-threads.bg-icon:hover, .soc-threads.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-bluesky, a.soc-bluesky.bg-icon:hover, .soc-bluesky.color-icon.border-icon:hover { background-color: #1185fe; } .color-bg-icon.soc-whatsapp, a.soc-whatsapp.bg-icon:hover, .soc-whatsapp.color-icon.border-icon:hover { background-color: #25d366; }