header.top {
  margin-bottom: 100px;
  height: 100vh; }
  header.top h2 {
    position: relative; }
    header.top h2:before {
      content: "";
      position: absolute;
      display: block;
      top: -5px;
      left: -12px;
      width: 10px;
      height: 10px;
      background-color: #C1E1E0;
      border-radius: 5px; }
      @media (max-width: 767.98px) {
        header.top h2:before {
          left: -8px; } }
    header.top h2.inline-dot:before {
      display: inline-block;
      position: relative;
      top: initial;
      left: initial;
      margin-right: 8px; }

article.about-people {
  margin-bottom: 150px; }
  @media (max-width: 767.98px) {
    article.about-people {
      margin-bottom: 105px; } }
  article.about-people .text {
    font-size: 27px;
    font-family: "halyard-display";
    font-weight: 400; }
    @media (min-width: 576px) {
      article.about-people .text {
        padding-right: 7%; } }
    @media (max-width: 767.98px) {
      article.about-people .text {
        font-size: 21px; } }
    article.about-people .text p {
      font-size: 27px;
      font-family: "halyard-display";
      font-weight: 400; }
      @media (max-width: 767.98px) {
        article.about-people .text p {
          font-size: 21px; } }
  article.about-people .careers {
    vertical-align: top; }
    @media (max-width: 767.98px) {
      article.about-people .careers {
        text-align: center; } }
    article.about-people .careers h3 {
      font-size: 2rem;
      font-family: "halyard-display";
      font-weight: 600;
      letter-spacing: 0.01rem; }
      @media (max-width: 767.98px) {
        article.about-people .careers h3 {
          font-size: 1.5rem; } }
      @media (max-width: 767.98px) {
        article.about-people .careers h3 {
          display: inline-block;
          margin-top: 75px; } }
    @media (max-width: 767.98px) {
      article.about-people .careers a {
        display: block;
        font-size: 27px;
        font-family: "halyard-display";
        font-weight: 400; } }
  @media (max-width: 767.98px) and (max-width: 767.98px) {
    article.about-people .careers a {
      font-size: 21px; } }

nav.people-categories {
  margin-bottom: 30px; }
  nav.people-categories ul {
    margin-bottom: 0; }
    @media (max-width: 767.98px) {
      nav.people-categories ul {
        width: 100%;
        text-align: center; } }
  nav.people-categories li {
    display: inline-block; }
  nav.people-categories li,
  nav.people-categories li a,
  nav.people-categories li button {
    font-size: 0.875rem;
    font-family: "halyard-micro";
    font-weight: 350;
    color: #999999;
    cursor: pointer; }
  nav.people-categories a.active,
  nav.people-categories button.active {
    color: #1A1919 !important; }
  @media (max-width: 767.98px) {
    nav.people-categories ul.filter {
      margin-bottom: 15px; } }
  nav.people-categories ul.filter li {
    margin: 0 15px; }
  nav.people-categories ul.directory-type {
    margin-left: auto; }
    @media (max-width: 767.98px) {
      nav.people-categories ul.directory-type {
        margin-left: 0px; } }
    @media (max-width: 767.98px) {
      nav.people-categories ul.directory-type li {
        margin-left: 15px; } }
    nav.people-categories ul.directory-type li button {
      position: relative;
      background: transparent;
      border: 0px; }
      nav.people-categories ul.directory-type li button.visual {
        margin-right: 50px;
        margin-left: 13px; }
        @media (max-width: 767.98px) {
          nav.people-categories ul.directory-type li button.visual {
            margin: 0; } }
        nav.people-categories ul.directory-type li button.visual:before {
          content: " ";
          position: absolute;
          top: 5px;
          left: -10px;
          width: 13px;
          height: 13px;
          -webkit-mask-image: url("../../images/people/visual-directory.svg");
          mask-image: url("../../images/people/visual-directory.svg");
          background-color: #999999; }
      nav.people-categories ul.directory-type li button.text:before {
        content: " ";
        position: absolute;
        top: 6px;
        left: -10px;
        width: 10px;
        height: 12px;
        -webkit-mask-image: url("../../images/people/text-directory.svg");
        mask-image: url("../../images/people/text-directory.svg");
        background-color: #999999; }
      nav.people-categories ul.directory-type li button.active:before {
        background-color: #1A1919; }

section.visual-listing .person-item {
  cursor: pointer;
  margin-bottom: 30px; }
  section.visual-listing .person-item .image {
    -khtml-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; }
    section.visual-listing .person-item .image:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 105.26316%; }
    section.visual-listing .person-item .image > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    section.visual-listing .person-item .image:after {
      content: "";
      -webkit-transition: all 100ms ease-out;
      transition: all 100ms ease-out; }
      @media screen and (prefers-reduced-motion: reduce) {
        section.visual-listing .person-item .image:after {
          -webkit-transition: none;
          transition: none; } }
  section.visual-listing .person-item:hover .image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    background-color: rgba(255, 255, 255, 0.75); }
    @media screen and (prefers-reduced-motion: reduce) {
      section.visual-listing .person-item:hover .image:after {
        -webkit-transition: none;
        transition: none; } }
  section.visual-listing .person-item h2 {
    margin-top: 15px;
    margin-bottom: 5px; }
    @media (max-width: 767.98px) {
      section.visual-listing .person-item h2 {
        font-size: 16px; } }
  section.visual-listing .person-item h3 {
    margin-bottom: 0px; }
  section.visual-listing .person-item span.experience {
    color: #999999; }

section.text-listing {
  position: relative; }
  section.text-listing .listing-container section.person-item {
    cursor: pointer;
    width: 90%;
    border-bottom: 1px solid #999999; }
    section.text-listing .listing-container section.person-item h2,
    section.text-listing .listing-container section.person-item h3 {
      display: inline-block; }
    section.text-listing .listing-container section.person-item h2 {
      margin-bottom: 15px;
      margin-top: 15px; }
      @media (min-width: 576px) {
        section.text-listing .listing-container section.person-item h2 {
          width: 32%; } }
    section.text-listing .listing-container section.person-item h3 {
      color: #999999; }
      @media (max-width: 767.98px) {
        section.text-listing .listing-container section.person-item h3 {
          float: right;
          margin-top: 20px; } }
  section.text-listing .alphabet-container {
    position: absolute;
    right: 0;
    top: 0; }
    section.text-listing .alphabet-container li.alphabet a {
      color: #999999; }
      section.text-listing .alphabet-container li.alphabet a:hover {
        color: black; }

.modal-dialog .modal-header .close {
  background-image: url("../../images/people/close.png");
  -khtml-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: -1rem 30px -1rem auto !important;
  padding-bottom: 50px;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1; }
  @media (max-width: 991.98px) {
    .modal-dialog .modal-header .close {
      margin-left: auto !important; } }

.modal-dialog .modal-body {
  padding-bottom: 150px; }
  @media (max-width: 991.98px) {
    .modal-dialog .modal-body .image-container {
      padding-top: 30px;
      padding-bottom: 50px; } }
  .modal-dialog .modal-body .image-container .image {
    -khtml-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; }
    .modal-dialog .modal-body .image-container .image:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 120%; }
    .modal-dialog .modal-body .image-container .image > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  @media (min-width: 992px) {
    .modal-dialog .modal-body .text {
      padding-left: 40px; } }
  .modal-dialog .modal-body .text h2 {
    position: relative; }
    .modal-dialog .modal-body .text h2:before {
      content: "";
      position: absolute;
      display: block;
      top: -5px;
      left: -12px;
      width: 10px;
      height: 10px;
      background-color: #C1E1E0;
      border-radius: 5px; }
      @media (max-width: 767.98px) {
        .modal-dialog .modal-body .text h2:before {
          left: -8px; } }
    .modal-dialog .modal-body .text h2.inline-dot:before {
      display: inline-block;
      position: relative;
      top: initial;
      left: initial;
      margin-right: 8px; }
  .modal-dialog .modal-body .text .about-person {
    margin-top: 45px;
    border-bottom: 1px solid #E4E4E3;
    padding-bottom: 30px;
    margin-bottom: 30px; }
  .modal-dialog .modal-body .text .education-fun-fact {
    margin-bottom: 25px; }
    .modal-dialog .modal-body .text .education-fun-fact h3 {
      color: #E4E4E3;
      text-transform: uppercase; }
    @media (max-width: 767.98px) {
      .modal-dialog .modal-body .text .education-fun-fact .fun-fact {
        padding-top: 25px; } }
  .modal-dialog .modal-body aside.projects h3 {
    margin-top: 50px;
    margin-bottom: 30px; }
  .modal-dialog .modal-body aside.projects a.project {
    color: #1A1919; }
    .modal-dialog .modal-body aside.projects a.project .image {
      -khtml-background-size: cover;
      -ms-background-size: cover;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      position: relative; }
      .modal-dialog .modal-body aside.projects a.project .image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 63.15789%; }
      .modal-dialog .modal-body aside.projects a.project .image > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
    .modal-dialog .modal-body aside.projects a.project h5 {
      margin-top: 6px; }

.single-people #header {
  background-color: #fff; }
  .single-people #header .navbar-brand img.logo-light {
    display: none !important; }
  .single-people #header .navbar-brand img.logo-dark {
    display: block !important; }
  .single-people #header .navbar .navbar-collapse ul#menu-main-menu li a {
    color: black; }

.single-people .single-people-wrapper {
  margin-top: 120px; }
  .single-people .single-people-wrapper .image-container div.image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%; }
  .single-people .single-people-wrapper .about-person {
    margin-top: 45px;
    border-bottom: 1px solid #e4e4e3;
    padding-bottom: 30px;
    margin-bottom: 30px; }
  .single-people .single-people-wrapper .education-fun-fact {
    margin-bottom: 25px; }
  .single-people .single-people-wrapper aside.projects {
    margin-top: 50px;
    margin-bottom: 30px; }
    .single-people .single-people-wrapper aside.projects a.project .image {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      position: relative; }
      .single-people .single-people-wrapper aside.projects a.project .image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 63.15789%; }