.elementor-66485 .elementor-element.elementor-element-83efb70{--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-66485 .elementor-element.elementor-element-5a37638{--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-66485 .elementor-element.elementor-element-cec8f0f .elementor-posts-container article{margin-bottom:28px;}.elementor-66485 .elementor-element.elementor-element-cec8f0f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-66485 .elementor-element.elementor-element-cec8f0f:after{content:"0.66";position:absolute;color:transparent;}.elementor-66485 .elementor-element.elementor-element-cec8f0f .elementor-post__thumbnail__link{width:100%;}.elementor-66485 .elementor-element.elementor-element-cec8f0f .elementor-posts--skin-full_content a.elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-66485 .elementor-element.elementor-element-cec8f0f .elementor-posts--skin-archive_full_content a.elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:760px){.elementor-66485 .elementor-element.elementor-element-cec8f0f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-66485 .elementor-element.elementor-element-cec8f0f:after{content:"0.5";position:absolute;color:transparent;}.elementor-66485 .elementor-element.elementor-element-cec8f0f .elementor-post__thumbnail__link{width:100%;}}@media(min-width:761px){.elementor-66485 .elementor-element.elementor-element-5a37638{--content-width:1600px;}}/* Start custom CSS for container, class: .elementor-element-5a37638 *//* === Four Seasons at Wylder Blog Archive Custom CSS === */

/* General Container */
.elementor-posts, .elementor-archive-posts {
  background: #f8f9fa;
  padding: 32px 0;
}

/* Grid Layout */
.elementor-posts-container, .elementor-archive-posts-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 28px;
}

/* Make Read More button text black on Elementor posts */
.elementor-post__read-more {
  color: #111 !important;      /* Solid black for readability */
  background: #7CB3E7 !important; /* Keep your brand blue background */
  font-weight: 700;
  transition: color 0.18s, background 0.18s;
}

/* Optional: Black on hover with white background (for extra pop) */
.elementor-post__read-more:hover {
  color: #fff !important;
  background: #222 !important;
}

/* Individual Post Card */
.elementor-post {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.07);
  padding: 26px 22px 18px 22px;
  border-left: 6px solid #7CB3E7;
  transition: transform 0.19s, box-shadow 0.19s;
  display: flex;
  flex-direction: column;
  min-height: 340px;
  position: relative;
}

.elementor-post:hover {
  transform: translateY(-5px) scale(1.015);
  box-shadow: 0 6px 26px rgba(124,179,231,0.10);
}

/* Featured Image */
.elementor-post__thumbnail img {
  border-radius: 8px 8px 0 0;
  height: 180px;
  object-fit: cover;
  width: 100%;
  margin-bottom: 18px;
  border-bottom: 2px solid #7CB3E7;
}

/* Post Title */
.elementor-post__title,
.elementor-post__title a {
  font-size: 22px;
  font-weight: 700;
  color: #222;
  margin-bottom: 14px;
  text-decoration: none;
  line-height: 1.2;
  transition: color 0.18s;
}
.elementor-post__title a:hover {
  color: #7CB3E7;
}

/* Post Excerpt */
.elementor-post__excerpt {
  font-size: 16px;
  color: #555;
  margin-bottom: 14px;
  flex-grow: 1;
}

/* Read More Button */
.elementor-post__read-more {
  background: #7CB3E7;
  color: #fff;
  padding: 10px 26px;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  margin-top: 14px;
  display: inline-block;
  transition: background 0.2s, color 0.2s;
}
.elementor-post__read-more:hover {
  background: #222;
  color: #fff;
}

/* Meta Info */
.elementor-post__meta-data {
  font-size: 13px;
  color: #8fa4b7;
  margin-bottom: 10px;
  margin-top: -6px;
}

/* Category Label */
.elementor-post__badge,
.elementor-post__terms-list {
  background: #e9f4fb;
  color: #7CB3E7;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
  padding: 6px 14px;
  display: inline-block;
  margin-bottom: 12px;
  margin-right: 5px;
  letter-spacing: 0.5px;
 
}

/* Video Card: Make video full-width and rounded */
.elementor-post .elementor-post__thumbnail iframe,
.elementor-post .elementor-post__thumbnail embed,
.elementor-post .elementor-post__thumbnail video {
  width: 100% !important;
  height: 220px !important;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 3px 16px rgba(124,179,231,0.13);
  display: block;
  margin-bottom: 18px;
  background: #000;
}

/* Larger video, better spacing for premium look */
.elementor-post__thumbnail {
  padding: 0;
  margin-bottom: 0;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  background: #000;
}

.elementor-post {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 8px 36px rgba(124,179,231,0.09);
  padding: 0 0 26px 0;
  border-left: 6px solid #7CB3E7;
  display: flex;
  flex-direction: column;
  min-height: 420px;
  margin-bottom: 0;
  transition: transform 0.23s, box-shadow 0.23s;
}

.elementor-post:hover {
  transform: translateY(-6px) scale(1.018);
  box-shadow: 0 12px 44px rgba(124,179,231,0.14);
}

/* Space & polish inside card */
.elementor-post__text {
  padding: 0 26px;
}

.elementor-post__title,
.elementor-post__title a {
  font-size: 1.32rem;
  font-weight: 800;
  color: #253858;
  margin: 14px 0 8px 0;
  line-height: 1.2;
  text-decoration: none;
  letter-spacing: -0.5px;
  transition: color 0.18s;
}
.elementor-post__title a:hover {
  color: #7CB3E7;
}

/* Post Excerpt */
.elementor-post__excerpt {
  font-size: 1.04rem;
  color: #42526e;
  margin-bottom: 10px;
  flex-grow: 1;
}

/* Hide the default post image if not needed */
.elementor-post__thumbnail img {
  display: none !important;
}

/* Read More Button: Pill style, centered, premium look */
.elementor-post__read-more {
  display: block;
  margin: 22px auto 0 auto;
  background: linear-gradient(90deg,#7CB3E7 60%, #5a9bd4 100%);
  color: #fff !important;
  font-weight: 700;
  font-size: 1.07rem;
  padding: 12px 44px;
  border-radius: 36px;
  box-shadow: 0 1px 8px rgba(124,179,231,0.13);
  letter-spacing: 0.2px;
  text-align: center;
  border: none;
  transition: background 0.19s, color 0.19s, transform 0.15s;
}
.elementor-post__read-more:hover {
  background: #253858 !important;
  color: #fff !important;
  transform: translateY(-1px) scale(1.03);
}

/* Meta & comments info: subtle, secondary */
.elementor-post__meta-data {
  font-size: 13px;
  color: #8fa4b7;
  margin-bottom: 8px;
  margin-top: 10px;
  text-align: left;
  padding-left: 26px;
}

/* Responsive Video Fix */
@media (max-width: 900px) {
  .elementor-posts-container, .elementor-archive-posts-container {
    grid-template-columns: 1fr 1fr;
  }
  .elementor-post .elementor-post__thumbnail iframe {
    height: 180px !important;
  }
}
@media (max-width: 600px) {
  .elementor-posts-container, .elementor-archive-posts-container {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .elementor-post {
    min-height: 310px;
    border-radius: 11px;
  }
  .elementor-post .elementor-post__thumbnail iframe {
    height: 140px !important;
    border-radius: 11px 11px 0 0;
  }
  .elementor-post__text {
    padding: 0 10px;
  }
}

/* Grid: 3 columns on desktop, 2 on tablet, 1 on mobile */
.elementor-posts-container, .elementor-archive-posts-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);  /* Always 3 columns on desktop */
  gap: 28px;
}
/* Shorts-style vertical video embed */
.elementor-post .elementor-post__thumbnail iframe,
.elementor-post .elementor-post__thumbnail embed,
.elementor-post .elementor-post__thumbnail video {
  width: 100% !important;
  height: 360px !important;   /* Portrait ratio, e.g. 9:16 */
  aspect-ratio: 9/16;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 3px 16px rgba(124,179,231,0.13);
  display: block;
  margin-bottom: 18px;
  background: #000;
  object-fit: cover;
}

@media (max-width: 900px) {
  .elementor-post .elementor-post__thumbnail iframe {
    height: 280px !important;
  }
}
@media (max-width: 600px) {
  .elementor-post .elementor-post__thumbnail iframe {
    height: 220px !important;
  }
}
@media (max-width: 1024px) {
  .elementor-posts-container, .elementor-archive-posts-container {
    grid-template-columns: 1fr 1fr; /* 2 columns on tablet */
    gap: 18px;
  }
}

@media (max-width: 600px) {
  .elementor-posts-container, .elementor-archive-posts-container {
    grid-template-columns: 1fr; /* 1 column on mobile */
    gap: 12px;
  }
}

/* Responsive Fix */
@media (max-width: 600px) {
  .elementor-posts-container, .elementor-archive-posts-container {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .elementor-post {
    padding: 14px 8px 12px 8px;
    min-height: 260px;
  }
  .elementor-post__thumbnail img {
    height: 120px;
  }
}/* End custom CSS */