.elementor-57 .elementor-element.elementor-element-aaf2136{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-40a9f15{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-5325a23 */@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Poppins:wght@300;400;500&family=Playfair+Display:wght@400;500&display=swap');

/* HERO BASE */
.wl-hero{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:140px 20px;
  color:#fff;
  overflow:hidden;

  background-image:url("http://wanderlustlovetravel.co.uk/wp-content/uploads/2026/04/close-up-travel-writing-near-magnifying-glass-nd-maps-scaled.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

/* DESTINATIONS OVERLAY (LUXURY TONE) */
.wl-hero-destinations::before{
  content:"";
  position:absolute;
  inset:0;

  background:
  linear-gradient(
    to bottom,
    rgba(20,10,30,0.35) 0%,
    rgba(20,10,30,0.65) 50%,
    rgba(20,10,30,0.35) 100%
  ),
  radial-gradient(
    circle at 50% 20%,
    rgba(212,179,115,.25),
    transparent 60%
  );

  z-index:1;
}

/* INNER */
.wl-hero-inner{
  position:relative;
  z-index:2;
  max-width:820px;
  margin:0 auto;

  animation:wlFadeUp 1.2s ease forwards;
  opacity:0;
}

/* EYEBROW */
.wl-hero-eyebrow{
  font-family:'Poppins',sans-serif;
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:26px;
  color:rgba(255,255,255,.85);
}

/* TITLE */
.wl-hero-title{
  font-family:'Great Vibes',cursive;
  font-size:64px;
  line-height:1.05;
  font-weight:400;
  letter-spacing:.5px;
  margin-bottom:12px;
  color:#ffffff;
  text-shadow:0 6px 18px rgba(0,0,0,.35);
}

/* DIVIDER */
.wl-hero-divider{
  width:70px;
  height:2px;
  background:#D4B373;
  margin:24px auto 30px auto;
}

/* SUBTITLE */
.wl-hero-subtitle{
  font-family:'Playfair Display',serif;
  font-size:32px;
  font-weight:500;
  line-height:1.25;
  letter-spacing:.3px;
  margin-bottom:28px;
  color:#ffffff;
}

/* INTRO */
.wl-hero-intro{
  font-family:'Poppins',sans-serif;
  font-size:18px;
  line-height:1.75;
  max-width:680px;
  margin:0 auto 26px auto;
  color:#ffffff;
}

/* SERVICES */
.wl-hero-service{
  font-family:'Poppins',sans-serif;
  font-size:14px;
  letter-spacing:.5px;
  opacity:.9;
  margin-bottom:10px;
  color:rgba(255,255,255,.9);
}

/* ANIMATION */
@keyframes wlFadeUp{
  from{
    opacity:0;
    transform:translateY(20px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* TABLET */
@media (max-width:1024px){

  .wl-hero-title{
    font-size:52px;
  }

  .wl-hero-subtitle{
    font-size:26px;
  }

}

/* MOBILE */
@media (max-width:768px){

  .wl-hero{
    padding:120px 20px;
  }

  .wl-hero-title{
    font-size:42px;
  }

  .wl-hero-subtitle{
    font-size:22px;
  }

  .wl-hero-intro{
    font-size:16px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-247e302 */.wl-destinations-wrap{
  width:min(1280px, 94%);
  margin:0 auto;
  padding:40px 0 20px;
}

/* FILTER BAR */
.wl-dest-filter{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
  align-items:center;
  margin:0 0 34px;
}

/* FILTER BUTTONS */
.wl-dest-filter button{
  appearance:none;
  border:0;
  border-radius:999px;
  padding:12px 18px;
  background:#f4f4f4;
  color:#17171a;
  font-size:14px;
  font-weight:600;
  line-height:1;
  text-transform:capitalize;
  cursor:pointer;
  transition:
    transform .28s ease,
    background .28s ease,
    color .28s ease,
    box-shadow .28s ease,
    opacity .28s ease;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}

.wl-dest-filter button:hover{
  transform:translateY(-2px);
  background:#17171a;
  color:#fff;
  box-shadow:0 14px 30px rgba(0,0,0,.12);
}

.wl-dest-filter button.active{
  background:linear-gradient(135deg,#2A0F45 0%, #6F42C1 55%, #D4B373 100%);
  color:#fff;
  box-shadow:0 16px 34px rgba(42,15,69,.22);
}

/* REGION LABELS */
.wl-dest-filter .wl-region-label{
  background:transparent;
  box-shadow:none;
  cursor:default;
  pointer-events:none;
  padding:0 2px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#8a8f98;
}

/* FEED ITEMS */
.wl-dest-feed .wpsn-feed-item{
  transition:
    opacity .32s ease,
    transform .32s ease,
    filter .32s ease;
  opacity:1;
  transform:translateY(0) scale(1);
  will-change:opacity,transform;
}

.wl-dest-feed .wpsn-feed-item.is-hidden{
  opacity:0;
  transform:translateY(10px) scale(.96);
  pointer-events:none;
}

/* OPTIONAL HOVER ENHANCE */
.wl-dest-feed .wpsn-feed-item:hover{
  transform:translateY(-6px);
}

/* MOBILE */
@media (max-width: 767px){
  .wl-destinations-wrap{
    width:min(94%, 94%);
    padding:26px 0 10px;
  }

  .wl-dest-filter{
    gap:10px;
    margin-bottom:24px;
  }

  .wl-dest-filter button{
    padding:10px 14px;
    font-size:13px;
  }
}/* End custom CSS */