/*
Theme Name: Kyle Odeen: Finding Demand
Description: Editable editorial block-theme starter for local stories, the Finding Demand guide, and Odeen Marketing.
Version: 0.2.2
Requires at least: 6.6
Requires PHP: 7.4
Author: Kyle Odeen
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kyle-odeen-finding-demand
Tags: blog, full-site-editing, block-patterns, custom-colors, editor-style, wide-blocks
*/

.ko-header { border-top: 5px solid #324596; border-bottom: 1px solid #d2d1d7; }
.ko-footer { border-top: 1px solid #d2d1d7; }
.ko-book { border-left: 0; }
.ko-season-strip { border-top: 1px solid #d2d1d7; border-bottom: 1px solid #d2d1d7; }
.ko-story-card { border-top: 2px solid #324596; }
.ko-guide-step { border-top: 1px solid #d2d1d7; }
.ko-header a { text-decoration: none; }
.ko-mark a { color: inherit; }
.ko-surface h1 { overflow-wrap: normal; }
.wp-block-post-title a { color: inherit; text-decoration: none; }
.wp-block-post-title a:hover, .ko-header a:hover { text-decoration: underline; text-underline-offset: 5px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid #34347a; outline-offset: 4px; }
@media (max-width: 781px) {
  .ko-surface h1, .ko-surface h2, .ko-surface h3 { overflow-wrap: break-word; }
  .ko-book { margin-top: 8px; }
  .wp-block-post-template.is-layout-grid { grid-template-columns: 1fr; }
}

.ko-surface :is(h1,h2,h3,h4,h5,h6):not(.has-text-color) { color: #1d1f25; }
.ko-book :is(h1,h2,h3,h4,h5,h6):not(.has-text-color) { color: #ffffff; }
.ko-section { border-top: 1px solid #d2d1d7; }
.ko-package-item { border-top: 1px solid #d2d1d7; }
.ko-proof-item { border-top: 2px solid #324596; padding-top: 20px; }
.ko-headshot { margin: 0; }
.ko-headshot img { max-width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; object-position: 50% 30%; }
.ko-logo-panel { width: 68px; flex: none; }
.ko-logo-panel .wp-block-image { margin: 0; }
.ko-logo-panel img { display: block; max-width: 100%; object-fit: contain !important; }
.ko-header .ko-logo-panel { width: 44px; padding: 7px 8px !important; }
.ko-header .ko-brand-logo img { width: 28px !important; }
.wp-block-details summary { line-height: 1.7; padding: 12px 0; font-weight: 500; }
@media (max-width: 781px) { .ko-headshot img { width: 100% !important; max-height: 430px; } }