/*
Theme Name: Jake's Distillary
Author: Custom
Description: Copper-and-iron steampunk blog theme.
Version: 1.0
Requires PHP: 7.4
*/
:root{--iron:#161513;--panel:#25211c;--copper:#c98645;--gold:#e4bc76;--paper:#e9dfca}*{box-sizing:border-box}body{margin:0;background:var(--iron);color:var(--paper);font:17px/1.7 Georgia,serif}a{color:var(--gold)}a:hover{color:white}h1,h2,h3,.nav a,.button{font-family:Georgia,serif;letter-spacing:.035em}h1,h2,h3{color:var(--gold);line-height:1.25}.site-header{background:#0d0d0c;border-bottom:3px solid var(--copper)}.hero{width:100%;display:block;height:auto}.nav{display:flex;justify-content:center;gap:3rem;padding:14px;background:linear-gradient(#35291f,#171411);border-top:1px solid #936239}.nav a{text-decoration:none;text-transform:uppercase;font-size:.9rem;font-weight:bold}.wrap{max-width:1180px;margin:auto;padding:42px 22px}.grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(260px,3fr);gap:35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.sidebar,.article{background:var(--panel);border:1px solid #725137;box-shadow:0 4px 18px #0006;padding:24px}.card{border-top:4px solid var(--copper)}.card h3{margin-top:0}.meta{font-size:.82rem;color:#c9aa87}.button,button,input[type=submit]{display:inline-block;background:#7c4829;color:#fff;border:1px solid var(--gold);padding:10px 19px;text-decoration:none;cursor:pointer}.button:hover,button:hover{background:#a15f34}.intro{text-align:center;margin-bottom:32px}.sidebar details{border-bottom:1px solid #66503b;padding:8px 0}.sidebar summary{cursor:pointer;color:var(--gold)}.sidebar ul{list-style:none;padding-left:16px;margin:6px 0}.sidebar li{margin:4px 0}.sidebar a{text-decoration:none}.search-box input,.search-box select{max-width:100%;width:100%;padding:10px;margin-bottom:10px;background:#e9dfca;color:#211b16;border:1px solid #98663b}.post-list .article{margin-bottom:22px}.pagination{margin:24px 0}.pagination .page-numbers{padding:7px 12px;border:1px solid #855c38;display:inline-block;margin:3px}.footer{text-align:center;padding:25px;border-top:2px solid #8a5632;color:#baa18a}img{max-width:100%;height:auto}.article-content{overflow-wrap:anywhere}@media(max-width:800px){.grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.nav{gap:1rem}.wrap{padding:24px 15px}}