/*   
Theme Name: Frankie Sullivan
Theme URI: http://chimeinteractive.com
Description: Theme for Frankie Sullivan
Author: jon luini
Author URI: http://chimeinteractive.com
Template: twentytwentyfive
Version: 1.0
*/
html { box-sizing: border-box; }
* { box-sizing: inherit; }

nav { z-index: 100; }
.page-about nav li.about,
.post-type-archive-discography nav li.music,
.page-guitars nav li.guitars,
.page-gear nav li.gear,
.page-media nav li.media {
  text-decoration: underline;
}

.post-type-archive-discography h2 { font-size: var(--wp--preset--font-size--xx-large); }

.youtube-video-gallery .items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  .item {
    max-width: calc(25% - 20px);
    .video_title { font-size: 16px; font-weight: bold; }
  }
}

.discography_list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Add gap between items */
  padding: 20px 0 0 0;
  margin: 0;
  list-style-type: none;
  font-size: 16px;

  li.type-discography {
    margin-top: 0;
    flex: 1;
    min-width: 32%;
    max-width: 32%;
    /*
    flex: 1 1 calc(33.333% - 20px); 
    max-width: calc(33.333% - 20px); 
    */
    .disc_release_date { display: inline; font-weight: bold; }
    .disc_label { display: inline; font-weight: bold; }
    .disc_label:before { content: " | "; padding: 0 5px; }
    .disc_stream_links { display: inline; text-transform: uppercase; font-weight: bold; }
    .disc_stream_links:before { content: " | "; padding: 0 5px; }
    .tracklist { margin: 0; padding: 0 0 0 20px; }
  }
}

.gallery_list {
  margin-top: 60px;
  ul { column-count: 2; }
}

footer div div div:nth-child(1){ font-size: 14px; border-top: 1px solid; margin-top: 20px; padding-top: 10px !important;}

/* Optional: For better responsive behavior, adjust the layout for smaller screens */
@media (max-width: 768px) {
  .discography_list ul {
    display: block;
    li.type-discography {
      flex: 1 1 100%; /* Stack the items vertically on smaller screens */
      max-width: 100%;
    }
  }
}