/* "Also Check Out" related-posts section, appended to every blog post.
   The jet-posts widget's grid/typography CSS is normally baked into each
   WordPress page's own per-page Elementor CSS at scrape time -- since this
   section is new (not part of any original page), that CSS never existed
   for it, so it's defined here instead, scoped to this section only. */

.elementor-element-also-check-out .elementor-heading-title,
.elementor-element-find-your-rental .elementor-heading-title {
  color: #162541;
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 32px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  line-height: 1.1em;
}

.elementor-element-also-check-out .jet-posts.col-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.elementor-element-also-check-out .jet-posts:not(.slick-slider) .jet-posts__item {
  max-width: calc(100% / 3);
  flex: 0 0 calc(100% / 3);
  box-sizing: border-box;
  padding: 0 10px;
}

.elementor-element-also-check-out .jet-posts__inner-box .post-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.elementor-element-also-check-out .jet-posts .jet-posts__inner-content {
  padding: 16px 0 0;
}

.elementor-element-also-check-out .jet-posts .entry-title {
  /* Overrides the site's global Elementor kit h3 style (56px/800/-3px
     letter-spacing) -- these titles are real <h3> tags per the jet-posts
     widget's own markup convention, not section headings. */
  text-align: left;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.4em;
}

.elementor-element-also-check-out .jet-posts .entry-title a {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.4em;
  color: #162541;
}

.elementor-element-also-check-out .jet-posts .entry-title a:hover {
  color: #ff4157;
}

@media (max-width: 767px) {
  .elementor-element-also-check-out .jet-posts:not(.slick-slider) .jet-posts__item {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 24px;
  }
}

/* "Find Your Rental" booking section, placed above "Also Check Out" on every
   blog post (replaced the old previous/next post links). Same heading style
   as "Also Check Out" (shared rule above) plus the homepage's animated gold
   underline (.loop-word); widget is the site's OwnerRez availability
   search, the same one used on the homepage and rental pages. */
/* The OwnerRez search form fills its container; keep it to 70% width,
   left-aligned, on tablet/desktop. Full width on phones, where 70% would
   squeeze the date fields. */
@media (min-width: 768px) {
  .elementor-element-find-your-rental .ownerrez-widget {
    width: 70%;
  }
}
.elementor-element-find-your-rental .elementor-widget-heading {
  margin-bottom: 20px;
}

/* Wide screens only: real Windsor Hills pool photo behind the section,
   faint from the left edge and fading in gradually toward the right, so
   the form still sits on a near-white background.
   Tablets and phones keep the plain white box (the form fills most of the
   width there). A plain real photo, not a fal image, since this box repeats
   on every post. */
@media (min-width: 1025px) {
  .elementor-element-find-your-rental {
    padding: 30px 30px 34px;
    border-radius: 8px;
    /* The heading's underline SVG sits at z-index -1; without its own
       stacking context here it would paint underneath this background. */
    isolation: isolate;
    background-image:
      linear-gradient(to right, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.88) 25%, rgba(255, 255, 255, 0.74) 45%, rgba(255, 255, 255, 0.4) 65%, rgba(255, 255, 255, 0) 85%),
      url(/images/wh/pool-wide-view-loungers.webp);
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat;
  }
}

/* Phones: breathing room between the booking form and "Also Check Out". */
@media (max-width: 767px) {
  .elementor-element-find-your-rental {
    padding-bottom: 30px;
  }
}