/* line 5, ../../../../src/scss/abstracts/config/components/_config-colors.scss */
:root {
  --color_primary: #122048;
  --color_secondary: #6098AF;
  --color_accent1: #4BA383;
  --color_grey1: #888888;
  --color_grey2: #C1C5C8;
  --color_grey3: #F8F8F8;
  --color_black: #000000;
  --color_white: #ffffff;
  --color_offwhite: #fdfdfd;
}

/* line 6, ../../../../src/scss/abstracts/config/components/_config-fonts.scss */
:root {
  --font_primary: 'Avenir Next';
}

/* line 9, ../../../../src/scss/blocks/block-team-bio.scss */
.block-team-bio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-bottom: 20rem;
  margin-top: 30rem;
}
@media only screen and (max-width: 960px) {
  /* line 9, ../../../../src/scss/blocks/block-team-bio.scss */
  .block-team-bio {
    margin-bottom: 10rem;
    margin-top: 24rem;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
/* line 21, ../../../../src/scss/blocks/block-team-bio.scss */
.block-team-bio__image {
  background: var(--bio-image);
  position: relative;
  height: 60rem;
  width: 60rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 9rem;
}
@media only screen and (max-width: 1281px) {
  /* line 21, ../../../../src/scss/blocks/block-team-bio.scss */
  .block-team-bio__image {
    height: 35rem;
    width: 35rem;
  }
}
@media only screen and (max-width: 960px) {
  /* line 21, ../../../../src/scss/blocks/block-team-bio.scss */
  .block-team-bio__image {
    height: 45rem;
    width: 75%;
    margin-right: 4rem;
    margin-bottom: 4.5rem;
  }
}
@media only screen and (max-width: 600px) {
  /* line 21, ../../../../src/scss/blocks/block-team-bio.scss */
  .block-team-bio__image {
    width: 100%;
    height: 36rem;
  }
}
/* line 45, ../../../../src/scss/blocks/block-team-bio.scss */
.block-team-bio__image .block-image-overlay--team {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--color_offwhite);
}
/* line 55, ../../../../src/scss/blocks/block-team-bio.scss */
.block-team-bio__content {
  opacity: 0;
}
/* line 57, ../../../../src/scss/blocks/block-team-bio.scss */
.block-team-bio__content h2 {
  font-weight: 100;
  color: var(--color_secondary);
}
/* line 64, ../../../../src/scss/blocks/block-team-bio.scss */
.block-team-bio__links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin: 3.2rem 0;
}
/* line 70, ../../../../src/scss/blocks/block-team-bio.scss */
.block-team-bio__link {
  margin-right: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 2.6rem;
  height: 2.6rem;
  transition: all 0.5s ease 0s;
  border: 2px solid var(--color_grey2);
}
/* line 9, ../../../../src/scss/abstracts/mixin/components/_mixin-hover.scss */
.block-team-bio__link:hover, .block-team-bio__link:focus, .block-team-bio__link:active {
  background-color: var(--color_accent1);
  border: 2px solid var(--color_accent1);
}
/* line 83, ../../../../src/scss/blocks/block-team-bio.scss */
.block-team-bio__link:hover svg path, .block-team-bio__link:focus svg path, .block-team-bio__link:active svg path {
  fill: var(--color_white);
}
/* line 88, ../../../../src/scss/blocks/block-team-bio.scss */
.block-team-bio__link svg path {
  fill: var(--color_grey2);
}

/* line 94, ../../../../src/scss/blocks/block-team-bio.scss */
.block-image-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 85%;
  height: 95%;
  background-color: var(--color_primary);
  z-index: -1;
}

/* line 103, ../../../../src/scss/blocks/block-team-bio.scss */
.block-image-bar--bio {
  position: absolute;
  bottom: 5.4rem;
  left: -50%;
  width: 0;
  height: 1px;
  margin: 0;
  background-color: var(--color_grey2);
}

/* line 5, ../../../../src/scss/blocks/_block-util.scss */
.block-content {
  opacity: 0;
}

/* line 9, ../../../../src/scss/blocks/_block-util.scss */
.block-image-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 120%;
  background-color: var(--color_offwhite);
}
/* line 18, ../../../../src/scss/blocks/_block-util.scss */
.block-image-overlay--left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: var(--color_offwhite);
}
/* line 27, ../../../../src/scss/blocks/_block-util.scss */
.block-image-overlay--right {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  margin-left: 100%;
  background-color: var(--color_offwhite);
}

/* line 40, ../../../../src/scss/blocks/_block-util.scss */
.block-image-bar {
  width: 0;
  margin-left: 100%;
}
/* line 44, ../../../../src/scss/blocks/_block-util.scss */
.block-image-bar--left {
  position: absolute;
  bottom: 25%;
  right: -25%;
  background-color: var(--color_grey2);
  height: 1px;
  width: 50%;
}

/* line 56, ../../../../src/scss/blocks/_block-util.scss */
.block-util {
  opacity: 0;
}