
/* Solera Blog index: utility-page header + Soro-style article cards. */
body:has(#wrap.website_blog) #wrap.website_blog,
body:has(#wrap.website_blog) #o_wblog_index_content,
body:has(#wrap.website_blog) main{background:#fff!important;color:#111!important;}
body:has(#wrap.website_blog) #o_wblog_blog_top{background:#fff!important;padding:22px 0 8px!important;}
body:has(#wrap.website_blog) .solera-blog-index-hero{
  width:min(1240px,calc(100vw - 32px))!important;margin:0 auto!important;text-align:center!important;color:#fff!important;
  padding:clamp(32px,4.8vw,48px) 22px clamp(30px,4vw,42px)!important;border-radius:28px!important;overflow:hidden!important;
  background:radial-gradient(circle at 50% 42%,rgba(152,137,82,.72) 0%,rgba(95,79,36,.56) 22%,rgba(42,31,15,.88) 55%,#0e0e0c 100%)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.10)!important;border:1px solid rgba(122,100,28,.28)!important;
}
body:has(#wrap.website_blog) .solera-blog-index-hero__eyebrow,
body:has(#wrap.website_blog) .solera-blog-index-hero__rule{display:none!important;}
body:has(#wrap.website_blog) .solera-blog-index-hero h1{margin:0!important;color:#fff!important;text-shadow:none!important;font-size:clamp(36px,4.7vw,54px)!important;line-height:1.02!important;letter-spacing:-.04em!important;font-weight:850!important;}
body:has(#wrap.website_blog) .solera-blog-index-hero__subtitle{margin:14px auto 0!important;max-width:760px!important;color:rgba(255,255,255,.92)!important;text-shadow:none!important;font-size:clamp(16px,1.6vw,20px)!important;line-height:1.35!important;font-weight:600!important;}
body:has(#wrap.website_blog) .website_blog > nav.navbar{background:#fff!important;padding:22px 0 20px!important;}
body:has(#wrap.website_blog) .website_blog .o_searchbar_form{max-width:420px!important;margin-left:auto!important;margin-right:auto!important;}
body:has(#wrap.website_blog) .website_blog .input-group{border:1px solid rgba(122,100,28,.30)!important;border-radius:999px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 10px 24px rgba(0,0,0,.045)!important;}
body:has(#wrap.website_blog) .website_blog input.search-query{background:#fff!important;color:#111!important;border:0!important;padding:13px 18px!important;}
body:has(#wrap.website_blog) .website_blog .oe_search_button{background:#fff!important;color:#7A641C!important;border:0!important;padding-inline:18px!important;}
body:has(#wrap.website_blog) #o_wblog_index_content .container{max-width:784px!important;padding-top:4px!important;}
body:has(#wrap.website_blog) #o_wblog_posts_loop .row{display:block!important;margin:0!important;}
body:has(#wrap.website_blog) #o_wblog_posts_loop .row > div:has(> article.o_wblog_post){width:100%!important;max-width:100%!important;flex:0 0 100%!important;padding:0!important;margin:0 0 20px!important;}
body:has(#wrap.website_blog) article.o_wblog_post{
  display:grid!important;grid-template-columns:224px minmax(0,1fr)!important;grid-template-rows:1fr auto!important;grid-template-areas:"media copy" "date copy"!important;
  min-height:208px!important;background:#fff!important;border:1px solid rgba(122,100,28,.22)!important;border-radius:20px!important;overflow:hidden!important;
  padding:0!important;box-shadow:0 14px 34px rgba(0,0,0,.075)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body:has(#wrap.website_blog) article.o_wblog_post:hover{transform:translateY(-2px)!important;border-color:rgba(122,100,28,.42)!important;box-shadow:0 18px 42px rgba(0,0,0,.10)!important;}
body:has(#wrap.website_blog) article.o_wblog_post > a:first-child{
  grid-area:media!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:164px!important;min-height:164px!important;margin:0!important;padding:12px 24px 1px!important;
  background:linear-gradient(90deg,#fff 0%,#fff 18%,#fbfaf7 18%,#fbfaf7 43%,#fff 43%,#fff 61%,#fbfaf7 61%,#fbfaf7 83%,#fff 83%,#fff 100%)!important;
}
body:has(#wrap.website_blog) article.o_wblog_post > a:first-child .o_record_cover_container{height:100%!important;min-height:0!important;width:100%!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;overflow:visible!important;}
body:has(#wrap.website_blog) article.o_wblog_post > a:first-child .o_record_cover_image{background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important;background-color:transparent!important;inset:0!important;}
body:has(#wrap.website_blog) article.o_wblog_post > div:nth-of-type(1){grid-area:copy!important;align-self:center!important;text-align:center!important;padding:22px 34px!important;}
body:has(#wrap.website_blog) article.o_wblog_post .o_blog_post_title{display:block!important;color:#111!important;text-decoration:none!important;font-size:clamp(19px,1.55vw,24px)!important;line-height:1.15!important;font-weight:850!important;letter-spacing:-.035em!important;margin:0 0 10px!important;}
body:has(#wrap.website_blog) article.o_wblog_post .o_wblog_normalize_font{color:#333!important;font-size:clamp(13.5px,1.02vw,15px)!important;line-height:1.38!important;font-weight:450!important;max-width:470px!important;margin:0 auto!important;}
body:has(#wrap.website_blog) article.o_wblog_post > div.o_wblog_normalize_font.pe-2.pb-2{grid-area:date!important;align-self:start!important;text-align:center!important;padding:4px 8px 14px!important;background:linear-gradient(90deg,#fff 0%,#fff 18%,#fbfaf7 18%,#fbfaf7 43%,#fff 43%,#fff 61%,#fbfaf7 61%,#fbfaf7 83%,#fff 83%,#fff 100%)!important;}
body:has(#wrap.website_blog) article.o_wblog_post time{display:block!important;color:#111!important;font-size:12.5px!important;line-height:1.1!important;font-weight:850!important;letter-spacing:.01em!important;text-align:center!important;padding:0!important;}
body:has(#wrap.website_blog) .pagination{justify-content:center!important;margin-top:10px!important;}
body:has(#wrap.website_blog) .pagination .page-link{border-radius:999px!important;margin:0 4px!important;border-color:rgba(122,100,28,.35)!important;color:#111!important;background:#fff!important;}
body:has(#wrap.website_blog) .pagination .active .page-link{background:#7A641C!important;border-color:#7A641C!important;color:#fff!important;}
/* Keep article page aligned to approved Solera article treatment. */
body:has(#wrap.website_blog) .solera-soro-clean-blog .solera-intro-card{background:#fff!important;border:1px solid #7A641C!important;box-shadow:0 12px 30px rgba(0,0,0,.05)!important;color:#111!important;}
body:has(#wrap.website_blog) .solera-soro-clean-blog .solera-hero-img{border-color:rgba(122,100,28,.38)!important;}
body:has(#wrap.website_blog) .solera-soro-clean-blog .solera-action-row a{background:#7A641C!important;color:#fff!important;border-color:#7A641C!important;}
body:has(#wrap.website_blog) .solera-soro-clean-blog .solera-action-row a:hover,
body:has(#wrap.website_blog) .solera-soro-clean-blog .solera-cta-card a:hover{background:#111!important;border-color:#111!important;color:#fff!important;}
body:has(#wrap.website_blog) .solera-soro-clean-blog .solera-cta-card p{color:#fff!important;}
@media (max-width:767px){
 body:has(#wrap.website_blog) #o_wblog_blog_top{padding:14px 0 8px!important;}
 body:has(#wrap.website_blog) .solera-blog-index-hero{width:calc(100vw - 20px)!important;border-radius:22px!important;padding:30px 18px 26px!important;}
 body:has(#wrap.website_blog) .solera-blog-index-hero h1{font-size:clamp(31px,10vw,42px)!important;}
 body:has(#wrap.website_blog) #o_wblog_index_content .container{padding-left:14px!important;padding-right:14px!important;}
 body:has(#wrap.website_blog) article.o_wblog_post{grid-template-columns:1fr!important;grid-template-areas:"media" "date" "copy"!important;min-height:auto!important;}
 body:has(#wrap.website_blog) article.o_wblog_post > a:first-child{height:164px!important;min-height:164px!important;padding:12px 24px 1px!important;}
 body:has(#wrap.website_blog) article.o_wblog_post > div.o_wblog_normalize_font.pe-2.pb-2{padding:0 12px 18px!important;}
 body:has(#wrap.website_blog) article.o_wblog_post > div:nth-of-type(1){padding:22px 20px 26px!important;}
 body:has(#wrap.website_blog) article.o_wblog_post .o_blog_post_title{font-size:21px!important;}
 body:has(#wrap.website_blog) article.o_wblog_post .o_wblog_normalize_font{font-size:14px!important;}
}
