#thumbnails-container{
  row-gap:15px;
  margin:25px;
}

.gallery-thumbnail img{
  width:100%;
  height: auto;
  border: 4px solid white;
}

.gallery-thumbnail{
  position: relative;
}

.overlay{
  z-index: 100;
  cursor: pointer;
  position: absolute;
  background-color: rgba(0,0,0,0.5);
  inset:0;
  margin:0 15px;
  opacity: 0;
  transition: opacity 0.2s;
}

@media (hover: none){
  .overlay{
    opacity: 1 !important;
  }
}

.hovered{
  opacity: 1;
}

.overlay h1{
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 2.3em;
  color: white;
  text-align: left;
  text-transform: uppercase;
  border-left: 4px solid var(--menu-active-color);
  padding-left: 20px;
  max-width: 80%;
}

.galleria{
  width:200px;
  height:200px;
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0;
}

#galleria-close-btn{
  position: absolute;
  z-index: 99999;
  width: 50px;
  height: 50px;
  right:0;
  top:0;
  cursor: pointer;
  transition: scale .2s ease-in-out;
}

#galleria-close-btn:hover{
  filter: brightness(0) saturate(100%) invert(12%) sepia(95%) saturate(4127%) hue-rotate(349deg) brightness(90%) contrast(97%);
  scale: 1.2;
}

.hidden{
  display:none;
}

.galleria-loader{
  inset: 50% !important;
}