/*
.nav { display: flex; justify-content: center; align-items: center; gap: 3px; }
.nav .home-logo { order: 2; background: red;}
.nav .opts { order: 1; background: green;}
*/
.nav {
  position: relative; 
  border-bottom: 1px solid var(--palette-1-accent);
}
.nav .opts {
  position: absolute; left: 24px; top: 35px;
  z-index: 100;
}
.nav .signup_signin {
  display: none;
}
.nav .menu-primary-container ul { font-size: 26px; }
.nav .menu-primary-container {
  background: #222;
  margin-top: 20px;
}
.nav .home-logo {
  margin: auto;
  display: block;
  text-align: center;
  width: 70%;
}
.nav .home-logo img {
  max-height: 110px;
  height: auto;
  width: 100%;
}

.nav { padding: 10px 20px; }

/* Menu List */
.nav .menu-primary-container {
    /* Hide menu initially */
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.nav .menu-primary-container ul {
    list-style: none;
    /* don't think we need these
    display: flex;
    flex-direction: column;
    gap: 10px;
    */
    padding: 0 10px 0 0;
}

.nav a {
    padding: 10px;
    display: block;
    text-align: left;
}

/* Hidden Checkbox */
#menu-toggle {
    display: none;
}

/* Hamburger Icon (3 bars) */
.menu-icon {
    display: flex;
    flex-direction: column;
    width: 30px;
    cursor: pointer;
    gap: 6px;
}

.menu-icon span {
    display: block;
    width: 30px;
    height: 3px;
    background: white;
    transition: 0.4s;
}

/* Show Menu When Checkbox is Checked */
#menu-toggle:checked ~ .menu-primary-container {
    max-height: 350px; /* Adjust based on content */
    opacity: 1;
}

/* Morph Hamburger into X */
#menu-toggle:checked + .menu-icon span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}
#menu-toggle:checked + .menu-icon span:nth-child(2) {
    opacity: 0;
}
#menu-toggle:checked + .menu-icon span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}

h1 { font-size: 1.625em; }
/* .indent { text-indent: var(--indent-mobile); } */
.indent { margin-left: var(--indent-mobile); margin-right: var(--indent-mobile); }
.indent_margin { margin-left: var(--indent-mobile); }
.indent_padding { padding-left: var(--indent-mobile); }

/* Home Slider */
.front_slider .slick-slide .details {
  background-color: #808080;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  color: #000;
  padding: 10px 15px;
  text-transform: uppercase;
  min-height: 140px;
  .subtitle { font-weight: bold; font-size: 13px; line-height: 1.3em; }
  .title { font-weight: 700; font-size: 20px; }
  .link { text-align: center; margin-top: 15px; }
  .link a {
    font-size: 15px;
    background-color: var(--color-red); 
    color: #fff; 
    text-decoration: none; 
    padding: 2px 40px; 
    border-radius: 20px;
    display: inline-block;
    filter: drop-shadow(-1px 1px 2px #000);
  }
}
.front_slider .slick-items .slick-prev,
.front_slider .slick-items .slick-next {
  display: none !important;
}

.social-picks .pick { width: calc(100% * .51 / 5); }

/* hide all but first 2 on mobile */
.news_item .thumbnail img  { border-bottom: 1px solid; }
.news_item:nth-child(n+3) { display: none; } 

.news_block {
  background: linear-gradient(to bottom, black 0px, black 100px, white 100px, white 100%);
}

.home__news_events .view_all_desktop { display: none; }

.event_block { background-color: var(--palette-1-bg); }

.news_items {
  .view_all { background-color: var(--palette-1-bg); }
  .news_item .details {
    padding: 20px;
    border-bottom: 15px solid;
    .news_date { font-size: 20px; }
    .news_title { font-size: 26px;  margin: 10px 0; line-height: 1.2em }
    .news_body { font-size: 23px;  line-height: 1.4em }
    .more { margin: 40px 0 20px 0; }
  }
}

.event_items {
  padding: 20px;
  .event_item {
    .event_date { font-size: 32px; margin: 10px 0 10px 0;}
    .event_title { font-size: 28px; margin: 10px 0 10px 0; line-height: 1.1em; }
    .event_location {
      font-size: 24px; margin: 10px 0 5px 0;
      padding-bottom: 30px;
    }
    margin-bottom: 30px;
  }
}

.slick-items {
  .disc_item {
    .disc_band, .disc_title { font-size: 13px; }
    .disc_date { font-size: 11px; }
    .disc_info { font-size: 12px; height: 50px; overflow: hidden; display : none; }
  }
}
.disc_item img { max-width: 100%; }

section#home__about .basic_details {
  background-size: auto 70%;
  background-position: right center;
}

#home__about .stats {
  display: block;
  .stats_photo { margin: 10px 0; }
}

#home__social_feed #sb_instagram #sbi_images,
#home__social_feed #sb_instagram.sbi_col_5 #sbi_images {
  margin-bottom: 10px;
}

#home__brands ul li { width: 100%; }
#home__brands h1.accent { padding-top: 20px; }

footer {
  .social_logo_signin { padding: 50px var(--indent-mobile) 20px var(--indent-mobile); }
  .copyright { padding: 10px var(--indent-mobile) 30px var(--indent-mobile);  }
  .footer-cols { margin: 0 var(--indent-mobile); }
  .logo_signin {
    padding-top: 30px;
    .logo {
      flex: 1;
      img { width: 100%; }
    }
  }
}


body.post-type-archive {
  .top { padding: 0 var(--indent-desktop); } /* intentionally desktop */
}

body.post-type-archive-news {
  .news_item {
    display: block;
    margin-bottom: 20px;
  }
  .news_item:after {
    padding-bottom: 20px;
    display: block;
    position: relative;
    left: 0; bottom: 0;
    height: 1px;
    margin: auto;
    border-bottom: 1px solid var(--color-gold);
    width: 70%;
    content: "";
  }
}

/* START: DISCOGRAPHY PAGE */
body.post-type-archive-discography {
  .disc_featured {
    .inner-box {
      display: block;
      .thumbnail {
	height: auto;
	img { height: auto; width: 100%; }
      }
    }
  }
  .bands_content { display: block; padding-top: 0;}
  #band_photo { padding-top: 20px; }
  .band_detail {
    #band_bio { column-count: 1; }
  }
}
/* END: DISCOGRAPHY PAGE */
/* START: SINGLE DISCOGRAPHY */
body.post-type-archive-discography,
body.single-discography {
  .single_disc_details {
    flex-direction: column;
    .header { min-height: initial }
    .track_list { order: 2; }
    .about { order: 1; .music_services { margin: 30px 0 0 0; } }
    .related { order: 3; }
  }
}
body.single-discography {
  /* note above block includes shared styles */
  figure.cover {
    margin-top: 20px;
    padding: 10px;
    img { max-height: initial; width: 100%; height: auto; border: 2px solid }
  } 
}
/* END: SINGLE DISCOGRAPHY */


/* START: EVENT PAGE */
body.page-event-archive,
body.post-type-archive-event {
  .items > .event_item:nth-child(even) {
    background-color: var(--palette-1-accent);
  }
  .items {
    display: block;
    font-size: 1.3em;
    .event_item {
      .col { text-align: left ;}
      display: block;
      padding: 20px;
      .venue, .info, .tickets { border: none; display: inline-block; }
      .info a, .tickets a { padding: 5px 20px; border: 1px solid; display: inline-block; }
    }
  }
}

body.single-event {
  .post-navigation {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    .previous-post-link { flex: 1; }
    .next-post-link { flex: 1; text-align:right; }
  }
  .event_content {
    display: flex;
    flex-direction: column;
    .main {
      order: 1;
    }
    .posters { float: none; order: 2; max-width: 100%; margin: 20px 0; }
    .posters img { max-width: 100%; height: auto; border: 5px solid; }
  }
}
/* END: EVENT */


/* START: NEWS */
body.single-news {
  .post-navigation {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    .previous-post-link { flex: 1; }
    .next-post-link { flex: 1; text-align:right; }
  }
  .news_content {
    display: flex;
    flex-direction: column;
    .main {
      order: 1;
    }
    .photos figure:nth-child(1) { display: none; }
    .photos { float: none; order: 2; max-width: 100%; margin: 20px 0; }
    .photos img { max-width: 100%; height: auto; border: 5px solid; }
  }
}
/* END: NEWS */

/* START: ABOUT */
body.page-about section.palette-2 .indent_content {
  .bio_details, .bio_text {
    padding: 0 var(--indent-mobile);
  }
  .bio_text { padding-bottom: 40px; }
}
/* END: ABOUT */


/* START: MEDIA */
body.page-media {
  .items {
    .video_item {
      width: calc(50% - 10px); /* 2 per row accounting for gap */
    }
  }
}
/* END: MEDIA */

/* START: SONG INDEX */
body.post-type-archive-song {
  ul.items {
    padding: 20px; 
    columns: 2;
    column-gap: 20px;
  }
}
/* END: SONG INDEX */

/* START: SONG */
body.single-song {
  .song_notes { padding: var(--indent-mobile); }
  .top h1 { white-space: wrap; }
}
/* END: SONG */

/* START: COMMUNITY PAGE */
body.page-community {
  form {
    .email input { }
    .fname input, .lname input { }
  }
  .social-picks { text-align: center; }
}

/* END: COMMUNITY PAGE */