.elementor-kit-6{--e-global-color-primary:#BF1A2F;--e-global-color-secondary:#54595F;--e-global-color-text:#424242;--e-global-color-accent:#12355B;--e-global-color-15eeb67:#CBCCCD;--e-global-color-ab2e338:#FF934F;--e-global-color-e12792b:#D5D5D7;--e-global-color-3128a0f:#FFFFFF;--e-global-color-c82eb23:#2F3FC4;--e-global-color-8a0d3af:#E0E0E1;--e-global-color-69dfe7a:#F0FF4F;--e-global-color-b2cf908:#1969DA;--e-global-color-db58858:#ECEEF0;--e-global-color-a45168d:#F3F9FF70;--e-global-color-bfd1853:#ECF5FF82;--e-global-color-38a2262:#F6F6FF;--e-global-color-af0d003:#929393;--e-global-color-318b94f:#000000;--e-global-color-8eab6f6:#FF8234;--e-global-color-e82724c:#4FD3FF;--e-global-color-fa73115:#6F43BD;--e-global-color-90bb841:#77360E;--e-global-color-12753bf:#CFDDDB;--e-global-color-cf285e9:#C8A84B;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-0aee571-font-family:"Helvetica";--e-global-typography-0aee571-font-size:14px;--e-global-typography-3ec9407-font-family:"Aboreto";--e-global-typography-3ec9407-font-size:20px;--e-global-typography-3ec9407-font-weight:600;--e-global-typography-885ebfd-font-family:"Roboto";--e-global-typography-885ebfd-font-size:30px;--e-global-typography-885ebfd-font-weight:600;--e-global-typography-dba9cc9-font-family:"Lustria";--e-global-typography-dba9cc9-font-weight:600;--e-global-typography-e7726d8-font-family:"Lustria";--e-global-typography-e7726d8-font-size:40px;--e-global-typography-e7726d8-font-weight:600;--e-global-typography-e7726d8-text-transform:capitalize;--e-global-typography-e7726d8-line-height:1.2em;--e-global-typography-e7726d8-letter-spacing:0.8px;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-b2cf908 );font-family:var( --e-global-typography-secondary-font-family );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-dba9cc9-font-family );font-weight:var( --e-global-typography-dba9cc9-font-weight );}.elementor-kit-6 h2{color:var( --e-global-color-accent );font-family:"Lustria";font-size:28px;font-weight:600;text-transform:capitalize;line-height:1.2em;letter-spacing:0.8px;}.elementor-kit-6 h3{color:var( --e-global-color-accent );}.elementor-kit-6 h4{color:var( --e-global-color-accent );}.elementor-kit-6 h5{color:var( --e-global-color-accent );}.elementor-kit-6 h6{color:var( --e-global-color-accent );}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-dba9cc9-font-size:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   UNIVERSAL CHURCH SAINT LUCIA
   The Events Calendar Pro — Apple Aesthetic Reskin
   Paste into: Elementor > Site Settings > Custom CSS
   OR: Appearance > Customize > Additional CSS
   Fonts: Lato + Roboto (loaded via Google Fonts)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Roboto:wght@300;400;500&display=swap');


/* ============================================================
   1. BASE & PAGE BACKGROUND
   ============================================================ */

.tribe-events,
.tribe-common,
.tribe-events-pg-template,
#tribe-events,
#tribe-events-content {
  background: #f5f5f7 !important;
  font-family: 'Lato', sans-serif !important;
  max-width: 100% !important;
}


/* ============================================================
   2. PAGE HEADER / TITLE BAR
   ============================================================ */

.tribe-events-header,
.tribe-events-header__top,
.tribe-events-pro-photo__header,
.tribe-events__header {
  background: #00266d !important;
  padding: 1.5rem !important;
  border-radius: 0 !important;
  border: none !important;
}

.tribe-events-header__title,
.tribe-events .tribe-events-header h1,
.tribe-events-pro-photo__header-title,
h1.tribe-events-page-title,
.tribe-events-page-title {
  font-family: 'Roboto', sans-serif !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  margin: 0 !important;
  letter-spacing: 0.2px !important;
}

.tribe-events-sub-nav li a,
.tribe-events-nav-pagination {
  font-family: 'Roboto', sans-serif !important;
}


/* ============================================================
   3. SEARCH BAR
   ============================================================ */

.tribe-events-c-search,
.tribe-events-c-search__container {
  background: rgba(255,255,255,0.12) !important;
  border: 0.5px solid rgba(255,255,255,0.2) !important;
  border-radius: 10px !important;
  padding: 6px 12px !important;
  max-width: 440px !important;
  margin: 0.8rem auto 0 !important;
}

.tribe-events-c-search__input,
.tribe-events-c-search__input-control input {
  background: transparent !important;
  color: #fff !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 13px !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.tribe-events-c-search__input::placeholder,
.tribe-events-c-search__input-control input::placeholder {
  color: rgba(255,255,255,0.45) !important;
}

.tribe-events-c-search__button,
.tribe-events-c-search__submit {
  background: rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 6px 14px !important;
}


/* ============================================================
   4. VIEW SELECTOR TABS (List / Month / Day)
   ============================================================ */

.tribe-events-c-view-.elementor-kit-6,
.tribe-events-c-view-.elementor-kit-6__content {
  background: #fff !important;
  border: none !important;
  border-bottom: 0.5px solid #e5e5ea !important;
  padding: 0 1rem !important;
  display: flex !important;
  box-shadow: none !important;
}

.tribe-events-c-view-.elementor-kit-6__button,
.tribe-events-c-view-.elementor-kit-6__list-item-link {
  font-family: 'Roboto', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #8e8e93 !important;
  padding: 12px 16px !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  border-radius: 0 !important;
  text-transform: capitalize !important;
  letter-spacing: 0.3px !important;
  transition: color 0.15s, border-color 0.15s !important;
}

.tribe-events-c-view-.elementor-kit-6__button--active,
.tribe-events-c-view-.elementor-kit-6__list-item-link--active,
.tribe-events-c-view-.elementor-kit-6__button:hover {
  color: #00266d !important;
  border-bottom-color: #00266d !important;
  background: transparent !important;
}


/* ============================================================
   5. NAVIGATION (Prev / Today / Next)
   ============================================================ */

.tribe-events-c-nav,
.tribe-events-nav-pagination {
  background: #fff !important;
  border: 0.5px solid #e5e5ea !important;
  border-radius: 14px !important;
  margin: 1rem 1rem 0 !important;
  padding: 0.6rem 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-shadow: none !important;
}

.tribe-events-c-nav__prev,
.tribe-events-c-nav__next,
.tribe-events-nav-pagination .tribe-events-nav-previous a,
.tribe-events-nav-pagination .tribe-events-nav-next a {
  font-family: 'Roboto', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #00266d !important;
  background: #f0f4ff !important;
  border: 0.5px solid #c5d0e8 !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  text-decoration: none !important;
}

.tribe-events-c-nav__today,
.tribe-events-c-nav__today-date {
  font-family: 'Roboto', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #8e8e93 !important;
}

.tribe-events-c-nav__prev svg,
.tribe-events-c-nav__next svg {
  fill: #00266d !important;
  width: 14px !important;
  height: 14px !important;
}


/* ============================================================
   6. NO EVENTS NOTICE
   ============================================================ */

.tribe-events-notices,
.tribe-notice--tribal-bar-unfilled,
.tribe-events-c-notices,
.tribe-events-c-notices__content,
.tribe-block__events-calendar__no-results {
  background: #fff !important;
  border: 0.5px solid #e5e5ea !important;
  border-radius: 14px !important;
  margin: 1rem !important;
  padding: 2rem 1.5rem !important;
  text-align: center !important;
  box-shadow: none !important;
}

.tribe-events-notices p,
.tribe-notice--tribal-bar-unfilled p,
.tribe-events-c-notices__content p {
  font-family: 'Roboto', sans-serif !important;
  color: #3a3a3c !important;
  font-size: 14px !important;
  margin: 0 !important;
}


/* ============================================================
   7. MONTH / DATE SEPARATOR LABELS
   ============================================================ */

.tribe-events-list-separator-month,
.tribe-events-list-separator-month__text,
.tribe-events-list-separator--month,
.tribe-events-list__date-tag {
  font-family: 'Roboto', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #8e8e93 !important;
  padding: 1.4rem 1rem 0.6rem !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* "Latest Past Events" separator */
.tribe-events-list-separator--past,
.tribe-events-list-separator--past .tribe-events-list-separator__text {
  font-family: 'Roboto', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #8e8e93 !important;
  border-top: 0.5px solid #e5e5ea !important;
  background: transparent !important;
  padding: 1.2rem 1rem 0.6rem !important;
  margin: 0.5rem 0 0 !important;
}


/* ============================================================
   8. EVENT CARDS — LIST VIEW
   ============================================================ */

/* Card wrapper */
.tribe-events-list article.type-tribe_events,
.tribe-events-list .tribe-events-loop article,
.tribe-events-list .tribe-event,
.tribe-list .tribe-event,
article.tribe-event {
  background: #fff !important;
  margin: 0 1rem 10px !important;
  border-radius: 14px !important;
  border: 0.5px solid #e5e5ea !important;
  overflow: hidden !important;
  box-shadow: none !important;
  float: none !important;
  padding: 0 !important;
}

/* Date/time banner at top of card */
.tribe-events-schedule,
.tribe-event-schedule-details,
.tribe-events-list .tribe-event-schedule-details,
.tribe-event__schedule-details,
.tribe-events-list .tribe-events-schedule,
abbr.tribe-events-abbr,
.tribe-event__date-tag {
  background: #00266d !important;
  padding: 8px 14px !important;
  color: rgba(255,255,255,0.85) !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  text-decoration: none !important;
}

.tribe-events-schedule abbr,
.tribe-event-schedule-details abbr,
.tribe-event__schedule-details abbr {
  color: #fff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-bottom: none !important;
  cursor: default !important;
}

/* Date tag (day number block) */
.tribe-event__date-tag-datetime {
  background: rgba(255,255,255,0.15) !important;
  border-radius: 8px !important;
  padding: 4px 10px !important;
  text-align: center !important;
  display: inline-block !important;
}

.tribe-event__date-tag-month {
  font-family: 'Roboto', sans-serif !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.7) !important;
  display: block !important;
}

.tribe-event__date-tag-daynum {
  font-family: 'Roboto', sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #fff !important;
  display: block !important;
  line-height: 1 !important;
}


/* ============================================================
   9. EVENT FEATURED IMAGE
   ============================================================ */

.tribe-events-list .tribe-event__image,
.tribe-event__featured-image,
.tribe-list .tribe-event__image,
.tribe-events-list figure.tribe-event__image {
  border-radius: 0 !important;
  overflow: hidden !important;
  max-height: 200px !important;
  margin: 0 !important;
}

.tribe-events-list .tribe-event__image img,
.tribe-event__featured-image img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
}


/* ============================================================
   10. EVENT TITLE
   ============================================================ */

.tribe-event__title,
.tribe-events-list-event-title,
h2.tribe-events-list-event-title,
.tribe-events-list .tribe-event__title,
.tribe-event__title.tribe-common-cta__title {
  font-family: 'Roboto', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1d1d1f !important;
  padding: 1rem 1.2rem 4px !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.tribe-event__title a,
.tribe-events-list-event-title a,
.tribe-event__title .url {
  color: #1d1d1f !important;
  text-decoration: none !important;
}

.tribe-event__title a:hover,
.tribe-events-list-event-title a:hover {
  color: #00266d !important;
}


/* ============================================================
   11. VENUE / LOCATION
   ============================================================ */

.tribe-events-event-meta,
.tribe-event__venue,
.tribe-venue,
.tribe-events-list .tribe-events-event-meta,
.tribe-events-event-meta.primary,
.tribe-events-event-meta.secondary,
.tribe-event__venue .tribe-venue__location {
  padding: 0 1.2rem 4px !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 12px !important;
  color: #8e8e93 !important;
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
}

.tribe-events-event-meta address,
.tribe-venue address {
  font-style: normal !important;
  color: #8e8e93 !important;
  font-size: 12px !important;
}

.tribe-events-event-meta a,
.tribe-venue a {
  color: #8e8e93 !important;
  text-decoration: none !important;
}


/* ============================================================
   12. COST / PRICE TAG
   ============================================================ */

.tribe-event-cost,
.tribe-events-cost,
.tribe-event__cost,
.tribe-tickets__commerce-checkout-cart-footer-amount {
  display: inline-block !important;
  background: #edfaf3 !important;
  color: #1a7a4a !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 12px !important;
  margin: 4px 1.2rem 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}


/* ============================================================
   13. EVENT DESCRIPTION
   ============================================================ */

.tribe-events-list-event-description,
.tribe-event__description,
.tribe-events-list .tribe-event__description,
.tribe-events-list-event-description p {
  padding: 0 1.2rem 0.8rem !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 12px !important;
  color: #6e6e73 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}


/* ============================================================
   14. READ MORE / LEARN MORE BUTTON
   ============================================================ */

.tribe-event__read-more,
.tribe-events-read-more,
.tribe-events-list-event-description a.url,
a.tribe-event__read-more,
.tribe-events-list .tribe-event__read-more {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #00266d !important;
  text-decoration: none !important;
  border: 0.5px solid #c5d0e8 !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  background: #f0f4ff !important;
  margin: 0 1.2rem 1rem !important;
  transition: background 0.15s !important;
}

.tribe-event__read-more:hover,
.tribe-events-read-more:hover {
  background: #e0eaff !important;
  color: #00266d !important;
}


/* ============================================================
   15. CALENDAR — MONTH VIEW
   ============================================================ */

.tribe-events-calendar,
.tribe-events-pro-month-grid__body {
  background: #fff !important;
  margin: 1rem !important;
  border-radius: 14px !important;
  border: 0.5px solid #e5e5ea !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.tribe-events-calendar th,
.tribe-events-pro-month-grid__header-cell {
  background: #00266d !important;
  color: rgba(255,255,255,0.9) !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 10px 8px !important;
  border: none !important;
}

.tribe-events-calendar td,
.tribe-events-pro-month-grid__cell {
  border: 0.5px solid #f0f0f0 !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 12px !important;
  color: #3a3a3c !important;
}

.tribe-events-calendar td.tribe-events-present,
.tribe-events-pro-month-grid__cell--current {
  background: #f0f4ff !important;
}

.tribe-events-present .tribe-events-month-grid-cell__date,
.tribe-events-pro-month-grid__cell--current .tribe-events-pro-month-grid__cell-date-link {
  background: #00266d !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tribe-events-calendar .tribe-events-month-grid-cell__events .tribe-events-month-grid-cell__event-title a,
.tribe-events-pro-month-grid__cell .tribe-event__title a {
  font-family: 'Lato', sans-serif !important;
  font-size: 11px !important;
  color: #00266d !important;
  background: #f0f4ff !important;
  border-radius: 4px !important;
  padding: 1px 5px !important;
  text-decoration: none !important;
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}


/* ============================================================
   16. FOOTER
   ============================================================ */

.tribe-events-footer,
#tribe-events-footer {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 1.5rem 1rem 0.5rem !important;
  text-align: center !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 11px !important;
  color: #a1a1a6 !important;
}

.tribe-events-footer a,
#tribe-events-footer a {
  color: #8e8e93 !important;
  text-decoration: none !important;
}

.tribe-events-ical {
  font-family: 'Lato', sans-serif !important;
  font-size: 12px !important;
  color: #8e8e93 !important;
}


/* ============================================================
   17. SUBSCRIBE WIDGET
   ============================================================ */

.tribe-events-c-subscribe-dropdown,
.tribe-events-c-subscribe-dropdown__button {
  font-family: 'Roboto', sans-serif !important;
  font-size: 12px !important;
  color: #00266d !important;
  background: #f0f4ff !important;
  border: 0.5px solid #c5d0e8 !important;
  border-radius: 8px !important;
}


/* ============================================================
   18. GENERAL CLEANUP
   ============================================================ */

/* Remove default borders and shadows */
.tribe-events *,
.tribe-common * {
  box-shadow: none !important;
}

/* Ensure links use brand colour */
.tribe-events a,
.tribe-common a {
  color: #00266d !important;
}

/* iCal & Google Calendar export links */
.tribe-events-gcal,
.tribe-events-ical {
  font-family: 'Lato', sans-serif !important;
  font-size: 11px !important;
  color: #8e8e93 !important;
}

/* Tribe common button override */
.tribe-common-c-btn,
.tribe-common-c-btn-border {
  font-family: 'Roboto', sans-serif !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

.tribe-common-c-btn--primary,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn {
  background: #00266d !important;
  color: #fff !important;
  border-color: #00266d !important;
}

/* Accessibility — focus ring */
.tribe-events a:focus,
.tribe-events button:focus {
  outline: 2px solid #00266d !important;
  outline-offset: 2px !important;
}

/* ============================================================
   END OF STYLESHEET
   ============================================================ */
   
   /* Page title override — Hello Elementor theme */
.entry-title,
.page-title,
h1.entry-title,
h1.page-title,
.tribe-page-title {
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
}

/* ── FIX 1: "No upcoming events" text — white on navy ── */
.tribe-events-c-messages,
.tribe-events-c-messages__notice,
p.tribe-events-c-messages__notice,
.tribe-no-upcoming-events,
.tribe-events-notices,
.tribe-events-notices p,
.tribe-events-notices ul li,
.tribe-events-c-notices,
.tribe-events-c-notices p,
#tribe-events .tribe-events-notices {
  color: rgba(255,255,255,0.85) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 1rem !important;
  text-align: center !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 13px !important;
}

/* ── FIX 2: Search bar — frosted glass on navy ── */
.tribe-events-c-search__input-control,
.tribe-events-c-search__input-container,
.tribe-events-c-search__section.tribe-events-c-search__section--bar {
  background: rgba(255,255,255,0.12) !important;
  border: 0.5px solid rgba(255,255,255,0.25) !important;
  border-radius: 10px !important;
}

.tribe-events-c-search__input,
.tribe-events-c-search__input-control input[type="text"] {
  background: transparent !important;
  color: #fff !important;
  font-family: 'Lato', sans-serif !important;
}

.tribe-events-c-search__input::placeholder,
.tribe-events-c-search__input-control input::placeholder {
  color: rgba(255,255,255,0.5) !important;
}

/* ── FIX 3: "Find Events" button — white ghost button ── */
.tribe-events-c-search__button,
button.tribe-events-c-search__button {
  background: rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border: 0.5px solid rgba(255,255,255,0.35) !important;
  border-radius: 8px !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500 !important;
}

/* ── FIX 4: Navigation bar — "Today", arrows, "Upcoming" ── */
.tribe-events-c-nav__prev svg path,
.tribe-events-c-nav__next svg path {
  fill: #fff !important;
}

.tribe-events-c-nav__today,
.tribe-events-c-nav__today-date,
.tribe-events-c-top-bar__datepicker-button {
  color: rgba(255,255,255,0.85) !important;
  font-family: 'Roboto', sans-serif !important;
}

.tribe-events-c-nav__today {
  border: 0.5px solid rgba(255,255,255,0.3) !important;
  border-radius: 8px !important;
  padding: 4px 12px !important;
}

/* ── FIX 5: List / Month / Day tabs — white on navy ── */
.tribe-events-c-view-.elementor-kit-6__button,
.tribe-events-c-view-.elementor-kit-6__list-item-link {
  color: rgba(255,255,255,0.65) !important;
  border-bottom: 2px solid transparent !important;
}

.tribe-events-c-view-.elementor-kit-6__button--active,
.tribe-events-c-view-.elementor-kit-6__list-item-link--active {
  color: #fff !important;
  border-bottom-color: #fff !important;
}

/* ── FIX 6: "Latest Past Events" heading ── */
.tribe-events-list-separator--past h3.tribe-events-list-separator__text,
h3.tribe-events-list__past-separator-title,
.tribe-events-list-separator-title {
  font-family: 'Roboto', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #8e8e93 !important;
}

/* ── FIX 1: Left/Right navigation arrows — white ── */
.tribe-events-c-nav__prev,
.tribe-events-c-nav__next,
.tribe-events-c-nav__prev button,
.tribe-events-c-nav__next button,
.tribe-events-c-nav__prev svg,
.tribe-events-c-nav__next svg,
.tribe-events-c-nav__prev svg path,
.tribe-events-c-nav__next svg path,
.tribe-events-c-nav__prev .tribe-common-c-btn-icon,
.tribe-events-c-nav__next .tribe-common-c-btn-icon {
  fill: #fff !important;
  color: #fff !important;
  stroke: #fff !important;
  background: transparent !important;
  border: none !important;
}

/* ── FIX 2: Remove blue bar behind "no upcoming events" ── */
.tribe-events-c-messages,
.tribe-events-c-messages__notice,
.tribe-events-c-messages__notice-list,
.tribe-events-c-messages__notice-list-item,
div.tribe-events-c-messages {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 1.5rem !important;
  margin: 0 !important;
}

.tribe-events-c-messages__notice-list-item p,
.tribe-events-c-messages p,
.tribe-events-c-messages span,
.tribe-events-c-messages__notice p {
  color: rgba(255,255,255,0.75) !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 13px !important;
  text-align: center !important;
  background: transparent !important;
}

/* ── FIX 3: Search bar — fully transparent inside navy ── */
.tribe-events-c-search,
.tribe-events-c-search__container,
.tribe-events-c-search__section,
.tribe-events-c-search__input-control,
.tribe-events-c-search__main,
.tribe-common--breakpoint-medium .tribe-events-c-search,
form.tribe-events-c-search__form {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Wrap just the input field itself */
.tribe-events-c-search__input-control input,
input.tribe-events-c-search__input {
  background: rgba(255,255,255,0.12) !important;
  border: 0.5px solid rgba(255,255,255,0.25) !important;
  border-radius: 10px !important;
  color: #fff !important;
  padding: 8px 14px !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 13px !important;
}

input.tribe-events-c-search__input::placeholder {
  color: rgba(255,255,255,0.45) !important;
}

/* ── FIX: Search bar white box ── */
.tribe-events-c-search__section--bar,
.tribe-events-c-search__main,
.tribe-events-c-search__container,
.tribe-events-c-search,
.tribe-events-c-search__form,
.tribe-common--breakpoint-medium .tribe-events-c-search__main {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ── FIX: View .elementor-kit-6 white boxes (List/Month/Day) ── */
.tribe-events-c-view-.elementor-kit-6,
.tribe-events-c-view-.elementor-kit-6__list,
.tribe-events-c-view-.elementor-kit-6__list-item,
.tribe-events-c-view-.elementor-kit-6__content,
.tribe-events-c-view-.elementor-kit-6__button,
.tribe-events-c-view-.elementor-kit-6__list-item-link {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.tribe-events-c-view-.elementor-kit-6__button,
.tribe-events-c-view-.elementor-kit-6__list-item-link {
  color: rgba(255,255,255,0.65) !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-bottom: 2px solid transparent !important;
  padding: 10px 16px !important;
}

.tribe-events-c-view-.elementor-kit-6__button--active,
.tribe-events-c-view-.elementor-kit-6__list-item-link--active,
.tribe-events-c-view-.elementor-kit-6__button:hover {
  color: #fff !important;
  border-bottom-color: #fff !important;
  background: transparent !important;
}

/* ── FIX: Navigation arrows — white ── */
.tribe-common-c-btn-icon,
.tribe-common-c-btn-icon__icon-svg,
.tribe-events-c-nav__prev .tribe-common-c-btn-icon__icon-svg,
.tribe-events-c-nav__next .tribe-common-c-btn-icon__icon-svg {
  fill: #fff !important;
  color: #fff !important;
}

.tribe-events-c-nav__prev .tribe-common-c-btn-icon__icon-svg *,
.tribe-events-c-nav__next .tribe-common-c-btn-icon__icon-svg * {
  fill: #fff !important;
  stroke: #fff !important;
}

/* ── FIX: Today button and Upcoming text — white ── */
.tribe-events-c-nav__today,
.tribe-events-c-top-bar__datepicker-button,
.tribe-events-c-top-bar__datepicker-button span {
  color: #fff !important;
  border-color: rgba(255,255,255,0.4) !important;
  font-family: 'Roboto', sans-serif !important;
}

/* ── FIX: Entire top bar row background ── */
.tribe-events-header__top-bar,
.tribe-events-c-top-bar,
.tribe-events-header__top-bar-inner {
  background: transparent !important;
  border: none !important;
}/* End custom CSS */