/*================ COLORS =================*/
:root {
  --primary: #384f68;       /* Main blue background */
  --hover:   #92b4dc;       /* Lighter blue for hovers */
  --fifth:   #ffffff;       /* White text */
  --header-inner-max: 920px;
}

/*================ RESET =================*/
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
  font-family: pragmatica, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  background-color: var(--primary);
  color: var(--fifth);
  box-sizing: border-box;
}
*, *::before, *::after { box-sizing: inherit; }

/*================ HEADER BANNER & LOGO =================*/
.main-header__main-bar.container {
  background: transparent !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 56px 0 !important;
  position: relative !important;
  text-align: center !important;
  min-height: unset !important;
}
.main-header__site-title {
  width: min(92vw, var(--header-inner-max)) !important;
  margin: 16px auto 10px auto !important;
}
.main-header__site-title a img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 240px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

/*================ NAV =================*/
.main-navigation {
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 9999 !important;
  width: min(92vw, var(--header-inner-max)) !important;
  text-align: center !important;
}
.main-navigation .navigation {
  display: flex !important;
  gap: 28px !important;
  align-items: center !important;
  justify-content: center !important;
}
.main-navigation .navigation > li > a {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 1.2rem !important;
  text-decoration: none !important;
}
.main-navigation .navigation > li > a:hover,
.main-navigation .navigation > li.active > a {
  color: var(--hover) !important;
  text-decoration: underline !important;
}

/*================ MAIN CONTENT =================*/
#main-content {
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 40px 20px !important;
  background-color: var(--primary);
  color: var(--fifth);
  text-align: left;
}

/*================ RESOURCE CARDS =================*/
.resource-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  justify-content: flex-start !important;
}

/* Base card */
.resource-list .resource {
  width: 250px !important;
  aspect-ratio: 1 / 1;
  padding: 10px;
  border-radius: 8px;
  background: #ffffff !important;            /* white */
  border: 1px solid var(--primary) !important;
  display: grid;
  grid-template-rows: auto 1fr;
  justify-items: center;
  align-items: center;
  text-align: center;
  color: #384f68 !important;                 /* blue text */
  transition: background 0.3s ease, color 0.3s ease;
}

/* Images */
.resource-list .resource img {
  width: 100%;
  height: 60%;
  object-fit: cover;
  border: 2px solid var(--primary) !important;
  border-radius: 6px;
}

/* Titles + captions */
.resource-list .resource h3,
.resource-list .resource h4,
.resource-list .resource p,
.resource-list .resource span,
.resource-list .resource a {
  color: #384f68 !important;
  text-decoration: none !important;
  margin: 6px 0 0 0;
}

/* Hover: light blue background, white text */
.resource-list .resource:hover {
  background: var(--hover) !important;
  border-color: var(--hover) !important;
  color: #ffffff !important;
}
.resource-list .resource:hover * {
  color: #ffffff !important;
}

/*================ RESPONSIVE =================*/
@media (max-width: 768px) {
  .resource-list .resource {
    width: 160px !important;
  }
  .resource-list .resource img { height: 55%; }
}

/*================ MAPS =================*/
.leaflet-container, .mapping-block, .mapping-map {
  width: 100% !important;
  max-width: 95% !important;
  margin: 20px auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
body.site-page-Home .mapping-map {
  height: 62vh !important;
  min-height: 420px !important;
  max-height: 820px !important;
}
body.site-page-Locations .mapping-map,
body.site-page-people .mapping-map {
  height: 58vh !important;
  min-height: 380px !important;
  max-height: 780px !important;
}
body.item.show .leaflet-container {
  height: 45vh !important;
  min-height: 320px !important;
  max-height: 720px !important;
}

/*================ LEAFLET POPUPS =================*/
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: #fff !important;
  color: #000 !important;
  border-radius: 6px !important;
  padding: 4px !important;
  max-width: 300px !important;
}
.leaflet-popup-content { margin: 4px !important; padding: 6px !important; text-align: center !important; line-height: 1.2 !important; }
.leaflet-popup-content img {
  max-width: 100% !important;
  max-height: 180px !important;
  display: block;
  margin: 4px auto;
  border-radius: 4px;
}
.leaflet-popup-content strong,
.leaflet-popup-content h1,
.leaflet-popup-content h2,
.leaflet-popup-content h3 {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 4px 0;
  text-align: center !important;
}
.leaflet-popup-content a, .leaflet-popup-content a strong {
  color: var(--hover) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.leaflet-popup-content a:hover,
.leaflet-popup-content a:hover strong {
  color: #003366 !important;
  text-decoration: underline !important;
}
/* ==== HEADER FIXES ==== */

/* Header background = site blue */
.main-header__main-bar.container {
  background: var(--primary) !important;   /* solid blue header */
  min-height: 200px !important;           /* adjust height */
  padding: 10px 0 !important;
}

/* Nav links inside header */
.main-navigation .navigation > li > a {
  color: #ffffff !important;              /* white text */
  font-weight: bold !important;
  font-size: 1.2rem !important;
  text-decoration: none !important;
  text-shadow: none !important;           /* cleaner on blue background */
}

/* Hover/active state = light blue */
.main-navigation .navigation > li > a:hover,
.main-navigation .navigation > li.active > a {
  color: var(--hover) !important;         /* light blue hover */
  text-decoration: underline !important;
}

/* Optional: keep logo centered and scaled */
.main-header__site-title img {
  max-height: 180px !important;
  width: auto !important;
  margin: 0 auto !important;
  display: block !important;
}
/* ==== FULL HEADER FIX ==== */

/* Top strip (search + login) */
.main-header__top-bar {
  background: var(--primary) !important; /* blue background */
  color: #ffffff !important;
}
.main-header__top-bar a {
  color: #ffffff !important;
}
.main-header__top-bar a:hover {
  color: var(--hover) !important;
}

/* Main header bar */
.main-header__main-bar.container {
  background: var(--primary) !important; /* blue */
  width: 100% !important;
  margin: 0 auto !important;
  padding: 20px 0 60px 0 !important;     /* space for nav */
  text-align: center !important;
  position: relative !important;
}

/* Logo centered */
.main-header__site-title {
  margin: 0 auto 15px auto !important;
  text-align: center !important;
  max-width: 800px !important;
}
.main-header__site-title img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 600px !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Nav centered under logo */
.main-navigation {
  position: relative !important;
  left: auto !important;
  transform: none !important;
  margin: 0 auto !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 800px !important;
}
.main-navigation .navigation {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 28px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Nav link colors */
.main-navigation .navigation > li > a {
  color: #ffffff !important;      /* white */
  font-weight: bold !important;
  font-size: 1.2rem !important;
  text-decoration: none !important;
}
.main-navigation .navigation > li > a:hover,
.main-navigation .navigation > li.active > a {
  color: var(--hover) !important; /* light blue */
  text-decoration: underline !important;
}
/* ==== FULL-WIDTH HEADER FIX ==== */

/* Force header bar background to span edge-to-edge */
.main-header,
.main-header__main-bar.container {
  background: var(--primary) !important;   /* site blue */
  width: 100% !important;
  max-width: 100% !important;              /* override theme container */
  margin: 0 !important;
  padding: 20px 0 60px 0 !important;
  box-sizing: border-box !important;
}

/* Remove white padding wrappers */
.wrap,
.container,
.site-header,
.header {
  background: var(--primary) !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Keep logo centered */
.main-header__site-title {
  margin: 0 auto 15px auto !important;
  text-align: center !important;
}
.main-header__site-title img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 600px !important;
  height: auto !important;
}

/* Center nav below logo */
.main-navigation {
  margin: 0 auto !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 800px !important;
  position: relative !important;
}
.main-navigation .navigation {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 28px !important;
}
/* ==== REMOVE EXTRA SPACE BELOW NAV ==== */

/* Reduce padding under the header bar */
.main-header__main-bar.container {
  padding-bottom: 10px !important;  /* was 60px+ */
  margin-bottom: 0 !important;
}

/* Reduce margin/padding around nav */
.main-navigation {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Pull main content closer */
#main-content {
  margin-top: 0 !important;
  padding-top: 20px !important; /* just a little breathing room */
}
/* ==== MAKE NAV & CONTENT FLUSH ==== */

/* Header bar and nav: no extra space */
.main-header__main-bar.container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.main-navigation {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Main content starts immediately after nav */
#main-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ==== ELIMINATE ALL SPACE BELOW NAV ==== */

/* Header/nav */
.main-header__main-bar.container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.main-navigation {
  margin: 0 !important;
  padding: 0 !important;
}

/* Content flush with nav */
#main-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove any top margin on the first element in content */
#main-content > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ==== HEADER ENDS AT NAV — ZERO GAP ==== */

/* 1) Header contains the nav and ends at the nav baseline */
body.site-bygone-nashville .main-header__main-bar.container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}

/* Centered nav with no bottom gap */
body.site-bygone-nashville .main-navigation {
  position: relative !important;
  left: auto !important;
  transform: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 800px !important;
}
body.site-bygone-nashville .main-navigation .navigation {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2) Absolutely remove any top spacing from every content wrapper combo */
body.site-bygone-nashville #content,
body.site-bygone-nashville #main-content,
body.site-bygone-nashville .site-page,
body.site-bygone-nashville .site-page .blocks,
body.site-bygone-nashville .blocks > .block:first-child,
body.site-bygone-nashville #content > *:first-child,
body.site-bygone-nashville #main-content > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* If the first element is a heading/paragraph, nuke its top margin too */
body.site-bygone-nashville #main-content :is(h1,h2,h3,h4,h5,h6,p,section,div):first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Some themes add top space on the first block container—kill it */
body.site-bygone-nashville .page, 
body.site-bygone-nashville .page .blocks,
body.site-bygone-nashville .page .blocks > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* Safety: remove any separator line directly under the header */
body.site-bygone-nashville .main-header__main-bar.container + *,
body.site-bygone-nashville header.main-header + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}
/* ===== HEADER + NAV FLUSH TO CONTENT ===== */

/* Make header background full width */
.main-header__main-bar.container {
  background: var(--primary) !important; /* site blue */
  margin: 0 auto !important;
  padding: 10px 0 0 0 !important; /* remove excess bottom space */
  text-align: center !important;
  min-height: auto !important;
  border: none !important;
  box-shadow: none !important;
}

/* Logo centered, tighter */
.main-header__site-title {
  margin: 0 auto 8px auto !important;  /* less space below logo */
  padding: 0 !important;
}
.main-header__site-title img {
  max-height: 120px !important;  /* smaller, compact logo */
  width: auto !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
}

/* Navigation right under logo */
.main-navigation {
  margin: 0 auto !important;
  padding: 0 !important;
  background: var(--primary) !important;
  text-align: center !important;
}
.main-navigation .navigation {
  display: inline-flex !important;
  gap: 28px !important;
  padding: 6px 0 !important; /* tighter nav row */
  margin: 0 auto !important;
}

/* Nav link colors */
.main-navigation .navigation > li > a {
  color: #ffffff !important;  /* white text */
  font-weight: bold !important;
  text-decoration: none !important;
}
.main-navigation .navigation > li > a:hover,
.main-navigation .navigation > li.active > a {
  color: var(--hover) !important; /* light blue hover */
}

/* Remove gap between nav and page content */
#main-content {
  margin-top: 0 !important;
  padding-top: 20px !important; /* small breathing room only */
}
#main-content > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ===== HEADER HEIGHT: COMPACT ===== */
.main-header__main-bar.container {
  background: var(--primary) !important;
  margin: 0 auto !important;
  padding: 10px 0 0 0 !important;  /* reduce padding */
  text-align: center !important;
  min-height: auto !important;
  border: none !important;
  box-shadow: none !important;
}

/* Logo smaller and centered */
.main-header__site-title {
  margin: 0 auto 6px auto !important; /* less gap under logo */
  padding: 0 !important;
}
.main-header__site-title img {
  max-height: 100px !important;  /* match Murfreesboro proportions */
  width: auto !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Nav flush under logo */
.main-navigation {
  margin: 0 auto !important;
  padding: 0 !important;
  background: var(--primary) !important;
  text-align: center !important;
}
.main-navigation .navigation {
  display: inline-flex !important;
  gap: 24px !important;
  padding: 4px 0 !important; /* tighter nav row */
  margin: 0 auto !important;
}

/* Nav link styles */
.main-navigation .navigation > li > a {
  color: #ffffff !important;
  font-weight: bold !important;
  text-decoration: none !important;
}
.main-navigation .navigation > li > a:hover,
.main-navigation .navigation > li.active > a {
  color: var(--hover) !important; /* light blue */
}

/* ===== MAP HEIGHT: MATCH MURFREESBORO ===== */
body.site-page-Home .mapping-map {
  height: 50vh !important;       /* shrink map height */
  min-height: 320px !important;  /* safe floor */
  max-height: 600px !important;  /* cap height */
}
/* ===== HEADER FIX: MATCH MOMENTOUS PROPORTIONS ===== */
.main-header__main-bar.container,
.main-header,
.site-header {
  background-color: var(--primary) !important; /* keep Bygone’s blue */
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 12px 0 !important;  /* tighter like Momentous */
  min-height: unset !important; /* remove forced tall height */
  box-sizing: border-box;
  text-align: center;
}

/* Logo sizing */
.main-header__site-title a img {
  display: block !important;
  margin: 0 auto 8px auto !important;  /* small gap below logo */
  max-height: 180px !important;        /* same proportion as Momentous */
  width: auto !important;
  object-fit: contain !important;
}

/* Navigation bar */
.main-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
  margin: 0 !important;
  padding: 0 !important;
}

.main-navigation .navigation {
  display: flex !important;
  gap: 28px;
  margin: 0 !important;
  padding: 0 !important;
}

/* Nav links */
.main-navigation .navigation > li > a {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 1.2rem !important;
  text-decoration: none !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.8) !important;
  padding: 4px 10px !important;   /* match Momentous spacing */
}

.main-navigation .navigation > li > a:hover,
.main-navigation .navigation > li.active > a {
  color: var(--hover) !important;
  text-decoration: underline !important;
}
/***** MAP SIZE: MATCH MOMENTOUS *****/
/* Home page map */
body.site-page-Home .mapping-map,
body.site-page-Home .leaflet-container {
  width: 100% !important;
  max-width: 900px !important;   /* keeps it centered and not too wide */
  height: 62vh !important;       /* same tall proportion as Momentous */
  min-height: 420px !important;
  max-height: 820px !important;
  margin: 20px auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Locations & People pages */
body.site-page-Locations .mapping-map,
body.site-page-people .mapping-map {
  width: 100% !important;
  max-width: 900px !important;
  height: 58vh !important;
  min-height: 380px !important;
  max-height: 780px !important;
  margin: 20px auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Item pages */
body.item.show .leaflet-container {
  width: 100% !important;
  max-width: 850px !important;
  height: 45vh !important;
  min-height: 320px !important;
  max-height: 720px !important;
  margin: 20px auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/***** MAP TOOLTIP (HOVER LABEL) MATCH *****/
/* Small tooltip that follows cursor */
.mm-tt {
  position: fixed;
  z-index: 99999;
  background: #fff;
  color: #000;
  border: 1px solid rgba(0,0,0,0.25);
  border-radius: 4px;
  padding: 4px 8px;
  font: 600 14px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  pointer-events: none;
  display: none;
  transform: translate(10px, -12px);
  white-space: nowrap;
}
/***** MAP SIZE: MAKE BYGONE MATCH MOMENTOUS *****/

/* Home page map */
body.site-page-Home .mapping-map,
body.site-page-Home .leaflet-container {
  width: 100% !important;
  max-width: 900px !important;     /* same width as Momentous */
  height: 62vh !important;         /* tall hero proportion */
  min-height: 420px !important;    /* don’t shrink too small */
  max-height: 820px !important;    /* don’t get huge on tall screens */
  margin: 20px auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Locations & People pages */
body.site-page-Locations .mapping-map,
body.site-page-people .mapping-map {
  width: 100% !important;
  max-width: 900px !important;
  height: 58vh !important;
  min-height: 380px !important;
  max-height: 780px !important;
  margin: 20px auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Item pages */
body.item.show .leaflet-container {
  width: 100% !important;
  max-width: 850px !important;
  height: 45vh !important;
  min-height: 320px !important;
  max-height: 720px !important;
  margin: 20px auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
/***** UNIFIED MAP SIZE RULES (Match Momentous) *****/

/* Home page: tall hero map */
body.site-page-Home .mapping-map,
body.site-page-Home .leaflet-container {
  width: 100% !important;
  max-width: 900px !important;   /* same width as Momentous */
  height: 62vh !important;       /* same tall ratio */
  min-height: 420px !important;
  max-height: 820px !important;
  margin: 20px auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Locations & People: slightly shorter */
body.site-page-Locations .mapping-map,
body.site-page-people .mapping-map {
  width: 100% !important;
  max-width: 900px !important;
  height: 58vh !important;
  min-height: 380px !important;
  max-height: 780px !important;
  margin: 20px auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Item pages: compact map */
body.item.show .leaflet-container {
  width: 100% !important;
  max-width: 850px !important;
  height: 45vh !important;
  min-height: 320px !important;
  max-height: 720px !important;
  margin: 20px auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  body.site-page-Home .mapping-map {
    height: 56vh !important;
    min-height: 300px !important;
  }
  body.site-page-Locations .mapping-map,
  body.site-page-people .mapping-map {
    height: 52vh !important;
    min-height: 280px !important;
  }
  body.item.show .leaflet-container {
    height: 42vh !important;
    min-height: 280px !important;
  }
}
/***** FINAL MAP SIZE FIX — FORCE MOMENTOUS PROPORTIONS *****/

/* Home page map (hero) */
body.site-page-Home .mapping-block,
body.site-page-Home .mapping-map,
body.site-page-Home .leaflet-container {
  width: 100% !important;
  max-width: 900px !important;   /* same width as Momentous */
  height: 62vh !important;       /* same tall ratio */
  min-height: 420px !important;
  max-height: 820px !important;
  margin: 20px auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Locations & People page maps */
body.site-page-Locations .mapping-block,
body.site-page-people .mapping-block,
body.site-page-Locations .mapping-map,
body.site-page-people .mapping-map,
body.site-page-Locations .leaflet-container,
body.site-page-people .leaflet-container {
  width: 100% !important;
  max-width: 900px !important;
  height: 58vh !important;
  min-height: 380px !important;
  max-height: 780px !important;
  margin: 20px auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Item page maps */
body.item.show .mapping-block,
body.item.show .mapping-map,
body.item.show .leaflet-container {
  width: 100% !important;
  max-width: 850px !important;
  height: 45vh !important;
  min-height: 320px !important;
  max-height: 720px !important;
  margin: 20px auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Responsive tweaks */
@media (max-width: 768px) {
  body.site-page-Home .mapping-block,
  body.site-page-Home .mapping-map,
  body.site-page-Home .leaflet-container {
    height: 56vh !important;
    min-height: 300px !important;
  }
  body.site-page-Locations .mapping-block,
  body.site-page-people .mapping-block,
  body.site-page-Locations .mapping-map,
  body.site-page-people .mapping-map,
  body.site-page-Locations .leaflet-container,
  body.site-page-people .leaflet-container {
    height: 52vh !important;
    min-height: 280px !important;
  }
  body.item.show .mapping-block,
  body.item.show .mapping-map,
  body.item.show .leaflet-container {
    height: 42vh !important;
    min-height: 280px !important;
  }
}
/***** GLOBAL PAGE PADDING CLEANUP *****/

/* Default pages (Home, Locations, People, About, etc.) */
.wrap,
.site-content,
.container,
#main-content,
#content {
  max-width: 1200px !important;         /* keeps text centered */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;        /* even horizontal padding */
  padding-right: 24px !important;
  padding-top: 24px !important;         /* even top padding */
  padding-bottom: 48px !important;      /* consistent breathing room */
}

/* Home page: reduce top padding so map sits higher */
body.site-page-Home #main-content,
body.site-page-Home #content {
  padding-top: 12px !important;
  padding-bottom: 36px !important;
}

/* Item pages: give more padding to create a “card” feel */
body.item.show #content,
body.item-show #content {
  max-width: 1000px !important;
  padding: 40px !important;             /* more inner spacing */
  background: #fff !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
/*================ HEADING 5 STYLE =================*/
h5 {
  color: var(--fifth) !important;   /* white text */
}
/***** RESOURCE CARDS (White background, blue text, text-only hover) *****/

/* Locations, People, Events */
body.site-page-Locations .resource-list,
body.site-page-people .resource-list,
body.site-page-Events .resource-list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  justify-items: center !important;
  margin: 0 auto !important;
  max-width: 1400px !important;
}

body.site-page-Locations .resource,
body.site-page-people .resource,
body.site-page-Events .resource {
  width: 100% !important;
  max-width: 260px !important;
  aspect-ratio: 1 / 1;               /* square */
  padding: 10px;
  border-radius: 8px;
  display: grid;
  grid-template-rows: auto 1fr;
  justify-items: center;
  align-items: center;
  background-color: #ffffff !important;   /* white card */
  color: #384f68 !important;             /* dark blue font */
  text-align: center;
  border: 1px solid rgba(0,0,0,0.12);
  transition: transform .18s ease, box-shadow .18s ease;
}

/* Images */
body.site-page-Locations .resource img,
body.site-page-people .resource img,
body.site-page-Events .resource img {
  width: 100%;
  height: 60%;
  object-fit: cover;
  border-radius: 6px;
  border: 2px solid rgba(0,0,0,0.12);
}

/* Titles + captions */
body.site-page-Locations .resource h4,
body.site-page-people .resource h4,
body.site-page-Events .resource h4,
body.site-page-Locations .resource p,
body.site-page-people .resource p,
body.site-page-Events .resource p {
  margin: 6px 0 0;
  text-align: center;
  color: #384f68 !important;   /* blue font */
}

body.site-page-Locations .resource h4,
body.site-page-people .resource h4,
body.site-page-Events .resource h4 {
  font-size: 1rem !important;
  line-height: 1.15;
}

body.site-page-Locations .resource p,
body.site-page-people .resource p,
body.site-page-Events .resource p {
  font-size: 0.9rem !important;
}

/* Links: default blue, hover light blue */
body.site-page-Locations .resource a,
body.site-page-people .resource a,
body.site-page-Events .resource a {
  color: #384f68 !important;          /* blue text */
  text-decoration: none !important;
}

body.site-page-Locations .resource a:hover,
body.site-page-people .resource a:hover,
body.site-page-Events .resource a:hover {
  color: var(--hover) !important;     /* light blue on hover */
  text-decoration: underline !important;
}

/* Responsive layout */
@media (max-width: 1200px) {
  body.site-page-Locations .resource-list,
  body.site-page-people .resource-list,
  body.site-page-Events .resource-list {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 900px) {
  body.site-page-Locations .resource-list,
  body.site-page-people .resource-list,
  body.site-page-Events .resource-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  body.site-page-Locations .resource-list,
  body.site-page-people .resource-list,
  body.site-page-Events .resource-list {
    grid-template-columns: 1fr !important;
  }
}
/***** SIMPLE RESOURCE CARDS (white cards, blue text, text-only hover) *****/

/* Locations, People, Events grids */
body.site-page-Locations .resource-list,
body.site-page-people .resource-list,
body.site-page-Events .resource-list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  justify-items: center !important;
  margin: 0 auto !important;
  max-width: 1400px !important;
}

/* Each card */
body.site-page-Locations .resource,
body.site-page-people .resource,
body.site-page-Events .resource {
  width: 100% !important;
  max-width: 260px !important;
  aspect-ratio: 1 / 1;
  padding: 10px;
  border-radius: 8px;
  background-color: #ffffff !important;  /* white card */
  text-align: center;
  border: 1px solid rgba(0,0,0,0.12);
}

/* Images */
body.site-page-Locations .resource img,
body.site-page-people .resource img,
body.site-page-Events .resource img {
  width: 100%;
  height: 60%;
  object-fit: cover;
  border-radius: 6px;
  border: 2px solid rgba(0,0,0,0.12);
}

/* Titles + captions */
body.site-page-Locations .resource h4,
body.site-page-people .resource h4,
body.site-page-Events .resource h4,
body.site-page-Locations .resource p,
body.site-page-people .resource p,
body.site-page-Events .resource p {
  margin: 6px 0 0;
  text-align: center;
  color: #384f68 !important; /* blue text */
}

/* Links: blue → light blue on hover */
body.site-page-Locations .resource a,
body.site-page-people .resource a,
body.site-page-Events .resource a {
  color: #384f68 !important;
  text-decoration: none !important;
}
body.site-page-Locations .resource a:hover,
body.site-page-people .resource a:hover,
body.site-page-Events .resource a:hover {
  color: var(--hover) !important; /* light blue text hover */
  text-decoration: underline !important;
}

/* Responsive breakpoints */
@media (max-width: 1200px) {
  body.site-page-Locations .resource-list,
  body.site-page-people .resource-list,
  body.site-page-Events .resource-list {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 900px) {
  body.site-page-Locations .resource-list,
  body.site-page-people .resource-list,
  body.site-page-Events .resource-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  body.site-page-Locations .resource-list,
  body.site-page-people .resource-list,
  body.site-page-Events .resource-list {
    grid-template-columns: 1fr !important;
  }
}
/* ==== CARDS: WHITE BACKGROUND, BLUE TEXT, TEXT-ONLY HOVER ==== */
/* Pages: Locations, People, Events */

/* Base: white card, blue text */
body.site-page-Locations .resource-list .resource,
body.site-page-people    .resource-list .resource,
body.site-page-Events    .resource-list .resource {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
}

body.site-page-Locations .resource-list .resource *,
body.site-page-people    .resource-list .resource *,
body.site-page-Events    .resource-list .resource * {
  color: #384f68 !important;                 /* dark blue text */
  -webkit-text-fill-color: #384f68 !important;
  text-shadow: none !important;
}

/* Kill any card-wide hover recolor from earlier rules */
body.site-page-Locations .resource-list .resource:hover,
body.site-page-Locations .resource-list .resource:hover *,
body.site-page-people    .resource-list .resource:hover,
body.site-page-people    .resource-list .resource:hover *,
body.site-page-Events    .resource-list .resource:hover,
body.site-page-Events    .resource-list .resource:hover * {
  color: #384f68 !important;                 /* stay blue on hover */
  -webkit-text-fill-color: #384f68 !important;
  background: #ffffff !important;            /* card stays white */
  box-shadow: none !important;               /* no lift/shadow */
  transform: none !important;                /* no hover jump */
}

/* Links: blue -> light blue on hover (text only) */
body.site-page-Locations .resource-list .resource a:link,
body.site-page-Locations .resource-list .resource a:visited,
body.site-page-people    .resource-list .resource a:link,
body.site-page-people    .resource-list .resource a:visited,
body.site-page-Events    .resource-list .resource a:link,
body.site-page-Events    .resource-list .resource a:visited {
  color: #384f68 !important;
  text-decoration: none !important;
}

body.site-page-Locations .resource-list .resource a:hover,
body.site-page-people    .resource-list .resource a:hover,
body.site-page-Events    .resource-list .resource a:hover {
  color: var(--hover) !important;            /* light blue hover */
  text-decoration: underline !important;
}

/* Ensure images keep their look */
body.site-page-Locations .resource-list .resource img,
body.site-page-people    .resource-list .resource img,
body.site-page-Events    .resource-list .resource img {
  border: 2px solid rgba(0,0,0,0.12) !important;
  border-radius: 6px !important;
}
/* ===== FORCE CARDS WHITE, BLUE TEXT, TEXT-ONLY HOVER ===== */

/* Apply to Locations, People, and Events (handles case variations) */
body[class*="Locations"] .resource-list .resource,
body[class*="locations"] .resource-list .resource,
body[class*="People"]    .resource-list .resource,
body[class*="people"]    .resource-list .resource,
body[class*="Events"]    .resource-list .resource,
body[class*="events"]    .resource-list .resource {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  color: #384f68 !important;
}

/* Neutralize card-wide hover recolor */
body[class*="Locations"] .resource-list .resource:hover,
body[class*="Locations"] .resource-list .resource:hover *,
body[class*="locations"] .resource-list .resource:hover,
body[class*="locations"] .resource-list .resource:hover *,
body[class*="People"]    .resource-list .resource:hover,
body[class*="People"]    .resource-list .resource:hover *,
body[class*="people"]    .resource-list .resource:hover,
body[class*="people"]    .resource-list .resource:hover *,
body[class*="Events"]    .resource-list .resource:hover,
body[class*="Events"]    .resource-list .resource:hover *,
body[class*="events"]    .resource-list .resource:hover,
body[class*="events"]    .resource-list .resource:hover * {
  color: #384f68 !important;
  background: #ffffff !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Links: dark blue → light blue on hover */
body[class*="Locations"] .resource-list .resource a,
body[class*="locations"] .resource-list .resource a,
body[class*="People"]    .resource-list .resource a,
body[class*="people"]    .resource-list .resource a,
body[class*="Events"]    .resource-list .resource a,
body[class*="events"]    .resource-list .resource a {
  color: #384f68 !important;
  text-decoration: none !important;
}
body[class*="Locations"] .resource-list .resource a:hover,
body[class*="locations"] .resource-list .resource a:hover,
body[class*="People"]    .resource-list .resource a:hover,
body[class*="people"]    .resource-list .resource a:hover,
body[class*="Events"]    .resource-list .resource a:hover,
body[class*="events"]    .resource-list .resource a:hover {
  color: var(--hover) !important;
  text-decoration: underline !important;
}
/* ===== MATCH MOMENTOUS MURFREESBORO CARD SIZE ===== */

/* Grid layout: 4 across on desktop */
body[class*="Locations"] .resource-list,
body[class*="locations"] .resource-list,
body[class*="People"]    .resource-list,
body[class*="people"]    .resource-list,
body[class*="Events"]    .resource-list,
body[class*="events"]    .resource-list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  justify-items: center !important;
  margin: 0 auto !important;
  max-width: 1200px !important;
}

/* Card base size */
body[class*="Locations"] .resource-list .resource,
body[class*="locations"] .resource-list .resource,
body[class*="People"]    .resource-list .resource,
body[class*="people"]    .resource-list .resource,
body[class*="Events"]    .resource-list .resource,
body[class*="events"]    .resource-list .resource {
  width: 100% !important;
  max-width: 180px !important;   /* match Momentous cards */
  aspect-ratio: 1 / 1 !important; /* square */
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 6px !important;
  padding: 8px !important;
  text-align: center !important;
}

/* Images */
body[class*="Locations"] .resource-list .resource img,
body[class*="locations"] .resource-list .resource img,
body[class*="People"]    .resource-list .resource img,
body[class*="people"]    .resource-list .resource img,
body[class*="Events"]    .resource-list .resource img,
body[class*="events"]    .resource-list .resource img {
  width: 100% !important;
  height: 60% !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
}

/* Titles & captions */
body[class*="Locations"] .resource-list .resource h4,
body[class*="locations"] .resource-list .resource h4,
body[class*="People"]    .resource-list .resource h4,
body[class*="people"]    .resource-list .resource h4,
body[class*="Events"]    .resource-list .resource h4,
body[class*="events"]    .resource-list .resource h4 {
  font-size: 0.9rem !important;
  margin: 6px 0 2px !important;
  color: #384f68 !important;
}

body[class*="Locations"] .resource-list .resource p,
body[class*="locations"] .resource-list .resource p,
body[class*="People"]    .resource-list .resource p,
body[class*="people"]    .resource-list .resource p,
body[class*="Events"]    .resource-list .resource p,
body[class*="events"]    .resource-list .resource p {
  font-size: 0.8rem !important;
  margin: 0 !important;
  color: #384f68 !important;
}

/* Links: only text hover changes */
body[class*="Locations"] .resource-list .resource a,
body[class*="locations"] .resource-list .resource a,
body[class*="People"]    .resource-list .resource a,
body[class*="people"]    .resource-list .resource a,
body[class*="Events"]    .resource-list .resource a,
body[class*="events"]    .resource-list .resource a {
  color: #384f68 !important;
  text-decoration: none !important;
}
body[class*="Locations"] .resource-list .resource a:hover,
body[class*="locations"] .resource-list .resource a:hover,
body[class*="People"]    .resource-list .resource a:hover,
body[class*="people"]    .resource-list .resource a:hover,
body[class*="Events"]    .resource-list .resource a:hover,
body[class*="events"]    .resource-list .resource a:hover {
  color: var(--hover) !important;
  text-decoration: underline !important;
}

/* ===== Responsive breakpoints ===== */
@media (max-width: 1200px) {
  body[class*="Locations"] .resource-list,
  body[class*="locations"] .resource-list,
  body[class*="People"]    .resource-list,
  body[class*="people"]    .resource-list,
  body[class*="Events"]    .resource-list,
  body[class*="events"]    .resource-list {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 900px) {
  body[class*="Locations"] .resource-list,
  body[class*="locations"] .resource-list,
  body[class*="People"]    .resource-list,
  body[class*="people"]    .resource-list,
  body[class*="Events"]    .resource-list,
  body[class*="events"]    .resource-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  body[class*="Locations"] .resource-list,
  body[class*="locations"] .resource-list,
  body[class*="People"]    .resource-list,
  body[class*="people"]    .resource-list,
  body[class*="Events"]    .resource-list,
  body[class*="events"]    .resource-list {
    grid-template-columns: 1fr !important;
  }
}
/* ===== MOMENTOUS MURFREESBORO-STYLE RESOURCE CARDS ===== */

/* Grid layout: 4 across desktop */
body[class*="Locations"] .resource-list,
body[class*="locations"] .resource-list,
body[class*="People"]    .resource-list,
body[class*="people"]    .resource-list,
body[class*="Events"]    .resource-list,
body[class*="events"]    .resource-list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  justify-items: center !important;
  margin: 0 auto !important;
  max-width: 1200px !important;
}

/* Card base */
body[class*="Locations"] .resource-list .resource,
body[class*="locations"] .resource-list .resource,
body[class*="People"]    .resource-list .resource,
body[class*="people"]    .resource-list .resource,
body[class*="Events"]    .resource-list .resource,
body[class*="events"]    .resource-list .resource {
  width: 100% !important;
  max-width: 200px !important;     /* Momentous card width */
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: center !important;
}

/* Image container with fixed height */
body[class*="Locations"] .resource-list .resource img,
body[class*="locations"] .resource-list .resource img,
body[class*="People"]    .resource-list .resource img,
body[class*="people"]    .resource-list .resource img,
body[class*="Events"]    .resource-list .resource img,
body[class*="events"]    .resource-list .resource img {
  width: 100% !important;
  height: 140px !important;        /* fixed height like Murfreesboro */
  object-fit: cover !important;    /* crop edges, no stretching */
  border-bottom: 1px solid rgba(0,0,0,0.12) !important;
}

/* Title & caption */
body[class*="Locations"] .resource-list .resource h4,
body[class*="locations"] .resource-list .resource h4,
body[class*="People"]    .resource-list .resource h4,
body[class*="people"]    .resource-list .resource h4,
body[class*="Events"]    .resource-list .resource h4,
body[class*="events"]    .resource-list .resource h4 {
  font-size: 0.9rem !important;
  margin: 8px 4px 2px !important;
  color: #384f68 !important;
}

body[class*="Locations"] .resource-list .resource p,
body[class*="locations"] .resource-list .resource p,
body[class*="People"]    .resource-list .resource p,
body[class*="people"]    .resource-list .resource p,
body[class*="Events"]    .resource-list .resource p,
body[class*="events"]    .resource-list .resource p {
  font-size: 0.8rem !important;
  margin: 0 4px 8px !important;
  color: #384f68 !important;
}

/* Links: text-only hover */
body[class*="Locations"] .resource-list .resource a,
body[class*="locations"] .resource-list .resource a,
body[class*="People"]    .resource-list .resource a,
body[class*="people"]    .resource-list .resource a,
body[class*="Events"]    .resource-list .resource a,
body[class*="events"]    .resource-list .resource a {
  color: #384f68 !important;
  text-decoration: none !important;
}
body[class*="Locations"] .resource-list .resource a:hover,
body[class*="locations"] .resource-list .resource a:hover,
body[class*="People"]    .resource-list .resource a:hover,
body[class*="people"]    .resource-list .resource a:hover,
body[class*="Events"]    .resource-list .resource a:hover,
body[class*="events"]    .resource-list .resource a:hover {
  color: var(--hover) !important;
  text-decoration: underline !important;
}

/* ===== Responsive breakpoints ===== */
@media (max-width: 1200px) {
  body[class*="Locations"] .resource-list,
  body[class*="locations"] .resource-list,
  body[class*="People"]    .resource-list,
  body[class*="people"]    .resource-list,
  body[class*="Events"]    .resource-list,
  body[class*="events"]    .resource-list {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 900px) {
  body[class*="Locations"] .resource-list,
  body[class*="locations"] .resource-list,
  body[class*="People"]    .resource-list,
  body[class*="people"]    .resource-list,
  body[class*="Events"]    .resource-list,
  body[class*="events"]    .resource-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  body[class*="Locations"] .resource-list,
  body[class*="locations"] .resource-list,
  body[class*="People"]    .resource-list,
  body[class*="people"]    .resource-list,
  body[class*="Events"]    .resource-list,
  body[class*="events"]    .resource-list {
    grid-template-columns: 1fr !important;
  }
}
/* ===== REFINED MURFREESBORO-STYLE CARDS ===== */

/* Grid: 4 across on desktop */
body[class*="Locations"] .resource-list,
body[class*="locations"] .resource-list,
body[class*="People"]    .resource-list,
body[class*="people"]    .resource-list,
body[class*="Events"]    .resource-list,
body[class*="events"]    .resource-list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  justify-items: center !important;
  margin: 0 auto !important;
  max-width: 1200px !important;
}

/* Card base (flex column: image on top, text below) */
body[class*="Locations"] .resource-list .resource,
body[class*="locations"] .resource-list .resource,
body[class*="People"]    .resource-list .resource,
body[class*="people"]    .resource-list .resource,
body[class*="Events"]    .resource-list .resource,
body[class*="events"]    .resource-list .resource {
  width: 100% !important;
  max-width: 200px !important;   /* keep same width */
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: center !important;
}

/* Fixed image area */
body[class*="Locations"] .resource-list .resource img,
body[class*="locations"] .resource-list .resource img,
body[class*="People"]    .resource-list .resource img,
body[class*="people"]    .resource-list .resource img,
body[class*="Events"]    .resource-list .resource img,
body[class*="events"]    .resource-list .resource img {
  width: 100% !important;
  height: 140px !important;        /* consistent height */
  object-fit: cover !important;    /* crop edges */
  border-bottom: 1px solid rgba(0,0,0,0.12) !important;
  flex-shrink: 0 !important;
}

/* Text area grows as needed */
body[class*="Locations"] .resource-list .resource h4,
body[class*="locations"] .resource-list .resource h4,
body[class*="People"]    .resource-list .resource h4,
body[class*="people"]    .resourc*]()
/* ===== RESOURCE CARDS: ALLOW TWO LINES ===== */

/* Card base (no square lock, flexible height) */
body[class*="Locations"] .resource-list .resource,
body[class*="locations"] .resource-list .resource,
body[class*="People"]    .resource-list .resource,
body[class*="people"]    .resource-list .resource,
body[class*="Events"]    .resource-list .resource,
body[class*="events"]    .resource-list .resource {
  aspect-ratio: auto !important;   /* remove forced square */
  height: auto !important;
  max-width: 200px !important;     /* same as Murfreesboro */
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: center !important;
  color: #384f68 !important;
}

/* Fixed image area */
body[class*="Locations"] .resource-list .resource img,
body[class*="locations"] .resource-list .resource img,
body[class*="People"]    .resource-list .resource img,
body[class*="people"]    .resource-list .resource img,
body[class*="Events"]    .resource-list .resource img,
body[class*="events"]    .resource-list .resource img {
  width: 100% !important;
  height: 140px !important;        /* consistent image height */
  object-fit: cover !important;    /* crop edges neatly */
  border-bottom: 1px solid rgba(0,0,0,0.12) !important;
  flex-shrink: 0 !important;
}

/* Title (allow up to 2 lines) */
body[class*="Locations"] .resource-list .resource h4,
body[class*="locations"] .resource-list .resource h4,
body[class*="People"]    .resource-list .resource h4,
body[class*="people"]    .resource-list .resource h4,
body[class*="Events"]    .resource-list .resource h4,
body[class*="events"]    .resource-list .resource h4 {
  font-size: 0.9rem !important;
  line-height: 1.3 !important;
  margin: 8px 6px 2px !important;
  color: #384f68 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;  /* limit to 2 lines */
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Caption (also allow 2 lines) */
body[class*="Locations"] .resource-list .resource p,
body[class*="locations"] .resource-list .resource p,
body[class*="People"]    .resource-list .resource p,
body[class*="people"]    .resource-list .resource p,
body[class*="Events"]    .resource-list .resource p,
body[class*="events"]    .resource-list .resource p {
  font-size: 0.8rem !important;
  line-height: 1.3 !important;
  margin: 0 6px 8px !important;
  color: #384f68 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;  /* limit to 2 lines */
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Links: blue → light blue hover */
body[class*="Locations"] .resource-list .resource a,
body[class*="locations"] .resource-list .resource a,
body[class*="People"]    .resource-list .resource a,
body[class*="people"]    .resource-list .resource a,
body[class*="Events"]    .resource-list .resource a,
body[class*="events"]    .resource-list .resource a {
  color: #384f68 !important;
  text-decoration: none !important;
}
body[class*="Locations"] .resource-list .resource a:hover,
body[class*="locations"] .resource-list .resource a:hover,
body[class*="People"]    .resource-list .resource a:hover,
body[class*="people"]    .resource-list .resource a:hover,
body[class*="Events"]    .resource-list .resource a:hover,
body[class*="events"]    .resource-list .resource a:hover {
  color: var(--hover) !important;
  text-decoration: underline !important;
}
/* ===== RESOURCE CARDS: ROOM FOR TWO LINES ===== */

/* Card base — bigger, flexible height */
body[class*="Locations"] .resource-list .resource,
body[class*="locations"] .resource-list .resource,
body[class*="People"]    .resource-list .resource,
body[class*="people"]    .resource-list .resource,
body[class*="Events"]    .resource-list .resource,
body[class*="events"]    .resource-list .resource {
  width: 100% !important;
  max-width: 240px !important;   /* wider than before */
  min-height: 280px !important;  /* give vertical room */
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: center !important;
  overflow: hidden !important;
  color: #384f68 !important;
}

/* Image block with fixed height */
body[class*="Locations"] .resource-list .resource img,
body[class*="locations"] .resource-list .resource img,
body[class*="People"]    .resource-list .resource img,
body[class*="people"]    .resource-list .resource img,
body[class*="Events"]    .resource-list .resource img,
body[class*="events"]    .resource-list .resource img {
  width: 100% !important;
  height: 160px !important;        /* slightly taller image */
  object-fit: cover !important;
  border-bottom: 1px solid rgba(0,0,0,0.12) !important;
  flex-shrink: 0 !important;
}

/* Title — allow wrapping on 2 lines */
body[class*="Locations"] .resource-list .resource h4,
body[class*="locations"] .resource-list .resource h4,
body[class*="People"]    .resource-list .resource h4,
body[class*="people"]    .resource-list .resource h4,
body[class*="Events"]    .resource-list .resource h4,
body[class*="events"]    .resource-list .resource h4 {
  font-size: 1rem !important;
  line-height: 1.3 !important;
  margin: 8px 6px 4px !important;
  color: #384f68 !important;
  white-space: normal !important;   /* allow wrapping */
  overflow: visible !important;
  text-overflow: unset !important;
}

/* Caption — allow wrapping on 2 lines */
body[class*="Locations"] .resource-list .resource p,
body[class*="locations"] .resource-list .resource p,
body[class*="People"]    .resource-list .resource p,
body[class*="people"]    .resource-list .resource p,
body[class*="Events"]    .resource-list .resource p,
body[class*="events"]    .resource-list .resource p {
  font-size: 0.9rem !important;
  line-height: 1.3 !important;
  margin: 0 6px 10px !important;
  color: #384f68 !important;
  white-space: normal !important;  /* allow wrapping */
  overflow: visible !important;
  text-overflow: unset !important;
}

/* Hover effect: text only */
body[class*="Locations"] .resource-list .resource a,
body[class*="locations"] .resource-list .resource a,
body[class*="People"]    .resource-list .resource a,
body[class*="people"]    .resource-list .resource a,
body[class*="Events"]    .resource-list .resource a,
body[class*="events"]    .resource-list .resource a {
  color: #384f68 !important;
  text-decoration: none !important;
}
body[class*="Locations"] .resource-list .resource a:hover,
body[class*="locations"] .resource-list .resource a:hover,
body[class*="People"]    .resource-list .resource a:hover,
body[class*="people"]    .resource-list .resource a:hover,
body[class*="Events"]    .resource-list .resource a:hover,
body[class*="events"]    .resource-list .resource a:hover {
  color: var(--hover) !important;
  text-decoration: underline !important;
}
/* ===== LEAFLET POPUPS: HIDE ADDRESS & AUTO-PROPERTIES ===== */
.leaflet-popup-content .mapping-address,
.leaflet-popup-content .mapping-properties,
.leaflet-popup-content .values,
.leaflet-popup-content .property,
.leaflet-popup-content address {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* ===== FORCE HIDE ALL ADDRESS LINES IN LEAFLET POPUPS ===== */

/* Catch common Omeka mapping classes */
.leaflet-popup-content .mapping-address,
.leaflet-popup-content .mapping-properties,
.leaflet-popup-content .values,
.leaflet-popup-content .property,
.leaflet-popup-content address {
  display: none !important;
}

/* Extra catch: any <p> that looks like an address (numbers + street names) */
.leaflet-popup-content p:has(br),
.leaflet-popup-content p:has([property*="address"]),
.leaflet-popup-content p:has([class*="address"]) {
  display: none !important;
}

/* Safety: if the first child is a plain <p> before the link/title, hide it */
.leaflet-popup-content > p:first-child:not(:has(a)) {
  display: none !important;
}
/* Hide any paragraph or div that comes after the title/link in a Leaflet popup */
.leaflet-popup-content p,
.leaflet-popup-content div {
  display: none !important;
}

.leaflet-popup-content a,
.leaflet-popup-content img,
.leaflet-popup-content strong,
.leaflet-popup-content h1,
.leaflet-popup-content h2,
.leaflet-popup-content h3 {
  display: block !important;
}
.leaflet-popup-content .mapping-address,
.leaflet-popup-content .mapping-properties,
.leaflet-popup-content .values,
.leaflet-popup-content .property {
  display: none !important;
}
/* Hide stray paragraphs/divs inside popup that contain addresses */
.leaflet-popup-content p,
.leaflet-popup-content div {
  display: none !important;
}

/* But keep titles, links, and images visible */
.leaflet-popup-content a,
.leaflet-popup-content img,
.leaflet-popup-content strong,
.leaflet-popup-content h1,
.leaflet-popup-content h2,
.leaflet-popup-content h3 {
  display: block !important;
}
/* Hide stray paragraphs/divs inside popup that contain addresses */
.leaflet-popup-content p,
.leaflet-popup-content div {
  display: none !important;
}

/* But keep titles, links, and images visible */
.leaflet-popup-content a,
.leaflet-popup-content img,
.leaflet-popup-content strong,
.leaflet-popup-content h1,
.leaflet-popup-content h2,
.leaflet-popup-content h3 {
  display: block !important;
}
/* Hide stray paragraphs/divs inside popup that contain addresses */
.leaflet-popup-content p,
.leaflet-popup-content div {
  display: none !important;
}

/* But keep titles, links, and images visible */
.leaflet-popup-content a,
.leaflet-popup-content img,
.leaflet-popup-content strong,
.leaflet-popup-content h1,
.leaflet-popup-content h2,
.leaflet-popup-content h3 {
  display: block !important;
}
/* Hide the address line in Leaflet popups */
.leaflet-popup-content .group-type {
  display: none !important;
  visibility: hidden !important;
}

/* ===== Leaflet popup: dark blue background, white text ===== */
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: #394f68 !important;   /* dark blue background */
  color: #ffffff !important;        /* white text */
  border-radius: 8px !important;
}

/* Default popup text */
.leaflet-popup-content,
.leaflet-popup-content * {
  color: #ffffff !important;        /* force all popup text white */
  text-align: center;
}

/* Title link */
.leaflet-popup-content a,
.leaflet-popup-content a strong {
  color: #ffffff !important;        /* white title by default */
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.2s ease-in-out;
}

/* Hover effect for title link */
.leaflet-popup-content a:hover,
.leaflet-popup-content a:hover strong {
  color: #92b4dc !important;        /* light blue hover */
  text-decoration: underline !important;
}

/* Popup image still centered */
.leaflet-popup-content img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin: 6px auto;
  border-radius: 4px;
}
/* ===== Leaflet popup: white card with dark blue text ===== */
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: #ffffff !important;    /* white card */
  color: #394f68 !important;         /* dark blue text */
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Default popup text */
.leaflet-popup-content,
.leaflet-popup-content * {
  color: #394f68 !important;         /* dark blue */
  text-align: center;
}

/* Title link */
.leaflet-popup-content a,
.leaflet-popup-content a strong {
  color: #394f68 !important;         /* dark blue */
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.2s ease-in-out;
}

/* Hover effect for title link */
.leaflet-popup-content a:hover,
.leaflet-popup-content a:hover strong {
  color: #92b4dc !important;         /* light blue hover */
  text-decoration: underline !important;
}

/* Popup image stays centered */
.leaflet-popup-content img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin: 6px auto;
  border-radius: 4px;
}
/***** ITEM PAGE STYLE (from first code) *****/

/* Main content area for item pages */
body.item.show #main-content,
body.item.show #content {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
  background-color: var(--primary) !important;
  color: var(--fifth) !important;
  text-align: left !important;
}
/* ===== FINAL ITEM PAGE OVERRIDE ===== */
body.item.show #content,
body.item.show #main-content {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
  background-color: var(--primary) !important;  /* dark blue background */
  color: var(--fifth) !important;               /* white text */
  text-align: left !important;
  border-radius: 0 !important;                  /* remove white card look */
  box-shadow: none !important;                  /* no drop shadow */
}
/***** FIX ITEM PAGE TITLE & HERO IMAGE OVERLAP *****/ /* Push down the entire content area so it clears the header */ body.item.show #content { margin-top: 100px !important; /* adjust if header is taller/shorter */ padding-top: 20px !important; position: relative; z-index: 1; } /* Title styling – centered and visible */ body.item.show h1 { display: block !important; color: #fff !important; /* keep white on blue */ text-align: center !important; font-size: 2.2rem !important; margin: 0 auto 20px auto !important; padding: 10px 0 !important; line-height: 1.2; position: relative; z-index: 2; /* sits above everything else */ } /* First media (hero image) – make sure it's fully visible */ body.item.show .media-render:first-of-type, body.item.show .media:first-of-type { display: block !important; max-width: 1000px !important; margin: 20px auto !important; padding: 0 !important; background: none !important; border: none !important; box-shadow: none !important; } /* Hero image itself */ body.item.show .media-render:first-of-type img, body.item.show .media:first-of-type img { width: 100% !important; height: auto !important; max-height: 450px !important; /* keep from being too tall */ object-fit: contain !important; border-radius: 6px !important; display: block !important; margin: 0 auto !important; } /***** ITEM PAGE HEADER + HERO IMAGE FIX *****/ /* Push down the entire item page below header */ body.item.show #content { margin-top: 140px !important; /* enough room under header/nav */ padding-top: 0 !important; position: relative; z-index: 1; } /* Title styling */ body.item.show h1 { color: #fff !important; /* white title */ text-align: center !important; font-size: 2.2rem !important; margin: 0 auto 20px auto !important; padding: 10px 0 !important; line-height: 1.2; position: relative; z-index: 2; } /* First (hero) image block */ body.item.show .media-render:first-of-type, body.item.show .media:first-of-type { display: block !important; margin: 20px auto !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; max-width: 1000px !important; } /* Hero image itself */ body.item.show .media-render:first-of-type img, body.item.show .media:first-of-type img { display: block !important; margin: 0 auto !important; width: 100% !important; height: auto !important; max-height: 480px !important; object-fit: contain !important; border-radius: 6px !important; } /*================ ITEM PAGE FIXES =================*/ /* Push page title + top media down so it’s not hidden under header/nav */ body.item.show #content { margin-top: 60px !important; /* adjust depending on your header/nav height */ padding-top: 20px !important; } /* Center cards, white background, blue border */ body.item.show .property { max-width: 900px; /* keep them narrow and centered */ margin: 20px auto !important; /* center horizontally */ padding: 15px 20px !important; background: #ffffff !important; border: 2px solid #384f68 !important; /* your site’s primary blue */ border-radius: 6px !important; color: #000000 !important; /* black text */ box-sizing: border-box; } /* Make property labels stand out */ body.item.show .property .field-label { font-weight: bold !important; color: #000000 !important; } /* Constrain bottom media viewer */ body.item.show .media-render { max-width: 900px !important; margin: 20px auto !important; border: 2px solid #384f68 !important; background: #ffffff !important; padding: 10px !important; border-radius: 6px; } /* Constrain image inside media viewer */ body.item.show .media-render img { max-width: 100% !important; height: auto !important; display: block; margin: 0 auto; } /*================ ITEM PAGE TOP (match other site) =================*/ /* Push page content down so it's clear of header/nav */ body.item.show #content { margin-top: 80px !important; /* adjust to clear header */ padding-top: 20px !important; } /* Title block as a white card */ body.item.show h1 { max-width: 1000px; margin: 0 auto 20px auto !important; padding: 15px 20px !important; background: #ffffff !important; border: 2px solid #384f68 !important; /* your blue */ border-radius: 6px !important; color: #000000 !important; text-align: center; box-sizing: border-box; } /* Hero / Primary image centered with blue border */ body.item.show .media-render:first-of-type { max-width: 1000px; margin: 20px auto !important; border: 2px solid #384f68 !important; background: #ffffff !important; padding: 10px !important; border-radius: 6px; } /* Make sure the image fits fully inside */ body.item.show .media-render:first-of-type img { max-width: 100% !important; height: auto !important; display: block; margin: 0 auto; } /*================ FIX ITEM PAGE TOP =================*/ /* Push content down so header/nav don’t cover it */ body.item.show #main-content { margin-top: 100px !important; /* adjust to fit your header height */ padding-top: 20px !important; } /* Title card styling */ body.item.show h1 .title { display: block; max-width: 1000px; margin: 0 auto 20px auto !important; padding: 15px 20px !important; background: #ffffff !important; border: 2px solid #384f68 !important; /* your blue */ border-radius: 6px !important; color: #000000 !important; text-align: center; font-size: 2rem; font-weight: bold; box-sizing: border-box; } /* Hero image block (first .media-render) */ body.item.show .media-render.file:first-of-type { display: block; max-width: 1000px; margin: 20px auto !important; padding: 10px !important; background: #ffffff !important; border: 2px solid #384f68 !important; border-radius: 6px; } /* Hero image scaling */ body.item.show .media-render.file:first-of-type img { display: block; max-width: 100% !important; height: auto !important; margin: 0 auto; } /* Hide the top search/advanced search bar */ .main-header__top-bar { display: none !important; } /* Reduce the header height */ .main-header__main-bar.container { min-height: 200px !important; /* adjust to taste */ padding: 10px 0 !important; } /* Make sure logo fits nicely */ .main-header__site-title img { max-height: 180px !important; width: auto !important; margin: 0 auto; } /* Make logo span the same width as the nav links (Home → Events) */ .main-header__site-title img { display: block; width: 600px !important; /* adjust until it lines up with Home → Events */ max-width: 90% !important; /* keep it responsive on smaller screens */ height: auto !important; margin: 0 auto !important; object-fit: contain; } /* Center the nav under the logo */ .main-navigation { margin-top: 10px !important; text-align: center; } .main-navigation .navigation { display: inline-flex !important; gap: 28px; } /* Force the logo to expand across nav width */ .main-header__site-title img { width: 600px !important; /* adjust until it lines up with Home → Events */ max-width: none !important; height: auto !important; display: block !important; margin: 0 auto !important; /* keeps it centered */ } /* Keep nav centered under logo */ .main-header__main-bar { text-align: center !important; } .main-navigation { display: inline-block !important; margin-top: 10px !important; } /* Target only the Bygone Nashville site header logo */ body.site-bygone-nashville .main-header__site-title img { width: 100% !important; /* take full container width */ max-width: 800px !important; /* cap so it doesn’t get TOO big */ height: auto !important; /* keep aspect ratio */ display: block !important; margin: 0 auto !important; /* center it */ } /* Make sure the container is wide enough */ body.site-bygone-nashville .main-header__site-title { width: 100% !important; text-align: center !important; }/*================ NAV LINKS =================*/
/* ===== ITEM PAGE CARD TEXT CONFINEMENT ===== */
body.item.show .resource-list .resource {
  overflow: hidden !important;          /* hide any overflow */
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  text-align: center !important;
}

body.item.show .resource-list .resource h3,
body.item.show .resource-list .resource h4,
body.item.show .resource-list .resource p,
body.item.show .resource-list .resource span,
body.item.show .resource-list .resource a {
  margin: 6px 8px !important;           /* add some side padding */
  font-size: 0.9rem !important;
  line-height: 1.3 !important;
  word-wrap: break-word !important;     /* force breaking long words */
  white-space: normal !important;       /* allow wrapping */
  overflow: hidden !important;
  text-overflow: ellipsis !important;   /* add … if cut off */
  max-width: 100% !important;           /* never spill past card edges */
  box-sizing: border-box !important;
}

/* Ensure links behave too */
body.item.show .resource-list .resource a {
  display: inline-block !important;
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}
/* ===== ITEM PAGE: SHOW ONLY PRIMARY IMAGE AT TOP ===== */

/* Target only the second media immediately after the primary */
body.item.show .media-render:first-of-type + .media-render {
  display: none !important;
}

/* Keep all later media visible */
body.item.show .media-render:nth-of-type(n+3) {
  display: block !important;
}
/* ===== ITEM PAGE TITLE: REMOVE BORDER/CARD ===== */
body.item.show h1 {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 20px auto !important;
  color: #ffffff !important;   /* keep white text on blue background */
  text-align: center !important;
  font-size: 2.2rem !important;
  line-height: 1.3 !important;
}

/* ===== ITEM PAGE: HIDE ALL FIELD LABELS ===== */
body.item.show .property .field-label,
body.item.show .value .field-label,
body.item.show .property .field,
body.item.show dt, 
body.item.show .property-label {
  display: none !important;
  visibility: hidden !important;
}
/* ===== ITEM PAGE: FIX BOTTOM MEDIA VIEWER ===== */

/* Constrain the media viewer itself */
body.item.show .media-render {
  max-width: 900px !important;       /* match card width */
  margin: 20px auto !important;      /* center on page */
  padding: 10px !important;
  border: 2px solid #384f68 !important; /* dark blue border */
  background: #ffffff !important;       /* white card background only */
  border-radius: 6px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden !important;       /* prevent background bleed */
}

/* Images inside the viewer */
body.item.show .media-render img {
  display: block !important;
  max-width: 100% !important;        /* scale down to fit container */
  max-height: 500px !important;      /* keep from being too tall */
  height: auto !important;
  object-fit: contain !important;    /* fit inside without cropping */
  margin: 0 auto !important;
  border-radius: 4px !important;
  background: none !important;       /* remove extra bg around images */
}

/* Video/Audio players also centered */
body.item.show .media-render video,
body.item.show .media-render audio,
body.item.show .media-render iframe {
  max-width: 100% !important;
  max-height: 500px !important;
  margin: 0 auto !important;
  display: block !important;
  background: none !important;
}
/* ===== ITEM PAGE: MEDIA VIEWER WITH BLACK BACKGROUND ===== */

/* Main media viewer container */
body.item.show .media-render {
  max-width: 900px !important;
  margin: 20px auto !important;
  padding: 10px !important;
  border: none !important;
  background: #000000 !important;     /* solid black background */
  border-radius: 6px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden !important;
}

/* Force everything inside to black background too */
body.item.show .media-render,
body.item.show .media-render * {
  background: #000000 !important;
}

/* Images */
body.item.show .media-render img {
  display: block !important;
  max-width: 100% !important;
  max-height: 500px !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  border: none !important;
  border-radius: 0 !important;
  background: #000000 !important;   /* blend into viewer */
}

/* Video, audio, PDF iframes */
body.item.show .media-render iframe,
body.item.show .media-render video,
body.item.show .media-render audio {
  max-width: 100% !important;
  max-height: 500px !important;
  margin: 0 auto !important;
  display: block !important;
  background: #000000 !important;
}
/**************** ITEM PAGE MEDIA BACKGROUNDS ****************/

/* 1) PRIMARY (TOP) MEDIA: WHITE BACKGROUND */
body.item.show .media-render:first-of-type,
body.item.show .media:first-of-type {
  background: #ffffff !important;
  border: none !important;
  padding: 10px !important;              /* small breathing room */
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
}
body.item.show .media-render:first-of-type *,
body.item.show .media:first-of-type * {
  background: #ffffff !important;        /* kill any inherited page bg */
  color: #000000 !important;             /* readable on white if text appears */
}
body.item.show .media-render:first-of-type img,
body.item.show .media:first-of-type img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 480px !important;
  object-fit: contain !important;        /* fit within white area */
  margin: 0 auto !important;
  border: none !important;
}

/* If there are two images at the top, hide only the second one */
body.item.show .media-render:first-of-type + .media-render,
body.item.show .media:first-of-type + .media {
  display: none !important;
}

/* 2) ALL LATER MEDIA (BOTTOM VIEWER): BLACK BACKGROUND */
body.item.show .media-render:not(:first-of-type),
body.item.show .media:not(:first-of-type) {
  background: #000000 !important;        /* solid black */
  border: none !important;
  padding: 10px !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.35) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden !important;           /* show media, not page bg */
}

/* Force inner wrappers/players to black as well */
body.item.show .media-render:not(:first-of-type) *,
body.item.show .media:not(:first-of-type) * {
  background: #000000 !important;
  color: #ffffff !important;             /* captions/links readable on black */
}

/* Media should fit the viewer cleanly */
body.item.show .media-render:not(:first-of-type) img,
body.item.show .media:not(:first-of-type) img,
body.item.show .media-render:not(:first-of-type) video,
body.item.show .media:not(:first-of-type) video,
body.item.show .media-render:not(:first-of-type) iframe,
body.item.show .media:not(:first-of-type) iframe {
  max-width: 100% !important;
  max-height: 500px !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  display: block !important;
  border: none !important;
}
/**************** ITEM PAGE MEDIA BACKGROUNDS ****************/

/* 1) PRIMARY (TOP) MEDIA: WHITE BACKGROUND */
body.item.show .media-render:first-of-type,
body.item.show .media:first-of-type {
  background: #ffffff !important;   /* white panel for top image */
  border: none !important;
  padding: 10px !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
}
body.item.show .media-render:first-of-type img,
body.item.show .media:first-of-type img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  max-height: 480px !important;
  object-fit: contain !important;
}

/* 2) LATER MEDIA VIEWERS (BOTTOM): BLACK BACKGROUND */
body.item.show .media-render:not(:first-of-type),
body.item.show .media:not(:first-of-type) {
  background: #000000 !important;   /* force black */
  border: none !important;
  border-radius: 6px !important;
  padding: 10px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.35) !important;
  overflow: hidden !important;
}

/* Force any inner wrappers/frames in viewer to black */
body.item.show .media-render:not(:first-of-type) *,
body.item.show .media:not(:first-of-type) * {
  background: #000000 !important;
  color: #ffffff !important;        /* readable captions if any */
}

/* Media files inside viewer */
body.item.show .media-render:not(:first-of-type) img,
body.item.show .media:not(:first-of-type) img,
body.item.show .media-render:not(:first-of-type) iframe,
body.item.show .media:not(:first-of-type) iframe,
body.item.show .media-render:not(:first-of-type) video,
body.item.show .media:not(:first-of-type) video {
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  max-height: 500px !important;
  object-fit: contain !important;
  border: none !important;
}
/* Force black background on iframe wrapper */
body.item.show .media-render iframe,
body.item.show .media-render .universal-viewer,
body.item.show .media-render .uv,
body.item.show .media-render .mirador {
  background: #000000 !important;
}
/* Force black background on iframe wrapper */
body.item.show .media-render iframe,
body.item.show .media-render .universal-viewer,
body.item.show .media-render .uv,
body.item.show .media-render .mirador {
  background: #000000 !important;
}