/*
Theme Name: VESPER Paranormal
Theme URI: https://vesperparanormal.org
Author: VESPER
Description: The official VESPER WordPress theme, faithfully adapted from the approved multipage prototype.
Version: 2.6.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: vesper
*/

/* WordPress integration layer. The approved prototype design is in assets/css/prototype.css. */
.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.admin-bar .site-header { top: 32px; }
.generic-page { min-height: 70vh; padding: 155px 0 100px; background: #07101a; }
.generic-page .entry-content { max-width: 850px; margin-inline: auto; }
.generic-page .entry-content > :first-child { margin-top: 0; }
.generic-page .entry-content h1,
.generic-page .entry-content h2,
.generic-page .entry-content h3 { color: #f2f0eb; }
.generic-page .entry-content a { color: #c8d6e5; }
.posts-page { min-height: 70vh; padding: 150px 0 100px; background: #07101a; }
.post-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; margin-top: 42px; }
.post-card { border: 1px solid rgba(205,214,225,.22); padding: 28px; background: rgba(255,255,255,.018); }
.post-card h2 { font-size: 1.6rem; }
.post-card h2 a { text-decoration: none; }
.post-meta { color: #8296b4; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
.navigation.pagination { margin-top: 38px; }
.nav-links { display: flex; gap: 12px; }
.page-numbers { border: 1px solid rgba(205,214,225,.25); padding: 8px 12px; text-decoration: none; }
/* Allow WordPress content and every responsive grid/flex child to shrink to its
   container instead of contributing an intrinsic minimum width to the page. */
main, section, article, .header-inner, .nav-wrap, .footer-grid,
.grid-2, .grid-3, .grid-4, .feature-row, .article-grid,
.glossary-list, .process, .status-bar, .form-wrap,
.grid-2 > *, .grid-3 > *, .grid-4 > *, .feature-row > *,
.article-grid > *, .glossary-list > *, .footer-grid > * { min-width: 0; }
h1, h2, h3, h4, p, li, a, label, span { overflow-wrap: break-word; }
@media (max-width:782px){.admin-bar .site-header{top:46px}}
@media (max-width:800px){.post-grid{grid-template-columns:1fr}}