.section-header {padding: 1em 1.5em; background: #F5F0E6; color: #182B49; font-weight: bold; display: inline-block;}

#values {margin-bottom: 2em;}

#values .grid-row  {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

#values .grid-item {
  display: flex;
  flex-direction: column;
  /*border: 2px solid #182B49;*/
  background: #F5F0E6;
  border-radius: 14px;
  box-sizing: border-box;
  padding: 1.5rem;
}

@media (max-width: 992px) {
  #values .grid-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  #values .grid-row {
    grid-template-columns: 1fr;
  }
}

#values .grid-item h3 {
    padding: 0rem;
    margin: 0rem 0rem 0.75rem 0rem;
    
    display: flex;
    align-items: center; /* vertical centering */
    gap: 0.5rem;         /* space between icon and text */
}

#values .grid-item p {
  margin: 0;
}

#values svg {fill: #D462AD;}

#strategic-goals .drawer h2 {padding-top: 0em; background: #ffffff; border: 2px solid #D462AD; border-radius: 14px;}
#strategic-goals .drawer h2 a {margin: 0em; padding: 2em 1em; text-decoration: none !important; border-radius: 14px; color: #182B49;}
#strategic-goals .drawer h2 .summary-title {font-size: 1.2em; font-weight: 400; width: 80%;}

#strategic-goals .glyphicon {margin: 0em 0.5em; font-size: 1.2em;}

#strategic-goals .drawer ol li::marker {font-size: 1.4em; color: #182B49;}

#strategic-goals .drawer.light-theme > div {
    margin-top: 0.5em;
    padding: 1em;
    background-color: #F5F0E6;
    border-radius: 14px;
}

#strategic-goals .summary {font-size: 1.2em;}

.table > thead > tr > th {vertical-align: top;}

.table-highlight {border: 1px solid #182B49;}
.table-highlight > thead > tr {border-color: #182B49;}
.table-highlight > thead > tr > th {border-color: #182B49; background-color: #182B49; color: #FFCD00;}
.table-highlight > tbody > tr > th {color: #182B49;}
.table-highlight > tbody > tr > td, .table-highlight > tbody > tr > th {border-bottom: 1px solid #182B49;}

#our-committment {margin-top: 2em;}

.story-bio-pic {text-align: center; padding: 20px 1em;}
.story-bio-pic > img {margin: 0px auto; max-width: 480px; width: 100%;}