/* PC 2026-08-24 change default colors */
:root {
    /*1. Make background light yellow*/
    --body-bg: #f5f5c6;
    /*2. Default body text to black — #FFFFFF here was making regular content text
      (cards, dropdowns, accordions, etc. — anything using --body-color without a
      more specific override) render white-on-white/white-on-light and disappear,
      most visibly on the home page. Fixed 2026-08-25. The topbar/header menu links
      below keep their own explicit white/black color rules, unaffected by this.*/
    --body-color: #000000;
    --body-color-rgb: 0, 0, 0;
    /*3. Adjust Cassiopeia Color Scheme*/
    --cassiopeia-color-primary: #420937;
    --cassiopeia-color-link: #737eb4;
    --cassiopeia-color-hover: rgb(169, 162, 122);
}

/* PC 2026-08-24 change topbar background color */
/* Change the topbar container background color */
.container-topbar {
    background-color: #f5f5c6; /* Change this to your preferred color hex */
    background-image: none;    /* Removes default template gradients if present */
}

/* Optional: Change topbar links and text to white so they remain readable */
.container-topbar, .container-topbar a, .container-topbar .mod-menu a {
    color: #ffffff;
}

/* Top-level header menu: white normally, green (#4caf50) on hover/focus, larger
   text (no dedicated size rule existed before — inherited the base 1rem via
   Bootstrap's .nav-link { font-size: var(--nav-link-font-size) }, which resolves
   to nothing more specific here).
   !important used deliberately — this file has a history of rules silently not
   winning the cascade (see emgmkts-123-custom-css memory), so these force the
   outcome regardless of whatever else is in play. Fixed 2026-08-25, iterated
   through black/grey, yellow/green, white/green, white/yellow — settled here. */
.container-header .mod-menu a {
    color: #ffffff !important;
    font-size: 1.0rem !important;
}

.container-header .mod-menu a:hover,
.container-header .mod-menu a:focus {
    color: #4caf50 !important;
}

/* Sub-menu (dropdown) items under the top-level menu, matched to the same 1.25rem —
   these carry Bootstrap's .small class by default (~0.875em), which this overrides. */
.container-header .mod-menu__sub a {
    font-size: 1.0rem !important;
}

/* Breadcrumbs, matched to the same 1.25rem as the top-level menu. Markup is
   <ol class="mod-breadcrumbs breadcrumb ...">, not inside .container-header —
   doesn't render on the home page itself, only interior pages. */
.mod-breadcrumbs {
    font-size: 1.0rem !important;
}

/* News Feeds category list styling now lives in
   media/templates/site/cassiopeia/css/newsfeed-custom.css,
   loaded by the templates/cassiopeia/html/com_newsfeeds/category/default_items.php
   override — removed 2026-08-24 (dead rules, targeted markup/classes that no
   longer exist after the override was added). */

/* Sidebar-right menu-list modules: Latest Headlines, Research Section,
   Regulation Section, Events, Data Section. All five share
   moduleclass_sfx "_menu", giving each module wrapper the shared ._menu
   class — used here to target just these five without touching the
   top-nav or any other mod_menu instance. */
.sidebar-right.card._menu .mod-menu a {
    font-size: 1.0rem;
}

/* Tighter vertical spacing between items — core template.css sets
   .mod-list li { padding: .25em 0; }, this brings it down. */
.sidebar-right.card._menu .mod-list li {
    padding: .05em 0;
}

/* Changes the size of individual article page titles */
h1, .page-header h1, .com-content-article__title {
    font-size: 1.5rem; 
}

/* Change Category Blog Title Size */
.category-view .page-header h1, 
.blog .page-header h1 {
    font-size: 1.15rem; /* Adjust this value up or down as needed */
}

/* Change Subcategories Heading Size if applicable */
.blog-children h3 {
    font-size: 1.15rem;
}

.blog .page-header h1 {
    font-size: 1.25rem; /* Adjust this value to your preferred size */
}

/* Change the font-size percentage or pixels as preferred */
.blog .page-header h4, 
.blog-items .item-title {
    font-size: 1.15rem !important; 
}
/* Change the size of Article Category Headings globally */
.category-name, h2.page-header, .page-header h2 {
    font-size: 1.25rem !important; /* Adjust '2rem' or use pixels like '28px' to your preference */
}

/* Adjust all subcategory titles globally */
.page-header h3, .categories-list h3 {
    font-size: 1.15rem !important; /* Adjust the "1.5rem" or use pixels like "22px" to your preference */
}

/* Adjust only the specific text "Subcategories" when it appears as a page subtitle */
h3:has(> [itemprop="name"]) {
    font-size: 1.15rem; 
}
h2:has(> [itemprop="name"]) {
    font-size: 1.15rem; 
}

/* Change font size for subcategory layout headings */
.category-children h3, 
h3.page-header.item-title {
    font-size: 1.15rem !important;
}

.com-content-article__body ul li, 
.com-content-article__body ol li {
    margin-bottom: 10px; /* Adjust this number to increase or decrease spacing */
}

/* Note this style is to tighten up each bullet */
/* the class=contentpane.tight must be defined for the ul */ 
ul.contentpane.tight li {
    text-align: left;
    margin-bottom: 0.25rem;
  }
  ul.contentpane.tight li p { margin: 0; }