CSS Main - Source Excerpt 04

Back to CSS Main

Summary

This source excerpt preserves a bounded section of Antichrist.net/wp-content/themes/antichrist-net/assets/css/main.css so readers can inspect the evidence without opening the full source file.

**Source path:** Antichrist.net/wp-content/themes/antichrist-net/assets/css/main.css

.site-footer { border-top: 1px solid var(--acn-border); background: #020203; padding-top: clamp(28px, 4vw, 46px); }
.footer-grid { display: grid; grid-template-columns: minmax(240px, .9fr) minmax(0, 1.6fr); gap: clamp(24px, 4vw, 56px); align-items: start; padding-bottom: 26px; }
.footer-brand .site-logo img { max-height: 52px; }
.footer-brand p { color: var(--acn-muted); max-width: 33rem; margin-bottom: 0; }
.footer-link-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 3vw, 34px); }
.footer-link-group h2 { font-size: .98rem; margin-bottom: .8rem; }
.footer-link-group ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .45rem; }
.footer-link-group a { color: var(--acn-muted); text-decoration: none; }
.footer-link-group a:hover, .footer-link-group a:focus { color: #fff; }
.footer-bottom { border-top: 1px solid var(--acn-border); padding: 18px 0; display: flex; justify-content: space-between; gap: 20px; color: var(--acn-muted); font-size: .9rem; }
.footer-bottom p { margin: 0; }

.wp-block-separator { border-color: var(--acn-border); }
.wp-block-quote, .wp-block-pullquote { border-color: var(--acn-red); }
.wp-block-button__link { border-radius: 6px; }
.has-background { border-radius: var(--acn-radius-sm); padding: 1rem; }

@media (max-width: 1120px) {
  .header-inner { position: relative; flex-wrap: nowrap; gap: 12px; min-height: 76px; }
  .brand-wrap { flex: 1 1 auto; }
  .menu-toggle { display: inline-flex; order: 3; flex-direction: column; margin-left: 0; }
  .header-actions { order: 2; flex: 0 0 auto; width: auto; justify-content: flex-end; margin-left: auto; }
  .primary-navigation { width: 100%; background: rgba(5,5,6,.98); border: 1px solid var(--acn-border); border-radius: var(--acn-radius); padding: 12px; box-shadow: var(--acn-shadow); }
  .has-js .primary-navigation { position: absolute; left: 0; right: 0; top: calc(100% + 8px); width: auto; display: none; }
  .has-js .primary-navigation.is-open { display: block; }
  .primary-navigation .menu { flex-direction: column; align-items: stretch; gap: 4px; }
  .primary-navigation a,
  .nav-more summary { justify-content: space-between; width: 100%; border-radius: var(--acn-radius-sm); }
  .nav-more-menu { position: static; min-width: 0; margin-top: 6px; border-color: rgba(232,223,207,.12); background: rgba(255,255,255,.035); box-shadow: none; }
  .nav-more-menu a { padding-left: 1rem; }
  .header-locale { margin-left: auto; }
}

@media (max-width: 980px) {
  .hero-grid, .split-section, .footer-grid { grid-template-columns: 1fr; }
  .acn-card-grid, .acn-card-grid.four-up, .post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .post-card { grid-template-columns: 1fr; }
  .post-thumb img { max-height: 280px; }
  .baseline-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .container { width: min(100% - 28px, var(--acn-max)); }
  h1 { font-size: clamp(1.95rem, 11vw, 3.1rem); }
  .acn-card-grid, .acn-card-grid.four-up, .post-grid, .metric-grid { grid-template-columns: 1fr; }
  .search-form { flex-direction: column; }
  .header-inner { flex-wrap: nowrap; gap: 8px; min-height: 60px; padding: 8px 0; }
  .brand-wrap { flex: 1 1 0; }
  .header-actions { order: 2; flex: 0 0 auto; width: auto; justify-content: flex-end; margin-left: auto; }
  .menu-toggle { order: 3; flex: 0 0 44px; margin-left: 0; }
  .site-logo, .custom-logo-link { max-width: min(100%, 220px); }
  .site-logo img, .custom-logo { max-height: 34px; }
  .site-tagline { overflow: hidden; font-size: .54rem; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
  .header-locale .ns12lr-switcher-form select,
  .header-locale .uaixlr-switcher-form select { min-height: 34px; width: 92px; padding-left: 9px; padding-right: 26px; font-size: .72rem; }
  .footer-link-groups { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; }
  .timeline-list li { grid-template-columns: 1fr; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}