/*
Theme Name:   F5 Productions
Theme URI:    https://f5productions.com
Author:       F5 Productions
Description:  Custom tactical / outdoor theme for F5 Productions - camera hero, scroll-driven sections, careers job board and vendor submissions wired to Airtable.
Version:      1.0.10
Requires at least: 6.3
Requires PHP: 7.4
Text Domain:  f5
*/

/* The site's real styles live in assets/css/. This file only holds WordPress-specific fixes. */

/* keep the fixed nav below the admin bar when logged in */
.admin-bar .nav { top: 32px; }
.admin-bar .menu { top: 32px; }
@media (max-width: 782px) {
  .admin-bar .nav, .admin-bar .menu { top: 46px; }
}

/* WordPress menus output <li> items */
.nav__links li { list-style: none; }
.nav__links li a { display: inline-block; }
.nav__links .current-menu-item > a { color: var(--red); }

/* basic pages (About, blog posts, etc.) don't load the custom cursor - show the normal one */
body.f5-basic, body.f5-basic a, body.f5-basic button, body.f5-basic label { cursor: auto; }
body.f5-basic a, body.f5-basic button { cursor: pointer; }

/* generic content pages */
.f5-page { padding: clamp(130px, 18vh, 200px) var(--gutter) clamp(80px, 12vh, 140px); max-width: 1100px; }
.f5-page__title { font-family: var(--f-stencil); font-weight: 900; text-transform: uppercase; font-size: clamp(52px, 8vw, 130px); line-height: .88; margin-bottom: 40px; }
.f5-page__body { font-size: 18px; line-height: 1.7; color: var(--bone); max-width: 72ch; }
.f5-page__body > * + * { margin-top: 1.1em; }
.f5-page__body h2, .f5-page__body h3 { font-family: var(--f-stencil); font-weight: 900; text-transform: uppercase; line-height: .95; margin-top: 1.6em; }
.f5-page__body h2 { font-size: clamp(34px, 4vw, 56px); }
.f5-page__body h3 { font-size: clamp(26px, 3vw, 40px); }
.f5-page__body a { color: var(--red); text-decoration: underline; text-underline-offset: 3px; }
.f5-page__body img { height: auto; }
.f5-page__body ul, .f5-page__body ol { padding-left: 1.4em; }
.f5-page__body blockquote { border-left: 3px solid var(--red); padding-left: 20px; color: var(--bone-dim); }
.f5-page .post-list { list-style: none; padding: 0; border-top: 1px solid var(--line-2); }
.f5-page .post-list li { border-bottom: 1px solid var(--line-2); padding: 22px 0; }
.f5-page .post-list a { font-family: var(--f-stencil); font-weight: 900; text-transform: uppercase; font-size: clamp(30px, 3.4vw, 48px); line-height: .95; text-decoration: none; color: var(--bone); }
.f5-page .post-list a:hover { color: var(--red); }
.f5-page .post-list time { display: block; font-family: var(--f-mono); font-size: 12px; letter-spacing: .14em; color: var(--bone-dim); margin-top: 6px; }
.f5-page .nav-links { display: flex; gap: 20px; margin-top: 40px; font-family: var(--f-mono); text-transform: uppercase; letter-spacing: .12em; }