/*
Theme Name: GeekUtils Classic
Template: twentytwentyfive
Description: Kubrick-style look for GeekUtils, built as a child theme of Twenty Twenty-Five.
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: geekutils-classic
*/

/* Page frame */
body { background: #d5d6d7 url(images/kubrickbgcolor.jpg); margin: 0 0 20px; }
.wp-site-blocks { padding: 0 !important; }
.wp-site-blocks > * { margin-block-start: 0 !important; }
.kb-page { width: 760px; margin: 20px auto 0; background: #fff url(images/kubrickbg-ltr.jpg) repeat-y top; text-align: left; }
.kb-page > *, .kb-main > *, .kb-header > * { margin-block-start: 0 !important; }

/* Header */
.kb-header { position: relative; width: 758px; height: 200px; margin: 0 0 0 1px; background: #e7e7e7 url(images/kubrickheader.png) no-repeat bottom center; }
.kb-header .wp-block-site-title { margin: 0; }
.kb-header .wp-block-site-title a { position: absolute; inset: 0; overflow: hidden; text-indent: -9999px; }
.kb-header .wp-block-site-tagline { display: none; }

/* Two columns */
.kb-main { display: flex; align-items: flex-start; }
.kb-content { flex: none; width: 450px; padding: 25px 0 20px 45px; box-sizing: content-box; }
.kb-sidebar { flex: none; width: 190px; margin-left: 50px; padding: 20px 0 10px; font-size: 10px; }

/* Posts */
.kb-content .wp-block-post-template { margin: 0; padding: 0; }
.kb-post { margin: 0 0 40px; text-align: justify; }
.kb-post > * { margin-block-start: 0; }
.kb-post .wp-block-post-title, .kb-single-title { font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif; font-size: 1.6em; font-weight: bold; line-height: 1.3; margin: 30px 0 0; text-align: left; }
.kb-post .wp-block-post-title a, .kb-single-title a { color: #333; text-decoration: none; }
.kb-post .wp-block-post-title a:hover, .kb-single-title a:hover { color: #147; text-decoration: underline; }
.kb-post .wp-block-post-date { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #777; line-height: 1.5; }
.wp-block-post-content { line-height: 1.4em; }
.wp-block-post-content p { margin: 12px 0; }
.wp-block-post-content img { max-width: 100%; height: auto; }
.wp-block-post-content blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
.kb-postmeta { color: #777; padding-top: 5px; margin: 12px 0 !important; gap: 0 !important; text-align: left; }
.kb-postmeta > * + *::before { content: "\00a0|\00a0"; color: #777; }
.kb-postmeta a { color: #06c; }
.kb-nav { margin: 10px 0 60px !important; }
.kb-nav a { color: #06c; }
.kb-page-heading { font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif; font-size: 1.3em; text-align: center; margin: 30px 0 0; }

/* Comments */
.kb-comments { margin-top: 30px; }
.kb-comments h3 { font-size: 1.3em; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; }
.kb-comments .wp-block-comment-template { margin: 0; padding: 0; }
.kb-comment { margin: 15px 0 3px; padding: 5px 10px 3px; background: #f8f8f8; border-top: 1px solid #ddd; }
.kb-comment .wp-block-comment-author-name { font-weight: bold; }
.kb-comment .wp-block-comment-date { font-family: Arial, sans-serif; font-size: 0.9em; color: #777; }
.kb-comments textarea { width: 100%; }

/* Sidebar */
.kb-sidebar > * { margin-block-start: 0 !important; }
.kb-sidebar h2 { font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; margin: 5px 0 0 !important; color: #333; }
.kb-sidebar ul { list-style: none; margin: 5px 0 15px 10px; padding: 0; }
.kb-sidebar ul ul { margin: 0 0 0 10px; }
.kb-sidebar li { margin: 3px 0 0; padding: 0; }
.kb-sidebar ul li::before { content: "\00BB \0020"; }
.kb-sidebar .wp-block-loginout { margin: 5px 0 0 10px; }
.kb-sidebar .wp-block-loginout::before { content: "\00BB \0020"; }
.kb-sidebar .kb-meta { margin-top: 3px; }
.kb-sidebar .wp-block-search { margin: 0 0 15px; padding: 5px 3px; }
.kb-sidebar .wp-block-search__inside-wrapper { gap: 3px; width: 100% !important; max-width: 184px; min-width: 0 !important; flex-wrap: nowrap; box-sizing: border-box; }
.kb-sidebar .wp-block-search__button { flex: none; }
.kb-sidebar .wp-block-search__input { flex: 1 1 auto; width: 0 !important; }
.kb-sidebar .wp-block-search__input { font-size: 11px; padding: 2px 3px; border: 1px solid #999; border-radius: 0; min-width: 0; }
.kb-sidebar .wp-block-search__button { font-size: 11px; padding: 2px 6px; margin: 0; background: #e7e7e7; color: #333; border: 1px solid #999; border-radius: 0; }

/* Footer */
.kb-footer { clear: both; width: 760px; margin: 0; padding: 0; background: #e7e7e7 url(images/kubrickfooter.jpg) no-repeat top; border: none; }
.kb-footer p { margin: 0; padding: 20px 0; text-align: center; font-size: 10px; }

/* Small screens (Kubrick never had this) */
@media (max-width: 780px) {
	.kb-page { width: auto; margin: 0; background: #fff; }
	.kb-header { width: auto; height: auto; aspect-ratio: 758 / 200; margin: 0; background-size: contain; }
	.kb-main { flex-direction: column; }
	.kb-content { width: auto; padding: 20px 16px; }
	.kb-sidebar { width: auto; margin: 0; padding: 10px 16px; border-top: 1px solid #ddd; }
	.kb-footer { width: auto; background: #e7e7e7; }
}