/* Change log for newHawgStyle.css */
/* 2025-12-18 7:00pm - added padding to .jumbo-center-text = padding: 0px 30px; to spread out logo from title in jumbotron*/
/* 2025-12-26 6:30am - added css rules for Archive Gateway & Decade pages */
.container {
  max-width: 1250px;
}

/* For use in Standings Page */
p2, .stat-value {
  color: red;
}

p1 {
  color: blue;
}
.cardBackground {
  background-color: #f1e5f3;

}
.goldBackground {
  background-color: #ffd700;
}
.silverBackground {
  background-color: #c0c0c0;
}
.bronzeBackground {
  background-color: #cd7f32;
}

/* --------------------------------------------- */
/*  Standardized Jumbotron Used Across All Pages */
/* --------------------------------------------- */

.jumbo-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1cdbd22e; /* same as your current light grey */
  padding-top: 3rem !important; /* nice spacing under menu */
  padding-bottom: 3rem !important;
  gap: 2rem; /* space between logo and text */
  flex-wrap: nowrap;
}
/* Hide the right-side logo on stacked/mobile layout */
@media (max-width: 992px) {
  .jumbo-flex img:last-child {
    display: none;
  }
}
/* Center block text */
.jumbo-center-text {
  max-width: 600px;
  padding: 0px 30px;
}

/* Title styling */
.jumbo-title {
  margin-bottom: 0.6rem;
  font-size: 2.25rem;
  font-weight: 600;
}

/* Subtitle styling */
.jumbo-subtitle {
  margin-top: 0.5rem;
  font-size: 1.25rem;
}

/* Logo images */
.jumbo-logo {
  width: 150px;
  height: auto;
}
/* Match original heading appearance */
.jumbo-center-text h1 {
  font-size: 2.5rem; /* Bootstrap 4 default */
  font-weight: 400; /* light, like original jumbotron */
}

.jumbo-center-text h4 {
  font-size: 1.25rem; /* match original subtitle */
  font-weight: 400;
  margin-top: 0.5rem;
}

/* -------------------------- */
/* RESPONSIVE BEHAVIOR        */
/* -------------------------- */
@media (max-width: 1200px) {
  /* When the navbar wraps to two lines, add breathing room */
  .jumbo-flex {
    padding-top: 4.2rem !important;
  }
}

@media (max-width: 992px) {
  /* Switch to stacked layout for tablets and small screens */
  .jumbo-flex {
    flex-direction: column;
    gap: 1.2rem;
    text-align: center;
  }

  .jumbo-logo {
    width: 130px;
  }
}

@media (max-width: 576px) {
  /* Mobile phones get a tighter layout */
  .jumbo-flex {
    padding-top: 5rem !important; /* accommodates collapsed menu height */
    padding-bottom: 2rem;
  }

  .jumbo-title {
    font-size: 1.75rem;
  }

  .jumbo-subtitle {
    font-size: 1rem;
  }

  .jumbo-logo {
    width: 120px;
  }
}

#specialWidth {
  width: 75%;
}
/* For use in Index Page */
/* this is for the E-board buttons */
.customButton {
  width: 224px;
  border-radius: 24px;
}
/* to center text and stop word-wrap */
.customText {
  text-align: center;
  word-wrap: normal;
}
/* to add space between buttons for e-board when resizing screen */
.customMargin {
  margin-bottom: 10px;
}
.customFooter {
  padding-left: 0.5em;
}
.centerWords {
  text-align: center;
}
.titleWords {
  color: Teal;
  text-decoration: underline;
  font-size: 1.875em;
  text-align: center;
  font-weight: bold;
}
.titleArticles {
  color: Teal;
  font-size: 1.5em;
  text-align: center;
  font-weight: bold;
}
.smTitleWords {
  color: Blue;
  font-size: 1.25em;
  text-align: center;
  font-weight: bold;
}
.officerTitles {
  color: Teal;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
}
.divConstitution {
  max-width: 900px;
  border: 25px solid teal;
  /* padding: 25px;
  margin: 25px; */
  margin: 0 auto;
    padding: 1.5rem;
}

.div2020Schedule {
  width: 100%;
  max-width: 1110px;
  margin: 1rem auto;
  padding: 1rem;
  border: 25px solid #ea4658;
  box-sizing: border-box;
}

.divSchedule {
  width: 100%;
  max-width: 1110px;
  border: 25px solid teal;
  margin: 1rem auto;
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 576px) {
    .div2020Schedule, .divSchedule, .divConstitution {
        border-width: 12px;
        padding: 15px;
    }
}

.newsletterTitles {
  font-size: 1.15em;
  color: red;
  text-decoration: underline;
}
.newsletterHalfTitles {
  font-size: 1.15em;
  color: teal;
}

/*used for table in newsletter*/
#newsletterMonthlyResultsTable {
  border-spacing: 0;
  border: 2px solid #acb0b4;
  border-radius: 10px;
  border-collapse: separate;
  padding: 0;
}
#newsletterMonthlyResultsTable th,
tr {
  text-align: center;
  padding: 13px;
}
#newsletterMonthlyResultsTable th {
  background-color: #f8f8f8;
  border-bottom: 2px solid #acb0b4;
}
#newsletterMonthlyResultsTable tr:nth-child(even) {
  background-color: #f8f4f4;
}

#monthlyBigFishWinnerTable {
  border-spacing: 0;
  border: 2px solid #acb0b4;
  border-radius: 10px;
  border-collapse: separate;
  padding: 0;
}
#monthlyBigFishWinnerTable th,
tr {
  text-align: center;
  padding: 13px;
}
#monthlyBigFishWinnerTable th {
  background-color: #f8f8f8;
  border-bottom: 2px solid #acb0b4;
}
#monthlyBigFishWinnerTable tr:nth-child(even) {
  background-color: #f8f4f4;
}

.tournamentResultsTableCSS {
  border-spacing: 0;
  border: 2px solid #acb0b4;
  border-radius: 10px;
  border-collapse: separate;
  padding: 0;
  max-width: 450px;
}
.tournamentResultsTableCSS th {
  background-color: #f8f8f8;
  border-bottom: 2px solid #acb0b4;
}
.tournamentResultsTableCSS th,
tr {
  text-align: center;
  padding: 13px;
}
.tournamentResultsTableCSS tr:nth-child(even) {
  background-color: #f8f4f4;
}

#monthlyWinnerTable {
  border-spacing: 0;
  border: 2px solid #acb0b4;
  border-radius: 10px;
  border-collapse: separate;
  padding: 0;
}
#monthlyWinnerTable th {
  background-color: #f8f8f8;
  border-bottom: 2px solid #acb0b4;
}
#monthlyWinnerTable th,
tr {
  text-align: center;
  padding: 13px;
}
#monthlyWinnerTable tr:nth-child(even) {
  background-color: #f8f4f4;
}

#newsletterTopSixTable {
  border-spacing: 0;
  border: 2px solid #acb0b4;
  border-radius: 10px;
  border-collapse: separate;
  padding: 0;
}
#newsletterTopSixTable th {
  background-color: #f8f8f8;
  border-bottom: 2px solid #acb0b4;
}
#newsletterTopSixTable tr:nth-child(even) {
  background-color: #f8f4f4;
}
#newsletterTopSixTable th,
tr {
  text-align: center;
  padding: 13px;
}

#newsletterCOA_Table {
  border-spacing: 0;
  border: 2px solid #acb0b4;
  border-radius: 10px;
  border-collapse: separate;
  padding: 0;
}
#newsletterCOA_Table th,
tr {
  text-align: center;
  padding: 13px;
}
#newsletterCOA_Table th {
  background-color: #f8f8f8;
  border-bottom: 2px solid #acb0b4;
}

#SkunkTable {
  border-spacing: 0;
  border: none;
  border-collapse: collapse;
  padding: 0;
}
#SkunkTable th,
tr {
  text-align: center;
  padding: 0px;
}
#SkunkTable th {
  background-color: transparent;
  border: none;
}
#SkunkTable td {
  border: none;
}
#goldPositionColor {
  background-color: gold;
}
#silverPositionColor {
  background-color: silver;
}
#bronzePositionColor {
  background-color: #cd7f32;
}

/* Force custom jumbotron spacing — overrides Bootstrap py-4 */
.jumbo-flex.container-fluid {
  padding-top: 4.5rem !important; /* Your preferred spacing */
  padding-bottom: 2rem !important; /* Comfortable lower spacing */
}

/* FINAL override: kill Bootstrap carets everywhere */
.dropdown-toggle::after,
.navbar .dropdown-toggle::after,
.dropdown-item.dropdown-toggle::after {
  display: none !important;
  border: none !important;
  content: "" !important;
}
/* ==========================================================
   RESTORE CARETS — TOP LEVEL NAVBAR DROPDOWNS ONLY
   ========================================================== */

.navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle::after {
  display: inline-block !important;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "" !important;
  border-top: 0.3em solid currentColor !important;
  border-right: 0.3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.3em solid transparent !important;
}