.elementor-652 .elementor-element.elementor-element-1dc7ca9d{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:6%;--padding-bottom:6%;--padding-left:6%;--padding-right:6%;}.elementor-652 .elementor-element.elementor-element-1dc7ca9d:not(.elementor-motion-effects-element-type-background), .elementor-652 .elementor-element.elementor-element-1dc7ca9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2c0880f );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-652 .elementor-element.elementor-element-6f20f7cd .elementor-heading-title{font-family:"Aptos", Sans-serif;font-weight:700;color:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-652 .elementor-element.elementor-element-500ead94 img{width:100%;}/* Start custom CSS *//* 1) Force single-column list inside each card (override Elementor's grid-2 rules) */
.posts-container .elementor-shortcode .elementor-posts.elementor-grid {
  display: grid;
  grid-template-columns: 1fr !important; /* beats .elementor-grid-2 .elementor-grid */
  gap: 12px;
}

/* 2) Reset item spacing */
.posts-container .elementor-post {
  margin: 0;
}

/* 3) Title chip styles */
.posts-container .elementor-post__title { margin: 0; }

.posts-container .elementor-post__title a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #636363;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  background: #F5F5F5;
  border-radius: 5px;
  padding: 10px;
  line-height: 1.3;
  transition: background-color 300ms ease, color 300ms ease, box-shadow 300ms ease;
}

/* 4) Little icon to the left of each title */
.posts-container .elementor-post__title a::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background-image: url("/wp-content/uploads/2025/08/article-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* 5) Optional: hide the default read-more since the whole chip is clickable */
.posts-container .elementor-post__read-more {
  display: none;
}

/* 6) Optional: hover/focus states */
.posts-container .elementor-post__title a:hover,
.posts-container .elementor-post__title a:focus {
  background: #EDEDED;
  color: #333333;
  outline: none;
}/* End custom CSS */