/* ===============================
   Modern Company Page Styles (Refined)
   =============================== */

body.company-page {
  background: #e2eded;
  color: #173344;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 1.08em;
  line-height: 1.7;
}

/* --- Company Section Card (Less Bulky) --- */


/* --- Clickable H2 Toggle with Arrow (Corrected Direction) --- */
.company-section h2 {
  position: relative;
  color: #173344;
  font-size: 1.09em;

  font-weight: 700;
  padding: 0.85em 0.8em 0.85em 0.8em;
  margin:0;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  border: 1px solid #173344;
  border-width:2px 0 0 0;
  z-index: 2;
}
.company-section h2::after {
  content: '\25BC'; /* ▼ down triangle */
  margin-left: auto;
  font-size: 1.5em;
  color: #85ad86;
  transition: transform 0.35s cubic-bezier(.68,-0.55,.27,1.55), color 0.3s;
  will-change: transform;
  display: inline-block;
  line-height: 1;
}
.company-section h2.h2--active::after {
  content: '\25B6'; /* ▶ right triangle */
  color: #173344;
}
.wp-block-button{
  padding-top: 2em;
}
.company-section h2.last {
  border-width:2px 0 2px 0;
}
@media (max-width: 700px) {
  .company-section h2::after {
    content: '\25B6'; /* ▶ right triangle */
    font-size: 1.5em;
    transform: rotate(0deg);
  }
  .company-section h2.h2--active::after {
    content: '\25BC'; /* ▼ down triangle */
    color: #173344;
  }
}

/* --- Hide_it (hidden content) --- */
.hide_it { display: none; }

/* --- RESET: Clean, Contained 3D Flip Animation --- */
.display_section {
  perspective: 1200px;
  transform-style: preserve-3d;
  position: relative;
  min-height: 70px;
  padding: 1.1em 1.2em;
  border-radius: 1em;
  background: #B6C3C7;

  border: 1px solid rgba(133,173,134,0.12);
  font-size: 1em;
  color: #173344;
  font-family: inherit;
  transition: box-shadow 0.25s, background 0.25s, border-color 0.25s;
  overflow: hidden;
  width: 100%;
  margin: 0;
}
.display_section__flipping-out {
  animation: flipOutSimple 0.5s cubic-bezier(.77,0,.18,1) both;
}
.display_section__flipping-in {
  animation: flipInSimple 0.5s cubic-bezier(.77,0,.18,1) both;
}
@keyframes flipOutSimple {
  from {
    transform: rotateY(0deg);
    opacity: 1;
  }
  to {
    transform: rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipInSimple {
  from {
    transform: rotateY(-90deg);
    opacity: 0;
  }
  to {
    transform: rotateY(0deg);
    opacity: 1;
  }
}
@media (max-width: 700px) {
  .display_section {
    max-width: 98vw;
    padding: 0.7em 0.7em;
    font-size: 0.97em;
  }
}

/* --- Info Section List Checkboxes --- */
.display_section ul {
  list-style: none;
  padding-left: 1.1em;
  margin: 0.7em 0 1.2em 0;
}
.display_section li {
  position: relative;
  margin-bottom: 0.7em;
  padding-left: 1.6em;
  font-weight: 500;
}
.display_section li::before {
  content: '\2713'; /* ✓ Unicode checkmark */
  position: absolute;
  left: 0;
  top: 0.1em;
  color: #85ad86;
  font-size: 1.1em;
  line-height: 1;
}

/* --- Content Styles --- */
.company-section p, .company-section ul, .company-section li {
  color: #173344;
  font-size: 1em;
  line-height: 1.7;
  margin-bottom: 0.7em;
}
 ul {
  list-style: none;
  padding-left: 1.1em;
  margin: 0.7em 0 1.2em 0;
}
.company-section li {
  margin-bottom: 0.4em;
  font-weight: 500;
  position: relative;
}
.company-section li::before {
  content: '';
}
.company-section h3, .company-section h4 {
  color: #173344;
  margin-top: 0.7em;
  margin-bottom: 0.3em;
  font-weight: 600;
}

/* --- Responsive --- */
@media (max-width: 700px) {
  .company-section {
    font-size: 0.97em;
  }
}

/* Our team section */

#our_team{
  margin-top: 50px;


  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow:auto;

  display: flex;
  flex-direction: column;
  align-items: center;
}
.fullwidth_container{
  max-width:80%;
  margin-left: auto;
  margin-right: auto;

}
#people{

  margin-top: 50px;

}
figure.curved img{
  border-radius: 20px;
}
#our_team h3{


  font-size:35px;
  font-weight: 600;

  margin:0;
  text-align:center;
  text-decoration: none;
  width:fit-content;
  margin-left: auto;
  margin-right: auto;

  margin-bottom:20px;
}
#people h3{
  padding-top:5px;
  padding-bottom:0;
  color: #0a4b78;
  font-size: 1em;
  font-weight: 600;
  margin:0;
  text-align:left;
  text-decoration: none;
  border:0;
}
.people_list{
  margin-bottom:100px;
}
.people_list p{
    font-style:italic;
}
.people_list p{
    font-style:italic;
}
#our_team h3 a{
    color:#000000;
}

#content,
article.post, article.page{
  padding-bottom:0;
  margin-bottom: 0;
}
.page-masthead {
  width:100%;
  background-position:center bottom;

}