/* Native WordPress blog views; all content is visible without JavaScript. */
body.blog .site-header,body.single-post .site-header,body.category .site-header,body.tag .site-header,body.search .site-header{position:absolute;inset:0 0 auto;color:#fff;border-color:#ffffff25}
body.blog.admin-bar .site-header,body.single-post.admin-bar .site-header,body.category.admin-bar .site-header,body.tag.admin-bar .site-header,body.search.admin-bar .site-header{top:32px}
body main.blog-page{max-width:none;padding:0;margin:0;overflow:clip}
.blog-banner{background-image:url('images/h1-bg04.jpg')}
.blog-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(240px,1fr);gap:70px}
.blog-entry{margin-bottom:65px}
.blog-entry-image{display:block;aspect-ratio:1.6;margin-bottom:30px}
.blog-entry-image img{width:100%;height:100%;object-fit:cover}
body .blog-page article a{text-decoration:none}
.blog-page article p{margin:0}
.blog-entry h2{font-size:clamp(26px,2.5vw,40px);line-height:1.15;text-transform:uppercase;margin:18px 0}
.blog-entry h2 a:hover,.recent-post:hover strong,.blog-categories a:hover{color:#8b6300}
.blog-excerpt{color:var(--muted);line-height:1.75;margin-bottom:25px}
.post-meta{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;font-size:12px}
.post-meta a,.post-meta time{background:#fff;padding:5px 10px}
.post-meta a:hover{background:var(--yellow)}
.blog-sidebar section+section{margin-top:45px}
.blog-sidebar{position:sticky;align-self:start;top:calc(24px + var(--feronex-admin-bar-height,0px));max-height:calc(100vh - 48px - var(--feronex-admin-bar-height,0px));max-height:calc(100dvh - 48px - var(--feronex-admin-bar-height,0px));overflow-y:auto}
.blog-sidebar h2{font-size:26px;text-transform:uppercase;margin-bottom:24px}
.blog-search{display:flex;background:#fff}
.blog-search input{min-width:0;width:100%;border:0;padding:17px;background:transparent;color:var(--ink);font:inherit}
.blog-search button{border:0;background:var(--yellow);padding:0 20px;font-size:22px;cursor:pointer}
.blog-categories{list-style:none;padding:0;margin:0}
.blog-categories li{border-bottom:1px solid var(--line);padding:14px 0}
.recent-post{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.recent-post img{width:90px;height:90px;object-fit:cover;flex-shrink:0}
.recent-post time{display:block;font-size:11px;margin-bottom:9px}
.recent-post strong{font-size:15px;line-height:1.4;text-transform:uppercase;font-weight:500}
.article-banner{position:relative;isolation:isolate;background-size:cover;background-position:center;background-attachment:fixed;padding:155px var(--pad) 85px;color:#fff}
.article-banner::after{content:'';position:absolute;inset:0;z-index:-1;background:#101b25b8}
.article-banner .page-breadcrumbs{margin:0;flex-wrap:wrap}
.article-heading{text-align:center;max-width:1100px;margin:0 auto 65px}
.article-heading .post-meta{justify-content:center;margin-bottom:26px}
.blog-page article h1{font-size:clamp(36px,4.5vw,76px);text-transform:uppercase;line-height:1.12;margin:0}
.article-image{margin:0 0 60px}
.article-image img{display:block;width:100%;height:auto;max-height:850px;object-fit:cover}
.article-image figcaption{font-size:13px;color:var(--muted);margin-top:12px}
.article-body,.article-end,.blog-article .post-navigation{max-width:850px;margin:0 auto}
.article-body{font-size:18px;line-height:1.8;overflow-wrap:anywhere}
.blog-page .article-body p{margin:0 0 24px}
.article-body h2{font-size:32px;line-height:1.25;margin:44px 0 20px}
.article-body h3{font-size:25px;margin:30px 0 16px}
.article-body a{text-decoration:underline!important}
.article-body blockquote{margin:35px 0;padding:20px 30px;border-left:4px solid var(--yellow);background:#fff}
.article-body img{max-width:100%;height:auto}
.article-end{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:30px;margin-top:45px}
.blog-article .post-navigation{margin-top:40px;border-top:1px solid var(--line);padding-top:30px}
.post-navigation .nav-links{display:flex;justify-content:space-between;gap:30px}
.post-navigation .nav-links>div{max-width:45%}
.post-navigation .nav-next{text-align:right;margin-left:auto}
.post-navigation span{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}
.blog-page .page-numbers{display:inline-block;padding:12px 18px;background:#fff;margin:0 6px 8px 0}
.blog-page .page-numbers.current{background:var(--yellow)}
@media(max-width:1000px){.blog-layout{gap:35px;grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}}
@media(max-width:782px){body.blog.admin-bar .site-header,body.single-post.admin-bar .site-header,body.category.admin-bar .site-header,body.tag.admin-bar .site-header,body.search.admin-bar .site-header{top:46px}.blog-layout{grid-template-columns:1fr}.blog-sidebar{border-top:1px solid var(--line);padding-top:35px}.article-heading{margin-bottom:35px}.article-image{margin-bottom:35px}.article-banner{padding:125px var(--pad) 65px}.article-body{font-size:16px}.article-end{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.article-banner{background-attachment:scroll}}
@media(max-width:782px){.blog-sidebar{position:static;max-height:none;overflow:visible}}

.post-meta a:hover,.blog-search button,.blog-page .page-numbers.current { color:#fff; }