/* ============================================================
   Fee Structure page — table styling
   ============================================================ */

/* Halve the hero banner height on this page only (fees.css is
   only linked from Fees-structure.html, so this doesn't affect
   the page-banner-area used on other pages like Contact Us) */
.page-banner-area {
  padding-top: 75px;
  padding-bottom: 75px;
}

.page-banner-content p.intro-contact {
  color: #ffffff;
  opacity: 0.85;
  margin-top: 10px;
  margin-bottom: 0;
}

.fees-structure-area h3 {
  color: #191B4F;
  font-size: 24px;
  margin-bottom: 8px;
}

.fees-structure-area h3 i {
  color: #191B4F;
  margin-right: 8px;
}

.fees-structure-area .fees-intro {
  color: #666666;
  margin-bottom: 30px;
}

.table-fees {
  margin-bottom: 0;
}

.table-fees thead th {
  background-color: #191B4F;
  color: #ffffff;
  font-weight: 600;
  vertical-align: middle;
  border-color: #191B4F;
}

.table-fees thead th span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  opacity: 0.8;
}

.table-fees tbody td {
  vertical-align: middle;
}

.table-fees tbody tr.fee-total-row {
  background-color: #f4f6f9 !important;
  color: #191B4F;
  font-weight: 700;
}

.table-fees tbody tr.fee-total-row td {
  border-top: 2px solid #191B4F;
}