/*================ 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 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
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 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;
}
:root {
--primary: #2c8e82; /* primary green for page base */
--hover: #92b4dc;
--fifth: #ffffff;
--header-inner-max: 920px;
}
/* ===== BASE PAGE BACKGROUND: GREEN ===== */
body {
background-color: #2c8e82 !important; /* green base */
}
/* Keep header/nav blue */
.main-header,
.main-header__main-bar.container,
.main-navigation {
background-color: #384f68 !important; /* blue header/nav */
}
/* ===== UNIFY WHOLE PAGE BACKGROUND ===== */
html,
body,
.main-header,
.main-header__main-bar.container,
.main-navigation,
.site-footer,
.wrap,
.container,
.site-content,
#content,
#main-content {
background-color: #2c8e82 !important; /* solid green everywhere */
border: none !important;
box-shadow: none !important;
}
/* ===== UNIFY WHOLE SITE BACKGROUND: GREEN ===== */
html,
body,
.main-header,
.main-header__main-bar.container,
.main-navigation,
.site-footer,
.footer,
.region-footer,
#footer,
#site-footer,
.wrap,
.container,
.site-content,
#content,
#main-content {
background-color: #2c8e82 !important; /* force all green */
border: none !important;
box-shadow: none !important;
}
/* Make sure text stays readable */
body,
#content,
#main-content,
.site-footer {
color: #ffffff !important; /* white text on green */
}
/* ===== FORCE BOTTOM STRIP TO GREEN ===== */
body,
html,
#content,
#main-content,
.wrap,
.container,
.site-content,
.main-header,
.main-header__main-bar.container,
.main-navigation,
.site-footer,
.footer,
.region-footer,
#footer,
#site-footer,
.site-credits,
#site-credits,
footer {
background-color: #2c8e82 !important; /* unify everything green */
border: none !important;
box-shadow: none !important;
}
/* ===== OVERRIDE FINAL BLUE STRIP ===== */
body,
html {
background-color: #2c8e82 !important;
}
body > div:last-child,
body > footer,
.global-footer,
#global-footer,
#credits,
.credits,
.site-credits,
#site-credits {
background-color: #2c8e82 !important; /* force green */
color: #ffffff !important; /* white text for visibility */
}
/* ===== OVERRIDE FINAL BLUE STRIP ===== */
body,
html {
background-color: #2c8e82 !important;
}
body > div:last-child,
body > footer,
.global-footer,
#global-footer,
#credits,
.credits,
.site-credits,
#site-credits {
background-color: #2c8e82 !important; /* force green */
color: #ffffff !important; /* white text for visibility */
}
/* ===== MAKE FOOTER GREEN ===== */
.main-footer,
.main-footer__top,
.main-footer__bottom,
.main-footer__top-container,
.main-footer__bottom-container,
.main-footer__copyright {
background-color: #2c8e82 !important; /* green */
color: #ffffff !important; /* white text */
border: none !important;
box-shadow: none !important;
}
.main-footer a {
color: #ffffff !important; /* footer links white */
}
.main-footer a:hover {
color: #92b4dc !important; /* light blue hover */
}
/* ===== FIXED HEADER (stays at top, no scroll) ===== */
.main-header,
.main-header__main-bar.container {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 10000 !important;
width: 100% !important;
background-color: var(--primary) !important; /* keep blue header/nav */
margin: 0 !important;
padding: 10px 0 !important;
}
/* Push main content down so it’s not hidden under header */
body,
#content,
#main-content {
padding-top: 220px !important; /* adjust to your header height */
}
/* ===== PIN ENTIRE HEADER (logo + nav) TO TOP ===== */
.main-header,
.main-header__main-bar.container {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 10000 !important;
width: 100% !important;
background: inherit !important; /* keep your existing background */
}
/* Keep nav pinned inside header */
.main-navigation {
position: relative !important;
z-index: 10001 !important;
}
/* Push page content down so it's not hidden under fixed header */
body,
#content,
#main-content {
margin-top: 240px !important; /* adjust to match header height */
}
/* ===== MAKE HEADER SCROLL WITH PAGE (not fixed or sticky) ===== */
.main-header,
.main-header__main-bar.container {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
z-index: auto !important;
}
/* ===== REMOVE GAP BETWEEN NAV AND CONTENT ===== */
/* Kill extra padding/margin under the header */
.main-header__main-bar.container,
.main-navigation {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
/* Pull main content upward */
#content,
#main-content {
margin-top: 0 !important;
padding-top: 10px !important; /* keep a little breathing room */
}
/* Remove top margin on first block of text */
#main-content > *:first-child,
#content > *:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* ===== REMOVE EXTRA SPACE AT VERY TOP ===== */
/* Kill top padding/margin on the header wrapper */
.main-header,
.main-header__main-bar.container {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Also reset outer site wrappers */
html,
body,
.wrap,
.site-header,
.header,
.container {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* ===== REMOVE SPACE BETWEEN NAV AND FIRST PARAGRAPH ===== */
/* Kill bottom margin on the nav container */
.main-navigation {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
/* Pull content upward */
#content,
#main-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Remove extra margin on the very first text block */
#main-content > *:first-child,
#content > *:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* ===== MAKE NAV AND CONTENT COMPLETELY FLUSH ===== */
/* Remove all space under nav */
.main-navigation {
margin: 0 !important;
padding: 0 !important;
}
/* ===== LOWER LOGO + NAV WITH SMALL TOP SPACE ===== */
/* Add top padding to the header wrapper */
.main-header,
.main-header__main-bar.container {
margin-top: 20px !important; /* adjust this number (10–30px) for how much space you want */
padding-top: 0 !important;
}
/* Keep nav and paragraph tight */
.main-navigation {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#content,
#main-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
#main-content > *:first-child,
#content > *:first-child,
#main-content p:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* ===== REMOVE ALL SPACE BETWEEN NAV AND FIRST PARAGRAPH ===== */
/* Kill any spacing under the nav */
.main-navigation {
margin: 0 !important;
padding: 0 !important;
}
/* Remove spacing at top of content */
#content,
#main-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Nuke top margin/padding of the very first child (paragraph/heading/etc.) */
#main-content > *:first-child,
#content > *:first-child,
#main-content p:first-child,
#content p:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* === Remove gap between nav and first heading/paragraph === */
/* Remove default padding/margin from the main content container */
#main-content.container {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Remove space from the first block wrapper */
#main-content .blocks,
#main-content .blocks-inner,
#main-content .block:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Reset heading margins on the first block */
#main-content h1:first-child,
#main-content h2:first-child,
#main-content h3:first-child,
#main-content h4:first-child,
#main-content h5:first-child,
#main-content p:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* === Nearly flush nav & content (tiny breathing room) === */
/* Kill all default spacing */
#main-content.container,
#main-content .blocks,
#main-content .blocks-inner,
#main-content .block:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
#main-content h1:first-child,
#main-content h2:first-child,
#main-content h3:first-child,
#main-content h4:first-child,
#main-content h5:first-child,
#main-content p:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Add back just a little breathing space */
.main-navigation {
margin-bottom: 8px !important; /* adjust to 5–12px as you like */
}
/* === Almost flush nav & first content block === */
/* Kill all default spacing */
#main-content.container,
#main-content .blocks,
#main-content .blocks-inner,
#main-content .block:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
#main-content h1:first-child,
#main-content h2:first-child,
#main-content h3:first-child,
#main-content h4:first-child,
#main-content h5:first-child,
#main-content p:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Add back only 2px under nav */
.main-navigation {
margin-bottom: 2px !important;
}
/* === Center all page content under nav === */
/* Center the main content container */
#main-content.container {
text-align: center !important;
}
/* Make sure block wrappers inherit */
#main-content .blocks,
#main-content .blocks-inner,
#main-content .block {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Center headings and paragraphs */
#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content p {
text-align: center !important;
}
/* Center images */
#main-content img {
display: block;
margin-left: auto !important;
margin-right: auto !important;
}
/* Center maps or other block elements */
#main-content .mapping-block,
#main-content iframe {
margin-left: auto !important;
margin-right: auto !important;
display: block;
}
/* === Center blocks on the page, keep text left-aligned === */
/* Center the main content wrapper */
#main-content.container,
#main-content .blocks,
#main-content .blocks-inner,
#main-content .block {
margin-left: auto !important;
margin-right: auto !important;
max-width: 900px; /* adjust as needed for content width */
}
/* Keep text left-aligned */
#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content p {
text-align: left !important;
}
/* Center images, maps, and iframes within the blocks */
#main-content img,
#main-content .mapping-block,
#main-content iframe {
display: block;
margin-left: auto !important;
margin-right: auto !important;
}
/* === Center blocks, left-align text, less side padding === */
/* Center the main content wrapper */
#main-content.container,
#main-content .blocks,
#main-content .blocks-inner,
#main-content .block {
margin-left: auto !important;
margin-right: auto !important;
max-width: 1100px; /* wider than 900px → less empty space on sides */
padding-left: 15px !important; /* reduce side padding */
padding-right: 15px !important;
}
/* Keep text left-aligned */
#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content p {
text-align: left !important;
}
/* Center images, maps, and iframes within the blocks */
#main-content img,
#main-content .mapping-block,
#main-content iframe {
display: block;
margin-left: auto !important;
margin-right: auto !important;
}
/* ===== LOCATIONS + PEOPLE CARDS: BLUE BACKGROUND, WHITE TEXT ===== */
/* Base cards */
body.site-page-Locations .resource-list .resource,
body.site-page-people .resource-list .resource {
background: #384f68 !important; /* dark blue card */
border: 1px solid #384f68 !important;
color: #ffffff !important; /* white text */
}
/* Text inside cards */
body.site-page-Locations .resource-list .resource *,
body.site-page-people .resource-list .resource * {
color: #ffffff !important;
text-shadow: none !important;
-webkit-text-fill-color: #ffffff !important;
}
/* Images (still keep white/neutral border) */
body.site-page-Locations .resource-list .resource img,
body.site-page-people .resource-list .resource img {
border: 2px solid #ffffff !important;
border-radius: 6px !important;
}
/* Links: default white → hover light blue */
body.site-page-Locations .resource-list .resource a,
body.site-page-people .resource-list .resource a {
color: #ffffff !important;
text-decoration: none !important;
}
body.site-page-Locations .resource-list .resource a:hover,
body.site-page-people .resource-list .resource a:hover {
color: var(--hover) !important; /* light blue hover */
text-decoration: underline !important;
}
/* ===== LOCATIONS + PEOPLE CARDS: BLUE BACKGROUND, WHITE TEXT, TEXT-ONLY HOVER ===== */
/* Base cards */
body.site-page-Locations .resource-list .resource,
body.site-page-people .resource-list .resource {
background: #384f68 !important; /* dark blue card */
border: 1px solid #384f68 !important;
color: #ffffff !important;
}
/* Text inside cards = white */
body.site-page-Locations .resource-list .resource *,
body.site-page-people .resource-list .resource * {
color: #ffffff !important;
text-shadow: none !important;
-webkit-text-fill-color: #ffffff !important;
}
/* Images keep a white border */
body.site-page-Locations .resource-list .resource img,
body.site-page-people .resource-list .resource img {
border: 2px solid #ffffff !important;
border-radius: 6px !important;
}
/* Neutralize card hover so background stays blue */
body.site-page-Locations .resource-list .resource:hover,
body.site-page-people .resource-list .resource:hover {
background: #384f68 !important;
border-color: #384f68 !important;
transform: none !important;
box-shadow: none !important;
}
/* Links: white → light blue on hover */
body.site-page-Locations .resource-list .resource a,
body.site-page-people .resource-list .resource a {
color: #ffffff !important;
text-decoration: none !important;
}
body.site-page-Locations .resource-list .resource a:hover,
body.site-page-people .resource-list .resource a:hover {
color: var(--hover) !important; /* light blue */
text-decoration: underline !important;
}
/* ===== LOCATIONS + PEOPLE CARDS: BLUE BACKGROUND, WHITE TEXT, NO COLOR CHANGE ON HOVER ===== */
/* Base cards */
body.site-page-Locations .resource-list .resource,
body.site-page-people .resource-list .resource {
background: #384f68 !important; /* dark blue card */
border: 1px solid #384f68 !important;
color: #ffffff !important;
}
/* Text inside cards stays white */
body.site-page-Locations .resource-list .resource *,
body.site-page-people .resource-list .resource * {
color: #ffffff !important;
text-shadow: none !important;
-webkit-text-fill-color: #ffffff !important;
}
/* Images keep white border */
body.site-page-Locations .resource-list .resource img,
body.site-page-people .resource-list .resource img {
border: 2px solid #ffffff !important;
border-radius: 6px !important;
}
/* Neutralize card hover — background stays blue */
body.site-page-Locations .resource-list .resource:hover,
body.site-page-people .resource-list .resource:hover {
background: #384f68 !important;
border-color: #384f68 !important;
transform: none !important;
box-shadow: none !important;
}
/* Links: white always, only underline on hover */
body.site-page-Locations .resource-list .resource a,
body.site-page-people .resource-list .resource a {
color: #ffffff !important;
text-decoration: none !important;
}
body.site-page-Locations .resource-list .resource a:hover,
body.site-page-people .resource-list .resource a:hover {
color: #ffffff !important; /* stays white */
text-decoration: underline !important;
}
/* ===== FORCE BLUE-CARD TEXT TO STAY WHITE ON HOVER ===== */
/* Lock text color inside Locations & People cards */
body.site-page-Locations .resource-list .resource *,
body.site-page-people .resource-list .resource * {
color: #ffffff !important;
}
/* On hover, keep text white (override global hover rule) */
body.site-page-Locations .resource-list .resource:hover *,
body.site-page-people .resource-list .resource:hover * {
color: #ffffff !important; /* stays white */
-webkit-text-fill-color: #ffffff !important;
}
/* Links: only underline on hover (no color change) */
body.site-page-Locations .resource-list .resource a:hover,
body.site-page-people .resource-list .resource a:hover {
color: #ffffff !important; /* still white */
text-decoration: underline !important;
}
/* ===== LOCATIONS + PEOPLE CARDS: BLUE BACKGROUND, WHITE TEXT, DARKER BLUE HOVER ===== */
/* Base cards */
body.site-page-Locations .resource-list .resource,
body.site-page-people .resource-list .resource {
background: #384f68 !important; /* dark blue card */
border: 1px solid #384f68 !important;
color: #ffffff !important;
}
/* Default text = white */
body.site-page-Locations .resource-list .resource *,
body.site-page-people .resource-list .resource * {
color: #ffffff !important;
text-shadow: none !important;
-webkit-text-fill-color: #ffffff !important;
}
/* Neutralize the global white-hover rule */
body.site-page-Locations .resource-list .resource:hover *,
body.site-page-people .resource-list .resource:hover * {
color: #384f68 !important; /* darker blue text on hover */
-webkit-text-fill-color: #384f68 !important;
}
/* Links: darker blue on hover + underline */
body.site-page-Locations .resource-list .resource a:hover,
body.site-page-people .resource-list .resource a:hover {
color: #384f68 !important;
text-decoration: underline !important;
}
/* ===== FIX LINK HOVER (REMOVE WHITE BACKGROUND) ===== */
body.site-page-Locations .resource-list .resource a,
body.site-page-people .resource-list .resource a {
background: transparent !important; /* no background */
color: #ffffff !important; /* white text */
text-decoration: none !important;
}
body.site-page-Locations .resource-list .resource a:hover,
body.site-page-people .resource-list .resource a:hover {
background: transparent !important; /* prevent white highlight */
color: #92b4dc !important; /* optional light blue hover text */
text-decoration: underline !important;
}
/* ===== REMOVE WHITE HIGHLIGHT BOX ON CARD LINKS ===== */
body.site-page-Locations .resource-list .resource a,
body.site-page-people .resource-list .resource a {
background: none !important; /* remove highlight background */
color: #ffffff !important; /* default white text */
text-decoration: none !important; /* no underline at rest */
box-shadow: none !important; /* kill box highlight */
}
body.site-page-Locations .resource-list .resource a:hover,
body.site-page-people .resource-list .resource a:hover,
body.site-page-Locations .resource-list .resource a:focus,
body.site-page-people .resource-list .resource a:focus {
background: none !important; /* no white box */
box-shadow: none !important; /* no outline/shadow */
outline: none !important; /* kill focus outline */
color: #92b4dc !important; /* optional light blue hover text */
text-decoration: underline !important;
}
/* ===== FORCE CARD LINK TO HAVE NO WHITE BOX ===== */
body.site-page-Locations .resource-list .resource a,
body.site-page-people .resource-list .resource a,
body.site-page-Locations .resource-list .resource a:link,
body.site-page-people .resource-list .resource a:link,
body.site-page-Locations .resource-list .resource a:visited,
body.site-page-people .resource-list .resource a:visited,
body.site-page-Locations .resource-list .resource a:hover,
body.site-page-people .resource-list .resource a:hover,
body.site-page-Locations .resource-list .resource a:active,
body.site-page-people .resource-list .resource a:active,
body.site-page-Locations .resource-list .resource a:focus,
body.site-page-people .resource-list .resource a:focus {
background: none !important; /* no background */
border: none !important; /* no border highlight */
box-shadow: none !important; /* no shadow highlight */
outline: none !important; /* no focus outline */
color: #ffffff !important; /* white text */
text-decoration: none !important;
}
/* Optional: make hover text a different color (light blue) */
body.site-page-Locations .resource-list .resource a:hover,
body.site-page-people .resource-list .resource a:hover {
color: #92b4dc !important; /* light blue hover */
text-decoration: underline !important;
}
/* ===== CARD LINKS: WHITE TEXT, BLUE HOVER, NO BOX ===== */
body.site-page-Locations .resource-list .resource a,
body.site-page-people .resource-list .resource a {
background: none !important; /* kill hover box */
border: none !important;
box-shadow: none !important;
outline: none !important;
color: #ffffff !important; /* white text */
text-decoration: none !important; /* no underline at rest */
}
/* Hover state: darker blue + underline */
body.site-page-Locations .resource-list .resource a:hover,
body.site-page-people .resource-list .resource a:hover {
background: none !important; /* no box */
border: none !important;
box-shadow: none !important;
outline: none !important;
color: #0066cc !important; /* blue hover (use your --hover variable if preferred) */
text-decoration: underline !important;
}
/* FINAL OVERRIDE: remove white box behind card links */
body.site-page-Locations .resource-list .resource a,
body.site-page-people .resource-list .resource a {
display: inline !important; /* prevents block/box styling */
background-color: transparent !important;
background: none !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
padding: 0 !important;
margin: 0 !important;
color: #ffffff !important; /* white text */
text-decoration: none !important;
}
/* Hover: blue text + underline only */
body.site-page-Locations .resource-list .resource a:hover,
body.site-page-people .resource-list .resource a:hover {
background-color: transparent !important;
background: none !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
color: #0066cc !important; /* blue hover */
text-decoration: underline !important;
}
/* ===== KILL WHITE BACKGROUND ON RESOURCE LINK WRAPPERS ===== */
/* reset the wrapper span/div around the link */
body.site-page-Locations .resource-list .resource .value,
body.site-page-people .resource-list .resource .value {
background: none !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
padding: 0 !important;
margin: 0 !important;
}
/* make the link itself text-only */
body.site-page-Locations .resource-list .resource .value a,
body.site-page-people .resource-list .resource .value a {
background: none !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
color: #ffffff !important; /* white text at rest */
text-decoration: none !important;
}
/* hover = blue text + underline, no box */
body.site-page-Locations .resource-list .resource .value a:hover,
body.site-page-people .resource-list .resource .value a:hover {
background: none !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
color: #0066cc !important; /* blue hover */
text-decoration: underline !important;
}
/* ===== NUKE PSEUDO-ELEMENT HOVER BOXES ===== */
/* kill before/after hover states */
body.site-page-Locations .resource-list .resource a::before,
body.site-page-Locations .resource-list .resource a::after,
body.site-page-people .resource-list .resource a::before,
body.site-page-people .resource-list .resource a::after {
content: none !important;
background: none !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* ensure link stays text only */
body.site-page-Locations .resource-list .resource a,
body.site-page-people .resource-list .resource a {
background: none !important;
background-color: transparent !important;
box-shadow: none !important;
outline: none !important;
color: #ffffff !important; /* white default */
text-decoration: none !important;
}
/* hover = blue text + underline */
body.site-page-Locations .resource-list .resource a:hover,
body.site-page-people .resource-list .resource a:hover {
color: #0066cc !important;
background: none !important;
background-color: transparent !important;
text-decoration: underline !important;
}
/* ===== FIX TITLE LINKS IN RESOURCE CARDS ===== */
/* default: white text */
body.site-page-Locations .resource-list .resource h4 a,
body.site-page-people .resource-list .resource h4 a {
background: none !important;
color: #ffffff !important;
text-decoration: none !important;
display: inline !important; /* stop block background fill */
padding: 0 !important;
margin: 0 !important;
}
/* hover: blue text + underline, no background box */
body.site-page-Locations .resource-list .resource h4 a:hover,
body.site-page-people .resource-list .resource h4 a:hover {
background: none !important;
color: #0066cc !important; /* blue hover */
text-decoration: underline !important;
}
/* === RESTORE ITEM PAGE INFORMATION FIELDS === */
/* Show all property blocks again */
body.item.show .property,
body.item.show .property .field,
body.item.show .property .field-label,
body.item.show .property .value,
body.item.show dt,
body.item.show dd,
body.item.show .property-label {
display: block !important;
visibility: visible !important;
color: #ffffff !important; /* white text for your green/blue background */
}
/* Make labels distinct */
body.item.show .property .field-label,
body.item.show .property-label {
font-weight: bold !important;
color: #92b4dc !important; /* light blue labels */
margin-bottom: 4px !important;
}
/* Keep values readable */
body.item.show .property .value,
body.item.show dd {
color: #ffffff !important;
margin-bottom: 12px !important;
}
/* === ITEM PAGE INFO AS WHITE CARDS WITH BLACK TEXT === */
/* Container for each property block */
body.item.show .property,
body.item.show dt,
body.item.show dd {
display: block !important;
visibility: visible !important;
background: #ffffff !important; /* white card background */
color: #000000 !important; /* black text */
padding: 16px !important;
margin: 12px 0 !important;
border-radius: 8px !important; /* rounded corners */
box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important; /* subtle shadow */
}
/* Labels inside the cards */
body.item.show .property .field-label,
body.item.show .property-label {
font-weight: bold !important;
color: #000000 !important;
margin-bottom: 6px !important;
display: block !important;
}
/* Values inside the cards */
body.item.show .property .value,
body.item.show dd {
color: #000000 !important;
margin: 0 !important;
}
/* === ITEM PAGE INFO CARDS WITH TITLE ABOVE TEXT === */
/* Each metadata property as a white card */
body.item.show .property,
body.item.show dt,
body.item.show dd {
display: block !important;
visibility: visible !important;
background: #ffffff !important; /* white card background */
color: #000000 !important; /* black text */
padding: 16px !important;
margin: 12px 0 !important;
border-radius: 8px !important; /* rounded corners */
box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
}
/* Labels = card titles */
body.item.show .property .field-label,
body.item.show .property-label {
display: block !important;
font-weight: bold !important;
font-size: 1.1rem !important;
margin-bottom: 8px !important;
color: #000000 !important;
border-bottom: 2px solid #e0e0e0 !important; /* underline divider */
padding-bottom: 4px !important;
}
/* Values = card content, below title */
body.item.show .property .value,
body.item.show dd {
display: block !important;
color: #000000 !important;
font-size: 1rem !important;
line-height: 1.4 !important;
margin-top: 6px !important;
}
/* === CENTERED ITEM PAGE CARDS WITH TITLE ABOVE TEXT === */
/* Center the cards on the page */
body.item.show .property,
body.item.show dt,
body.item.show dd {
display: block !important;
visibility: visible !important;
background: #ffffff !important; /* white card background */
color: #000000 !important; /* black text */
padding: 16px !important;
margin: 16px auto !important; /* auto centers the card */
max-width: 800px !important; /* keeps them a reasonable width */
border-radius: 8px !important; /* rounded corners */
box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
text-align: left !important; /* keep text aligned left inside */
}
/* Labels styled as card titles */
body.item.show .property .field-label,
body.item.show .property-label {
display: block !important;
font-weight: bold !important;
font-size: 1.1rem !important;
margin-bottom: 8px !important;
color: #000000 !important;
border-bottom: 2px solid #e0e0e0 !important; /* divider under title */
padding-bottom: 4px !important;
}
/* Values appear below the title */
body.item.show .property .value,
body.item.show dd {
display: block !important;
color: #000000 !important;
font-size: 1rem !important;
line-height: 1.5 !important;
margin-top: 8px !important;
}
/* === CLEAN CARD FORMAT: TITLE ABOVE, CONTENT BELOW === */
/* Center cards and style them */
body.item.show .property,
body.item.show dt,
body.item.show dd {
display: block !important;
visibility: visible !important;
background: #ffffff !important;
color: #000000 !important;
padding: 20px !important;
margin: 20px auto !important;
max-width: 800px !important; /* keeps layout consistent */
border-radius: 8px !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
text-align: left !important;
}
/* Labels: card titles at the top */
body.item.show .property .field-label,
body.item.show .property-label {
display: block !important;
font-weight: bold !important;
font-size: 1.2rem !important;
margin-bottom: 12px !important;
color: #000000 !important;
border-bottom: 2px solid #e0e0e0 !important;
padding-bottom: 6px !important;
}
/* Values: appear below the title */
body.item.show .property .value,
body.item.show dd {
display: block !important;
color: #000000 !important;
font-size: 1rem !important;
line-height: 1.6 !important;
margin: 0 !important;
}
/* === FORCE VALUE TO START BELOW TITLE === */
/* Labels: act as card titles */
body.item.show .property .field-label,
body.item.show .property-label {
display: block !important; /* forces onto its own line */
font-weight: bold !important;
font-size: 1.2rem !important;
margin-bottom: 10px !important; /* spacing before the text */
color: #000000 !important;
border-bottom: 2px solid #e0e0e0 !important;
padding-bottom: 4px !important;
}
/* Values: always appear as a new paragraph below */
body.item.show .property .value,
body.item.show dd {
display: block !important; /* ensures it drops below */
margin-top: 10px !important; /* space between title and text */
color: #000000 !important;
font-size: 1rem !important;
line-height: 1.6 !important;
}
/* === STACK LABEL ABOVE VALUE (PARAGRAPH STYLE) === */
/* Labels as titles */
body.item.show .property .field-label,
body.item.show .property-label {
float: none !important; /* remove side-by-side float */
display: block !important; /* put on its own line */
width: 100% !important; /* take full card width */
font-weight: bold !important;
font-size: 1.2rem !important;
margin: 0 0 10px 0 !important; /* space below title */
color: #000000 !important;
border-bottom: 2px solid #e0e0e0 !important;
padding-bottom: 4px !important;
}
/* Values below, like paragraphs */
body.item.show .property .value,
body.item.show dd {
float: none !important; /* kill any floats */
display: block !important;
clear: both !important; /* force new line after label */
margin: 0 0 15px 0 !important; /* breathing room */
color: #000000 !important;
font-size: 1rem !important;
line-height: 1.6 !important;
}
/* === FULL-WIDTH LABELS ABOVE CONTENT === */
/* Labels act as full-width card titles */
body.item.show .property .field-label,
body.item.show .property-label {
float: none !important;
display: block !important;
width: 100% !important; /* allow full width */
white-space: normal !important; /* wrap only if absolutely needed */
font-weight: bold !important;
font-size: 1.2rem !important;
margin: 0 0 10px 0 !important;
color: #000000 !important;
border-bottom: 2px solid #e0e0e0 !important;
padding-bottom: 6px !important;
box-sizing: border-box !important;
text-align: left !important;
}
/* Values appear directly beneath the full-width title */
body.item.show .property .value,
body.item.show dd {
float: none !important;
display: block !important;
clear: both !important;
margin: 0 0 15px 0 !important;
color: #000000 !important;
font-size: 1rem !important;
line-height: 1.6 !important;
text-align: left !important;
}
/* === ITEM PAGE: TITLES ABOVE, CONTENT BELOW === */
/* Reset property layout */
body.item.show dl,
body.item.show .property {
display: block !important;
width: 100% !important;
margin: 0 auto 20px auto !important;
max-width: 800px !important; /* keeps cards centered */
background: #ffffff !important;
border-radius: 8px !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
padding: 20px !important;
}
/* Make dt behave like a full-width heading */
body.item.show .property dt {
display: block !important;
width: 100% !important;
float: none !important;
font-weight: bold !important;
font-size: 1.2rem !important;
margin-bottom: 12px !important;
color: #000000 !important;
border-bottom: 2px solid #e0e0e0 !important;
padding-bottom: 6px !important;
text-align: left !important;
white-space: normal !important; /* prevents squishing */
}
/* dd/value always below */
body.item.show .property dd.value {
display: block !important;
width: 100% !important;
float: none !important;
clear: both !important;
margin: 0 !important;
color: #000000 !important;
font-size: 1rem !important;
line-height: 1.6 !important;
text-align: left !important;
}
/* Hide Item sets, Site pages, and Media sections on item pages */
.item-sets,
.site-pages,
.media-list {
display: none !important;
}
/* Force-hide the Item sets, Site pages, and Media blocks */
dl.item-sets,
dl.site-pages,
dl.media-list,
dl.item-sets.property,
dl.site-pages.property,
dl.media-list.property {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Completely remove Item sets, Site pages, and Media sections */
dl.item-sets,
dl.site-pages,
dl.media-list,
dl.item-sets *,
dl.site-pages *,
dl.media-list * {
display: none !important;
}
/* Completely remove Item sets, Site pages, and Media sections */
dl.item-sets,
dl.site-pages,
dl.media-list,
dl.item-sets dt,
dl.site-pages dt,
dl.media-list dt,
dl.item-sets dd,
dl.site-pages dd,
dl.media-list dd {
display: none !important;
}
/* Hide the entire property block if the label is "Item sets", "Site pages", or "Media" */
.property:has(> dt:contains("Item sets")),
.property:has(> dt:contains("Site pages")),
.property:has(> dt:contains("Media")) {
display: none !important;
}
/* Remove the extra sections from item pages */
dl.item-sets,
dl.site-pages,
dl.media-list {
display: none !important;
}
/* Remove entire "Item sets", "Site pages", and "Media" blocks on item pages */
dl.item-sets,
dl.site-pages,
dl.media-list {
display: none !important;
}
/* If Freedom theme wraps them differently, also hide any
headings matching text */
.property dt:contains("Item sets"),
.property dt:contains("Site pages"),
.property dt:contains("Media") {
display: none !important;
}
/* Hide any following dd values for those headings */
.property dt:contains("Item sets") + dd,
.property dt:contains("Site pages") + dd,
.property dt:contains("Media") + dd {
display: none !important;
}
/* Force-hide Item sets, Site pages, and Media on item pages */
body.item.resource.show dl.item-sets,
body.item.resource.show dl.site-pages,
body.item.resource.show dl.media-list {
display: none !important;
}
/* Target metadata value boxes on item pages */
.property {
border: none !important; /* remove borders between fields */
padding: 0 !important; /* collapse spacing */
margin: 0 !important;
}
.property .value,
.property .values {
border: none !important;
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
#content .resource.show .properties {
border: 2px solid #fff; /* add a single outer border */
padding: 1rem;
background: #ffffff; /* white background */
color: #000000; /* black text */
}
/* Prevent text overflow in metadata/value boxes */
.property .values,
.property .value {
word-wrap: break-word; /* old support */
overflow-wrap: anywhere; /* modern support */
white-space: normal !important;
}
/
/* ========== Top Image Block (media-embeds) ========== */
/* Reset so top images show naturally, no black box */
.media-embeds .media-render img {
background: transparent !important;
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
/* Remove background from the embed container */
.media-embeds .media-render {
background: transparent !important;
border: none !important;
padding: 0 !important;
}
/* ================= UNIVERSAL VIEWER FIX (Momentous) ================= */
/* Universal Viewer container: black only */
body.item.show #uv-1 {
background: #000 !important;
margin: 20px auto !important;
padding: 0 !important;
border: none !important;
width: 100% !important;
display: block !important;
overflow: hidden !important;
position: relative !important;
}
/* Kill teal/green bleed from parents */
body.item.show #uv-1,
body.item.show #uv-1 * {
background-color: #000 !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* Main viewer area */
body.item.show #uv-1 .centerPanel,
body.item.show #uv-1 .openseadragon-container,
body.item.show #uv-1 .openseadragon-canvas,
body.item.show #uv-1 canvas {
width: 100% !important;
height: 600px !important; /* adjust to match Bygone */
object-fit: contain !important;
margin: 0 auto !important;
background: #000 !important;
}
body.item.show #uv-1 .openseadragon-canvas {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* Thumbnails (left side) */
body.item.show #uv-1 .leftPanel,
body.item.show #uv-1 .thumbsView {
display: block !important;
width: 140px !important;
background: #111 !important;
overflow-y: auto !important;
}
body.item.show #uv-1 .centerPanel {
margin-left: 140px !important; /* shift to fit thumbnails */
}
body.item.show #uv-1 .thumbsView .thumb {
border: 2px solid #333 !important;
background: #000 !important;
max-width: 120px !important;
}
body.item.show #uv-1 .thumbsView .thumb.selected {
border-color: #2c8e82 !important; /* highlight with site green */
}
/* ================= UNIVERSAL VIEWER EDGE FIX ================= */
/* Kill teal bleed around UV's header, footer, and info panels */
body.item.show #uv-1 .headerPanel,
body.item.show #uv-1 .footerPanel,
body.item.show #uv-1 .moreInformation,
body.item.show #uv-1 .overlay,
body.item.show #uv-1 .tabs,
body.item.show #uv-1 .tab,
body.item.show #uv-1 .contentPanel {
background: #000 !important;
border: none !important;
box-shadow: none !important;
color: #fff !important;
}
/* Ensure UV outermost wrapper is black edge-to-edge */
body.item.show #uv-1,
body.item.show #uv-1 .uv,
body.item.show #uv-1 .uv * {
background: #000 !important;
}
/* Remove teal borders around the viewer container */
body.item.show .media-render,
body.item.show .regions-container,
body.item.show .regions-container--main {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* Expand the inner viewer area */
.uv .uv__content,
.uv .uv__canvasPanel,
.uv .uv__main {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.uv .uv__contentPanel {
flex: 1 1 auto !important;
max-width: calc(100% - 200px) !important;
}
/* Make the image itself expand */
.uv .canvasPanel .canvas {
max-width: 100% !important;
height: auto !important;
}
/* ================= UNIVERSAL VIEWER FIXED LAYOUT ================= */
/* Universal Viewer wrapper */
body.item.show #uv-1 {
background: #000 !important;
width: 100% !important;
max-width: 100% !important;
margin: 20px auto !important;
padding: 0 !important;
border: none !important;
display: block !important;
position: relative !important;
overflow: hidden !important;
}
/* Main content panel should take all remaining width */
body.item.show #uv-1 .centerPanel,
body.item.show #uv-1 .contentPanel {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: #000 !important;
}
/* Canvas container should flex to viewport height instead of fixed 600px */
body.item.show #uv-1 .openseadragon-container,
body.item.show #uv-1 .openseadragon-canvas,
body.item.show #uv-1 canvas {
width: 100% !important;
height: auto !important; /* let it expand naturally */
min-height: 500px !important; /* safety floor so it’s not tiny */
max-height: 80vh !important; /* cap so it doesn’t spill off screen */
object-fit: contain !important;
background: #000 !important;
}
/* Center the image inside the canvas */
body.item.show #uv-1 .openseadragon-canvas {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* Thumbnails/sidebar */
body.item.show #uv-1 .leftPanel {
width: 160px !important;
background: #111 !important;
overflow-y: auto !important;
}
body.item.show #uv-1 .centerPanel {
margin-left: 160px !important; /* space for sidebar */
}
/* Thumbnails themselves */
body.item.show #uv-1 .thumbsView .thumb {
max-width: 140px !important;
border: 2px solid #333 !important;
background: #000 !important;
}
body.item.show #uv-1 .thumbsView .thumb.selected {
border-color: #2c8e82 !important; /* highlight color */
}
/* Kill bleed in header/footer/info panels */
body.item.show #uv-1 .headerPanel,
body.item.show #uv-1 .footerPanel,
body.item.show #uv-1 .moreInformation,
body.item.show #uv-1 .tabs,
body.item.show #uv-1 .tab {
background: #000 !important;
color: #fff !important;
border: none !important;
box-shadow: none !important;
}
/* ================= UNIVERSAL VIEWER LAYOUT FIX ================= */
/* Make viewer full-width and black background */
#uv-1 {
width: 100% !important;
max-width: 100% !important;
margin: 20px auto !important;
background: #000 !important;
display: flex !important; /* use flexbox layout */
flex-direction: row !important;
align-items: stretch !important;
}
/* Left sidebar (thumbnails/index) */
#uv-1 .leftPanel {
flex: 0 0 180px !important; /* fixed width so it’s fully visible */
max-width: 180px !important;
background: #111 !important;
overflow-y: auto !important;
}
/* Main content panel (canvas/image) */
#uv-1 .centerPanel,
#uv-1 .contentPanel {
flex: 1 1 auto !important; /* take the rest of the space */
min-width: 0 !important; /* prevent overflow issues */
background: #000 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* Canvas container */
#uv-1 .openseadragon-container,
#uv-1 .openseadragon-canvas,
#uv-1 canvas {
width: 100% !important;
height: auto !important;
max-height: 80vh !important; /* responsive to screen size */
object-fit: contain !important;
background: #000 !important;
}
/* ================= UNIVERSAL VIEWER TRUE CENTER FIX ================= */
/* Main UV wrapper: block layout, not flex */
#uv-1 {
width: 100% !important;
max-width: 100% !important;
margin: 20px auto !important;
background: #000 !important;
display: block !important;
overflow: hidden !important;
position: relative !important;
}
/* Sidebar (thumbnails) */
#uv-1 .leftPanel {
position: absolute !important;
top: 0;
left: 0;
bottom: 0;
width: 180px !important; /* lock width */
background: #111 !important;
overflow-y: auto !important;
z-index: 10;
}
/* Push the center panel over to make space for sidebar */
#uv-1 .centerPanel,
#uv-1 .contentPanel {
margin-left: 180px !important; /* match sidebar width */
width: calc(100% - 180px) !important;
background: #000 !important;
position: relative !important;
}
/* Center the actual image/canvas */
#uv-1 .openseadragon-container,
#uv-1 .openseadragon-canvas {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 80vh !important; /* responsive height */
background: #000 !important;
}
/* The