/*
Theme Name: Prime Backdrop
Theme URI: https://primebackdrop.com
Author: Prime Backdrop
Description: A cinematic, editorial WordPress theme for Prime Backdrop.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: primebackdrop
*/

@import url('assets/css/style.css');

/* WordPress chrome ------------------------------------------------------------ */
.admin-bar .site-header { top: 32px; }
.admin-bar .site-header.is-sticky { top: 32px; }
.wp-caption,
.wp-caption-text { max-width: 100%; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background: var(--acid); clip: auto !important; clip-path: none; color: var(--ink); display: block; height: auto; left: .5rem; padding: .75rem 1rem; top: .5rem; width: auto; z-index: 100000; }
.alignwide { max-width: 1200px; }
.alignfull { max-width: none; }

.pb-menu { display: flex; align-items: center; gap: 2.3rem; margin: 0; padding: 0; list-style: none; }
.pb-menu li { margin: 0; }
.pb-menu a { display: block; position: relative; color: inherit; font-family: "DM Sans", Arial, sans-serif; font-size: .7rem; font-weight: 600; letter-spacing: .11em; text-decoration: none; text-transform: uppercase; }
.pb-menu a::after { content: ""; position: absolute; right: 0; bottom: -.4rem; left: 0; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform .25s ease; }
.pb-menu a:hover::after { transform: scaleX(1); transform-origin: left; }
.pb-notice { position: fixed; top: 1rem; right: 1rem; z-index: 1500; max-width: 28rem; padding: .9rem 1.1rem; background: var(--acid); color: var(--ink); box-shadow: 0 12px 35px rgba(0,0,0,.15); font-size: .78rem; }
.admin-bar .pb-notice { top: 3.2rem; }
.pb-fallback { min-height: 70vh; }
.pb-fallback-article { max-width: 52rem; }
.pb-fallback h1 { max-width: 52rem; margin: 0 0 2rem; font-size: clamp(3.5rem, 8vw, 7rem); line-height: .95; }
.pb-entry-content { max-width: 42rem; color: #686a64; }
.pb-entry-content a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--acid); text-decoration-thickness: .25rem; text-underline-offset: .2rem; }
.pb-entry-content img { height: auto; margin-block: 2rem; }

@media (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
  .admin-bar .site-header.is-sticky { top: 46px; }
}