/* ----------  
   | FOOTER |  
   ---------- */

.container-footer .grid-child {
  justify-content: center;
}

.contact {
  justify-content: center;
}

/* ----------  
   | BUTTON |  
   ---------- */

btn-orange {
  background-color: #ff6600;
  color: white;
}

/* ----------------------  
   | YOUTUBE THUMBNAILS |  
   ---------------------- */

/* Container holding the video thumbnail */
.video-thumbnail {
  position: relative;
  display: flex;
  aspect-ratio: 1/1;
  width: auto;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  /* Optional: Add rounded corners */
}

/* Thumbnail image styling (crop to square) */
.video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Ensures the image is cropped */
}

/* YouTube play button overlay */
.play-button-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: url('https://upload.wikimedia.org/wikipedia/commons/b/b8/YouTube_play_button_icon_%282013%E2%80%932017%29.svg') no-repeat center center;
  background-size: contain;
  opacity: 0.8;
}

/* Add hover effect */
.video-thumbnail:hover .play-button-overlay {
  opacity: 1;
}

/* Song info */
.song-name {
  position: absolute;
  top: 85%;
  left: 45%;
  transform: translate(-50%, -50%);
  color: white;
  width: 100%;
  height: 10px;
}

/* -------------  
   | SCROLLBOX |  
   ------------- */

/* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.example {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}