.elementor-925 .elementor-element.elementor-element-7f57e03{--display:flex;}.elementor-925 .elementor-element.elementor-element-386fc7c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-925 .elementor-element.elementor-element-386fc7c:after{content:"0.66";}.elementor-925 .elementor-element.elementor-element-386fc7c .elementor-post__thumbnail__link{width:100%;}.elementor-925 .elementor-element.elementor-element-386fc7c .elementor-post__meta-data span + span:before{content:"///";}.elementor-925 .elementor-element.elementor-element-386fc7c{--grid-column-gap:30px;--grid-row-gap:35px;}.elementor-925 .elementor-element.elementor-element-386fc7c.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-925 .elementor-element.elementor-element-386fc7c.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-925 .elementor-element.elementor-element-386fc7c.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:767px){.elementor-925 .elementor-element.elementor-element-386fc7c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-925 .elementor-element.elementor-element-386fc7c:after{content:"0.5";}.elementor-925 .elementor-element.elementor-element-386fc7c .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-386fc7c *//* =========================================================
   Refresh LA • Blog Archive (Luxe Taupe + Gold)
   Targets: body.blog, body.archive + Elementor Posts widget
   Paste into: Elementor > Site Settings > Custom CSS
========================================================= */

/* Theme variables */
body.blog, body.archive{
  --rlx-ink:#151515;
  --rlx-muted:rgba(21,21,21,.72);
  --rlx-line:rgba(21,21,21,.10);
  --rlx-ivory:#fbf7f2;
  --rlx-brown:#4b3a2f;
  --rlx-gold:#b08d57;
}

/* Blog page background (soft, clean) */
body.blog .site-content,
body.archive .site-content,
body.blog .elementor-location-archive,
body.archive .elementor-location-archive{
  background:
    radial-gradient(900px 520px at 12% 16%, rgba(176,141,87,.10), transparent 60%),
    radial-gradient(700px 420px at 88% 24%, rgba(200,184,170,.16), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, var(--rlx-ivory) 100%);
  position: relative;
}

/* Taupe wave overlay (only on blog/archive) */
body.blog .site-content:before,
body.archive .site-content:before,
body.blog .elementor-location-archive:before,
body.archive .elementor-location-archive:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("/wp-content/uploads/2025/06/taupe-wave-pattern.png");
  background-repeat:repeat;
  background-size:760px auto;
  opacity:.08;
  pointer-events:none;
}

/* Give the posts area some breathing room */
body.blog .site-content > *,
body.archive .site-content > *,
body.blog .elementor-location-archive > *,
body.archive .elementor-location-archive > *{
  position:relative;
  z-index:1;
}

/* ---------------------------------------------------------
   Elementor Posts widget cards
--------------------------------------------------------- */
body.blog .elementor-posts-container,
body.archive .elementor-posts-container{
  gap: 18px !important;
}

/* Card shell */
body.blog .elementor-post,
body.archive .elementor-post{
  border: 1px solid var(--rlx-line) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.06) !important;
  overflow: hidden !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Hover lift */
body.blog .elementor-post:hover,
body.archive .elementor-post:hover{
  transform: translateY(-2px);
  box-shadow: 0 24px 70px rgba(0,0,0,.10) !important;
  border-color: rgba(176,141,87,.28) !important;
}

/* Featured image */
body.blog .elementor-post__thumbnail,
body.archive .elementor-post__thumbnail{
  border-radius: 22px 22px 0 0 !important;
  overflow: hidden !important;
}
body.blog .elementor-post__thumbnail img,
body.archive .elementor-post__thumbnail img{
  width:100% !important;
  height: 240px !important;
  object-fit: cover !important;
  transition: transform .35s ease;
}
body.blog .elementor-post:hover .elementor-post__thumbnail img,
body.archive .elementor-post:hover .elementor-post__thumbnail img{
  transform: scale(1.02);
}

/* Card content padding */
body.blog .elementor-post__text,
body.archive .elementor-post__text{
  padding: 16px 16px 18px !important;
}

/* Meta */
body.blog .elementor-post__meta-data,
body.archive .elementor-post__meta-data{
  font-size: 12px !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  color: rgba(75,58,47,.60) !important;
  margin-bottom: 10px !important;
}

/* Title */
body.blog .elementor-post__title,
body.archive .elementor-post__title{
  margin: 0 0 10px !important;
  line-height: 1.08 !important;
}
body.blog .elementor-post__title a,
body.archive .elementor-post__title a{
  color: var(--rlx-ink) !important;
  text-decoration: none !important;
  font-family: "Cormorant Garamond","Playfair Display",Georgia,serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  font-size: 28px !important;
}
body.blog .elementor-post__title a:hover,
body.archive .elementor-post__title a:hover{
  color: rgba(75,58,47,.92) !important;
}

/* Excerpt */
body.blog .elementor-post__excerpt,
body.archive .elementor-post__excerpt{
  color: var(--rlx-muted) !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
}

/* Read More button */
body.blog .elementor-post__read-more,
body.archive .elementor-post__read-more{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 12px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(176,141,87,.10) !important;
  border: 1px solid rgba(176,141,87,.28) !important;
  color: rgba(75,58,47,.88) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: transform .14s ease, box-shadow .14s ease, background .14s ease;
}
body.blog .elementor-post__read-more:hover,
body.archive .elementor-post__read-more:hover{
  transform: translateY(-1px);
  background: var(--rlx-gold) !important;
  color: #fff !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.12);
}

/* Pagination */
body.blog .elementor-pagination,
body.archive .elementor-pagination{
  margin-top: 22px !important;
}
body.blog .elementor-pagination a,
body.archive .elementor-pagination a,
body.blog .elementor-pagination span,
body.archive .elementor-pagination span{
  border-radius: 12px !important;
  border: 1px solid var(--rlx-line) !important;
  background: rgba(255,255,255,.75) !important;
  padding: 10px 12px !important;
}
body.blog .elementor-pagination .current,
body.archive .elementor-pagination .current{
  background: rgba(176,141,87,.12) !important;
  border-color: rgba(176,141,87,.28) !important;
}

/* ---------------------------------------------------------
   Responsive
--------------------------------------------------------- */
@media (max-width: 1024px){
  body.blog .elementor-post__thumbnail img,
  body.archive .elementor-post__thumbnail img{
    height: 220px !important;
  }
  body.blog .elementor-post__title a,
  body.archive .elementor-post__title a{
    font-size: 26px !important;
  }
}
@media (max-width: 640px){
  body.blog .elementor-post__thumbnail img,
  body.archive .elementor-post__thumbnail img{
    height: 200px !important;
  }
  body.blog .elementor-post__text,
  body.archive .elementor-post__text{
    padding: 14px 14px 16px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f57e03 *//* =========================================================
   Refresh LA • Blog Archive (Luxe Taupe + Gold)
   Targets: body.blog, body.archive + Elementor Posts widget
   Paste into: Elementor > Site Settings > Custom CSS
========================================================= */

/* Theme variables */
body.blog, body.archive{
  --rlx-ink:#151515;
  --rlx-muted:rgba(21,21,21,.72);
  --rlx-line:rgba(21,21,21,.10);
  --rlx-ivory:#fbf7f2;
  --rlx-brown:#4b3a2f;
  --rlx-gold:#b08d57;
}

/* Blog page background (soft, clean) */
body.blog .site-content,
body.archive .site-content,
body.blog .elementor-location-archive,
body.archive .elementor-location-archive{
  background:
    radial-gradient(900px 520px at 12% 16%, rgba(176,141,87,.10), transparent 60%),
    radial-gradient(700px 420px at 88% 24%, rgba(200,184,170,.16), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, var(--rlx-ivory) 100%);
  position: relative;
}

/* Taupe wave overlay (only on blog/archive) */
body.blog .site-content:before,
body.archive .site-content:before,
body.blog .elementor-location-archive:before,
body.archive .elementor-location-archive:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("/wp-content/uploads/2025/06/taupe-wave-pattern.png");
  background-repeat:repeat;
  background-size:760px auto;
  opacity:.08;
  pointer-events:none;
}

/* Give the posts area some breathing room */
body.blog .site-content > *,
body.archive .site-content > *,
body.blog .elementor-location-archive > *,
body.archive .elementor-location-archive > *{
  position:relative;
  z-index:1;
}

/* ---------------------------------------------------------
   Elementor Posts widget cards
--------------------------------------------------------- */
body.blog .elementor-posts-container,
body.archive .elementor-posts-container{
  gap: 18px !important;
}

/* Card shell */
body.blog .elementor-post,
body.archive .elementor-post{
  border: 1px solid var(--rlx-line) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.06) !important;
  overflow: hidden !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Hover lift */
body.blog .elementor-post:hover,
body.archive .elementor-post:hover{
  transform: translateY(-2px);
  box-shadow: 0 24px 70px rgba(0,0,0,.10) !important;
  border-color: rgba(176,141,87,.28) !important;
}

/* Featured image */
body.blog .elementor-post__thumbnail,
body.archive .elementor-post__thumbnail{
  border-radius: 22px 22px 0 0 !important;
  overflow: hidden !important;
}
body.blog .elementor-post__thumbnail img,
body.archive .elementor-post__thumbnail img{
  width:100% !important;
  height: 240px !important;
  object-fit: cover !important;
  transition: transform .35s ease;
}
body.blog .elementor-post:hover .elementor-post__thumbnail img,
body.archive .elementor-post:hover .elementor-post__thumbnail img{
  transform: scale(1.02);
}

/* Card content padding */
body.blog .elementor-post__text,
body.archive .elementor-post__text{
  padding: 16px 16px 18px !important;
}

/* Meta */
body.blog .elementor-post__meta-data,
body.archive .elementor-post__meta-data{
  font-size: 12px !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  color: rgba(75,58,47,.60) !important;
  margin-bottom: 10px !important;
}

/* Title */
body.blog .elementor-post__title,
body.archive .elementor-post__title{
  margin: 0 0 10px !important;
  line-height: 1.08 !important;
}
body.blog .elementor-post__title a,
body.archive .elementor-post__title a{
  color: var(--rlx-ink) !important;
  text-decoration: none !important;
  font-family: "Cormorant Garamond","Playfair Display",Georgia,serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  font-size: 28px !important;
}
body.blog .elementor-post__title a:hover,
body.archive .elementor-post__title a:hover{
  color: rgba(75,58,47,.92) !important;
}

/* Excerpt */
body.blog .elementor-post__excerpt,
body.archive .elementor-post__excerpt{
  color: var(--rlx-muted) !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
}

/* Read More button */
body.blog .elementor-post__read-more,
body.archive .elementor-post__read-more{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 12px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(176,141,87,.10) !important;
  border: 1px solid rgba(176,141,87,.28) !important;
  color: rgba(75,58,47,.88) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: transform .14s ease, box-shadow .14s ease, background .14s ease;
}
body.blog .elementor-post__read-more:hover,
body.archive .elementor-post__read-more:hover{
  transform: translateY(-1px);
  background: var(--rlx-gold) !important;
  color: #fff !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.12);
}

/* Pagination */
body.blog .elementor-pagination,
body.archive .elementor-pagination{
  margin-top: 22px !important;
}
body.blog .elementor-pagination a,
body.archive .elementor-pagination a,
body.blog .elementor-pagination span,
body.archive .elementor-pagination span{
  border-radius: 12px !important;
  border: 1px solid var(--rlx-line) !important;
  background: rgba(255,255,255,.75) !important;
  padding: 10px 12px !important;
}
body.blog .elementor-pagination .current,
body.archive .elementor-pagination .current{
  background: rgba(176,141,87,.12) !important;
  border-color: rgba(176,141,87,.28) !important;
}

/* ---------------------------------------------------------
   Responsive
--------------------------------------------------------- */
@media (max-width: 1024px){
  body.blog .elementor-post__thumbnail img,
  body.archive .elementor-post__thumbnail img{
    height: 220px !important;
  }
  body.blog .elementor-post__title a,
  body.archive .elementor-post__title a{
    font-size: 26px !important;
  }
}
@media (max-width: 640px){
  body.blog .elementor-post__thumbnail img,
  body.archive .elementor-post__thumbnail img{
    height: 200px !important;
  }
  body.blog .elementor-post__text,
  body.archive .elementor-post__text{
    padding: 14px 14px 16px !important;
  }
}/* End custom CSS */