.elementor-55 .elementor-element.elementor-element-d53884c{--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-8b60369 *//* ========================= */
/* SECTION */
/* ========================= */

.wl-events{
  padding:120px 0;
  background:#FAF8F4;
  text-align:center;
}

.wl-events-inner{
  width:min(1200px,92%);
  margin:0 auto;
}

/* ========================= */
/* EYEBROW */
/* ========================= */

.wl-events-eyebrow{
  font-family:Poppins;
  font-size:12px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#D4B373;
  margin-bottom:14px;
}

/* ========================= */
/* SCRIPT */
/* ========================= */

.wl-script{
  font-family:'Great Vibes',cursive !important;
  letter-spacing:.5px;
}

/* ========================= */
/* TITLE */
/* ========================= */

.wl-events-title{
  font-size:48px;
  color:#2A0F45;
  margin-bottom:20px;
}

/* ========================= */
/* INTRO */
/* ========================= */

.wl-events-intro{
  max-width:700px;
  margin:0 auto 60px;
  font-family:Poppins;
  font-size:15px;
  line-height:1.7;
  color:#5f5f5f;
}

/* ========================= */
/* GRID */
/* ========================= */

.wl-events-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:30px;
  margin-top:40px;
}

/* ========================= */
/* CARD */
/* ========================= */

.wl-event-card{
  background:#ffffff;
  border-radius:18px;
  overflow:hidden;
  display:flex;
  flex-direction:column;

  box-shadow:0 18px 45px rgba(0,0,0,0.06);
  transition:all .35s ease;
}

.wl-event-card:hover{
  transform:translateY(-8px);
  box-shadow:0 30px 70px rgba(0,0,0,0.10);
}

/* ========================= */
/* IMAGE */
/* ========================= */

.wl-event-image{
  position:relative;
  overflow:hidden;
}

.wl-event-image img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
  transition:transform .6s ease;
}

/* IMAGE ZOOM */
.wl-event-card:hover .wl-event-image img{
  transform:scale(1.08);
}

/* ========================= */
/* DATE BADGE */
/* ========================= */

.wl-event-date-badge{
  position:absolute;
  bottom:15px;
  left:15px;

  background:#fff;
  padding:10px 12px;
  border-radius:12px;

  text-align:center;
  box-shadow:0 10px 25px rgba(0,0,0,0.12);
}

/* MONTH */
.wl-month{
  display:block;
  font-size:11px;
  font-family:Poppins;
  color:#D4B373;
  letter-spacing:1px;
  text-transform:uppercase;
}

/* DAY */
.wl-day{
  font-size:18px;
  font-family:'Playfair Display',serif;
  color:#2A0F45;
}

/* ========================= */
/* CONTENT */
/* ========================= */

.wl-event-content{
  padding:22px;
  display:flex;
  flex-direction:column;
  flex-grow:1;
  text-align:left;
}

/* TITLE */

.wl-event-title{
  font-family:'Playfair Display',serif;
  font-size:18px;
  color:#2A0F45;
  margin-bottom:10px;
}

.wl-event-title a{
  color:#2A0F45;
  text-decoration:none;
}

.wl-event-title a:hover{
  color:#D4B373;
}

/* TEXT */

.wl-event-excerpt{
  font-family:Poppins;
  font-size:14px;
  color:#5f5f5f;
  line-height:1.6;
  margin-bottom:20px;
}

/* ========================= */
/* BUTTON */
/* ========================= */

.wl-event-btn{
  margin-top:auto;

  background:#2A0F45;
  color:#fff;

  padding:13px;
  border-radius:12px;

  text-align:center;

  font-family:Poppins;
  font-size:14px;
  font-weight:600;

  text-decoration:none;
  transition:.3s;
}

/* HOVER */
.wl-event-btn:hover{
  background:#D4B373;
  color:#2A0F45;
}

/* ========================= */
/* RESPONSIVE */
/* ========================= */

@media (max-width:1024px){

  .wl-events-grid{
    grid-template-columns:repeat(2,1fr);
  }

}

@media (max-width:600px){

  .wl-events{
    padding:90px 0;
  }

  .wl-events-title{
    font-size:34px;
  }

  .wl-events-grid{
    grid-template-columns:1fr;
  }

  .wl-event-image img{
    height:200px;
  }

}/* End custom CSS */