.elementor-47 .elementor-element.elementor-element-a8c548a{--display:flex;}.elementor-47 .elementor-element.elementor-element-a8c548a:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-a8c548a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}/* Start custom CSS for shortcode, class: .elementor-element-6298e63 *//* =========================================================
   KOF — EventsPrime targeted fixes (inside .kof-ep)
========================================================= */

:root{
  --kof-navy: #2C3259;
  --kof-gold: #E6B659;
  --kof-cream:#F2EFE0;
  --kof-ink:  #1F2340;
}

/* ---------------------------------------------------------
   1) Hide the weird FAVORITE_BORDER label/pill
   (we hide the element that literally contains that text)
--------------------------------------------------------- */

/* If the label is rendered as plain text inside a badge */
.kof-ep *{
  /* nothing here — keep safe */
}

/* Hide any element whose visible text is FAVORITE_BORDER */
.kof-ep :is(span,div,a,p,small,strong,em,i,b){
  /* no-op, .elementor-47 .elementor-element.elementor-element-6298e63 support */
}

.kof-ep :is(span,div,a,p,small,strong,em,i,b):not(script):not(style){
  /* no-op */
}

/* Practical approach: hide common "favorite" UI wrappers */
.kof-ep [class*="fav"],
.kof-ep [class*="favorite"],
.kof-ep [class*="wishlist"],
.kof-ep [class*="bookmark"]{
  display: none !important;
}

/* Backup: if EventsPrime prints that label as a "tag/badge" */
.kof-ep [class*="tag"],
.kof-ep [class*="badge"],
.kof-ep [class*="label"]{
  /* don't nuke all badges; only hide ones that contain that specific string visually */
}

/* If the pill is an overlay on the image, this usually catches it */
.kof-ep [class*="overlay"] [class*="label"],
.kof-ep [class*="overlay"] [class*="badge"]{
  display: none !important;
}

/* ---------------------------------------------------------
   2) Fix date/time badge on the right (stop overlap)
--------------------------------------------------------- */

/* Give the date box room and align content cleanly */
.kof-ep [class*="date"],
.kof-ep [class*="time"]{
  white-space: nowrap;
}

/* Target the right-side date container (common patterns) */
.kof-ep [class*="date-box"],
.kof-ep [class*="date_box"],
.kof-ep [class*="datetime"],
.kof-ep [class*="date-time"],
.kof-ep [class*="date_time"]{
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 18px 16px !important;
  min-width: 180px;          /* key: prevents wrapping/overlap */
  text-align: center;
}

/* If there are “pill within pill” borders, simplify spacing */
.kof-ep [class*="date-box"] [class*="inner"],
.kof-ep [class*="date_box"] [class*="inner"],
.kof-ep [class*="datetime"] [class*="inner"]{
  padding: 10px 14px !important;
  border-radius: 18px !important;
}

/* ---------------------------------------------------------
   3) Fix "View Details" button contrast + centering
--------------------------------------------------------- */

.kof-ep a.button,
.kof-ep button,
.kof-ep [class*="btn"],
.kof-ep [class*="button"]{
  background: var(--kof-navy) !important;
  color: #fff !important;         /* force readable text */
  opacity: 1 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* If button text is a nested span inheriting dark color */
.kof-ep a.button *,
.kof-ep button *,
.kof-ep [class*="btn"] *{
  color: #fff !important;
  opacity: 1 !important;
}

/* Optional: hover accent */
.kof-ep a.button:hover,
.kof-ep button:hover,
.kof-ep [class*="btn"]:hover{
  background: var(--kof-gold) !important;
  color: var(--kof-navy) !important;
}
.kof-ep a.button:hover *,
.kof-ep button:hover *,
.kof-ep [class*="btn"]:hover *{
  color: var(--kof-navy) !important;
}
/* =========================================
   KOF — View Details Button Hover Fix
========================================= */

/* Base button (ensure solid navy) */
.kof-ep a.button,
.kof-ep button,
.kof-ep [class*="btn"]{
  background: var(--kof-navy) !important;
  color: #ffffff !important;
  border: 3px solid var(--kof-navy) !important;
}

/* HOVER: no gold slab — refined accent instead */
.kof-ep a.button:hover,
.kof-ep button:hover,
.kof-ep [class*="btn"]:hover{
  background: var(--kof-navy) !important;     /* stays blue */
  border-color: var(--kof-gold) !important;  /* gold accent */
  box-shadow: 0 8px 20px rgba(44,50,89,.25);
  transform: translateY(-2px);
}

/* Make sure text stays readable */
.kof-ep a.button:hover *,
.kof-ep button:hover *,
.kof-ep [class*="btn"]:hover *{
  color: #ffffff !important;
}
/* =========================================
   KOF — Event Date & Time Refinement
========================================= */

/* Wrapper safety — don’t alter layout */
.kof-ep [class*="date"],
.kof-ep [class*="time"],
.kof-ep [class*="datetime"],
.kof-ep [class*="date-time"]{
  white-space: nowrap;
}

/* Emphasize the DATE portion */
.kof-ep [class*="date"]{
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 14px;
  color: var(--kof-navy);
}

/* De-emphasize TIME while keeping clarity */
.kof-ep [class*="time"]{
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 13px;
  color: var(--kof-ink);
  opacity: .75;
}

/* If date + time are in the same line, add subtle separation */
.kof-ep [class*="date"] + [class*="time"],
.kof-ep [class*="date-time"],
.kof-ep [class*="datetime"]{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* Optional: add a refined separator dot */
.kof-ep [class*="date-time"]::before,
.kof-ep [class*="datetime"]::before{
  content: "•";
  color: var(--kof-gold);
  margin: 0 6px;
  font-weight: 700;
}/* End custom CSS */