/* Avenue site header and footer for the How it works page.
   Copied from the portfolio template (brunn-child/av-portfolio-single.php) so the two match.
   Loaded by the "Avenue How It Works (loader)" plugin on that page only. */
.av-chrome,.av-chrome *{margin:0;padding:0;box-sizing:border-box}
.av-chrome a{color:inherit;text-decoration:none}
.av-chrome--top{position:sticky;top:0;z-index:9999}
/* The theme sets overflow-x:hidden !important on <body>, which stops the nav bar sticking. clip crops the same way without that side effect. */
html body.av-hiw-page{overflow:visible!important;overflow-x:clip!important;}
/* Tab links (#projects etc.) land below the pinned nav bar. */
.av-hiw-page .avg-item,.av-hiw-page .av-guide-head{scroll-margin-top:80px;}
.admin-bar .av-chrome--top{top:32px}
@media screen and (max-width:782px){.admin-bar .av-chrome--top{top:46px}}

.av-chrome .av-nav{background:#F0EDE6;border-bottom:0.5px solid rgba(17,17,16,0.18);width:100%;}
.av-chrome .av-nav-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 40px;height:56px;}
.av-chrome .av-nav-left{display:flex;gap:32px;align-items:center;}
.av-chrome .av-nav-right{display:flex;gap:32px;align-items:center;justify-content:flex-end;}
.av-chrome .av-nav-link{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:#111110;transition:opacity .2s;}
.av-chrome .av-nav-link:hover{opacity:0.5;}
.av-chrome .av-nav-logo{font-family:'Geist',sans-serif;font-weight:700;font-size:19px;letter-spacing:-0.03em;color:#111110;text-align:center;}
.av-chrome .av-nav-cta{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;padding:8px 20px;border:1px solid #111110;background:transparent;color:#111110;cursor:pointer;transition:background .2s,color .2s;}
.av-chrome .av-nav-cta:hover{background:#111110;color:#F0EDE6;}

.av-chrome.av-footer{border-top:0.5px solid rgba(17,17,16,0.18);display:grid;grid-template-columns:2fr 1fr 1fr;background:#F0EDE6;color:#111110;}
.av-chrome .av-f-col{padding:56px 36px;border-right:0.5px solid rgba(17,17,16,0.10);font-family:'Geist',sans-serif;}
.av-chrome .av-f-col:last-child{border-right:none;}
.av-chrome .av-f-kicker{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:rgba(17,17,16,0.35);margin-bottom:16px;}
.av-chrome .av-f-logo{font-family:'Geist',sans-serif;font-weight:700;font-size:19px;letter-spacing:-0.03em;color:#111110;margin-bottom:12px;}
.av-chrome .av-f-about{margin-top:12px;font-size:14px;line-height:1.78;color:#111110;}
.av-chrome .av-f-about strong{font-weight:700;}
.av-chrome .av-f-head{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:#111110;margin-bottom:20px;border-top:1px solid #111110;padding-top:10px;}
.av-chrome .av-f-link{display:block;font-size:13px;color:#111110;margin-bottom:10px;opacity:0.6;transition:opacity .2s;}
.av-chrome .av-f-link:hover{opacity:1;}

/* The theme's page padding, reset to the spacing of Design's reference page. */
.av-hiw-page .qodef-content .qodef-content-inner > .qodef-container > .qodef-container-inner{padding-top:56px;padding-bottom:120px;}

@media(max-width:768px){
  .av-chrome .av-nav-left,.av-chrome .av-nav-right{display:none;}
  .av-chrome .av-nav-inner{grid-template-columns:1fr;padding:0 20px;}
  .av-chrome.av-footer{grid-template-columns:1fr;}
  .av-chrome .av-f-col{border-right:none;border-bottom:0.5px solid rgba(17,17,16,0.10);}
  .av-chrome .av-f-col:last-child{border-bottom:none;}
}
@media(max-width:640px){
  .av-hiw-page .qodef-content .qodef-content-inner > .qodef-container > .qodef-container-inner{padding-top:36px;padding-bottom:72px;}
}
/* Print / Save as PDF: white pages with even margins, and the content fitted to the page.
   The theme fixes the content box at 1100px for every medium (it only shrinks it for screens),
   which cropped the right side of the printout; its cream background stopped at the page margin. */
@page{margin:16mm 15mm;}
@media print{
  .av-chrome{display:none!important;}
  html,html body.av-hiw-page,.av-hiw-page .qodef-wrapper,.av-hiw-page .qodef-wrapper-inner,.av-hiw-page .qodef-content,.av-hiw-page .qodef-content-inner,.av-hiw-page .qodef-container{background:#fff!important;}
  .av-hiw-page .qodef-content .qodef-content-inner > .qodef-container > .qodef-container-inner{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;}
  .av-hiw-page .qodef-content .qodef-grid-row{margin:0!important;}
  .av-hiw-page .qodef-content .qodef-page-content-holder{width:auto!important;float:none!important;padding:0!important;}
}

/* Save as PDF: top right of the page, under the nav bar. Opens the browser's print dialog,
   where "Save as PDF" is the destination; Design's print styles lay the page out for it. */
.av-hiw-tools{float:right;margin:0 0 0 24px;position:relative;z-index:1;}
.av-hiw-tools .av-hiw-pdf{appearance:none;-webkit-appearance:none;margin:0;border:1px solid #111110;border-radius:0;background:#111110;color:#F0EDE6;font-family:'Geist Mono',monospace;font-size:11px;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;line-height:1;padding:13px 26px;cursor:pointer;box-shadow:none;transition:background .2s,color .2s;}
.av-hiw-tools .av-hiw-pdf:hover{background:transparent;color:#111110;}
.av-hiw-tools .av-hiw-pdf:focus-visible{outline:2px solid #8B3A2A;outline-offset:2px;}
.av-hiw-tools .av-hiw-pdf[disabled]{opacity:.6;cursor:progress;}
@media(max-width:640px){
  .av-hiw-tools{float:none;display:flex;justify-content:flex-end;margin:0 0 20px;}
}
@media print{
  .av-hiw-tools{display:none!important;}
}