/*----------------------------- PARTICIPANT GALLERIES (each workshop's gallery) STYLES ------------------------------*/


/* ----------- MOBILE ------------------------ */


.participant-gallery-subtitle {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.participant-gallery-note {
    margin: 2rem 0;
}

div.participant-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
    gap: 1.5em;
    margin-bottom: 1.5em
}

  .participant-gallery figure.image {
  display: grid;
  place-items: center; /* shorthand for align-items + justify-items */
  text-align: center;
  }

.participant-gallery img.gallery-image {
    margin: 1.9em 0 0 0;
    border-radius: .32em;
    box-shadow: 0 .625em 1.6em rgba(0,0,0,.2);
  }

.participant-gallery figcaption.gallery-caption {
    text-align: center;
    margin: .4em 0 0 0;
}

.vertical-images .participant-gallery img.gallery-image {
    width: 167px;
    height: auto;
}

.horizontal-images .participant-gallery img.gallery-image {
    width: 250px;
    height: auto;
}

.panoramas .participant-gallery img.gallery-image {
    width: 300px;
    height: auto;
}

.image-submission-info p, .participant-gallery-return-links p {
  margin-bottom: 1rem; /* Adds space below each paragraph */
}

.image-submission-info ul {
  margin-top: 1rem; /* Adds space above the list */
  margin-bottom: 1rem; /* Adds space below the list */
}

.image-submission-info li {
  margin-bottom: 0.5rem; /* Adds space between list items */
}

.image-submission-info p, .image-submission-info ul {
  text-align: justify;      /* Justify the text */
  word-wrap: break-word;    /* Allow long words to break into the next line */
  hyphens: auto;            /* Automatically add hyphens where necessary */
}

      

@media screen and (min-width: 1025px) {

/* ------------------ SMALL COMPUTER >= 1025 px PHOTOGRAPHY WORKSHOPS - INDEX PAGE --------------------- */
        
    div.participant-gallery {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));
        gap: 1.5em;
    }

    .participant-gallery-return-links {
    text-align: center;
    margin-top: 2rem;
}

  
                
}