/* ------------------------------ */
/* CARD LINK HOVER EFFECTS        */
/* ------------------------------ */
.card-link {
  transition: all 0.3s ease;
}

.card-link:hover {
  background-color: #f5f7f7;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  cursor: pointer;
}

/* ------------------------------ */
/* FEATURE BOX HOVER / ACTIVE     */
/* ------------------------------ */
.feature-box{
  transition: background-color .25s ease, box-shadow .25s ease, transform .25s ease;
  cursor: pointer;
  border-radius: 14px;
}

.feature-box.active,
.feature-box:hover,
.feature-box:focus-within{
  background-color: #e6f0ec;
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
}

/* ------------------------------ */
/* BLOCKQUOTE CLEANUP             */
/* ------------------------------ */
blockquote {
  margin: 20px 0;
  padding: 0;
  border-left: 2px solid #ccc;
  font-style: italic;
  color: #333;
}

blockquote p {
  margin: 0;
}

blockquote cite,
blockquote footer {
  display: block;
  margin-top: 0.2em;
  font-size: 0.9em;
  color: #555;
  text-align: right;
}

/* ------------------------------ */
/* ASTRA POST BLOCK ALIGN FIX     */
/* ------------------------------ */
.ast-post-block-outer-wrap .ast-post-block-inner-wrap {
  display: flex;
  flex-direction: column;
}

.ast-post-block-outer-wrap .ast-post-block-wrap {
  display: flex;
  align-items: flex-start;
}

.ast-post-block-outer-wrap .ast-featured-img-wrap {
  margin-right: 20px;
}

/* ------------------------------ */
/* TWO-COL BLOG GRID DIVIDER      */
/* (CoBlocks posts block)         */
/* ------------------------------ */
.twocol-line .wp-block-coblocks-posts__item:nth-child(2) {
    border-left: 3px solid #D0D5D8;
    padding-left: 30px;
}

/* ------------------------------ */
/* BLOG ARCHIVE: kill all shading inside posts + add a thin divider line */

/* Nuke any background/shadow inside each post */
.blog .ast-article-post,
.blog .ast-article-post * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Use ::after to draw the divider so nothing can “shade” it */
.blog .ast-article-post {
  position: relative;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: none !important;   /* make sure no old borders remain */
}

.blog .ast-article-post::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #E1E5E8;             /* light gray line */
}

/* Remove divider on last post */
.blog .ast-article-post:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.blog .ast-article-post:last-child::after {
  content: none;
}