/*
Theme Name: White Mountain Fieldbook
Description: An illustrated natural-history fieldbook for the White Mountains.
Version: 1.0.2
Requires PHP: 7.4
Text Domain: white-mountain-fieldbook
*/
.nature-opening:after{mask-image:linear-gradient(90deg,transparent 0%,transparent 44%,#000 76%)}
@media(max-width:780px){.nature-opening:after{mask-image:linear-gradient(180deg,transparent 0%,transparent 46%,#000 87%)}}
:root{--forest:#233f2e;--moss:#5c7055;--paper:#f8f6ee;--ochre:#ae6539;--line:#d8dccc;--ink:#27362b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.8 'Trebuchet MS',Arial,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--ochre)}a:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #b7693d;outline-offset:4px}.skip-link{position:absolute;top:-80px;left:10px;padding:10px;background:white;z-index:100}.skip-link:focus{top:8px}.field-notice{background:var(--forest);color:#f0f0df;text-align:center;padding:7px 20px;font-size:11px;letter-spacing:.3px}.field-notice a{color:#e8ce93}.field-header{max-width:1240px;margin:auto;padding:27px 32px;display:flex;justify-content:space-between;gap:25px;align-items:center}.field-logo{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:17px;font-weight:bold;letter-spacing:1.5px;line-height:1.5}.field-logo small{display:block;font-size:8px;letter-spacing:2.2px;font-weight:400}.tree-seal{width:42px;height:50px;border:1px solid #a2ae93;border-radius:50% 50% 40% 40%;display:grid;place-items:center;font-size:37px;line-height:1;color:var(--moss)}.field-header nav{display:flex;gap:25px;font-size:12px}.field-header nav a{text-decoration:none}.field-header nav [aria-current=page]{border-bottom:1px solid var(--ochre)}.nature-opening{position:relative;background:#e9e2cf;overflow:hidden;min-height:650px}.nature-opening:after{content:'';position:absolute;inset:210px 0 0;background-image:url('woodland.svg');background-size:cover;background-position:center bottom;z-index:0}.nature-title{position:relative;z-index:1;max-width:1176px;margin:auto;padding:42px 32px 0;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start}.nature-title h1{font:54px/1.06 Georgia,serif;font-weight:400;margin:12px 0;letter-spacing:-1.5px}.nature-title p{max-width:34em;margin:18px 0}.field-kicker{font-size:10px!important;text-transform:uppercase;letter-spacing:2.1px;color:var(--ochre);font-weight:bold}.trail-sign{align-self:start;justify-self:end;margin-top:30px;border:1px solid #9b9d80;background:#f9f5e7cf;padding:22px 25px;width:250px;font-size:13px;transform:rotate(2deg)}.trail-sign p{margin:0 0 12px}.trail-sign a{font-weight:bold}.field-section{max-width:1160px;margin:auto;padding:65px 26px}.field-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:35px}.field-section h2{font:38px/1.15 Georgia,serif;font-weight:400;margin:10px 0}.field-section-heading p{font-size:15px;margin:0;color:var(--moss)}.field-guides{display:grid;grid-template-columns:1fr 1fr 1fr;gap:34px}.field-guide{border-top:2px solid var(--forest);padding-top:20px}.field-guide .number{font:italic 35px Georgia,serif;color:#839073}.field-guide h3{font:25px/1.2 Georgia,serif;font-weight:400;margin:12px 0}.field-guide p{font-size:15px}.field-guide a{font-size:12px;font-weight:bold;letter-spacing:.3px}.field-callout{background:#e9eddf;padding:40px max(25px,calc((100% - 1108px)/2));display:grid;grid-template-columns:150px 1fr;gap:35px;align-items:center}.field-callout .leaf-mark{font:90px Georgia,serif;text-align:center;color:var(--moss);line-height:1}.field-callout h2{font:30px Georgia,serif;font-weight:400;margin:0 0 13px}.field-callout p{margin:0;max-width:760px;font-size:15px}.field-footnote{max-width:1108px;margin:28px auto 45px;font-size:12px;color:var(--moss);border-top:1px solid var(--line);padding-top:20px}.field-footer{background:var(--forest);color:#e7eddd;padding:50px max(25px,calc((100% - 1108px)/2));display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.field-footer h2{font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:0 0 17px;color:#aebfa0}.field-footer a{display:block;font-size:12px;margin:6px 0}.footer-path{display:flex;gap:20px}.footer-path>span{font-size:64px;color:#b5c49c;line-height:1}.footer-path p{font:27px/1.25 Georgia,serif;margin:0}.field-colophon{grid-column:1/-1;margin:15px 0 0;border-top:1px solid #55705a;padding-top:20px;font-size:11px;max-width:100%;color:#bdcbb2}.field-colophon a{display:inline;font-size:11px}.reading-layout{display:grid;grid-template-columns:170px minmax(0,740px);gap:65px;max-width:1108px;padding:38px 20px 65px;margin:auto}.reading-margin{font-size:12px;color:var(--moss);border-right:1px solid var(--line);padding-right:25px;margin-top:15px}.reading-margin p{margin-block:25px}.reading-head h1{font:46px/1.12 Georgia,serif;font-weight:400;letter-spacing:-.7px;margin:12px 0 24px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--ochre);font-weight:bold}.standfirst{font:21px/1.55 Georgia,serif;color:var(--moss);border-bottom:1px solid var(--line);padding-bottom:26px}.article-body h2{font:28px/1.3 Georgia,serif;font-weight:400;margin:35px 0 15px}.article-body h3{font-size:18px;margin:28px 0 10px}.article-body p{margin-bottom:22px}.article-body li{margin-bottom:10px}.article-body .field-note{padding:20px 24px;background:#e9eddf;border-left:3px solid #8b9a70}.article-body table{width:100%;border-collapse:collapse;font-size:14px}.article-body th,.article-body td{border-bottom:1px solid var(--line);padding:11px;text-align:left;vertical-align:top}.reader-form{margin-top:35px}.reader-form label{font-size:13px;display:block}.reader-form label span{color:var(--moss);font-size:11px}input,textarea{display:block;width:100%;max-width:100%;background:#fffef9;border:1px solid #a6b299;padding:12px;font:16px/1.6 Arial,sans-serif;margin-top:7px}button,input[type=submit]{background:var(--forest);color:white;font:13px 'Trebuchet MS',sans-serif;padding:14px 24px;border:0;cursor:pointer;width:auto}.form-detail{font-size:12px}.form-trap{position:absolute;left:-9999px}.form-status{padding:20px;background:#e9eddf}.search-results{max-width:760px;margin:45px auto;padding:20px}.custom-navigation{display:flex;gap:25px;list-style:none;padding:0;margin:0}@media(max-width:780px){.field-notice{font-size:10px;line-height:1.6}.field-header{padding:20px;display:block}.field-logo{font-size:15px}.field-header nav{gap:12px 23px;flex-wrap:wrap;margin-top:20px;font-size:12px}.nature-opening{min-height:620px}.nature-opening:after{inset:300px -210px 0}.nature-title{display:block;padding:24px}.nature-title h1{font-size:42px;max-width:9em}.nature-title p{font-size:16px}.trail-sign{margin:23px 0 0;width:auto;max-width:290px;padding:13px 18px;font-size:12px;transform:rotate(-1deg)}.field-section{padding:40px 24px}.field-section-heading{grid-template-columns:1fr;gap:12px}.field-section h2{font-size:32px}.field-guides{grid-template-columns:1fr;gap:28px}.field-guide{display:grid;grid-template-columns:50px 1fr;column-gap:12px}.field-guide h3{margin:0}.field-guide p,.field-guide>a{grid-column:2}.field-callout{grid-template-columns:60px 1fr;gap:20px;padding:30px 24px}.field-callout .leaf-mark{font-size:55px}.field-callout h2{font-size:26px}.field-footnote{margin:25px 24px}.field-footer{grid-template-columns:1fr 1fr;gap:30px;padding:35px 24px}.footer-path{grid-column:1/-1}.reading-layout{display:block;padding:24px 24px 45px}.reading-margin{display:none}.reading-head h1{font-size:36px}.standfirst{font-size:20px}.article-body{font-size:17px}.article-body table{font-size:12px}.article-body th,.article-body td{padding:7px}}
