/* CSS Document */

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

.date-section h3 { 
  text-transform: uppercase; 
  font-size: 1.2rem; 
  margin: 1rem 0;
}

.date-section ul {
  list-style: none; 
  padding: 0;
}

.date-section ul li span {
  margin-left: 3rem; 
  color: var(--light-text); 
  display: block; 
  font-style: italic;
}

.date-section ul li.cancel {
  color: var(--light-text);
}

h2 {
  color: var(--black); 
}

.nav-tabs .nav-link.active {
  background-color: var(--off-white); 
  border-color: var(--border-gray) var(--border-gray) var(--off-white) var(--border-gray);
}

.tab-content {
  background-color: var(--off-white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--off-white) var(--border-gray) var(--border-gray) var(--border-gray);
}

.nav-item {
  text-transform: uppercase; 
  font-weight: 800;  
}

.gigCard .card {
  background-color: var(--black); 
  border-radius: 0; 
}

.gigCard .card-text { 
  color: var(--white); 
  text-align: center;
}

.gigCard .card-text a {
  color: var(--light-text); 
  text-transform: uppercase; 
  font-weight: bold; 
}

.gigCard .gigCaption {
  text-transform: uppercase; 
  font-size: 1.25em;
}

.credits { 
  font-style: italic; 
  font-size: 0.8rem;
}

.gig-stuff {
  background-color: var(--off-white);
  border: 1px solid var(--border-gray);
}

.gig-stuff img { 
  max-height: 300px;
}

.gig-stuff p {
  font-size: 0.8rem; 
  margin: 10px 0 0;
}

/* updated styles -- 2024 */

.gigography__card {
  border-radius: 0; 
}

.gigography__card--caption { 
  color: var(--white); 
  text-align: center;
}

.gigography__card--caption a {
  color: var(--light-text); 
  text-transform: uppercase; 
  font-weight: bold; 
}

.gigography__card--caption {
  text-transform: uppercase; 
  font-size: 1.25em;
}

.gigography__card--content {
  background-color: var(--black);
}

.gigography--heading {
  font-size: 2.5rem;
  padding: 1rem 0.5rem; 
}

.gigography__description{
  background-color:#fcfdf3; 
  font-family: 'Courier Prime', monospace; 
  padding: 2rem 3rem; 
  margin-bottom: 2rem; 
}

.gigography__description h3 {
  font-size: 2.5rem;
}

.gigography__description h4 {
  margin-bottom: 2rem;
}

.gigography__description--press {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.2rem;
}

.gigography__setlist {
  margin-bottom: 1.3rem;
}

.gigography__setlist .nav-item {
  text-transform: uppercase; 
  font-weight: 800;  
  font-size: 1.4rem
}

.gigography__setlist--album, 
.gigography__setlist--standard {
  font-size: 1rem;
  font-family: 'Courier Prime', monospace; 
}

.gigography__dates {
  margin-left: 0.125rem;
}

.gigography__dates li {
  font-family: 'Courier Prime', monospace; 
}

.gigography__dates h3 { 
  text-transform: uppercase; 
  font-size: 1.4rem; 
  margin: 1rem 0;
}

.gigography__dates ul {
  list-style: none; 
  padding: 0;
}

.gigography__dates span {
  margin-left: 2.3rem; 
  color: var(--light-text); 
  display: block; 
  font-style: italic;
  font-size: 0.9rem;
}

.gigography__dates--cancel,
.gigography__dates--strike {
  color: var(--light-text);
}

.gigography__dates--strike {
  text-decoration: line-through;
}

.gigography__images--thumbnail {
  background-color: var(--off-white);
  border: 1px solid var(--border-gray);
}

.gigography__images--thumbnail img { 
  max-height: 300px;
}

.gigography__images--thumbnail p {
  font-size: 0.8rem; 
  margin: 10px 0 0;
}