.groupsIOwrapper.groupsIOPhotosGrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2rem;
  justify-content: center;
  justify-items: center;
}

.groupsIOPhotosGrid.groupsIOPhotosGrid5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.groupsIOPhotosGrid.groupsIOPhotosGrid4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.groupsIOPhotosGrid.groupsIOPhotosGrid3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.groupsIOPhotosGrid.groupsIOPhotosGrid2 {
  grid-template-columns: 1fr 1fr;
}

.groupsIOPhotosGrid.groupsIOPhotosGrid1 {
  grid-template-columns: 1fr;
}
figure.groupsIOphoto {
  display: flex;
  align-content: space-around;
  justify-content: center;
  flex-direction: column;
}

figure.groupsIOphoto img {
  width: 70%;
  display: block;
  margin: auto;
}
figure.groupsIOphoto figcaption {
  margin-top: 1rem;
 font-size: 0.9rem;
 color: #333333;
 text-align: center;

}

.groupsIOalbumsSelect { padding: 5px 10px;}
.groupsIOPhotosGrid.hidden { display: none;}
.filters_form.groupsIOalbums { width: auto; align-self: flex-start; }
.groupsIOwrapper.groupsIOwrapperPhotos { flex-direction: column; grid-gap: 1.5rem; }
.groupsIOwrapper.groupsIOFilesGrid { flex-direction: column; margin-top: 1rem; margin-bottom: 0.7rem; }
.groupsIOwrapper.groupsIOwrapperFiles { flex-direction: column; grid-gap: 1.5rem; }
.groupsIOwrapper.groupsIOFilesGrid.hidden  {display: none; }

.groupsIOfile {
  background-repeat: no-repeat;
  padding: 6px 20px 6px 45px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-repeat: no-repeat;
  background-position-x: .7em;
  background-position-y: center;
  box-sizing: border-box;
  cursor: pointer; 
  background-image: url('images/file_aqua.svg');
}





details.groupsIOsubfolder + p { margin-top: 1rem; margin-left: 50px;}