/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 14 Mar 2026, 9:14 pm
*/

/* =========================================================
   GHS FooGallery Album Cleanup
   Album ID: 3576
   Purpose:
   - Remove FooGallery "pile" stacking effect
   - Remove borders and shadows
   - Hide image count text
   - Improve caption readability
   ========================================================= */


/* ---------------------------------------------------------
   1. Remove pile borders, shadows and background layers
   --------------------------------------------------------- */

#foogallery-album-3576 .foogallery-pile,
#foogallery-album-3576 .foogallery-pile-inner,
#foogallery-album-3576 .foogallery-album-gallery-list li,
#foogallery-album-3576 .foogallery-album-gallery-list a,
#foogallery-album-3576 .foogallery-pile img {

    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}


/* ---------------------------------------------------------
   2. Remove the stacked "pile" pseudo elements
   These create the layered-photo effect
   --------------------------------------------------------- */

#foogallery-album-3576 .foogallery-pile::before,
#foogallery-album-3576 .foogallery-pile::after,
#foogallery-album-3576 .foogallery-pile-inner::before,
#foogallery-album-3576 .foogallery-pile-inner::after {

    display: none !important;
    content: none !important;
}


/* ---------------------------------------------------------
   3. Hide the image count text
   (Example: "6 images")
   --------------------------------------------------------- */

#foogallery-album-3576 .foogallery-pile h3 span {

    display: none !important;
}


/* ---------------------------------------------------------
   4. Improve caption readability
   Create a clean white caption band
   --------------------------------------------------------- */

#foogallery-album-3576 .foogallery-pile h3 {

    background: rgba(255,255,255,0.90) !important;
    color: #000000 !important;

    text-shadow: none !important;

    padding: 10px 15px !important;
    margin: 0 !important;

    font-size: 1.1em !important;
    font-weight: 600 !important;

    text-align: center !important;

    border-top: 1px solid rgba(0,0,0,0.08);
}


/* ---------------------------------------------------------
   5. Ensure full opacity (FooGallery sometimes fades captions)
   --------------------------------------------------------- */

#foogallery-album-3576 .foogallery-pile,
#foogallery-album-3576 .foogallery-pile-inner,
#foogallery-album-3576 .foogallery-pile h3 {

    opacity: 1 !important;
}