/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 04 2026 | 08:25:36 */
/* ==========================================================================
   OPUS - NEWS INDEX AND CATEGORY ARCHIVES

   Applies to the Divi blog module carrying the class .opus-news, and the
   filter bar Code module carrying .opus-news-filters, both inside the
   Theme Builder "Blog" body. Nothing here can reach any other page.

   The module MUST be set to Fullwidth layout, not Grid. Grid uses salvattore,
   which splits the posts into separate .column elements and makes it
   impossible to style the newest post as a lead article.
   ========================================================================== */

.opus-news{
  --paper:#faf9f6; --panel:#f2efe8; --ink:#22292b; --ink-2:#4a5456;
  --muted:#6d7877; --rule:#ddd8ce; --rule-soft:#e9e5dc;
  --copper:#966844; --copper-ink:#8a5f3d; --deep:#2c3639;
  --serif:"Prata",Georgia,"Times New Roman",serif;
  --sans:"Source Sans 3","Helvetica Neue",Arial,sans-serif;
}

/* ---------- the grid ---------- */
.opus-news .et_pb_ajax_pagination_container{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:44px 36px;
  align-items:start;
}
.opus-news .et_pb_post{
  display:flex;
  flex-direction:column;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
}

/* the card, in reading order: image, meta, title, excerpt */
.opus-news .et_pb_post .entry-featured-image-url{order:1;margin:0 0 16px}
.opus-news .et_pb_post .post-meta{order:2;margin:0 0 8px}
.opus-news .et_pb_post .entry-title{order:3;margin:0}
.opus-news .et_pb_post .post-content{order:4;margin:10px 0 0}

.opus-news .et_pb_post .entry-featured-image-url img{
  width:100%;height:auto;display:block;
  aspect-ratio:56/38;object-fit:cover;background:var(--panel);
}

/* meta: first category as a copper eyebrow, then the date */
.opus-news .et_pb_post .post-meta{
  font-family:var(--sans);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);line-height:1.5;
}
.opus-news .et_pb_post .post-meta a{
  color:var(--copper) !important;font-weight:600;text-decoration:none;
}
.opus-news .et_pb_post .post-meta a:hover{color:var(--copper-ink) !important}
/* only the first category, so a post filed under five does not shout */
.opus-news .et_pb_post .post-meta a:not(:first-of-type){display:none}
.opus-news .et_pb_post .post-meta .author{display:none}

/* title: Prata, full, never truncated */
.opus-news .et_pb_post h2.entry-title,
.opus-news .et_pb_post .entry-title{
  font-family:var(--serif) !important;font-weight:400 !important;
  font-size:1.2rem !important;line-height:1.28 !important;
  letter-spacing:0;text-wrap:balance;
}
.opus-news .et_pb_post .entry-title a{
  color:var(--ink) !important;text-decoration:none;
  display:block !important;overflow:visible !important;
  -webkit-line-clamp:unset !important;text-overflow:clip !important;
  font-family:var(--serif) !important;
}
.opus-news .et_pb_post .entry-title a:hover{color:var(--copper-ink) !important}

.opus-news .et_pb_post .post-content p{
  font-size:15px;line-height:1.55;color:var(--ink-2);margin:0;
}
/* the dark circular arrow button goes */
.opus-news .et_pb_post .more-link,
.opus-news .et_pb_post .et_pb_button,
.opus-news .et_pb_post .post-content a.more-link{display:none !important}

/* ---------- the lead article ---------- */
.opus-news .et_pb_post:first-child{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:44px;
  align-items:center;
  padding-bottom:44px !important;
  margin-bottom:20px !important;
  border-bottom:1px solid var(--rule) !important;
}
.opus-news .et_pb_post:first-child .entry-featured-image-url{
  grid-row:1 / span 4;grid-column:1;margin:0;align-self:center;
}
.opus-news .et_pb_post:first-child .entry-featured-image-url img{aspect-ratio:12/7.6}
.opus-news .et_pb_post:first-child .post-meta{grid-column:2;align-self:end;margin:0 0 14px}
.opus-news .et_pb_post:first-child .entry-title{grid-column:2}
.opus-news .et_pb_post:first-child .entry-title a{font-size:clamp(1.6rem,3.2vw,2.3rem) !important;line-height:1.16 !important}
.opus-news .et_pb_post:first-child .post-content{grid-column:2;align-self:start}
.opus-news .et_pb_post:first-child .post-content p{font-size:1.02rem;line-height:1.6;max-width:44ch}

/* ---------- pagination ---------- */
.opus-news .pagination{
  grid-column:1 / -1;margin-top:56px;padding-top:28px;
  border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:20px;
}
.opus-news .pagination a{
  font-family:var(--sans);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink) !important;text-decoration:none;
  border-bottom:1px solid var(--copper);padding-bottom:5px;
}

/* ---------- the filter bar ---------- */
.opus-news-filters{
  position:sticky;top:0;z-index:20;background:#faf9f6;
  border-bottom:1px solid #ddd8ce;margin-bottom:0 !important;
}
.opus-news-filters .groups{display:flex;align-items:baseline;gap:26px;padding:16px 0 0;flex-wrap:wrap}
.opus-news-filters .groups button{
  appearance:none;background:none;border:0;padding:0 0 12px;cursor:pointer;
  font-family:"Source Sans 3",sans-serif;font-size:11.5px;letter-spacing:.16em;
  text-transform:uppercase;font-weight:600;color:#6d7877;border-bottom:2px solid transparent;
}
.opus-news-filters .groups button:hover{color:#22292b}
.opus-news-filters .groups button[aria-selected="true"]{color:#22292b;border-bottom-color:#966844}
.opus-news-filters .groups .count{margin-left:auto;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#6d7877;padding-bottom:12px}
.opus-news-filters .chips{display:flex;gap:8px 22px;flex-wrap:wrap;padding:14px 0 16px;border-top:1px solid #e9e5dc}
.opus-news-filters .chips:empty{display:none}
.opus-news-filters .chips a{
  text-decoration:none;font-size:14px;color:#4a5456;border-bottom:1px solid transparent;
  padding-bottom:3px;white-space:nowrap;letter-spacing:0;text-transform:none;font-weight:400;
}
.opus-news-filters .chips a:hover{color:#966844;border-bottom-color:#ddd8ce}
.opus-news-filters .chips a[aria-current]{color:#966844;border-bottom-color:#966844;font-weight:600}
.opus-news-filters .chips a .n{color:#6d7877;font-size:12px;font-variant-numeric:tabular-nums;margin-left:5px}
.opus-news-filters .active-line{display:none;align-items:baseline;gap:16px;padding:18px 0;font-size:14px;color:#6d7877}
.opus-news-filters .active-line.on{display:flex}
.opus-news-filters .active-line strong{color:#22292b;font-weight:600}
.opus-news-filters .active-line button{
  appearance:none;background:none;border:0;padding:0 0 3px;cursor:pointer;
  font-family:"Source Sans 3",sans-serif;font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:#22292b;border-bottom:1px solid #966844;
}
.opus-news .et_pb_post.oa-hide{display:none !important}
.opus-news.filtering .et_pb_post:first-child{
  grid-column:auto;display:flex;border-bottom:0 !important;
  padding-bottom:0 !important;margin-bottom:0 !important;
}
.opus-news.filtering .et_pb_post:first-child .entry-title a{font-size:1.2rem !important;line-height:1.28 !important}
.opus-news.filtering .et_pb_post:first-child .entry-featured-image-url img{aspect-ratio:56/38}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .opus-news .et_pb_ajax_pagination_container{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}
  .opus-news .et_pb_post:first-child{grid-template-columns:1fr;gap:20px}
  .opus-news .et_pb_post:first-child .entry-featured-image-url{grid-row:auto;grid-column:1}
  .opus-news .et_pb_post:first-child .post-meta,
  .opus-news .et_pb_post:first-child .entry-title,
  .opus-news .et_pb_post:first-child .post-content{grid-column:1}
  .opus-news .et_pb_post:first-child .post-content p{max-width:none}
}
@media (max-width:620px){
  .opus-news .et_pb_ajax_pagination_container{grid-template-columns:minmax(0,1fr);gap:34px}
  .opus-news-filters .chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .opus-news-filters .groups{gap:18px}
  .opus-news-filters .groups .count{display:none}
}