/* CSS Document */

main h1 a:hover { 
  text-decoration: none;
}

.section__navigation {
  margin-bottom: 1rem;
}

.section__navigation ul {
  display:flex;  
  list-style:none;
  gap: 1em;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.section__navigation--link {
  display: flex;
  flex: 1 0 200px;
  padding: 1rem;
  justify-content: center;
  align-self: stretch;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.section__navigation--link a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.items__container {
  /*display: flex;
  flex-wrap: wrap;
  gap: 1em;*/
  display: grid; 
  grid-template-columns: auto auto auto;
}

.items__card {
  /*flex: 1 0 30%; */
  display: flex;
  padding: 10px 5px;
  background-color: #f1f1f1;
  margin: 10px;
}

.items__card--image {
  flex-basis: 40%;
  padding: 10px;
  text-align: center;
}

.items__card--image img {
  margin-bottom: 10px;
}

.items__card--hide {
  display: none; 
}

.items__card--text {
  flex-basis: 60%; 
  padding: 10px;
  height: 100%;
  display: table;
}

.items__card--price {
  display: table-row;
  background-color: #000;
  color: #fff;
  height: 1.5rem;
  vertical-align: bottom;
}

.items__card--price p {
  padding: 10px 20px; 
  margin: 0;
}
.items__card--sold {
  color: #c3c3c3;
}

.items__card--sold .items__card--price {
  background-color: #B33535 !important;
}

.items__card--sold img {
  opacity: 0.5;
}

.section__navigation--link.active { 
  background-color: #B33535; }

  .section__navigation--link.active a {color: white;}

  .sold__card .card {
    background-color: var(--black); 
    border-radius: 0; 
  }
  
  .sold__card .card-text { 
    color: var(--white); 
    text-align: center;
  }
  
  .sold__card .card-text a {
    color: var(--light-text); 
    text-transform: uppercase; 
    font-weight: bold; 
  }
  
  .sold__card .gigCaption {
    text-transform: uppercase; 
    font-size: 1.25em;
  }
  

@media (max-width: 1198px) {
  .items__container {
    grid-template-columns: auto auto;
  }
}

@media (max-width: 798px) {
  .items__container {
    grid-template-columns: auto;
  }
}
/*

.items__container {
  background-color: #fff;
  padding: 10px 5px;
  flex-basis: 50%;
}

.items__image{
  flex-basis: 40%;
}

.items__image, 
.items__text {
  background-color: #f1f1f1;
  padding: 10px;
}

.items__text {
  flex-basis: 60%;
  padding-top: 20px;
  height: 100%;
  display: table;
}

.items__text--price {
  display: table-row;
  background-color: #000;
  color: #fff;
  height: 1.5rem;
  vertical-align: bottom;
}

.items__text--price p {
  padding: 10px 20px; 
  margin: 0;
}

/*.card--album {
 
}
*/
/*
.card--selling__container {
 align-self: stretch; 
}

.card--selling__container a {
  text-decoration: none;
  color: white; 
}

/* updated 2024 */
/*
.card--selling__contents { 
  background-color: black; 
}

.card--selling__text { 
  color: white;
  text-transform: uppercase; 
  font-size: 1em;
}

/*.card--button {

}*/
/*
.card--button__text {
  color: black;
  text-transform: uppercase;
  font-weight: bold;
}

.active.card--button {
  background-color: #B33535;
}

.active .card--button__text {
  color: white;
}
/* end updated 2024 */
/*
.albumCard .card {background-color: black; }

.card.active { background-color: #B33535; }
.card.active a { color: white;}

/* lyric styles */
/*
.lyric-notes { 
  font-size: 0.9rem;}

/* discography styles */
/*
.album .items, .single .items { 
  border-top: 1px solid #E5E5E5; 
  /*padding: 0.3rem 0;*/
/*
.album .heading {background-color: #F1F1F1;}

.album .heading, .single .heading {
  margin-bottom: 2rem;}

.single .heading {
  padding-left: 0.5rem;
}

.albumCard .card {background-color: black; }

.album .heading h2 {padding: 1.5rem 0;  }
.album .heading h2, .single .heading h3 {margin: 0; }

.album, .single {
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 2rem;}

.disco-format {
  font-size: 1.2rem; font-weight: 800; 
}

.disco-details p { margin: 0; padding: 5px 0; }
.disco-details span {color: #A2A2A2; }

sup {display: none; }

.imgContain {background-color: #F1F1F1;}

.card.active { background-color: #B33535; }
.card.active a { color: white;}
/*main.container h1 {padding: 1rem 0; background-color: aqua; }*/
/*
.promo .img {background-color: #F1F1F1; text-align: center; }
.promo .img img {max-height: 300px;}

.promo p em { font-size: 0.9rem;}

.details h2 { font-size: 3rem; padding-bottom: 1rem; color: black;}
.details h3 { font-size: 2rem; }
.details h4 { 
  padding: 1rem 0; 
  text-transform: uppercase; 
  font-weight: bold; 
}
.details-container {background-color: #F1F1F1;}

.details-container sup {display:inline;}

.details p, .details blockquote { font-size: 1.125rem}

.lyric-menu-container {background-color: #f1f1f1; }
.lyric-menu .navbar-header {width: 100%;}
.lyric-menu button {float: right; color: black;

font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 2px solid black;
    border-radius: .25rem;
}

.lyric-menu .navbar-toggler-icon {border-color: rgb(255,102,203);}


.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(179,53,53, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(179,53,53);
} 


.press-release {background-color:#fcfdf3; font-family: 'Courier Prime', monospace; padding-top: 4rem; padding-bottom: 4rem; margin-bottom: 2rem;  }


*/