/* WordPress-only additions to site.css: plain pages, the admin bar, the form's bot trap. */

/* Posts, other pages and 404s, drawn by index.php */
.wp-page{padding:calc(var(--header-h) + clamp(48px,7vw,96px)) 0 clamp(64px,8vw,120px)}
.wrap.wp-content{max-width:calc(820px + 2 * var(--gutter))}
.wp-content h1{font-size:clamp(36px,5vw,60px);margin:14px 0 28px}
.wp-content h2{font-size:clamp(24px,3vw,32px);margin:40px 0 14px}
.wp-content h2 a{color:inherit;text-decoration:none}
.wp-content h3{font-size:21px;margin:32px 0 10px}
.wp-content .entry{color:var(--muted)}
.wp-content .entry :is(h2,h3,h4,strong,b){color:var(--text)}
.wp-content .entry a{color:var(--accent)}
.wp-content .entry img,.wp-content .entry video,.wp-content .entry iframe{max-width:100%;height:auto;border-radius:var(--r)}
.wp-content .entry figure{margin:28px 0}
.wp-content .entry figcaption{font-size:14px;color:var(--faint);margin-top:8px}
.wp-content .entry blockquote{margin:28px 0;padding-left:20px;border-left:2px solid var(--accent);color:var(--text)}
.wp-content article+article{margin-top:56px;padding-top:56px;border-top:1px solid var(--line)}
.wp-content .meta{font:500 12px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.wp-content .nav-links{display:flex;gap:16px;margin-top:56px}
.wp-content .nav-links a,.wp-content .nav-links span{color:var(--muted)}

/* Pages first built in Elementor keep a page background in its CSS (white on the
   home page), which showed through the sections that have none of their own */
body[class*="elementor-page"]:not(.elementor-editor-active){background:var(--bg)!important}

/* The admin bar sits on top of the fixed header when signed in */
.admin-bar .site-header{top:32px}
.admin-bar .mobile-nav{top:calc(var(--header-h) + 32px)}
@media (max-width:782px){
  .admin-bar .site-header{top:46px}
  .admin-bar .mobile-nav{top:calc(var(--header-h) + 46px)}
  #wpadminbar{position:fixed}
}

/* Contact form: the field only bots fill in */
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}