.team-profile-header {clear: both; height: 240px; background-size: cover; background-position: center bottom;}
.team-profile-top {clear:both; background: #FFF; padding-top: 30px; padding-bottom:70px;}
.team-profile-heading h2 {font-size: 50px; margin-bottom: 15px;}
.team-profile-heading h3 {color: #5296d7; margin-bottom: 30px;}
.team-profile-top-img-wrap img {width: 100%; height: auto; margin-top:10px;}
.team-profile-bio ul {padding-left: 40px; padding-top:10px;}
.team-profile-bio ul li {list-style:circle; margin-bottom: 5px;}
.team-profile-bio h3:first-child {margin-top: 0;}
.team-profile-bio h3 { border-bottom: 3px solid #5296d7; display: inline-block; margin-top: 20px; margin-bottom: 10px;}
.team-profile-heading .btn {background: #5296d7; color: #FFF; border-radius: 50px; margin-bottom: 30px; float: right; font-weight: 400; font-size: 14px;}

@media (min-width:844px) {
  .team-profile-top-img-wrap {padding-right: 25px;}
}

@media (max-width:844px) {
  .team-profile-header {max-height: 60px;}
  .team-profile-heading h2 {font-size: 30px !important;}
  .team-profile-heading h3 {font-size: 12px;}
  .team-profile-top .col {clear: both; min-width: 100%;}
  .team-profile-top-img-wrap img {margin-bottom: 30px;}
}

@media (max-width:844px) {
  .team-profile-header {padding-top: 30px !important;}
  .team-profile-header-wrap {text-align: center;}
  .team-profile-header-wrap h2 {font-size: 36px !important;}
  .team-profile-header-wrap h3 {margin-bottom: 20px;line-height: 1.5em;}
}

.team-profile-header {background-image:url(https://twinoakschristianschool.org/wp-content/uploads/2024/12/wave-2-1.jpg);}
.team-profile-header-wrap-image img {width: 100%; height: auto;}
.team-profile-headshot {width: 400px; height: 400px; background-position: center center; background-size: cover; border-radius: 50%; border: 15px solid #FFF;}
.team-profile-header-wrap-name h2 {color: #FFF; font-size: 60px; line-height: 1.3em; margin-bottom: 5px;}
.team-profile-header-wrap-name h3 {font-size: 18px; letter-spacing: 3px;}


.team-profile-section-bio {background: #FFF; clear: both; padding: 70px 0px; color: #232323;}
.team-profile-section-bio h3 { font-size: 34px; text-transform: none; line-height: 1.4em; letter-spacing: 0.005em; font-family: 'Playfair Display';  font-weight: bold; color: #1f2f45; margin-bottom: 20px;}
.team-profile-section-faq {background: #5296d7; padding: 80px 0px; clear: both;}
.team-profile-section-faq .team-profile-title {color: #FFF; border-color: #FFF;}
.team-profile-title {font-size: 19px; line-height: 25px; letter-spacing: 0.145em; font-weight: bold; text-transform: uppercase; color: #1f2f45; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 5px solid #5296d7; display: inline-block;}

.team-profile-section-quote {clear: both; padding: 90px 0px; text-align: center;}
.team-profile-section-quote h3 {color: #FFF; font-size: 34px;  text-transform: none; line-height: 1.4em; letter-spacing: 0.005em; font-family: 'Playfair Display'; font-weight: bold; margin-bottom: 0px; text-shadow: 0 0 20px rgba(0,0,0,0.5);}



@media (min-width:844px) {
    .team-profile-header .row {display: flex; align-items: center; justify-content: center;}
}
/* Accordion
================================================== */
.acc {
  margin: 0 auto;
}

.acc__card {
  margin: 0px 0px 10px 0px;
  position: relative;
}

.acc__title {
  background: transparent;
  color: #FFF;
  cursor: pointer;
  display: block;
  padding: 10px 0px;
  position: relative;
  text-align: left;
  font-size: 22px;
}
.acc__title::after {
  width: 8px;
  height: 8px;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  position: absolute;
  right: 10px;
  content: " ";
  top: 17px;
  transform: rotate(-45deg);
  transition: all 0.2s ease-in-out;
}
.acc__title.active::after {
  transform: rotate(45deg);
  transition: all 0.2s ease-in-out;
}

.acc__panel {
	border-radius: 10px;
  background: #fff;
  color: #232323;
  display: none;
  margin: 0;
  padding: 2em;
  text-align: left;
}