/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');

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

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

/* updated 2024 */

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

.card--album__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;}

/* updated disco details card styles */
.promo--card {
  background-color: #F1F1F1;
}

.promo--image {
  /* Set the container size and create the positioning context */
  width: 100%;
  height: 400px; 
  position: relative; /* needed for absolute child */
}

.promo--image img {
  /* Scaling and Centering */
  position: absolute; /* remove from document flow */
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); /* shift back by half own size */
  /* Sizing Constraints */
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; 
}

.promo--caption {
  font-size: 0.9rem;
  text-align: center;
}

@media (min-width: 992px) and (max-width: 1676px) {
  /* Your CSS styles for tablets/mid-sized screens go here */
    .promo--image {
    height: 300px; 
  }
}
@media (max-width: 676px) {
  /* This targets 676px and everything smaller */
  .promo--image {
    height: 300px; 
  }
}

@media (max-width: 498px) {
  /* This targets 676px and everything smaller */
  .promo--image {
    height: 175px; 
  }
}
/* end updated details styling */

.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; margin-bottom: 2rem;  }