/*
Theme Name: Manga Ink
Theme URI: https://www.benjaminarthorobinsonauthor.com
Author: Ben Robinson
Description: A bold monochrome manga-style WordPress theme with a left content column, right widget sidebar, centred title and responsive hamburger menu.
Version: 1.1.9
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: manga-ink
License: GNU General Public License v2 or later
*/

:root{--ink:#111;--paper:#fffdf4;--red:#e02424;--grey:#e7e3d7;--max:1240px;--shadow:7px 7px 0 var(--ink)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background-color:var(--paper);background-image:radial-gradient(#111 0.75px,transparent 0.8px);background-size:8px 8px;color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;line-height:1.65}
a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--red)}
img{max-width:100%;height:auto}.screen-reader-text{position:absolute!important;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:fixed!important;z-index:999999;top:8px;left:8px;width:auto;height:auto;padding:12px;clip:auto;background:#fff;border:3px solid #111}
.site-header{position:relative;border-bottom:5px solid var(--ink);background-color:rgba(255,253,244,.97);background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.site-header:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 30px,rgba(0,0,0,.045) 31px 33px);pointer-events:none}
.site-header.has-header-image:before{background:linear-gradient(rgba(255,253,244,.22),rgba(255,253,244,.22)),repeating-linear-gradient(115deg,transparent 0 30px,rgba(0,0,0,.055) 31px 33px)}
.header-inner{position:relative;max-width:var(--max);min-height:150px;margin:auto;padding:30px 84px;display:grid;place-items:center;text-align:center}
.site-branding{max-width:720px}.has-header-image .site-branding{padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.custom-logo-link{display:inline-block;margin:0 auto 12px;padding:0;border:0;background:transparent;box-shadow:none;transform:none}.custom-logo{display:block;max-height:72px;width:auto}
.site-title{margin:0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(2.35rem,5.8vw,5rem);font-weight:900;font-style:normal;line-height:1.06;letter-spacing:.025em;text-transform:uppercase;text-shadow:2px 2px 0 #fff;transform:none}.site-title:after{content:"";display:block;width:72%;height:8px;margin:9px auto 0;background:linear-gradient(90deg,transparent,var(--red) 14% 86%,transparent);clip-path:polygon(0 35%,92% 0,100% 65%,8% 100%)}
.site-title a{text-decoration:none}.site-description{display:inline-block;margin:18px 0 0;padding:4px 13px;background:var(--ink);color:#fff;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-1deg)}
.site-social-icons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:14px auto 0}.site-social-icons a{display:grid;place-items:center;width:42px;height:42px;padding:4px;border:3px solid var(--ink);background:#fff;box-shadow:3px 3px 0 var(--ink);text-decoration:none;transition:transform .15s ease}.site-social-icons a:hover,.site-social-icons a:focus{transform:translate(-2px,-2px);background:#ffe34d;outline:2px solid var(--red);outline-offset:2px}.site-social-icons img{display:block;width:100%;height:100%;object-fit:contain}
.home-icon-link{position:absolute;z-index:3;left:20px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:52px;height:52px;border:3px solid var(--ink);background:#fff;color:var(--ink);box-shadow:4px 4px 0 var(--ink);text-decoration:none}.home-icon-link svg{width:29px;height:29px;fill:currentColor}.home-icon-link:hover,.home-icon-link:focus{background:#ffe34d;color:var(--ink);outline:3px solid var(--red);outline-offset:3px;transform:translate(-2px,calc(-50% - 2px));box-shadow:6px 6px 0 var(--ink)}
.menu-toggle{position:absolute;z-index:2147483002;left:88px;top:50%;transform:translateY(-50%);width:58px;height:54px;padding:9px;border:3px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--ink);cursor:pointer}
.menu-toggle:hover,.menu-toggle:focus{background:#ffe34d;outline:3px solid var(--red);outline-offset:3px}.menu-toggle span{display:block;height:5px;margin:5px 0;background:var(--ink);transition:.22s}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(10px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}
.menu-toggle[aria-expanded="true"]{position:fixed;left:28px;top:25px;transform:none}
.menu-label{position:absolute;left:88px;top:calc(50% + 37px);width:58px;text-align:center;font-family:Impact,"Arial Black",sans-serif;font-size:.75rem;letter-spacing:.16em}
.sponsor-writing-button{position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(1deg);max-width:190px;padding:12px 16px;border:3px solid var(--ink);background:var(--red);color:#fff;text-decoration:none;font-weight:900;line-height:1.2;text-transform:uppercase;box-shadow:5px 5px 0 var(--ink)}.sponsor-writing-button:hover,.sponsor-writing-button:focus{background:#ffe34d;color:var(--ink);transform:translate(-2px,calc(-50% - 2px)) rotate(1deg)}
.menu-drawer{position:fixed;z-index:2147483001;inset:0 auto 0 0;width:min(390px,88vw);padding:108px 28px 24px;background:var(--paper);border-right:6px solid var(--ink);box-shadow:14px 0 0 rgba(0,0,0,.18);transform:translateX(-110%);transition:transform .28s ease;overflow:hidden;display:flex;flex-direction:column}
.menu-drawer.is-open{transform:translateX(0)}.menu-drawer:before{content:"MENU";position:absolute;top:34px;left:112px;font:4.2rem/.8 Impact,"Arial Black",sans-serif;color:transparent;-webkit-text-stroke:2px var(--ink);transform:rotate(-4deg)}
.menu-scroll-area{min-height:0;overflow-y:auto;padding:6px 7px 8px 3px;scrollbar-width:thin}.menu-scroll{flex:0 0 auto;width:100%;margin:0 0 12px;padding:8px;border:3px solid var(--ink);background:#ffe34d;color:var(--ink);font-size:1.15rem;font-weight:900;box-shadow:3px 3px 0 var(--ink);cursor:pointer}.menu-scroll-down{margin:12px 0 0}.menu-scroll:hover,.menu-scroll:focus{background:var(--red);color:#fff}
.menu-drawer ul{list-style:none;margin:0;padding:0}.menu-drawer li{position:relative;margin:0 0 13px}.menu-drawer a{display:block;padding:12px 48px 12px 15px;border:3px solid var(--ink);background:#fff;text-decoration:none;font-weight:900;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);transform:skew(-2deg)}.menu-drawer a:hover,.menu-drawer a:focus{background:#ffe34d;transform:translate(-2px,-2px) skew(-2deg)}.menu-drawer .sub-menu{margin:12px 0 0 20px}.submenu-toggle{position:absolute;top:5px;right:5px;z-index:2;width:38px;height:38px;border:2px solid var(--ink);background:#ffe34d;color:var(--ink);font-weight:900;cursor:pointer}.submenu-toggle:hover,.submenu-toggle:focus{background:var(--red);color:#fff}
.menu-backdrop{position:fixed;z-index:2147483000;inset:0;background:rgba(0,0,0,.72);opacity:0;visibility:hidden;transition:.22s}.menu-backdrop.is-open{opacity:1;visibility:visible}body.menu-open{overflow:hidden}
body.admin-bar .menu-drawer{top:32px}body.admin-bar .menu-toggle[aria-expanded="true"]{top:57px}
.site-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr);gap:34px;max-width:var(--max);margin:42px auto;padding:0 24px;align-items:start}
.content-area{min-width:0}.sidebar{min-width:0}
.manga-panel,.post-card,.page-content,.sidebar .widget,.comments-area{position:relative;margin:0 0 32px;padding:28px;background:rgba(255,255,255,.96);border:4px solid var(--ink);box-shadow:var(--shadow)}
.post-card:after,.sidebar .widget:after{content:"";position:absolute;right:-4px;bottom:-4px;width:36px;height:36px;background:repeating-linear-gradient(45deg,var(--ink) 0 3px,transparent 3px 6px);clip-path:polygon(100% 0,100% 100%,0 100%)}
.entry-title,.page-title,.widget-title{margin:0 0 18px;font-family:Impact,"Arial Black",sans-serif;line-height:1.06;letter-spacing:.025em;text-transform:uppercase}.entry-title{font-size:clamp(2rem,5vw,3.8rem)}.entry-title a{text-decoration:none}.page-title{font-size:clamp(2.2rem,5vw,4.5rem)}
.entry-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:-5px 0 20px;padding:8px 12px;border-left:8px solid var(--red);background:var(--grey);font-size:.88rem;font-weight:800;text-transform:uppercase}.entry-content>*:first-child{margin-top:0}.entry-content>*:last-child{margin-bottom:0}.entry-content blockquote{margin:25px 0;padding:18px 24px;border:4px solid var(--ink);background:#ffe34d;font-size:1.15rem;font-weight:800;box-shadow:5px 5px 0 var(--ink);transform:rotate(-.5deg)}
.more-link,.wp-block-button__link,.search-submit,.submit{display:inline-block;padding:10px 17px;border:3px solid var(--ink)!important;border-radius:0!important;background:var(--red)!important;color:#fff!important;font-weight:900;text-decoration:none;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);cursor:pointer}.more-link:hover,.search-submit:hover,.submit:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.post-thumbnail{display:block;margin:-8px -8px 24px;border:4px solid var(--ink);filter:grayscale(100%) contrast(1.08)}.post-thumbnail:hover{filter:none}
.widget-title{display:inline-block;padding:6px 12px;background:var(--ink);color:#fff;font-size:1.45rem;transform:rotate(-1deg)}.widget ul{list-style:square;padding-left:22px}.widget li{margin:7px 0}.widget input,.search-field,input,textarea,select{max-width:100%;padding:11px;border:3px solid var(--ink);border-radius:0;background:#fff;color:#111;font:inherit}
.navigation.pagination,.post-navigation{margin:34px 0}.nav-links{display:flex;flex-wrap:wrap;gap:10px}.page-numbers,.nav-previous a,.nav-next a{display:inline-block;padding:9px 14px;border:3px solid var(--ink);background:#fff;font-weight:900;text-decoration:none;box-shadow:3px 3px 0 var(--ink)}.page-numbers.current{background:#ffe34d}
.site-footer{margin-top:55px;padding:34px 24px;border-top:6px solid var(--ink);background:#111;color:#fff;text-align:center}.site-footer a{color:#ffe34d}.footer-title{font:2rem Impact,"Arial Black",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.comment-list{padding-left:24px}.comment-body{margin-bottom:20px;padding:18px;border:3px solid var(--ink);background:#fff}.comment-meta{font-weight:800}
@media(max-width:850px){.site-grid{grid-template-columns:1fr}.sidebar{border-top:5px solid var(--ink);padding-top:32px}.header-inner{min-height:135px;padding:26px 72px}.site-title{text-shadow:2px 2px 0 #fff}.sponsor-writing-button{display:none}}
@media(max-width:782px){body.admin-bar .menu-drawer{top:46px}body.admin-bar .menu-toggle[aria-expanded="true"]{top:71px}}
@media(max-width:520px){.header-inner{min-height:120px;padding:22px 112px}.home-icon-link{left:8px;width:42px;height:46px}.home-icon-link svg{width:25px;height:25px}.menu-toggle{left:59px;width:49px;height:48px}.menu-toggle[aria-expanded="true"]{left:18px;top:25px}.menu-drawer:before{left:82px;font-size:3.5rem}.menu-label{left:59px;top:calc(50% + 32px);width:49px;font-size:.65rem}.site-title{font-size:2.25rem}.site-social-icons{gap:7px}.site-social-icons a{width:34px;height:34px;padding:3px;border-width:2px;box-shadow:2px 2px 0 var(--ink)}.site-description{font-size:.72rem}.site-grid{margin:25px auto;padding:0 12px;gap:24px}.post-card,.page-content,.sidebar .widget,.comments-area{padding:19px;box-shadow:5px 5px 0 var(--ink)}.entry-title{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}