/* v4.7.5: magazine/article footer only; header lives in hf475-nav.css */
html body.blog .hf47-magazine > footer.hf10-footer,
html body.single-post .hf471-post-page > footer.hf10-footer {
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  box-sizing:border-box!important;gap:30px!important;
  width:100%!important;max-width:none!important;margin:0!important;
  padding:28px max(24px,calc((100vw - 1300px)/2))!important;
  background:#173b29!important;color:#fffaf0!important;border:0!important;
}
html body.blog .hf47-magazine > footer.hf10-footer > div,
html body.single-post .hf471-post-page > footer.hf10-footer > div {
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  gap:5px!important;margin:0!important;min-width:210px!important;
}
html body.blog .hf47-magazine > footer.hf10-footer strong,
html body.single-post .hf471-post-page > footer.hf10-footer strong {
  display:block!important;font:400 22px/1.2 Georgia,serif!important;color:#fffaf0!important;
}
html body.blog .hf47-magazine > footer.hf10-footer small,
html body.single-post .hf471-post-page > footer.hf10-footer small {
  display:block!important;font:11px/1.4 Arial,sans-serif!important;color:#e8d9bc!important;
}
html body.blog .hf47-magazine > footer.hf10-footer nav,
html body.single-post .hf471-post-page > footer.hf10-footer nav {
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex-wrap:wrap!important;gap:18px!important;margin:0!important;
}
@media(max-width:900px){
 html body.blog .hf47-magazine > nav.hf09-nav,
 html body.single-post .hf471-post-page > nav.hf09-nav{height:auto!important;min-height:76px!important;flex-wrap:wrap!important;padding:10px 22px!important;gap:8px!important}
 html body.blog .hf47-magazine > nav.hf09-nav > div.hf09-links,
 html body.single-post .hf471-post-page > nav.hf09-nav > div.hf09-links{width:100%!important;flex:1 1 100%!important;justify-content:flex-start!important;overflow-x:auto!important;gap:16px!important}
 html body.blog .hf47-magazine > footer.hf10-footer,
 html body.single-post .hf471-post-page > footer.hf10-footer{flex-wrap:wrap!important;gap:18px!important;padding:28px 22px!important}
}