/* 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-page-header.scss */
.page__header {
  margin-bottom: 24rem;
}
@media only screen and (max-width: 1601px) {
  /* line 9, ../../../../src/scss/blocks/block-page-header.scss */
  .page__header {
    margin-bottom: 16rem;
  }
}
@media only screen and (max-width: 781px) {
  /* line 9, ../../../../src/scss/blocks/block-page-header.scss */
  .page__header {
    margin-bottom: 10rem;
  }
}
/* line 17, ../../../../src/scss/blocks/block-page-header.scss */
.page__header-title {
  position: relative;
  opacity: 0;
}
/* line 21, ../../../../src/scss/blocks/block-page-header.scss */
.page__header-title h1 {
  font-family: var(--font_primary), sans-serif;
  color: var(--color_secondary);
  font-size: clamp(4.5rem, 5vw, 9rem);
  font-weight: 100;
  line-height: 1.5;
}
/* line 23, ../../../../src/scss/blocks/block-page-header.scss */
.page__header-bar {
  position: absolute;
  bottom: -6rem;
  left: -19%;
  height: 1px;
  width: 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;
}