/**
Custom styles for Who We Are

Global styles are already loaded via frontend-singular.css
*/

.page-id-48 .inside-hero-text-container {
  margin-top: 43rem;
}

.page-id-48 #inside-hero {
  background-position: top !important;
}

#mission-vision-section {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

#mission-vision-section .row-1 {
  margin-top: 4rem;
}

#mission-vision-section .vandb-box {
  padding: 4rem;
  border-radius: 1.5rem;
  width: 48%;
  margin-right: 2rem;
}

#mission-vision-section .vc_column-inner {
  padding: 0;
}

#mission-vision-section .vandb-box h3 {
  color: white;
  margin-top: 4rem;
}

.values-box-1,
.values-box-2,
.values-box-3 {
  margin-top: 3rem;
  border-radius: 1.5rem;
}

.values-box-1,
.values-box-2,
.values-box-3 {
  width: 37rem;
  margin-right: 3rem;
  padding-top: 2rem;
}

.values-box-1 {
  background-color: #0088d0;
}

.values-box-3 {
  background-color: #2db04a;
}

.values-box-2 {
  background-color: #153a63;
}

.values-box-1 h3,
.values-box-2 h3,
.values-box-3 h3 {
  color: white;
}

#benefits-of-accreditation
  .vc_icon_element.vc_icon_element-outer
  .vc_icon_element-inner {
  margin-top: 2.5rem;
}

#mission-vision-section .vandb-box-1 {
  background-color: #2db04a;
}

#mission-vision-section .vandb-box-1 p,
#mission-vision-section .vandb-box-2 p {
  color: white;
}

#mission-vision-section .vandb-box-2 {
  background-color: #0088d0;
}

#mission-vision-section .hand-icon img {
  width: 6rem;
  margin-top: 1rem;
  margin-left: 10rem;
}

#strategic-obj-section {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

#strategic-obj-section p {
  color: white;
}

#strategic-obj-section h2 {
  color: white;
}

#strategic-obj-section h3 {
  color: white;
}

#strategic-obj-section .obj-box-1,
.obj-box-3 {
  background-color: #e8faff;
  border: solid 2px #e7f9ff;
  border-radius: 15px;
}

#strategic-obj-section .obj-box-1 h3 {
  color: #153a63;
}

#strategic-obj-section .obj-box-3 h3 {
  color: #153a63;
}

#strategic-obj-section .obj-box-2,
.obj-box-4 {
  border: solid 2px #e7f9ff;
  border-radius: 15px;
}

#strategic-obj-section .obj-box-1 p {
  color: #153a63;
}

#strategic-obj-section .obj-box-3 p {
  color: #153a63;
}

#strategic-obj-section .obj-box {
  width: 30rem;
  margin-right: 1rem;
  padding: 2.5rem;
}

/* Board members section styles -------------------------------------*/

#board-members {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.board-members-box {
  border: solid 1px rgba(0, 0, 0, 0.1);
  width: 270px;
  margin-right: 3rem;
  margin-top: 3rem;
  border-radius: 2rem;
}

#comittee-members figure {
  border-radius: 2rem;
}

.board-members-box a {
  font-family: 'Kanit semi-bold';
  text-transform: capitalize;
  font-size: 1.17em;
  color: #153a63;
  text-decoration: none !important;
  font-size: 1.5em;
}

.board-members-box h5 {
  color: #2db04a;
}

.awsm-personal-info span {
  color: #2db04a;
  font-weight: bold;
  font-family: 'Kanit semi-bold';
}

.board-members-box h5 {
  text-transform: uppercase;
  font-size: 0.815em;
  font-weight: 200;
  margin-top: -2rem;
}

.board-members-box img {
  border-radius: 20rem;
}

.board-members-box h6 {
  font-size: 1.6rem;
}

.awsm-filter-btn {
  font-size: 1.5rem;
  font-family: 'Kanit semi-bold';
  color: #153a63;
}

#admin-members .admin-member-panel {
  border: solid 1px rgba(0, 0, 0, 0.1);
  margin-top: 3rem;
  border-radius: 2rem;
}

#admin-members {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

#admin-members a {
  text-decoration: none;
}

.admin-member-panel h4 {
  font-size: 1.25em;
  font-weight: 200;
  margin-top: -2rem;
  text-transform: capitalize;
}

.admin-member-panel a {
  color: #153a63;
}

.admin-member-panel h5 {
  text-transform: uppercase;
  font-size: 0.815em;
  font-weight: 200;
  margin-top: -2rem;
  color: #2db04a;
}

.admin-member-panel img {
  border-radius: 20rem;
}

@media (max-width: 915px) {
  .page-id-48 .inside-hero-text-container {
    margin-top: 8rem;
    color: white;
    background: rgba(21, 58, 99, 0.38);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
  }

  .page-id-48 .inside-hero-text-container h1 {
    color: white;
  }

  #mission-vision-section {
    margin-top: 0;
  }

  #mission-vision-section .vandb-box h3 {
    font-size: 2.5rem;
  }

  #mission-vision-section .vandb-box p {
    margin-top: -3rem;
  }

  #mission-vision-section .vandb-box {
    width: 94vw;
    margin-bottom: 4rem;
    margin-right: 0;
    padding: 3rem;
  }

  #mission-vision-section .hand-icon {
    display: none;
  }

  #mission-vision-section .mission-box {
    margin-top: 2rem;
  }

  #mission-vision-section .vision-box .wpb_wrapper,
  #mission-vision-section .mission-box .wpb_wrapper {
    padding: 1rem;
  }

  #mission-vision-section h3,
  #strategic-obj-section h3 {
    font-size: 2rem;
  }

  #strategic-obj-section .obj-box {
    margin-left: 2rem;
    width: 90vw;
    margin-bottom: 2rem;
    padding-top: 4rem;
  }

  .board-members-box {
    margin-right: 0;
    width: 100%;
  }

  .values-row {
    margin-top: -3rem;
  }

  .values-box-1,
  .values-box-2,
  .values-box-3 {
    width: 35rem;
  }

  .values-box-1 h3,
  .values-box-2 h3,
  .values-box-3 h3 {
    font-size: 2.5rem !important;
  }

  .board-profile-img {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1230px) {
  .page-id-48 .inside-hero-text-container {
    margin-top: 2rem;
  }

  #mission-vision-section .vandb-box {
    width: 43vw;
    margin-right: 2rem;
  }

  .values-box-1,
  .values-box-2,
  .values-box-3 {
    width: 89vw;
  }

  #mission-vision-section {
    padding-left: 4rem;
  }

  #strategic-obj-section .obj-box {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  #mission-vision-section .vandb-box p {
    margin-top: 0;
  }
}