/* WHATS NEW CSS */
.city-three-posts__inner {
  display: grid;
  grid-template-columns: 1fr 1.6fr 1fr;
  gap: 24px;
}
.city-post.is-featured {
  transform: scale(1.05);
}
a.city-three-posts__view-all-btn.elementor-button.elementor-button-link {
  margin: 50px auto;
  display: block;
  width: fit-content;
}
/* GUIDE TO BURBANK CSS */
.featured-first-slide {
  max-width: var(--content-width) !important;
  padding-left: 0px !important;
}
.featured-first-slide .elementor-widget-image, .featured-first-slide .elementor-widget-image .elementor-widget-container {
  height: 515px !important; /* change to whatever your design wants */
}
.featured-first-slide .elementor-widget-image, .featured-first-slide .elementor-widget-image .elementor-widget-container {
  aspect-ratio: 350 / 515 !important; /* match your asset ratio */
}
.featured-first-slide .elementor-widget-image, .featured-first-slide .elementor-widget-image .elementor-widget-container {
  width: 100% !important;
  overflow: hidden !important; /* ensures cover crops cleanly */
}
.featured-first-slide .elementor-widget-image img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}
/* Default: every other image max-width 350 */
.featured-first-slide .swiper-slide, .featured-first-slide .swiper-slide .elementor-widget-image, .featured-first-slide .swiper-slide .elementor-widget-image .elementor-widget-container {
  max-width: 350px !important;
}
.featured-first-slide .swiper-wrapper.ndic-ease-fix {
  transition: transform 220ms ease-in-out !important;
}
/* Active: max-width 650 */
.featured-first-slide .swiper-slide.swiper-slide-active, .featured-first-slide .swiper-slide.swiper-slide-active .elementor-widget-image, .featured-first-slide .swiper-slide.swiper-slide-active .elementor-widget-image .elementor-widget-container {
  max-width: 650px !important;
  width: 100% !important;
}
/* Next: max-width 515 */
.featured-first-slide .swiper-slide.swiper-slide-next, .featured-first-slide .swiper-slide.swiper-slide-next .elementor-widget-image, .featured-first-slide .swiper-slide.swiper-slide-next .elementor-widget-image .elementor-widget-container {
  max-width: 515px !important;
  width: 100% !important;
}
.featured-first-slide .swiper-slide .elementor-widget-image {
  margin-left: auto;
  margin-right: auto;
}
.featured-first-slide .swiper-slide.swiper-slide-active .guide-content {
  background-color: transparent !important;
  padding: 20px !important;
  color: white;
}
.featured-first-slide .swiper-slide.swiper-slide-active .elementor-widget-heading {
  text-decoration: none!important;
}
.featured-first-slide .swiper-slide.swiper-slide-active .guide-content h4, .featured-first-slide .swiper-slide.swiper-slide-active .guide-content .short-cont, .featured-first-slide .swiper-slide.swiper-slide-active .guide-content h4, .featured-first-slide .swiper-slide.swiper-slide-active .guide-content .short-cont * {
  color: white !important;
  text-decoration: none !important;
}
.featured-first-slide .swiper-slide.swiper-slide-active .guide-content a {
  color: #EDD0E4;
}