.elementor-99 .elementor-element.elementor-element-5f6786f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-99 .elementor-element.elementor-element-d2dbb6e{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-99 .elementor-element.elementor-element-5723e57{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-99 .elementor-element.elementor-element-5723e57 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-99 .elementor-element.elementor-element-5723e57:after{content:"0.66";}.elementor-99 .elementor-element.elementor-element-5723e57 .elementor-post__thumbnail__link{width:100%;}.elementor-99 .elementor-element.elementor-element-5723e57 .elementor-post__meta-data span + span:before{content:"///";}.elementor-99 .elementor-element.elementor-element-5723e57.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-99 .elementor-element.elementor-element-5723e57.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-99 .elementor-element.elementor-element-5723e57.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-99 .elementor-element.elementor-element-5723e57 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-99 .elementor-element.elementor-element-5723e57 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-99 .elementor-element.elementor-element-5723e57 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-99 .elementor-element.elementor-element-5723e57 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-99 .elementor-element.elementor-element-5723e57 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-99 .elementor-element.elementor-element-5723e57 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-99 .elementor-element.elementor-element-5723e57:after{content:"0.5";}.elementor-99 .elementor-element.elementor-element-5723e57 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-5723e57 *//* ---------- Elementor: Polished Post Cards ---------- */
/* Paste into Elementor Posts widget -> Advanced -> Custom CSS */

/* Themeable variables — change these if you want different brand colors */
:root {
  --wpelite-accent-1: #008afc;
  --wpelite-accent-2: #0066cc;
  --wpelite-cta-text: #ffffff;
  --wpelite-card-bg: #ffffff;
  --wpelite-card-radius: 14px;
  --wpelite-easing: cubic-bezier(.22,.9,.36,1);
  --wpelite-shadow: 0 6px 22px rgba(16,24,40,0.08);
}

/* Target posts grid & each post item */
.elementor-widget-container .elementor-posts,
.elementor-posts {
  gap: 28px; /* spacing between cards */
}

/* Individual card */
.elementor-post {
  background: var(--wpelite-card-bg);
  border-radius: var(--wpelite-card-radius);
  overflow: hidden;
  box-shadow: var(--wpelite-shadow);
  transition: transform .42s var(--wpelite-easing), box-shadow .42s var(--wpelite-easing);
  display: flex;
  flex-direction: column;
  min-height: 340px;
  will-change: transform;
  border: 1px solid rgba(15,23,42,0.03);
}

/* Lift on hover */
.elementor-post:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(16,24,40,0.12);
}

/* Image area (thumbnail) */
.elementor-post__thumbnail {
  position: relative;
  flex: 0 0 52%;
  max-height: 220px;
  overflow: hidden;
}

/* Force good image coverage */
.elementor-post__thumbnail img,
.elementor-post__thumbnail > a > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s var(--wpelite-easing);
}

/* Subtle zoom on hover */
.elementor-post:hover .elementor-post__thumbnail img {
  transform: scale(1.07);
}

/* Gradient overlay for readability */
.elementor-post__thumbnail::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.18) 100%);
  pointer-events: none;
}

/* Content area */
.elementor-post__text {
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1 1 auto;
}

/* Title */
.elementor-post__title {
  font-size: 18px;
  line-height: 1.28;
  margin: 0;
  font-weight: 700;
  color: #0f1724;
  transition: color .2s linear;
}

/* Make title link a little more lively */
.elementor-post__title a {
  color: inherit;
  text-decoration: none;
}
.elementor-post__title a:hover {
  color: var(--wpelite-accent-1);
  text-decoration: underline;
}

/* Excerpt: controlled length, subtle color */
.elementor-post__excerpt {
  color: #475569;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  max-height: 4.8em; /* ~3 lines */
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Meta row: date, author, categories */
.elementor-post__meta {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 13px;
  color: #64748b;
  margin-top: auto; /* push meta down */
}

/* Meta separators */
.elementor-post__meta > span:not(:last-child)::after {
  content: "•";
  margin-left: 10px;
  opacity: .4;
  margin-right: -6px;
}

/* Tags / categories badge if present */
.elementor-post__terms,
.elementor-post .post-categories,
.elementor-post .post-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.elementor-post__terms a,
.elementor-post .post-categories a,
.elementor-post .post-tags a {
  background: rgba(0,138,252,0.08);
  color: var(--wpelite-accent-1);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  text-decoration: none;
  font-weight: 600;
}

/* Read more CTA — styled as a pill button */
.elementor-post__read-more,
.elementor-post .elementor-post__read-more {
  display: inline-block;
  margin-left: auto;
  background: linear-gradient(135deg, var(--wpelite-accent-1), var(--wpelite-accent-2));
  color: var(--wpelite-cta-text);
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  font-size: 13px;
  transition: transform .22s var(--wpelite-easing), box-shadow .2s var(--wpelite-easing), opacity .2s;
  box-shadow: 0 6px 18px rgba(0,138,252,0.18);
}

/* Make CTA a little larger on hover */
.elementor-post__read-more:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0,138,252,0.22);
  opacity: 0.98;
}

/* Alternate layout: image to the left on wider screens */
@media(min-width: 880px) {
  .elementor-post {
    flex-direction: row;
    min-height: 220px;
  }
  .elementor-post__thumbnail {
    flex: 0 0 40%;
    max-height: none;
  }
  .elementor-post__text {
    padding: 22px;
  }
}

/* Tweak for small screens */
@media(max-width: 480px) {
  .elementor-post {
    border-radius: 10px;
  }
  .elementor-post__title {
    font-size: 16px;
  }
  .elementor-post__thumbnail {
    max-height: 180px;
  }
  .elementor-post__excerpt {
    font-size: 13px;
  }
}

/* Accessibility: focus styles for keyboard users */
.elementor-post__title a:focus,
.elementor-post__read-more:focus {
  outline: 3px solid rgba(0,138,252,0.18);
  outline-offset: 3px;
}

/* Optional: subtle divider between posts if you prefer stacked look */
.elementor-post + .elementor-post {
  margin-top: 18px;
}

/* If Elementor outputs different class names for meta or read-more, this fallback helps */
.elementor-post a.more-link {
  @apply --not-supported;
  background: linear-gradient(135deg, var(--wpelite-accent-1), var(--wpelite-accent-2));
  color: var(--wpelite-cta-text);
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
}/* End custom CSS */