.department-module-container {
  display: flex;
  flex-direction: row;
  padding: 15px;
  margin: auto;
  justify-content: space-between;
  align-items: center;
  max-width: 85%;
}

.department-module-title h3 { margin-bottom: 12px; }

.department-module-container .team-subtitle {
  padding-bottom: 3rem;
}

.department-module-container .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}

.department-module-container .col {
  display: flex;
  flex-direction: column;
}

.department-module-container .column-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 20%;
  text-align: right;
  align-self: stretch;
  
}

.department-module-container .column-right {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  max-width: 78%;
  flex: 1 0 0;
}

.department-module-container b {
  color: var(--green);
}

.department-module-container .team-member-container {
  position: relative;
  color: white;
  width: 120px;
  height: 120px;
  box-shadow: -3px 6px 5px #00000036;
  transition-duration: 150ms;
  border: 1px solid var(--light-border);
  border-radius: 5px;
}

.department-module-container .team-member-container:hover {
  transform: scale(1.05);
  cursor: pointer;
  box-shadow: -3px 7px 6px #00000036;
  transition-duration: 150ms;
}
body.dark-theme .department-module-container .team-member-container:hover {
  transform: scale(1.05);
  cursor: pointer;
  box-shadow: 0 0 10px lightgray;
  border-radius: 5px;
  transition-duration: 150ms;
}

.department-module-container .team-member-container p {
  letter-spacing: .01rem;
  line-height: 130%;
  margin: 0px;

}

.department-module-container .member-image {
  width: 100%;
  height: 100%;
  object-fit:cover; 
  border-radius: 5px;
}

.department-module-container .bottom-left {
  position: absolute;
  bottom: 0px;
  padding: 8px;
  border-top-right-radius: 3px;
  text-align: left;
  text-shadow: 0px 0px 4px rgba(0,0,0,1);
}

.department-module-container .team-member-container img { filter: brightness(.85); }
.department-module-container .team-member-container:hover img { filter: brightness(1); }



.department-module-container .member-name {
  color: white;
  font-weight: bold;
  font-size: 10px;
}

.department-module-container .member-role {
  color: white;
  font-size: 9px;
  font-style: italic;
}

.department-module-container .department-module-title {
  margin-right: 15px;
}

.department-module-container .department-module-description {
  margin-right: 15px;
}


.department-module-container h3.PPC {
  color:var(--blue);
}

.department-module-container .column-left.PPC {
  border-right: solid var(--blue) 4px;
}

.department-module-container .column-left.SEO {
  border-right: solid var(--green) 4px;
}
.department-module-container h3.SEO {
  color:var(--green);
}


body.light-theme .department-module-container h3.Leadership {
  color:var(--navy);
}
body.dark-theme .department-module-container h3.Leadership {
  color: #C9CEE4;
}

body.light-theme .department-module-container .column-left.Leadership {
  border-right: solid var(--navy) 4px;
}
body.dark-theme .department-module-container .column-left.Leadership {
  border-right: solid #C9CEE4 4px;
}

.department-module-container h3.Support {
  color:var(--bg-gold);
}

body.light-theme .department-module-container h3.Support, body.light-theme .department-module-container h3.Business {
  filter: brightness(.9);
}

.department-module-container .column-left.Support {
  border-right: solid var(--bg-gold) 4px;
}

.department-module-container h3.Business {
   color: #BE9C84;
}

.department-module-container .column-left.Business {
  border-right: solid #BE9C84 4px;
}

body.light-theme .department-module-container h3.Operations {
  color: var(--neutral-700);
}
body.dark-theme .department-module-container h3.Operations {
  color: var(--neutral-300);
}

body.light-theme .department-module-container .column-left.Operations {
  border-right: solid var(--neutral-700) 4px;
}
body.dark-theme .department-module-container .column-left.Operations {
  border-right: solid var(--neutral-300) 4px;
}

@media (max-width: 1400px) {
  .department-module-container {
    max-width: 100%
  }
}
@media (max-width: 1135px) {
  .department-module-container .column-left {
    max-width: 30%;
  }
  
  .department-module-container .column-right {
    max-width: 68%;
  }
}
@media (max-width: 900px) {
  .department-module-title h3 {
    margin-bottom: 0px;
  }
  .department-module-container {
    flex-direction: column;
    max-width: 100%;
    margin-bottom: 2rem;
  }

  .department-module-container .column-left {
    max-width: 100%;
    text-align: center;
  }

  .department-module-container .column-right {
    max-width: 100%;
  }

  .department-module-container .department-module-description p.desc { margin: 8px 0; }
  .department-module-container .department-module-description { margin: 0;}

  .column-left {
    border-right: none !important;
  }

  .department-module-container .column-left.PPC .bot-border{
    border-bottom: solid var(--blue) 4px;
    width: 70%;
    margin-bottom: 30px;
    align-self:center;
  }
  
  .department-module-container .column-left.SEO .bot-border {
    border-bottom: solid var(--green) 4px;
    width: 70%;
    margin-bottom: 30px;
    align-self:center;
  }
  body.light-theme .department-module-container .column-left.Leadership .bot-border {
    border-bottom: solid var(--navy) 4px;
    width: 70%;
    margin-bottom: 30px;
    align-self:center;
  }
  body.dark-theme .department-module-container .column-left.Leadership .bot-border {
    border-bottom: solid #C9CEE4 4px;
    width: 70%;
    margin-bottom: 30px;
    align-self:center;
  }
  .department-module-container .column-left.Support .bot-border {
    border-bottom: solid var(--bg-gold) 4px;
    width: 70%;
    margin-bottom: 30px;
    align-self:center;
  }
  .department-module-container .column-left.Business .bot-border {
    border-bottom: solid #BE9C84 4px;
    width: 70%;
    margin-bottom: 30px;
    align-self:center;
  }  
  body.light-theme .department-module-container .column-left.Operations .bot-border {
    border-bottom: solid var(--neutral-700) 4px;
    width: 70%;
    margin-bottom: 30px;
    align-self:center;
  }
  body.dark-theme .department-module-container .column-left.Operations .bot-border {
    border-bottom: solid var(--neutral-300) 4px;
    width: 70%;
    margin-bottom: 30px;
    align-self:center;
  }
  .department-module-team  {justify-content: center !important;}
}
  
@media (max-width: 780px) {
  .department-module-container .department-module-title h3 {font-size: 2rem;}
}
@media (max-width: 542px) {
  .title-section .title { flex-direction: column; text-align: center; }
  .department-module-container .department-module-title h3 {font-size: 1.5rem;}
}