/*
Theme Name: Nightstalker
Description: An editable recreation of the Bad Landed Nightstalker website, based on Dimension by HTML5 UP.
Version: 1.1.0
Author: Bad Landed
Text Domain: nightstalker
License: Creative Commons Attribution 3.0 (original Dimension design); GPL-2.0-or-later (WordPress integration)
*/

#header .nightstalker-logo { width: 70%; height: auto; }
#header .nightstalker-brand a { border: 0; }
#header iframe { max-width: 100%; aspect-ratio: 560 / 315; height: auto; }
.wp-block-image.image.main { margin: 2.5rem 0; }
.wp-block-image img { max-width: 100%; height: auto; }
.nightstalker-team-logo { float: right; margin: 0 0 1rem 1rem; }
.nightstalker-team-logo img { height: 100px; width: auto; }
#header nav ul { flex-wrap: wrap; justify-content: center; }
#main article .close { padding: 0; border: 0; box-shadow: none; background-color: transparent; }
body.admin-bar #wrapper { min-height: calc(100vh - 32px); }
body.nightstalker-document #main { display: block; }
body.nightstalker-document #main article { opacity: 1; transform: none; }
.nightstalker-back { display: inline-block; margin-bottom: 2rem; }
#main article:focus { outline: none; }
@media (max-width: 782px) { body.admin-bar #wrapper { min-height: calc(100vh - 46px); } }
@media (max-width: 480px) { .nightstalker-team-logo { float: none; margin: 0 0 1.5rem; } }
@media (prefers-reduced-motion: reduce) { *, *:before, *:after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
.nightstalker-document-nav { display: flex; flex-wrap: wrap; gap: .7rem 1.1rem; margin-bottom: 2.5rem; font-size: .8rem; }
.nightstalker-post-preview { padding: 2rem 0; border-bottom: 1px solid rgba(255,255,255,.2); }
.nightstalker-post-preview:last-of-type { margin-bottom: 2rem; }
.nightstalker-post-date { font-size: .8rem; opacity: .75; margin-bottom: .75rem; }
#main .nightstalker-blog, #main .nightstalker-post { width: 48rem; }
#main h1.major, #main h2 { max-width: 100%; overflow-wrap: anywhere; }
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 1rem; }