/* ARTWORK NOTES -----------
   sjp-burl — Divine Mercy Catholic Parish, Burlington IA.
   Agent-owned override stylesheet. Loaded as a Gantry Page Settings CSS asset
   row named "AI Override - Quicklinks & Hero" with priority 0, so it loads
   AFTER content/override.css (priority 1).

   1. Homepage quicklinks band (#g-above, outline 14 "Site Home") gets the
      light blue background.
   2. Subpage hero (position "hero", the shared subpage outlines) matches the
      St. Isidore's pattern: the hero image shows at full opacity with no page
      title laid over it, and the page heading is visible in the mainbar,
      below the ads row (.page-header), instead of being hidden.

   Both rules are scoped by body class, so this file is safe to load on any
   outline. Reversible: remove the asset row, or empty this file.
*/

/* ---------- 1. Homepage: quicklinks band ---------- */

html body.site-1-home {
    --quicklinks-band-bg: #4572B6;
}

html body.site-1-home #g-above {
    background-color: var(--quicklinks-band-bg);
}

/* ---------- 2. Subpages: hero image fully visible ---------- */
/* base2.css declares body { --hero-opacity: 0.35 } and
   .hero img { opacity: var(--hero-opacity) }, which fades the hero image. */

html body.site-1-sub {
    --hero-opacity: 1;
}

/* ---------- 2b. Subpages: page heading below the ads row ---------- */
/* particle.js injects #hero-title-text over the hero and puts .herotitlepage on
   <body>, and base2.css then hides the heading:
   .herotitlepage .page-header { display: none!important; }
   Showing the heading and hiding the injected overlay title reproduces the
   St. Isidore's layout: hero image, then ads, then the page title. */

html body.herotitlepage .page-header {
    display: block!important;
}

html body.herotitlepage .page-header h2 {
    visibility: visible!important;
}

html body.site-1-sub #hero-title-text {
    display: none!important;
}

/* ---------- 2c. Subpages: restore any KUI/DOCman heading the script hid ---------- */
/* particle.js also hides a "h3.koowa_header" inside a .k-ui-joomla element when it
   overlays that title on the hero. With the overlay off, that heading must be
   visible again or a DOCman list page loses its section title. */

html body.site-1-sub .k-ui-joomla h3.koowa_header[style*="visibility: hidden"] {
    visibility: visible!important;
}