.elementor-4523 .elementor-element.elementor-element-664b4fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4523 .elementor-element.elementor-element-8e4b170{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-8e4b170 *//* === Blog grid === */
.hu-blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 28px;
}

/* === Card === */
.hu-blog-card {
  background:#fff;
  border:1px solid rgba(17,17,17,.12);
  border-radius:20px;
  box-shadow:0 6px 12px rgba(0,0,0,.06);
  overflow:hidden;
  display:flex;
  flex-direction:column;   /* equal-height prep */
  height:100%;
  transition:transform .25s, box-shadow .25s;
}
.hu-blog-card:hover { transform:translateY(-4px); box-shadow:0 12px 22px rgba(0,0,0,.12); }

/* Image */
.hu-blog-card__img { display:block; width:100%; aspect-ratio:3/2; background:#FAF6F1; }
.hu-blog-card__img img { width:100%; height:100%; object-fit:cover; display:block; }

/* Body */
.hu-blog-card__body{
  padding:16px 18px;
  display:flex;                /* allows CTA to pin to bottom */
  flex-direction:column;
  flex:1 1 auto;
}
.hu-blog-card__title { margin:0 0 8px; font:800 20px/1.3 Poppins,system-ui,sans-serif; color:#111; }
.hu-blog-card__title a { color:inherit; text-decoration:none; }
.hu-blog-card__title a:hover { text-decoration:underline; }
.hu-blog-card__excerpt { margin:0 0 14px; color:#333; font-size:15px; line-height:1.55; flex:1 1 auto; }

/* === Read More → brand button (works even if HTML uses read-more/more-link) === */
.hu-blog-card__readmore,
.hu-blog-card__body a.read-more,
.hu-blog-card__body a.more-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:auto;                               /* pin to bottom */
  background:var(--hu-gold, #D4A54D) !important;
  color:var(--hu-ink, #111) !important;
  border:none;
  border-radius:var(--hu-btn-radius, 20px);
  padding:var(--hu-btn-pad-y,14px) calc(var(--hu-btn-pad-x,22px) + 18px) var(--hu-btn-pad-y,14px) var(--hu-btn-pad-x,22px);
  font:800 var(--hu-btn-font,16px)/1 var(--hu-font, Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif);
  text-transform:uppercase;
  letter-spacing:.06em;
  text-decoration:none !important;
  position:relative;
  overflow:hidden;                                /* for the flash sweep */
  box-shadow:none;
  transition:transform .18s ease;
}

/* kill any old chevron from previous styles */
.hu-blog-card__readmore::before { content:none; }

/* Arrow */
.hu-blog-card__readmore::after,
.hu-blog-card__body a.read-more::after,
.hu-blog-card__body a.more-link::after{
  content:"→";
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  font-weight:700;
  pointer-events:none;
  transition:transform .2s ease;
}

/* White flash sweep */
.hu-blog-card__readmore::before,
.hu-blog-card__body a.read-more::before,
.hu-blog-card__body a.more-link::before{
  content:"";
  position:absolute;
  top:-150%; left:-60%;
  width:60%; height:400%;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.55) 25%, transparent 50%);
  transform:translateX(-120%);
  transition:transform .6s ease;
  pointer-events:none;
}

/* Hover: stay gold, lift, glide arrow, run flash */
.hu-blog-card__readmore:hover,
.hu-blog-card__body a.read-more:hover,
.hu-blog-card__body a.more-link:hover{
  background:var(--hu-gold, #D4A54D) !important;  /* remains gold */
  transform:translateY(-2px);
}
.hu-blog-card__readmore:hover::after,
.hu-blog-card__body a.read-more:hover::after,
.hu-blog-card__body a.more-link:hover::after{ transform:translate(4px,-50%); }
.hu-blog-card__readmore:hover::before,
.hu-blog-card__body a.read-more:hover::before,
.hu-blog-card__body a.more-link:hover::before{ transform:translateX(220%); }

/* Pagination */
.hu-blog-pagination { margin-top:28px; display:flex; gap:10px; flex-wrap:wrap; }
.hu-blog-pagination a,
.hu-blog-pagination span {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:38px; height:38px; padding:0 12px;
  border-radius:18px; border:1px solid rgba(17,17,17,.12);
  text-decoration:none; color:#111; background:#fff; font-weight:600;
}
.hu-blog-pagination .current { background:#111; color:#fff; border-color:#111; }
.hu-blog-pagination a:hover { background:#D4A54D; color:#111; border-color:#D4A54D; }

/* Responsive tweaks */
@media (max-width:767px){
  .hu-blog-card__title{ font-size:18px; }
  .hu-blog-card__excerpt{ font-size:14px; }
}/* End custom CSS */