/* Background Color Selector */
.block-mapping-team.bg-grey {
  background-color: #efefec;
}

.block-mapping-team.bg-white {
  background-color: #f7f7f5;
}

.block-mapping-team.bg-gradient {
  background-color: rgba(60, 45, 237);
  background: linear-gradient(
    135deg,
    rgba(60, 45, 237, 1) 0%,
    rgba(130, 58, 182, 1) 50%,
    rgba(224, 71, 113, 1) 100%
  );
}

/* Typography */
.block-mapping-team.bg-grey h2,
.block-mapping-team.bg-white h2,
.block-mapping-team.bg-grey h3,
.block-mapping-team.bg-white h3,
.block-mapping-team.bg-grey h4,
.block-mapping-team.bg-white h4,
.block-mapping-team.bg-grey h5,
.block-mapping-team.bg-white h5,
.block-mapping-team.bg-grey h6,
.block-mapping-team.bg-white h6 {
  color: #28194b;
  transition: all ease 0.3s;
}

.block-mapping-team.bg-grey p,
.block-mapping-team.bg-grey li,
.block-mapping-team.bg-white p,
.block-mapping-team.bg-white li {
  color: #000000;
}

.block-mapping-team.bg-gradient h2,
.block-mapping-team.bg-gradient h3,
.block-mapping-team.bg-gradient h4,
.block-mapping-team.bg-gradient h5,
.block-mapping-team.bg-gradient h6,
.block-mapping-team.bg-gradient p,
.block-mapping-team.bg-gradient li {
  color: #ffffff;
}

.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container
  .primary-team-member-content
  .primary-team-member-title,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container
  .other-team-member-content
  .other-team-member-title {
  padding: 0;
  list-style-type: none;
}

.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container
  .primary-team-member-content
  .primary-team-member-title {
  margin-top: 0.25em;
}

.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container
  .other-team-member-content
  .other-team-member-title {
  margin: 0.25em 0;
}

.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container
  .primary-team-member-title
  li
  em,
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container
  .primary-team-member-title
  li
  strong,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container
  .other-team-member-title
  li
  em,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container
  .other-team-member-title
  li
  strong {
  font-weight: bold;
}

/* Heading */
.block-mapping-team .container .heading-container h2,
.block-mapping-team .container .heading-container h3,
.block-mapping-team .container .heading-container h4 {
  margin: 0;
}

.block-mapping-team.bg-grey .container .heading-container .heading a {
  font-weight: 900;
  text-decoration: underline;
  transition: all ease 0.3s;
}

.block-mapping-team.bg-grey .container .heading-container .heading a,
.block-mapping-team.bg-white .container .heading-container .heading a {
  color: #28194b;
}

.block-mapping-team.bg-grey .container .heading-container .heading a:hover,
.block-mapping-team.bg-white .container .heading-container .heading a:hover {
  color: #000000;
}

.block-mapping-team.bg-gradient .container .heading-container .heading a {
  color: #ffffff;
}

.block-mapping-team.bg-gradient .container .heading-container .heading a:hover {
  opacity: 0.8;
}

.block-mapping-team .container .heading-container {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .block-mapping-team .container .heading-container {
    margin-bottom: 75px;
    max-width: 800px;
  }
}

.block-mapping-team .container .heading-container .subheading {
  margin-top: 1em;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.block-mapping-team .container .heading-container .subheading a {
  font-weight: 900;
  text-decoration: underline;
  transition: all ease 0.3s;
}

.block-mapping-team.bg-grey .container .heading-container .subheading a,
.block-mapping-team.bg-white .container .heading-container .subheading a {
  color: #000000;
}

.block-mapping-team.bg-gre .container .heading-container .subheading a:hover,
.block-mapping-team.bg-white .container .heading-container .subheading a:hover {
  color: #28194b;
}

.block-mapping-team.bg-gradient .container .heading-container .subheading a {
  color: #ffffff;
}

.block-mapping-team.bg-gradient
  .container
  .heading-container
  .subheading
  a:hover {
  opacity: 0.8;
}

.block-mapping-team .container .heading-container .heading,
.block-mapping-team .container .heading-container .subheading {
  text-align: center;
}

h3.primary-team-members-title,
h3.other-team-members-title {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}

.primary-team-members-title {
  margin-top: 0;
}

.other-team-members-title {
  margin-top: 75px;
}

/* Team Member Typography */
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container
  .primary-team-member-content
  .primary-team-member-name
  h3 {
  margin: 10px 0 0 0;
}

.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container
  .other-team-member-content
  .other-team-member-name
  h3 {
  margin: 0;
}

.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container
  .primary-team-member-content
  .primary-team-member-name
  h3,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container
  .other-team-member-content
  .other-team-member-name
  h3 {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 21px;
  transition: all ease 0.3s;
}

/* @media (min-width: 1200px) {
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container
    .primary-team-member-content
    .primary-team-member-name
    h3 {
    margin: 0;
  }
} */

.block-mapping-team.bg-grey
  .container
  .primary-team-member-content
  .primary-team-member-name,
.block-mapping-team.bg-white
  .container
  .primary-team-member-content
  .primary-team-member-name,
.block-mapping-team.bg-grey
  .container
  .other-team-member-content
  .other-team-member-name,
.block-mapping-team.bg-white
  .container
  .other-team-member-content
  .other-team-member-name {
  color: #28194b;
}

.block-mapping-team.bg-gradient
  .container
  .primary-team-member-content
  .primary-team-member-name,
.block-mapping-team.bg-gradient
  .container
  .other-team-member-content
  .other-team-member-name {
  color: #ffffff;
}

.block-mapping-team
  .container
  .primary-team-member-content
  .primary-team-member-name
  a,
.block-mapping-team
  .container
  .other-team-member-content
  .other-team-member-name
  a {
  font-weight: 900;
  text-decoration: underline;
  transition: all ease 0.3s;
}

.block-mapping-team.bg-grey
  .container
  .primary-team-member-content
  .primary-team-member-name
  a,
.block-mapping-team.bg-white
  .container
  .primary-team-member-content
  .primary-team-member-name
  a,
.block-mapping-team.bg-grey
  .container
  .other-team-member-content
  .other-team-member-name
  a,
.block-mapping-team.bg-white
  .container
  .other-team-member-content
  .other-team-member-name
  a {
  color: #28194b;
}

.block-mapping-team.bg-grey
  .container
  .primary-team-member-content
  .primary-team-member-name
  a:hover,
.block-mapping-team.bg-white
  .container
  .primary-team-member-content
  .primary-team-member-name
  a:hover,
.block-mapping-team.bg-grey
  .container
  .other-team-member-content
  .other-team-member-name
  a:hover,
.block-mapping-team.bg-white
  .container
  .other-team-member-content
  .other-team-member-name
  a:hover {
  color: #000000;
}

.block-mapping-team.bg-gradient
  .container
  .primary-team-member-content
  .primary-team-member-name
  a,
.block-mapping-team.bg-gradient
  .container
  .other-team-member-content
  .primary-team-member-name
  a {
  color: #ffffff;
}

.block-mapping-team.bg-gradient
  .container
  .primary-team-member-content
  .primary-team-member-name
  a:hover,
.block-mapping-team.bg-gradient
  .container
  .other-team-member-content
  .other-team-member-name
  a:hover {
  opacity: 0.8;
}

/* Column Grid Container */
.block-mapping-team .container .primary-team-members-container,
.block-mapping-team .container .other-team-members-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 1.25em;
  width: 100%;
}
@media (min-width: 768px) {
  .block-mapping-team .container .primary-team-members-container,
  .block-mapping-team .container .other-team-members-container {
    grid-gap: 2.5em;
  }
}

.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container
  .team-member-image {
  margin-bottom: 1;
  width: 100%;
  height: 1.88em;
  display: block;
}

.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container
  .team-member-image,
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container
  .team-member-image
  img,
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container
  .primary-team-member-content {
  transition: all ease 0.3s;
}

@media (min-width: 768px) {
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container {
    display: grid;
    grid-template-columns: 150px auto;
    grid-column-gap: 1.25em;
  }

  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container
    .team-member-image {
    grid-column: 1;
  }

  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container
    .primary-team-member-content {
    grid-column: 2;
  }
}

.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container
  .team-member-image {
  width: 100px;
  height: 100px;
}

.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container
  .team-member-image
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container
    .team-member-image {
    width: 150px;
    height: 150px;
  }
}

.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container.column-grid-1,
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container.column-grid-2,
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container.column-grid-3,
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container.column-grid-4,
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container.column-grid-5,
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container.column-grid-6,
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container.column-grid-7,
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container.column-grid-8,
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container.column-grid-9,
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container.column-grid-10,
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container.column-grid-11,
.block-mapping-team
  .container
  .primary-team-members-container
  .primary-team-member-container.column-grid-12,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container.column-grid-1,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container.column-grid-2,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container.column-grid-3,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container.column-grid-4,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container.column-grid-5,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container.column-grid-6,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container.column-grid-7,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container.column-grid-8,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container.column-grid-9,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container.column-grid-10,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container.column-grid-11,
.block-mapping-team
  .container
  .other-team-members-container
  .other-team-member-container.column-grid-12 {
  grid-column: span 12;
}

@media (min-width: 768px) {
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-2,
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-3,
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-4,
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-5,
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-6,
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-7,
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-8,
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-9,
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-10,
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-11,
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-12,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-2,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-3,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-4,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-5,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-6,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-7,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-8,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-9,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-10,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-11,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-12 {
    grid-column: span 6;
  }
}

@media (min-width: 1200px) {
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-3 {
    grid-column: span 4;
  }
  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-4 {
    grid-column: span 3;
  }

  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-5 {
    grid-column: span 4;
  }

  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-6 {
    grid-column: span 4;
  }

  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-7 {
    grid-column: span 3;
  }

  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-8 {
    grid-column: span 3;
  }

  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-9 {
    grid-column: span 4;
  }

  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-10 {
    grid-column: span 4;
  }

  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-11 {
    grid-column: span 4;
  }

  .block-mapping-team
    .container
    .primary-team-members-container
    .primary-team-member-container.column-grid-12 {
    grid-column: span 3;
  }

  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-3,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-4,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-5,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-6,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-7,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-8,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-9,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-10,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-11,
  .block-mapping-team
    .container
    .other-team-members-container
    .other-team-member-container.column-grid-12 {
    grid-column: span 4;
  }
}
