/* ===== Page Banner ===== */
.page-banner{
  position:relative;
  min-height:260px;
  padding:1.25rem 0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  background:linear-gradient(rgba(14,42,30,.82), rgba(14,42,30,.78)),
    url('../img/page-banner-generic.jpg') center/cover no-repeat;
}
.page-banner-team{
  background:linear-gradient(rgba(14,42,30,.6), rgba(14,42,30,.6)),
    url('../img/team-banner.jpg') center/cover no-repeat;
}
.page-banner h1{
  font-size:2.6rem;
  font-weight:700;
  margin-bottom:.6rem;
}
.page-banner .underline{
  width:70px;
  height:3px;
  background:var(--rhc-gold);
  margin:0 auto;
}

/* ===== Section headings ===== */
.section-title{
  text-align:center;
  margin-bottom:1.25rem;
}
.section-title h2{
  color:var(--rhc-green);
  font-weight:700;
}
.section-title .underline{
  width:60px;
  height:3px;
  background:var(--rhc-gold);
  margin:.6rem auto 0;
}

section{
  padding:3rem 0;
}
.bg-cream{
  background:var(--rhc-cream);
}

/* ===== Intro text ===== */
.intro-text{
  max-width:820px;
  margin:0 auto 3rem;
  text-align:center;
}

/* ===== Team Cards ===== */
.team-card{
  border:1px solid #dfe6e0;
  border-radius:8px;
  padding:2.2rem 1.6rem;
  text-align:center;
  height:100%;
  background:#fff;
  transition:.25s;
}
.team-card:hover{
  border-color:var(--rhc-gold);
  box-shadow:0 10px 30px rgba(14,42,30,.1);
  transform:translateY(-4px);
}
.team-card img{
  width:130px;
  height:130px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  margin:0 auto 1.2rem;
  border:4px solid var(--rhc-cream);
}
.team-card h5{
  font-weight:700;
  margin-bottom:.2rem;
  color:var(--rhc-green);
}
.team-card .role{
  display:block;
  color:var(--rhc-gold);
  font-weight:600;
  font-size:.85rem;
  margin-bottom:1rem;
}
.team-card p{
  font-size:.88rem;
  color:var(--rhc-text);
  margin-bottom:0;
}
.team-card .avatar-placeholder{
  width:130px;
  height:130px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 1.2rem;
  border:4px solid var(--rhc-cream);
  background:var(--rhc-green);
}
.team-card .avatar-placeholder i{
  font-size:3.2rem;
  color:var(--rhc-gold-soft);
}

/* ===== MD Message ===== */
.md-message-banner{
  position:relative;
  min-height:220px;
  display:flex;
  align-items:center;
  color:#fff;
  background:linear-gradient(rgba(14,42,30,.55), rgba(14,42,30,.4)),
    url('../img/team-md-message.jpg') center/cover no-repeat;
}
.md-message-banner h2{
  font-weight:700;
  font-size:2rem;
}
.md-letter{
  max-width:900px;
  margin:0 auto;
  background:#fff;
  border:1px solid #e2ded0;
  border-radius:8px;
  padding:2.5rem;
}
.md-letter p{
  color:var(--rhc-text);
  margin-bottom:1rem;
}
.md-letter p:last-child{
  margin-bottom:0;
}

@media(max-width:767px){
  .page-banner h1{
    font-size:1.9rem;
  }
  .page-banner{
    min-height:200px;
  }
  section{
    padding:3rem 0;
  }
  .topbar{text-align:center;}
  .topbar .col-md-6{margin-bottom:.3rem;}
  .md-message-banner{
    min-height:160px;
  }
  .md-message-banner h2{
    font-size:1.4rem;
  }
  .md-letter{
    padding:1.6rem;
  }
}