body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #27313a;
  color: #fff;
  line-height: 1.5;
}
.container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  padding: 1rem 0;
}
section {
  padding: 2rem 0;
}
header img,
.banner {
  width: 100%;
  display: block;
  margin-bottom: 1rem;
}
.centered-text {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 1.25rem;
}
h1 {
  font-size: 2rem;
  margin: 1rem 0 0.5rem;
}
p {
  margin: 0.5rem 0 1.5rem;
}
.classic-buttons,
.merch-section .jerseys {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

/* MINECRAFT */
.minecraft-section {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.minecraft-section img {
}
.minecraft-info {
  flex: 1 1 300px;
}
.minecraft-info h1 {
  margin: 0;
  font-size: 1.75rem;
}
.minecraft-section {
  flex-direction: column;    /* stack banner ↑ text */
  align-items: center;       /* center them horizontally */
  gap: 1rem;                 /* adjust spacing as you like */
}


/* MERCH */
.merch-section .jerseys img {
  max-width: 300px;
  width: 100%;
  display: block;
}
.merch-cta {
  text-align: center;
  margin-top: 1rem;
}
.merch-cta strong {
  display: block;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
a {
  color: #99cc00;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


/* ========== Org Chart ========== */
.wow-classic-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.org-section {
  flex: 1;
  min-width: 300px;
  margin-top: 2rem;
}
.org-section h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.5em;
  color: #ffffff;
  margin-bottom: 1rem;
}

/* ========== Teams Grid ========== */
.team-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 0.5rem;
}
.team-block {
  /* background-color: #2a2a2a; */
  transition: background-color 0.2s ease-in-out;
  box-shadow: none;       /* explicitly kill any shadow */
  border: none;           /* explicitly kill any border */
}
.team-block:hover {
  background-color: #4b5057;
}
.lead-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
}
.lead-line img {
}
.team-lead {
  font-weight: bold;
}
.team-info-block {
  font-size: 0.8em;
  color: #99aab5;
}
.team-assists {
  /* display: none;  /* hide assists if you want */
  font-size: 0.8em;
}

.team-header-text {
  color: #ffffff;
}


/*** START ASSISTS ***/


/* Ensure the parent has a relative position */
p.lead-line {
  position: relative;
  display: inline-block; /* Helps contain the hover effect */
}

/* Styling for the pop-up "lightbox" effect, hidden by default, with a dark background */
.team-assists {
  display: none;
  position: absolute;
  top: 50%; /* Position the top edge at the vertical center of the parent */
  left: 50%; /* Position the left edge at the horizontal center of the parent */
  transform: translate(-50%, -50%); /* This moves the pop-up back by half its own width and height, effectively centering it */
  width: 100%; /* Makes the width of the pop-up the same as the parent element */
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  z-index: 20;
  color: #fff;
  text-align: center;
}

/* Show the pop-up on hover */
p.lead-line:hover .team-assists {
  display: block;
}


/*** END ASSISTS ***/

/* ========== Team-Color Overrides ========== */
.team-block.black   .team-lead { color: #ffffff; }
.team-block.blue    .team-lead { color: #0000ff; }
.team-block.emerald .team-lead { color: #00674f; }
.team-block.grey    .team-lead { color: #b5bac1; }
.team-block.orange  .team-lead { color: #ffa500; }
.team-block.pink    .team-lead { color: #ff6ec7; }
.team-block.purple  .team-lead { color: #8000cc; }
.team-block.red     .team-lead { color: #ff0000; }
.team-block.teal    .team-lead { color: #018080; }
.team-block.yellow  .team-lead { color: #fbff0d; }
.team-block.amethyst .team-lead { color: #a88bbd; }
.team-block.aster    .team-lead { color: #b42265; }
.team-block.fig      .team-lead { color: #6b4c7d; }
.team-block.grape    .team-lead { color: #bdb1d6; }
.team-block.indigo   .team-lead { color: #cacae0; }
.team-block.orchid   .team-lead { color: #ad5691; }
.team-block.wine     .team-lead { color: #722f37; }

/* ========== Utility Buttons / Images ========== */
a { color: #99cc00; }
img { max-width: 100%; height: auto; display: block; }

/* ========== Responsive ========== */
@media (max-width: 768px) {
  .container, .orgchart-section { width: 95%; }
  .wow-classic-container { flex-direction: column; }
}

/* ── Classic buttons side-by-side ─────────────────────────── */
.classic-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

/* ── Merch jerseys side-by-side (text below) ─────────────── */
.merch-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

/* each jersey image takes up to 40% of the row */
.merch-section > img {
  flex: 0 1 40%;
  max-width: 40%;
  height: auto;
}

/* force the “Buy some merch!” text down below */
.merch-section .merch-text {
  flex-basis: 100%;
  text-align: center;
  margin-top: 1rem;
}

header.section img {
	text-align: center;
	margin: auto;
}

.wow-section-text img {
	width: 100% !important;
}

/* ========== Lead-Line Vertical Layout ========== */
.lead-line {
  display: flex;
  flex-direction: column;
  /* align-items: flex-start; */
  text-align: center;
}
.lead-line img {
  display: block;
  margin-bottom: 0.5rem;
}
.team-header-text {
  display: block;
  margin-bottom: 0.25rem;
}
.team-info-block {
  margin-top: 0;
}

.team-block {
  display: flex;
  flex-direction: column;
  align-items: center;    /* center children horizontally */
  text-align: center;     /* center any inline text */
}
.lead-line img {
  /* ensure the banner/image itself is centered as a block */
  margin: 0 auto;
}

.classic-section blockquote {
  padding: 0px; 
  margin: 0px; 
}
.classic-section blockquote p {
  color: #fef31e;
  font-size: 1em;
  margin: 0px;
  padding: 0px;
}

.wow-section blockquote {
  padding: 0px; 
  margin: 0px; 
}
.wow-section blockquote p {
  color: #048ab0;
  font-size: 1em;
  margin: 0px;
  padding: 0px;
}

.leadership-section blockquote {
  padding: 0px; 
  margin: 0px; 
}
.leadership-section blockquote p {
  font-size: 1em;
  margin: 0px;
  padding: 0px;
}

strong.chairmen-list {
	color: #99cc00;
}
strong.xos-list {
	color: #33cc00;
}
strong.sos-list {
	color: #00cc99;
}