/*
Theme Name:   Haji Mike
Theme URI:    https://hajimike.com
Author:       Haji Mike
Description:  A black-and-white theme for hajimike.com — dub poet, broadcaster, professor. Front-door homepage, editable via the Customizer; every page opens with a black title band and reads on cream. Releases and Events are their own content types.
Version:      1.0.9
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  hajimike
*/

/* The design lives in assets/css/theme.css (loaded by functions.php).
   Only WordPress-specific hooks that the preview didn't need go here. */

/* the menu item for the page you're on */
.nav__links .current-menu-item > a,
.nav__links .current_page_item > a,
.nav__links .current-menu-ancestor > a { color: #fff; }
.nav__links .current-menu-item > a::after,
.nav__links .current_page_item > a::after { transform: scaleX(1); }

/* WordPress adds these to images it inserts */
.prose .wp-caption { max-width: 100%; }
.prose .wp-caption-text { font-family: var(--ui); font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: var(--mute-2); margin-top: .8rem; }
.prose .alignnone { margin: 2.5rem 0; }
.prose img.alignleft, .prose img.alignright { max-width: min(42%, 300px); }
.prose .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* comments are off by design, but keep the form legible if ever enabled */
.comment-form label { font-family: var(--ui); font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--mute-2); }
.comment-form input[type=text], .comment-form input[type=email], .comment-form textarea {
  width: 100%; border: 1px solid var(--line-p); background: transparent; padding: .7rem .9rem; font-family: var(--body); font-size: 1rem; }

/* WordPress admin bar (logged-in only): it pushes the page down but can't push a
   fixed element, so drop the menu bar by the same amount. 32px, 46px on phones. */
.admin-bar .nav { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .nav { top: 46px; } }

/* a11y: skip link */
.skip-link { position: absolute; left: -999px; top: 0; z-index: 100; background: #fff; color: #000; padding: .75rem 1rem; font-family: var(--ui); font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; }
.skip-link:focus { left: 1rem; top: 1rem; }