@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Lato:wght@400;700&display=swap');
body, p, li, a, span, div, input, textarea, button, .cll-lead, .cll-eyebrow, .cll-card p, .cll-sec p{font-family:"Lato",-apple-system,sans-serif !important;}
h1,h2,h3,h4,h5,h6,.cll-hero h1,.cll-sec h2,.cll-card h3,.cll-headline{font-family:"Cormorant Garamond",Georgia,serif !important;}
.cll-hero h1 em,.cll-sec h2 em,.cll-accent,em.cll-gold{font-family:"Cormorant Garamond",Georgia,serif !important;font-style:italic !important;font-weight:400 !important;color:#b8862b !important;}
.cll-eyebrow{font-family:"Lato",sans-serif !important;text-transform:uppercase !important;letter-spacing:.22em !important;font-weight:700 !important;color:#b8862b !important;}
.site-below-footer-wrap,#colophon,.site-footer,.ast-small-footer{background:#0a0a0a !important;color:#cbbf9e !important;border-top:2px solid #b8862b !important;}
.site-below-footer-wrap a,#colophon a,.site-footer a{color:#cbbf9e !important;}
.site-below-footer-wrap a:hover,#colophon a:hover{color:#d4a93a !important;}


/* ============================================================
   CLL BLOG ARCHIVE STYLING  (Astra theme)
   Paste into: Appearance > Customize > Additional CSS
   Targets the /blog/ archive + category/tag/author archives.
   Brand: gold #b8862b / #d4b25e, cream #f3efe6, black #0a0a0a
   ============================================================ */

/* --- Card: dark brand panel with gold top accent (replaces white box) --- */
.blog .ast-article-inner,
.archive .ast-article-inner {
  background: linear-gradient(160deg,#121212 0%,#0c0c0c 100%) !important;
  border: 1px solid rgba(184,134,43,.38) !important;
  border-top: 3px solid #b8862b !important;
  border-radius: 5px !important;
  padding: 30px 28px 26px !important;
  box-shadow: 0 18px 50px -22px rgba(0,0,0,.85) !important;
  transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s, border-color .45s !important;
  height: 100% !important;
}
.blog .ast-article-inner:hover,
.archive .ast-article-inner:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(184,134,43,.75) !important;
  box-shadow: 0 26px 60px -22px rgba(0,0,0,.9) !important;
}

/* --- Category label: blue -> gold eyebrow --- */
.blog .cat-links,
.archive .cat-links,
.blog .cat-links a,
.archive .cat-links a {
  color: #d4b25e !important;
  font-family: "Lato", sans-serif !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
.blog .cat-links a:hover,
.archive .cat-links a:hover { color: #b8862b !important; }

/* --- Post title: cream Cormorant, readable, branded --- */
.blog .entry-title,
.archive .entry-title { margin: 10px 0 12px !important; }
.blog .entry-title a,
.archive .entry-title a {
  color: #f3efe6 !important;
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 600 !important;
  font-size: 1.5rem !important;
  line-height: 1.2 !important;
  letter-spacing: .005em !important;
  text-decoration: none !important;
  transition: color .4s !important;
}
.blog .entry-title a:hover,
.archive .entry-title a:hover { color: #d4b25e !important; }

/* --- Excerpt: readable muted cream --- */
.blog .ast-excerpt-container,
.archive .ast-excerpt-container,
.blog .ast-excerpt-container p,
.archive .ast-excerpt-container p {
  color: rgba(243,239,230,.74) !important;
  font-family: "Lato", sans-serif !important;
  font-size: .95rem !important;
  line-height: 1.7 !important;
}

/* --- "Read More" link if present --- */
.blog .read-more a,
.archive .read-more a,
.blog .ast-excerpt-container a,
.archive .ast-excerpt-container a {
  color: #d4b25e !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(184,134,43,.5);
}
.blog .read-more a:hover,
.archive .read-more a:hover { color: #b8862b !important; }

/* --- Post meta (date/author) if shown: mute to brand grey --- */
.blog .ast-blog-meta-container,
.archive .ast-blog-meta-container,
.blog .post-meta,
.archive .post-meta {
  color: rgba(243,239,230,.5) !important;
  font-family: "Lato", sans-serif !important;
  font-size: .76rem !important;
  letter-spacing: .04em !important;
}
.blog .ast-blog-meta-container a,
.archive .ast-blog-meta-container a { color: rgba(243,239,230,.6) !important; }

/* --- Grid spacing breathing room --- */
.blog .ast-row,
.archive .ast-row { row-gap: 30px !important; }

/* --- Pagination (older/newer posts) on-brand --- */
.blog .ast-pagination a,
.archive .ast-pagination a,
.blog .page-numbers,
.archive .page-numbers { color: #d4b25e !important; }
.blog .ast-pagination a:hover,
.archive .ast-pagination a:hover { color: #b8862b !important; }
.blog .page-numbers.current,
.archive .page-numbers.current { color: #b8862b !important; font-weight: 700 !important; }

/* --- Archive page title (e.g. "Blog", category name) --- */
.blog .ast-archive-title,
.archive .ast-archive-title,
.blog h1.page-title,
.archive h1.page-title {
  font-family: "Cormorant Garamond", serif !important;
  color: #f3efe6 !important;
}