/* CSS Document */

.section-buttons { 
  text-transform: uppercase;}

.card a {
  color: black; 
  font-weight: bold; 
  font-size: 1.125rem;  }

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

.card.active a { 
  color: white; 
  font-weight: normal;}

.circular { 
  padding: 20px 20px 5px;
  margin-bottom: 1rem;

}

.circular:nth-child(odd) {

  background-color: rgb(231, 231, 231);
}

.circular h3 { font-size: 1.8rem;}
.circular p {font-size: 1.1rem;}
.circ-image p {
 text-align: center; 
 margin-top: 10px;
}
.circ-details {
  padding-top: 0;
}

.circ-details img {
  margin-bottom: 15px;
}
/*


.album-header { background-color: #E7E7E7; 
  padding: 1rem 0; 
  margin-bottom: 1rem; }

.header-date h2, .header-date h3 { 
  text-align: center; }

.header-date h2 {
  border-bottom: 1px solid #A2A2A2; 
  font-size: 3rem; }

.header-date h3 { 
  text-transform: uppercase; 
  padding: 1rem 0; }

.album-sub {
  margin-bottom: 1rem; }

.album-sub .header-date h2, .album-sub .header-date h3 {
  font-weight: 800; }

.album-sub .header-date h2 {
  font-size: 1.4rem; 
  padding: 0.1rem 0 0.5rem;margin: 0; }

.album-sub .header-date h3 {
  font-size: 1.3rem; 
  padding: 0.1rem; margin: 0.5rem 0 0; }

.album-sub .release-details h2 {
  font-size: 1rem; 
  font-weight: 800; 
  margin: 0; padding-top: 0; 
  /*padding: 0.4rem 0 0.2rem 0;*/ 
/*}

.album-sub .release-details p {margin: 0; }

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.coverImage {background-color: black; color: #C7C6C6;}
.coverImage.wanted {background-color: #DCDCDC; color: #434343;}
.coverImage strong {color: #D0D0D0;}
.coverImage.wanted strong {color: #292929;}

.coverImage.wanted img {opacity: 0.7; }

.wanted-msg {background-color: red; color: white; text-align: center; padding: 30px 30px 20px; margin: 0 40px 30px; font-size: 1.15rem}

.wanted-msg a {color: #000000; font-weight: bold;}
h2.mag-head {background-color: #DCDCDC; color: black; text-align: center; padding: 14px 0 10px; font-size: 2rem; margin-bottom: 30px;}

@media screen and (max-width: 480px) {
	main h1 {font-size: 1rem;}
}
/* Large devices (laptops/desktops, 992px and up) */
/*@media screen and (max-width: 992px) {
  
  
  
  
}*/