/* About Page Styles */

/* Advisory Member Card */
.advisory-card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  height: 300px;
}

.advisory-card-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Gradient Overlay - positioned at bottom left, 50% width and height */
.advisory-card-gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(25deg, #002D5C 0%, rgba(255,255,255,0) 50%);
  z-index: 1;
}

/* Text Overlay */
.advisory-card-text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.5rem;
  z-index: 2;
  color: white;
}

.advisory-card-title {
  font-size: 1.7rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.advisory-card-name {
  font-size: 1.9rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  letter-spacing: 1px;
}

.advisory-card-job {
  font-size: 1.5rem;
  font-weight: 400;
  opacity: 0.95;
}

/* Hide ::before and ::after pseudo-elements for odd-numbered sections */
.about-page section:nth-of-type(odd) .section-title::before,
.about-page section:nth-of-type(odd) .section-title .subtitle::after,
.about-page section:nth-of-type(odd) .section-title h2::before,
.about-page section:nth-of-type(odd) .section-title h2::after {
  display: none;
}

/* Additionally hide for the 4th section specifically */
.about-page section:nth-of-type(4) .section-title::before,
.about-page section:nth-of-type(4) .section-title .subtitle::after,
.about-page section:nth-of-type(4) .section-title h2::before,
.about-page section:nth-of-type(4) .section-title h2::after {
  display: none;
}

/* Mobile Responsiveness - Center align text */
@media (max-width: 768px) {
  /* Director Section - Center align text on mobile */
  .about-director-section .col-lg-8,
  .about-director-section .col-md-7 {
    text-align: center !important;
  }
  
  .about-director-section .col-lg-8 p,
  .about-director-section .col-md-7 p,
  .about-director-section .col-lg-8 h3,
  .about-director-section .col-md-7 h3 {
    text-align: center !important;
  }
  
  /* Advisory Section - Center align card text on mobile */
  .about-advisory-section .advisory-card-text {
    text-align: center !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 90% !important;
  }
  
  .about-advisory-section .advisory-card-title,
  .about-advisory-section .advisory-card-name,
  .about-advisory-section .advisory-card-job {
    text-align: center !important;
  }
  
  /* Advisory Section - Center align description paragraph on mobile */
  .about-advisory-section .row.justify-content-center > div {
    text-align: center !important;
  }
  
  .about-advisory-section .row.justify-content-center > div > div {
    border-left: none !important;
    border-top: 4px solid #0066CC !important;
    padding-left: 0 !important;
    padding-top: 1.5rem !important;
    text-align: center !important;
  }
  
  .about-advisory-section .row.justify-content-center > div > div > p {
    text-align: center !important;
  }
}