/* The "Our Sites" directory in the footer: every site's logo, name and what it covers.
   Written by tools/site-network/update_footers.py from tools/site-network/sites.json;
   edit those, not this file. It is linked from footer.html itself, so it loads with
   the footer on every page. It sets layout and the plate behind each logo only;
   each site's own style layer still colors the tiles, borders and hovers. */
.site-footer :where(.footer-network) { border-top:1px solid #2b2b2b; padding-top:22px; padding-bottom:22px; }
.site-footer :where(.footer-site-link) { display:flex; align-items:center; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:6px; text-decoration:none; transition:background .16s, border-color .16s, transform .16s; }
.site-footer :where(.footer-site-copy) { display:flex; flex-direction:column; gap:3px; min-width:0; }
.site-footer :where(.footer-site-copy strong) { color:#fff; font:700 14.5px/1.2 var(--ui); }
.site-footer :where(.footer-site-copy span) { color:#b8b8b8; font:500 12.5px/1.3 var(--ui); }
.site-footer .footer-network { display:block; }
.site-footer .footer-network h2 { margin:0 0 16px; }
.site-footer .footer-network-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(262px,1fr)); gap:12px 14px; }
.site-footer .footer-site-link { gap:13px; padding:9px 12px 9px 9px; min-width:0; }
.site-footer .footer-site-link img { box-sizing:border-box; flex:none; width:112px; height:58px; max-width:none; padding:7px 9px; object-fit:contain; border-radius:4px; background:#101012; }
.site-footer .footer-site-copy strong { overflow-wrap:break-word; }
.site-footer .footer-site-link.is-current { border-color:rgba(255,255,255,.62); }
.site-footer .footer-site-link.is-current .footer-site-copy span { color:#fff; font-weight:700; letter-spacing:.07em; text-transform:uppercase; font-size:11px; }
.footer .footer-network { flex:1 1 100%; width:100%; display:block; padding-top:18px; margin-top:4px; border-top:1px solid #242426; }
.footer .footer-network h2 { margin:0 0 14px; color:#fff; font:400 18px/1 Anton,Impact,'Arial Narrow',sans-serif; letter-spacing:.03em; text-transform:uppercase; }
.footer .footer-network-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:10px 12px; }
.footer .footer-site-link { display:flex; align-items:center; gap:12px; padding:8px 11px 8px 8px; min-width:0; text-decoration:none; }
.footer .footer-site-link:hover { text-decoration:none; }
.footer .footer-site-link img { box-sizing:border-box; flex:none; width:104px; height:54px; max-width:none; padding:6px 8px; object-fit:contain; border-radius:4px; background:#101012; display:block; }
.footer .footer-site-copy { display:flex; flex-direction:column; gap:2px; min-width:0; }
.footer .footer-site-copy strong { color:#fff; font-size:13.5px; font-weight:700; line-height:1.2; overflow-wrap:break-word; }
.footer .footer-site-link:hover .footer-site-copy strong { color:currentColor; }
.footer .footer-site-copy span { color:#a8a8ad; font-size:11.5px; font-weight:500; line-height:1.3; }
.footer .footer-site-link.is-current { border-color:rgba(255,255,255,.62); }
.footer .footer-site-link.is-current .footer-site-copy span { color:#fff; font-weight:700; letter-spacing:.07em; text-transform:uppercase; font-size:10.5px; }
@media(max-width:680px) {
  .site-footer .footer-network-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .site-footer .footer-site-link { flex-direction:column; align-items:stretch; gap:9px; padding:8px 8px 10px; }
  .site-footer .footer-site-link img { width:100%; height:62px; }
  .footer .footer-network-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .footer .footer-site-link { flex-direction:column; align-items:stretch; gap:8px; padding:8px 8px 10px; }
  .footer .footer-site-link img { width:100%; height:58px; }
}
/* the plate behind each logo, chosen so that logo reads on it */
.site-footer .footer-site-link[data-site="newstro"] img, .footer .footer-site-link[data-site="newstro"] img { background:linear-gradient(115deg, #390506 0%, #a30d0a 62%, #e11d14 100%); }
.site-footer .footer-site-link[data-site="celebrity"] img, .footer .footer-site-link[data-site="celebrity"] img { background:#0b0b0d; }
.site-footer .footer-site-link[data-site="gaming"] img, .footer .footer-site-link[data-site="gaming"] img { background:#13101a; }
.site-footer .footer-site-link[data-site="nyc"] img, .footer .footer-site-link[data-site="nyc"] img { background:linear-gradient(180deg, #ffffff 0%, #e4e6e9 100%); }
.site-footer .footer-site-link[data-site="politics"] img, .footer .footer-site-link[data-site="politics"] img { background:#ead4a0; }
.site-footer .footer-site-link[data-site="tech"] img, .footer .footer-site-link[data-site="tech"] img { background:#070a14; }
.site-footer .footer-site-link[data-site="aliensreport"] img, .footer .footer-site-link[data-site="aliensreport"] img { background:#070b08; }
.site-footer .footer-site-link[data-site="dorkverse"] img, .footer .footer-site-link[data-site="dorkverse"] img { background:#0d0518; }
.site-footer .footer-site-link[data-site="pwsignal"] img, .footer .footer-site-link[data-site="pwsignal"] img { background:#0a0a0a; }
.site-footer .footer-site-link[data-site="scannersquad"] img, .footer .footer-site-link[data-site="scannersquad"] img { background:#08090d; }
.site-footer .footer-site-link[data-site="tvnerve"] img, .footer .footer-site-link[data-site="tvnerve"] img { background:#f4f4f6; }
.site-footer .footer-site-link[data-site="weblug"] img, .footer .footer-site-link[data-site="weblug"] img { background:#f2f7fa; }