#header .logo img { max-height: 60px;}
.bg-aumaroon{background-color: #660000;}
.bg-aublue{background-color: rgb(61 94 143);}
.text-maroon {color: #660000;}
.text-aublue {color: #3d5e8f;}

/* Custom blue background utility */
.bg-btnaccord {
  background-color: rgb(61, 94, 143) !important;
  color: #fff !important;
}

.contact p {
    font-size: 16px !important;
}

#programs .badge {font-size: 1rem;}

/* Default: mobile view (auto height) */
.member-info {
  min-height: auto;
}

/* Desktop view: min-height 183px */
@media (min-width: 992px) {
  .member-info {
    min-height: 183px;
  }
}


/* Accordion button styling */
.accordion-button.bg-btnaccord {
  background-color: rgb(61, 94, 143);
  color: #fff;
  box-shadow: none;
  border: none;
}

/* Hover and active states */
.accordion-button.bg-btnaccord:hover,
.accordion-button.bg-btnaccord:focus,
.accordion-button.bg-btnaccord:not(.collapsed) {
  background-color: rgb(61, 94, 143);
  color: #fff;
  box-shadow: none;
}

/* Optional: remove default Bootstrap background on open */
.accordion-button:not(.collapsed) {
  background-color: rgb(61, 94, 143);
  color: #fff;
  box-shadow: none;
}

/* Accordion body for color contrast */
.accordion-body {
  background-color: #f9f9f9;
  color: #333;
}



.icon-box {
    width: 70px;
    height: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

/* Leadership Section Styling */
.leadership {
  padding: 60px 0;
}

.leadership h2 {
  font-weight: 700;
  text-transform: uppercase;
  color: #fff; /* white text for maroon background */
  margin-bottom: 30px;
}

.leadership img {
  border-radius: 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 3px solid #fff; /* adds clean separation on dark background */
}

.leadership img:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.2);
}
  #leadership .leader-photo { max-width: 220px; }
  #leadership .accordion-button { padding-top: 1rem; padding-bottom: 1rem; }
  
/* Default (Desktop & larger) */
.hero_txt {
  margin-top: -55%;
}

/* Mobile view (below 768px) */
@media (max-width: 767.98px) {
  .hero_txt {
    margin-top: 0;
  }
}