/* Ensure the slider container is the positioning context */
.ngg-galleryoverview.ngg-slideshow {
    position: relative;
}

/* Position the caption container just below the slider */
#caption-container {
  /*  position: absolute; */ /* I think container is just above slider because of .js so this puts it way high         */
  /*  left: 0;         */
   /* right: 0;         */
 /*   top: 100%; */ /* Place immediately after the slider */
 /*   margin-top: -10px;*/  /* Adjust this value as needed */
    text-align: center;
    font-size: 1.2rem;  /* Adjust the font size if needed */
    z-index: 91;
    /* Optional: Add padding if desired */
    padding: 5px 0;
    /* Optional: Set a background color if needed, e.g. solid white */
    /* background: #fff; */
 /*background: rgba(0, 0, 0, 0.5); /* semi-transparent overlay */
 /*   color: #fff; */
  
}
.pdf-embed-wrapper, .protected-pdf {
    margin-bottom: 20px; /* ensures spacing between PDFs */
    clear: both;
}
/*  used with pdf display see php file */
.img-small { width: 300px; height: auto; }
.img-medium { width: 600px; height: auto; }
.img-large { width: 900px; height: auto; }
/*   for image by name  allow change on look changes */