/* ============================================================
   MFA — NEWS & EVENTS GADGET STYLING
   Paste into: WA Admin → Website → Themes → Edit CSS

   SETUP REQUIRED BEFORE THIS CSS WORKS:
   For each gadget on your homepage, open gadget settings →
   Advanced → HTML ID and set:
     News/Blog gadget  →  mfa-news-gadget
     Events gadget     →  mfa-events-gadget

   Then right-click any news item or event on your live site,
   choose Inspect, and confirm the class names match what's
   targeted below. Common WA variants are included as comments.
   ============================================================ */


/* ── HIDE RSS FEED ICON (appears above blog gadget) ─────── */
.waBlogRss,
.rss-link,
a[href*="rss"] img {
  display: none !important;
}


/* ══════════════════════════════════════════════════════════
   NEWS / BLOG GADGET
   Target: #mfa-news-gadget (set in gadget Advanced > HTML ID)
══════════════════════════════════════════════════════════ */

/* Gadget outer container */
#mfa-news-gadget {
  background-color: #1B3328;
  padding: 0 !important;
  margin: 0 !important;
}

/* Each individual post row */
#mfa-news-gadget .WABlogList,
#mfa-news-gadget .blog-post,
#mfa-news-gadget .blogPost,
#mfa-news-gadget .WABlogPost,
#mfa-news-gadget li {
  background-color: #1B3328;
  border-bottom: 1px solid #2d5040 !important;
  padding: 18px 24px !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Post title link */
#mfa-news-gadget .WABlogPostTitle a,
#mfa-news-gadget .blog-post-title a,
#mfa-news-gadget .blogPostTitle a,
#mfa-news-gadget h3 a,
#mfa-news-gadget h2 a,
#mfa-news-gadget a {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 0.95rem !important;
  font-weight: normal !important;
  color: #FDF8F0 !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
}

#mfa-news-gadget .WABlogPostTitle a:hover,
#mfa-news-gadget .blog-post-title a:hover,
#mfa-news-gadget h3 a:hover,
#mfa-news-gadget h2 a:hover,
#mfa-news-gadget a:hover {
  color: #C8962A !important;
}

/* Post date / author metadata */
#mfa-news-gadget .WABlogPostDate,
#mfa-news-gadget .WABlogPostAuthor,
#mfa-news-gadget .blog-post-date,
#mfa-news-gadget .blogPostDate,
#mfa-news-gadget .post-date,
#mfa-news-gadget small,
#mfa-news-gadget span {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 0.7rem !important;
  color: #4a7a5e !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  display: block !important;
  margin-top: 5px !important;
}

/* Author link specifically */
#mfa-news-gadget .WABlogPostAuthor a,
#mfa-news-gadget .blog-post-author a {
  font-size: 0.7rem !important;
  color: #4a7a5e !important;
  text-decoration: none !important;
}


/* ══════════════════════════════════════════════════════════
   EVENTS GADGET
   Target: #mfa-events-gadget (set in gadget Advanced > HTML ID)
══════════════════════════════════════════════════════════ */

/* Gadget outer container */
#mfa-events-gadget {
  background-color: #1B3328;
  padding: 0 !important;
  margin: 0 !important;
}

/* Each individual event row */
#mfa-events-gadget .eventlist,
#mfa-events-gadget .EventList,
#mfa-events-gadget .eventListItem,
#mfa-events-gadget .EventListItem,
#mfa-events-gadget li {
  background-color: #1B3328;
  border-bottom: 1px solid #2d5040 !important;
  padding: 18px 24px !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Event title link */
#mfa-events-gadget .eventlist-title a,
#mfa-events-gadget .EventName a,
#mfa-events-gadget .event-title a,
#mfa-events-gadget h3 a,
#mfa-events-gadget h2 a,
#mfa-events-gadget a {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 0.95rem !important;
  font-weight: normal !important;
  color: #FDF8F0 !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
}

#mfa-events-gadget .eventlist-title a:hover,
#mfa-events-gadget .EventName a:hover,
#mfa-events-gadget h3 a:hover,
#mfa-events-gadget a:hover {
  color: #C8962A !important;
}

/* Event date / location metadata */
#mfa-events-gadget .eventlist-date,
#mfa-events-gadget .EventDate,
#mfa-events-gadget .eventlist-location,
#mfa-events-gadget .EventLocation,
#mfa-events-gadget .event-date,
#mfa-events-gadget small,
#mfa-events-gadget span {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 0.7rem !important;
  color: #4a7a5e !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  display: block !important;
  margin-top: 5px !important;
}

/* Remove default list padding/bullets from WA gadget containers */
#mfa-news-gadget ul,
#mfa-events-gadget ul,
#mfa-news-gadget ol,
#mfa-events-gadget ol {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}


/* ── FIX 1: Hide "AMERICA/GUATEMALA" timezone label ─────── */
#mfa-events-gadget .eventlist-timezone,
#mfa-events-gadget .EventTimeZone,
#mfa-events-gadget [class*="timezone"],
#mfa-events-gadget [class*="TimeZone"] {
  display: none !important;
}

/* ── FIX 2: Hide orphan pipe separator when location blank ─ */
/* Targets the literal pipe character WA renders between      */
/* date and location when location is empty                   */
#mfa-events-gadget .eventlist-location:empty,
#mfa-events-gadget .EventLocation:empty,
#mfa-events-gadget .event-location:empty {
  display: none !important;
}

/* Hide the separator element itself when location is missing */
#mfa-events-gadget .eventlist-separator,
#mfa-events-gadget .field-separator {
  display: none !important;
}

/* ── FIX 3: Hide leading pipe before author in news gadget ─ */
#mfa-news-gadget .WABlogPostAuthor::before,
#mfa-news-gadget .blog-post-author::before {
  display: none !important;
}

/* Hide separator/pipe span before author name */
#mfa-news-gadget .WABlogAuthorSeparator,
#mfa-news-gadget .blog-author-separator {
  display: none !important;
}

/* ── FIX 4: Remove gap between framing header and gadget ─── */
/* Eliminates WA's default top margin/padding on gadget       */
#mfa-news-gadget,
#mfa-events-gadget {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Also zero out the first child element's top spacing */
#mfa-news-gadget > *:first-child,
#mfa-events-gadget > *:first-child,
#mfa-news-gadget ul:first-child,
#mfa-events-gadget ul:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ── GLOBAL BUTTON COLOR FIXES ──────────────────────────── */
a.mfa-bd-btn-gold,
a.mfa-lk-btn-gold {
  color: #1B3328 !important;
}

a.mfa-bd-btn-ghost,
a.mfa-lk-btn-ghost,
a.mfa-min-link {
  color: #ffffff !important;
}