/*
Theme Name: Day As A Dad
Theme URI: https://dayasadad.com/
Author: Day As A Dad
Description: A personal editorial theme for Doug: fatherhood, DIY, and working nights. Includes an editable homepage, automatic post listings, reading layouts, archives, search, comments, and the original Day As A Dad logo.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: day-as-a-dad
Tags: blog, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, wide-blocks
*/
:root{--navy:#152435;--ink:#1d2936;--muted:#5a6570;--orange:#f47c37;--line:#dce1e5;--paper:#fff;--light:#f3f5f7;--width:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #c55316;outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(var(--width),calc(100% - 80px));margin-inline:auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:100px;display:flex;justify-content:space-between;gap:24px;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:21px;line-height:1.2;letter-spacing:.025em}.brand:hover{text-decoration:none}.brand-mark{background:var(--navy);color:white;padding:7px 11px 6px;font:700 31px Georgia,serif}.brand-mark span{color:var(--orange)}.brand small{display:block;font-size:12px;letter-spacing:.13em;font-weight:500;margin-top:7px}.header-inner nav{display:flex;gap:32px;font-size:15px;font-weight:600}.nav-current{border-bottom:2px solid var(--orange);padding-bottom:5px}.hero{display:grid;grid-template-columns:1.16fr 1fr;gap:64px;padding-block:58px 60px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;margin:0 0 20px;line-height:1.5}.hero .eyebrow{display:flex;gap:10px;align-items:center}.hero .eyebrow span{display:block;width:23px;height:3px;background:var(--orange)}h1,h2,h3,blockquote{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(42px,4.6vw,65px);letter-spacing:-.05em;line-height:1.05;margin:0 0 25px;font-weight:700}h1 em{color:#a8491f;font-style:normal}h2{font-size:38px;line-height:1.17;letter-spacing:-.035em;margin:0}h2 em{font-weight:400}p{margin-top:0}.intro{max-width:470px;color:var(--muted);font-size:17px;line-height:1.75;margin-bottom:27px}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;min-height:49px;align-items:center;background:var(--navy);color:white;padding:11px 21px;border-radius:3px;font-size:15px;font-weight:700}.button:hover{background:#2d435a;text-decoration:none}.text-link{font-weight:700;font-size:14px;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:6px}.hero-image{position:relative;margin:0;height:466px;background:var(--navy);overflow:hidden}.hero-image>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 53%}.hero-image:after{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(10,18,29,.94));pointer-events:none}.photo-label{position:absolute;top:20px;left:20px;background:#fff;color:var(--ink);font-size:12px;letter-spacing:.1em;font-weight:700;padding:7px 11px}.hero-image figcaption{position:absolute;bottom:26px;left:28px;right:25px;color:white;z-index:1}.hero-image figcaption>span{font-size:12px;font-weight:700;letter-spacing:.15em;color:#ffac7c}.hero-image figcaption a{display:block;font:700 27px/1.2 Georgia,serif;letter-spacing:-.02em;margin-top:7px}.hero-image figcaption p{font-size:14px;margin:9px 0 0;color:#e0e3e7}.topic-band{border-block:1px solid var(--line);background:var(--light)}.topic-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:76px;font-size:14px}.topic-inner>span{color:var(--muted);font-family:Georgia,serif;font-style:italic;font-size:18px}.topic-inner>a{font-weight:700}.stories{padding-block:65px 75px}.section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:10px;color:#a8491f}.section-heading>p{font-size:14px;color:var(--muted);margin:0 0 2px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filters button{cursor:pointer;border:1px solid var(--line);padding:7px 15px;border-radius:3px;background:white;color:var(--muted);font-size:14px;min-height:42px}.filters button.active{background:var(--navy);color:white;border-color:var(--navy)}.filters button:hover:not(.active){background:var(--light)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.story[hidden]{display:none}.quote-panel{display:flex;flex-direction:column;justify-content:space-between;min-height:300px;height:300px;padding:29px 34px;background:var(--navy);color:white}.quote-panel:hover{text-decoration:none;background:#20344a}.panel-label,.panel-bottom{font-size:12px;letter-spacing:.15em}.panel-label{color:#ffac7c}.panel-bottom{color:#d2d9e2}.quote-panel blockquote{font-size:32px;line-height:1.22;letter-spacing:-.025em;margin:18px 0}.quote-panel em{font-style:normal;color:#ffac7c}.story-photo{display:block;position:relative;height:300px;overflow:hidden;background:var(--light)}.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block;transition:transform .25s}.story-photo:hover img{transform:scale(1.025)}.story-photo span{position:absolute;bottom:21px;left:24px;background:white;padding:5px 10px;font-size:12px;letter-spacing:.12em;font-weight:700}.story-body{padding:21px 0 0}.story-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:.07em;font-weight:700;color:var(--muted)}.story-meta>span{color:#a8491f}.story h3{font-size:30px;line-height:1.18;letter-spacing:-.028em;margin:13px 0}.story-body>p{font-size:16px;line-height:1.7;color:var(--muted);max-width:510px;margin-bottom:18px}.about-section{background:var(--light);border-block:1px solid var(--line)}.about-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:95px;padding-block:55px}.about-inner .eyebrow{color:#a8491f;margin-bottom:14px}.about-inner h2{font-size:41px}.about-copy{font-size:17px;color:var(--muted)}.about-copy p{margin-bottom:17px}.about-copy .text-link{color:var(--ink)}.site-footer{padding:32px 0 21px;background:var(--navy);color:white}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:18px;gap:1px}.orange-dot{color:var(--orange)}.footer-inner p{font-size:13px;color:#c0ccd8;margin:0}.footer-inner>a:last-child{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #3b4a5c;padding-top:20px;margin-top:29px;font-size:12px;color:#c0ccd8}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{clip:auto;width:auto;height:auto;top:8px;left:8px;background:#fff;padding:12px;z-index:100}
@media(min-width:1500px){.hero{padding-block:65px}.hero-image{height:490px}}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}.hero{gap:32px}.hero-image{height:460px}.hero-actions{gap:18px}.section-heading{align-items:start}.section-heading>p{max-width:210px}.quote-panel{padding:25px}.quote-panel blockquote{font-size:28px}.about-inner{gap:45px}.story-meta{flex-wrap:wrap;gap:4px}.footer-inner p{max-width:230px}.brand small{font-size:12px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:104px;flex-wrap:wrap;gap:17px;padding-block:18px}.brand{font-size:18px}.brand-mark{font-size:25px;padding:5px 10px}.brand small{font-size:12px}.header-inner nav{gap:24px;font-size:14px;width:100%;justify-content:flex-start}.hero{grid-template-columns:1fr;gap:28px;padding-block:35px 30px}.hero .eyebrow{font-size:12px;margin-bottom:17px}h1{font-size:clamp(42px,10.7vw,65px);line-height:1.06;margin-bottom:19px}.desktop-break{display:none}.intro{font-size:16px;max-width:none;margin-bottom:23px}.hero-actions{gap:21px}.hero-actions .text-link{font-size:13px}.hero-image{height:335px}.hero-image>img{object-position:center 48%}.hero-image figcaption{bottom:22px;left:22px}.hero-image figcaption a{font-size:25px}.topic-inner{display:flex;justify-content:space-between;gap:12px;min-height:88px;flex-wrap:wrap;padding-block:17px;font-size:12px}.topic-inner>span{width:100%;font-size:16px}.stories{padding-block:39px 43px}.section-heading{display:block;margin-bottom:22px}.section-heading>p{max-width:none;margin-top:13px}.section-heading>p br{display:none}h2{font-size:32px}.filters{gap:6px;margin-bottom:23px}.filters button{padding:6px 10px;font-size:12px}.story-grid{grid-template-columns:1fr;gap:36px}.quote-panel{height:275px;min-height:275px;padding:26px}.quote-panel blockquote{font-size:31px}.story-photo{height:265px}.story h3{font-size:28px}.story-meta{justify-content:space-between;font-size:12px}.about-inner{grid-template-columns:1fr;gap:24px;padding-block:36px}.about-inner h2{font-size:34px}.about-copy{font-size:16px}.footer-inner{flex-wrap:wrap;gap:16px}.footer-inner p{order:3;width:100%;max-width:none}.footer-bottom{gap:20px;font-size:12px}.hero-image .photo-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-photo img{transition:none}}

/* Original Day As A Dad logo, with surrounding image whitespace hidden in layout. */
.logo-shell{position:relative;display:block;overflow:hidden;width:300px;height:90px;background:#fff;flex-shrink:0}.logo-shell img{position:absolute;width:112%;max-width:none;height:auto;left:-5.5%;top:-40%}.header-inner{min-height:112px}.footer-brand{padding:7px 10px;background:#fff;border-radius:3px}.footer-brand .logo-shell{width:235px;height:70.5px}@media(max-width:680px){.header-inner{padding-block:11px 17px;gap:10px}.logo-shell{width:270px;height:81px}.footer-brand .logo-shell{width:215px;height:64.5px}}
/* WordPress content, menus, and reading layouts. */
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:static;width:auto;height:auto;clip:auto;white-space:normal}.main-menu,.main-menu .sub-menu{list-style:none;margin:0;padding:0}.main-menu{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.main-menu>li{position:relative}.main-menu .sub-menu{position:absolute;z-index:20;top:100%;left:0;min-width:190px;background:#fff;border:1px solid var(--line);padding:10px;display:none}.main-menu li:hover>.sub-menu,.main-menu li:focus-within>.sub-menu{display:block}.main-menu .sub-menu a{display:block;padding:7px}.custom-logo-link{display:block}.custom-logo{display:block;max-width:300px;max-height:90px;width:auto;height:auto;object-fit:contain}.footer-brand .custom-logo{max-width:235px;max-height:80px}.filters a{display:inline-flex;align-items:center;border:1px solid var(--line);padding:7px 15px;border-radius:3px;font-size:14px;min-height:42px;color:var(--muted)}.filters a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.story{min-width:0}.story h3,.reading-header h1{overflow-wrap:anywhere}.story img{height:100%;width:100%;object-fit:cover}.archive-heading{margin-bottom:35px}.archive-heading h1{font-size:clamp(34px,5vw,56px);max-width:900px}.archive-description{max-width:760px}.archive-main,.not-found{min-height:55vh}.reading-header{padding-top:48px;max-width:1020px;margin-bottom:35px}.reading-header h1{font-size:clamp(34px,4.7vw,60px);line-height:1.12;margin:18px 0 24px}.entry-categories{font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-top:28px;color:#a8491f}.entry-meta{color:var(--muted);font-size:15px}.reading-width,.entry-content{width:min(760px,calc(100% - 40px));margin-inline:auto}.entry-content{font-size:19px;line-height:1.85;padding-bottom:24px;overflow-wrap:break-word}.entry-content>*{max-width:100%}.entry-content p{margin-bottom:1.4em}.entry-content h2{font-size:34px;margin:1.6em 0 .65em;line-height:1.2}.entry-content h3{font-size:27px;margin:1.4em 0 .6em;line-height:1.25}.entry-content a{color:#93401b;text-decoration:underline;text-underline-offset:3px}.entry-content img,.entry-content video,.entry-content iframe{max-width:100%}.entry-content img{height:auto}.entry-content figure{margin-inline:0}.entry-content figcaption{font-size:14px;color:var(--muted);line-height:1.5;margin-top:8px}.entry-content blockquote{border-left:4px solid var(--orange);margin:30px 0;padding:8px 0 8px 25px;font-family:Georgia,serif;font-size:25px;line-height:1.5}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content pre{overflow:auto;padding:20px;background:var(--light);font-size:15px}.entry-content table{border-collapse:collapse;width:100%;font-size:16px}.entry-content td,.entry-content th{padding:10px;border:1px solid var(--line)}.entry-content .wp-block-table{overflow-x:auto}.entry-content .alignwide{width:min(1160px,calc(100vw - 40px));max-width:none;position:relative;left:50%;transform:translateX(-50%)}.entry-content .alignfull{width:calc(100vw - 40px);max-width:none;position:relative;left:50%;transform:translateX(-50%)}.alignleft{float:left;margin:0 24px 18px 0;max-width:48%}.alignright{float:right;margin:0 0 18px 24px;max-width:48%}.aligncenter{display:block;margin-inline:auto}.entry-content:after{content:'';display:block;clear:both}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:14px;color:var(--muted)}.featured-image{max-width:1020px;margin-bottom:38px}.featured-image img{display:block;width:100%;max-height:600px;object-fit:cover;height:auto}.entry-footer{background:transparent;color:var(--muted);border-top:1px solid var(--line);padding:22px 0;font-size:15px}.entry-footer a{color:#93401b}.reading-article{padding-bottom:25px}.post-navigation{border-block:1px solid var(--line);padding:25px 0;margin:12px 0 45px}.nav-links{display:flex;justify-content:space-between;gap:25px}.nav-links>div{flex:1;min-width:0}.nav-next{text-align:right}.post-navigation span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.post-navigation a{font-family:Georgia,serif;font-size:20px}.pagination,.posts-navigation{margin-top:35px}.pagination .page-numbers{display:inline-block;border:1px solid var(--line);padding:7px 14px;min-width:44px;text-align:center}.pagination .current{background:var(--navy);color:white}.pagination .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.search-form{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin:24px 0}.search-form label{flex:1;min-width:180px}.search-field{width:100%;height:100%;min-height:48px}.search-form button{border:0;cursor:pointer;font-family:inherit}input,textarea,select{font:inherit;max-width:100%;border:1px solid #a9b2bd;border-radius:3px;padding:10px;color:var(--ink);background:#fff}input[type=checkbox],input[type=radio]{width:auto;min-height:auto}input[type=submit],button[type=submit]{cursor:pointer;background:var(--navy);color:#fff;border:0;padding:12px 22px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c55316;outline-offset:3px}.comments-area{padding-bottom:48px}.comments-area h2,.comment-reply-title{font:700 29px/1.25 Georgia,serif;margin-bottom:24px}.comment-list,.comment-list .children{list-style:none;padding-left:0}.comment-list .children{padding-left:25px}.comment-body{border-bottom:1px solid var(--line);padding:25px 0}.comment-meta{font-size:14px}.comment-author img{float:left;margin-right:12px;border-radius:50%}.comment-content{margin-top:15px}.comment-form label{display:block;margin-bottom:6px}.comment-form .comment-form-cookies-consent label{display:inline}.comment-form input:not([type=checkbox]):not([type=submit]),.comment-form textarea{width:100%}.comment-form-cookies-consent{font-size:14px}.bypostauthor>.comment-body{border-left:3px solid var(--orange);padding-left:20px}.sticky .story-body{border-top:3px solid var(--orange)}
@media(max-width:680px){.header-inner nav{display:block}.main-menu{gap:22px}.main-menu .sub-menu{position:static;display:block;border:0;padding:4px 0 0 12px;min-width:0;font-size:13px}.custom-logo{max-width:270px;max-height:81px}.reading-header{padding-top:32px}.entry-content{font-size:18px;line-height:1.8}.entry-content h2{font-size:29px}.entry-content h3{font-size:25px}.nav-links{gap:16px}.post-navigation a{font-size:18px}.filters a{font-size:13px;padding:7px 10px}.alignleft,.alignright{float:none;max-width:100%;margin:0 0 20px}.entry-content .alignwide,.entry-content .alignfull{width:100%;position:static;transform:none}.main-menu>li{max-width:100%}}
