/*
  To clarify, the section-text-background is the actual background that the text will be displayed against. It'll be the same as section-color unless it is transparent then it defers to the actual block background
*/
/*
  WCAG AA compliance thresholds for contrast ratios.
*/
/*
  Compare luma values of two colors to get contrast.
*/
/*
  Makes sure that foreground-color and background-color are contrasting, otherwise return a dark or light color compared to the background-color.
  Goldilocks story: https://www.youtube.com/watch?v=iR2M0QuLPZs
  @background-color: The background color of the element.
  @foreground-color: The preferred foreground color.
  @fade: Fade the resulting color up to the given opacity while remaining accessible.
  @wcagAaThreshold: The required contrast threshold to pass WCAG AA colour contrast. See https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast

  Note: do not use this function directly; prefer goldilocks-text-color or goldilocks-ui-color depending
  on your foreground element use case.
*/
/*
  Makes sure the foreground text color is correctly contrasting against background color, otherwise return
  a dark or light color compared to the background.
  @background-color: The background color of the element.
  @foreground-color: The preferred foreground color.
  @fade: Optional. Fade the resulting color up to the given opacity while remaining accessible.
*/
/*
  Makes sure the foreground UI color is correctly contrasting against background color, otherwise return
  a dark or light color compared to the background.
  @background-color: The background color of the element.
  @foreground-color: The preferred foreground color.
  @fade: Optional. Fade the resulting color up to the given opacity while remaining accessible.
*/
/*
  Fades a foreground color, ensuring it remains accessible against a background color. The fade
  amount will be checked for compliance and then adjusted incrementally until accessible.
  @background-color: The background color to ensure accessibility against.
  @foreground-color: The color to fade.
  @amount: The maximum fade value.
*/
/*
  This is a util to tweak the signature slot colour based on the block's background colour and lighten
  or darken slightly based on whether the background is light or dark. As it is not a true-goldilocks, we
  cannot use the `.goldilocks-ui-color` util as we never want white or black to be an option.
*/
.project-block.project-block--id-547b0ed5 .columns a:not(.link-styler):not(.kl-link),
.project-block.project-block--id-547b0ed5 .quote-header a:not(.link-styler):not(.kl-link),
.project-block.project-block--id-547b0ed5 .video-header a:not(.link-styler):not(.kl-link),
.project-block.project-block--id-547b0ed5 .content a:not(.link-styler):not(.kl-link),
.project-block.project-block--id-547b0ed5 .content-wrapper a:not(.link-styler):not(.kl-link) {
  color: #242c39;
  border-bottom-color: #242c39;
  border-bottom-width: 1px;
}
.project-block.project-block--id-547b0ed5 .columns a:not(.link-styler):not(.kl-link):hover,
.project-block.project-block--id-547b0ed5 .quote-header a:not(.link-styler):not(.kl-link):hover,
.project-block.project-block--id-547b0ed5 .video-header a:not(.link-styler):not(.kl-link):hover,
.project-block.project-block--id-547b0ed5 .content a:not(.link-styler):not(.kl-link):hover,
.project-block.project-block--id-547b0ed5 .content-wrapper a:not(.link-styler):not(.kl-link):hover {
  border-bottom-width: 3px;
}
@media screen {
  .project-block.project-block--id-547b0ed5 .columns .project-block__block-element,
  .project-block.project-block--id-547b0ed5.project-block--viewed .columns .project-block__block-element,
  .project-block.project-block--id-547b0ed5 .quote-header .project-block__block-element,
  .project-block.project-block--id-547b0ed5.project-block--viewed .quote-header .project-block__block-element,
  .project-block.project-block--id-547b0ed5 .video-header .project-block__block-element,
  .project-block.project-block--id-547b0ed5.project-block--viewed .video-header .project-block__block-element,
  .project-block.project-block--id-547b0ed5 .content .project-block__block-element,
  .project-block.project-block--id-547b0ed5.project-block--viewed .content .project-block__block-element,
  .project-block.project-block--id-547b0ed5 .content-wrapper .project-block__block-element,
  .project-block.project-block--id-547b0ed5.project-block--viewed .content-wrapper .project-block__block-element {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
  }
  .project-block.project-block--id-547b0ed5 .project-block__widget-element,
  .project-block.project-block--id-547b0ed5.project-block--viewed .project-block__widget-element {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
  }
}
.project-block.project-block--id-547b0ed5 .foldable-label .label-container {
  border: 1px solid rgba(71, 83, 93, 0.1);
}
.project-block.project-block--id-547b0ed5 .foldable-label .label-container icon,
.project-block.project-block--id-547b0ed5 .foldable-label .label-container .foldable-label__text {
  color: #47535D;
}
.project-block.project-block--id-37f76ab6 .columns a:not(.link-styler):not(.kl-link),
.project-block.project-block--id-37f76ab6 .quote-header a:not(.link-styler):not(.kl-link),
.project-block.project-block--id-37f76ab6 .video-header a:not(.link-styler):not(.kl-link),
.project-block.project-block--id-37f76ab6 .content a:not(.link-styler):not(.kl-link),
.project-block.project-block--id-37f76ab6 .content-wrapper a:not(.link-styler):not(.kl-link) {
  color: #ffffff;
  border-bottom-color: #ffffff;
  border-bottom-width: 1px;
}
.project-block.project-block--id-37f76ab6 .columns a:not(.link-styler):not(.kl-link):hover,
.project-block.project-block--id-37f76ab6 .quote-header a:not(.link-styler):not(.kl-link):hover,
.project-block.project-block--id-37f76ab6 .video-header a:not(.link-styler):not(.kl-link):hover,
.project-block.project-block--id-37f76ab6 .content a:not(.link-styler):not(.kl-link):hover,
.project-block.project-block--id-37f76ab6 .content-wrapper a:not(.link-styler):not(.kl-link):hover {
  border-bottom-width: 3px;
}
@media screen {
  .project-block.project-block--id-37f76ab6 .columns .project-block__block-element,
  .project-block.project-block--id-37f76ab6.project-block--viewed .columns .project-block__block-element,
  .project-block.project-block--id-37f76ab6 .quote-header .project-block__block-element,
  .project-block.project-block--id-37f76ab6.project-block--viewed .quote-header .project-block__block-element,
  .project-block.project-block--id-37f76ab6 .video-header .project-block__block-element,
  .project-block.project-block--id-37f76ab6.project-block--viewed .video-header .project-block__block-element,
  .project-block.project-block--id-37f76ab6 .content .project-block__block-element,
  .project-block.project-block--id-37f76ab6.project-block--viewed .content .project-block__block-element,
  .project-block.project-block--id-37f76ab6 .content-wrapper .project-block__block-element,
  .project-block.project-block--id-37f76ab6.project-block--viewed .content-wrapper .project-block__block-element {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
  }
  .project-block.project-block--id-37f76ab6 .project-block__widget-element,
  .project-block.project-block--id-37f76ab6.project-block--viewed .project-block__widget-element {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
  }
}
.project-block.project-block--id-37f76ab6 .foldable-label .label-container {
  border: 1px solid rgba(71, 83, 93, 0.1);
}
.project-block.project-block--id-37f76ab6 .foldable-label .label-container icon,
.project-block.project-block--id-37f76ab6 .foldable-label .label-container .foldable-label__text {
  color: #47535D;
}
.project-block.project-block--id-bbe49e3d .columns a:not(.link-styler):not(.kl-link),
.project-block.project-block--id-bbe49e3d .quote-header a:not(.link-styler):not(.kl-link),
.project-block.project-block--id-bbe49e3d .video-header a:not(.link-styler):not(.kl-link),
.project-block.project-block--id-bbe49e3d .content a:not(.link-styler):not(.kl-link),
.project-block.project-block--id-bbe49e3d .content-wrapper a:not(.link-styler):not(.kl-link) {
  color: #4a4a4a;
  border-bottom-color: #4a4a4a;
  border-bottom-width: 1px;
}
.project-block.project-block--id-bbe49e3d .columns a:not(.link-styler):not(.kl-link):hover,
.project-block.project-block--id-bbe49e3d .quote-header a:not(.link-styler):not(.kl-link):hover,
.project-block.project-block--id-bbe49e3d .video-header a:not(.link-styler):not(.kl-link):hover,
.project-block.project-block--id-bbe49e3d .content a:not(.link-styler):not(.kl-link):hover,
.project-block.project-block--id-bbe49e3d .content-wrapper a:not(.link-styler):not(.kl-link):hover {
  border-bottom-width: 3px;
}
@media screen {
  .project-block.project-block--id-bbe49e3d .columns .project-block__block-element,
  .project-block.project-block--id-bbe49e3d.project-block--viewed .columns .project-block__block-element,
  .project-block.project-block--id-bbe49e3d .quote-header .project-block__block-element,
  .project-block.project-block--id-bbe49e3d.project-block--viewed .quote-header .project-block__block-element,
  .project-block.project-block--id-bbe49e3d .video-header .project-block__block-element,
  .project-block.project-block--id-bbe49e3d.project-block--viewed .video-header .project-block__block-element,
  .project-block.project-block--id-bbe49e3d .content .project-block__block-element,
  .project-block.project-block--id-bbe49e3d.project-block--viewed .content .project-block__block-element,
  .project-block.project-block--id-bbe49e3d .content-wrapper .project-block__block-element,
  .project-block.project-block--id-bbe49e3d.project-block--viewed .content-wrapper .project-block__block-element {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
  }
  .project-block.project-block--id-bbe49e3d .project-block__widget-element,
  .project-block.project-block--id-bbe49e3d.project-block--viewed .project-block__widget-element {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
  }
}
.project-block.project-block--id-bbe49e3d .foldable-label .label-container {
  border: 1px solid rgba(71, 83, 93, 0.1);
}
.project-block.project-block--id-bbe49e3d .foldable-label .label-container icon,
.project-block.project-block--id-bbe49e3d .foldable-label .label-container .foldable-label__text {
  color: #47535D;
}
.project-block.project-block--id-815e0531 hr {
  border-color: rgba(129, 162, 178, 0.25);
}
.pdf-preview .project-block.project-block--id-815e0531 {
  background: transparent;
  padding: 0;
}
#print .pdf-preview .project-block.project-block--id-815e0531:not(.text-block),
#print .print-virtual-page .project-block.project-block--id-815e0531:not(.text-block) {
  background: #ffffff;
}
#print .project-block.project-block--id-815e0531.with-agreement-view-print-mode {
  background: white;
}
#print .side-by-side__col.side-by-side__col--one-quarter {
  width: 25%;
}
#print .side-by-side__col.side-by-side__col--one-half {
  width: 50%;
}
#print .side-by-side__col.side-by-side__col--three-quarter {
  width: 75%;
}
.project-block.project-block--id-d7b4a0b3 hr {
  border-color: rgba(255, 255, 255, 0.25);
}
.pdf-preview .project-block.project-block--id-d7b4a0b3 {
  background: transparent;
  padding: 0;
}
#print .pdf-preview .project-block.project-block--id-d7b4a0b3:not(.text-block),
#print .print-virtual-page .project-block.project-block--id-d7b4a0b3:not(.text-block) {
  background: #5b7b8b;
}
#print .project-block.project-block--id-d7b4a0b3.with-agreement-view-print-mode {
  background: white;
}
#print .side-by-side__col.side-by-side__col--one-quarter {
  width: 25%;
}
#print .side-by-side__col.side-by-side__col--one-half {
  width: 50%;
}
#print .side-by-side__col.side-by-side__col--three-quarter {
  width: 75%;
}
.project-block.project-block--id-143f9367 hr {
  border-color: rgba(129, 162, 178, 0.25);
}
.pdf-preview .project-block.project-block--id-143f9367 {
  background: transparent;
  padding: 0;
}
#print .pdf-preview .project-block.project-block--id-143f9367:not(.text-block),
#print .print-virtual-page .project-block.project-block--id-143f9367:not(.text-block) {
  background: #ff9b00;
}
#print .project-block.project-block--id-143f9367.with-agreement-view-print-mode {
  background: white;
}
#print .side-by-side__col.side-by-side__col--one-quarter {
  width: 25%;
}
#print .side-by-side__col.side-by-side__col--one-half {
  width: 50%;
}
#print .side-by-side__col.side-by-side__col--three-quarter {
  width: 75%;
}
.project-block.project-block--id-92dda22d hr {
  border-color: rgba(255, 255, 255, 0.25);
}
.pdf-preview .project-block.project-block--id-92dda22d {
  background: transparent;
  padding: 0;
}
#print .pdf-preview .project-block.project-block--id-92dda22d:not(.text-block),
#print .print-virtual-page .project-block.project-block--id-92dda22d:not(.text-block) {
  background: #00bdf2;
}
#print .project-block.project-block--id-92dda22d.with-agreement-view-print-mode {
  background: white;
}
#print .side-by-side__col.side-by-side__col--one-quarter {
  width: 25%;
}
#print .side-by-side__col.side-by-side__col--one-half {
  width: 50%;
}
#print .side-by-side__col.side-by-side__col--three-quarter {
  width: 75%;
}
.project-block.project-block--id-163ef0d0 hr {
  border-color: rgba(255, 255, 255, 0.25);
}
.pdf-preview .project-block.project-block--id-163ef0d0 {
  background: transparent;
  padding: 0;
}
#print .pdf-preview .project-block.project-block--id-163ef0d0:not(.text-block),
#print .print-virtual-page .project-block.project-block--id-163ef0d0:not(.text-block) {
  background: #7962ab;
}
#print .project-block.project-block--id-163ef0d0.with-agreement-view-print-mode {
  background: white;
}
#print .side-by-side__col.side-by-side__col--one-quarter {
  width: 25%;
}
#print .side-by-side__col.side-by-side__col--one-half {
  width: 50%;
}
#print .side-by-side__col.side-by-side__col--three-quarter {
  width: 75%;
}
.project-block.project-block--id-fb78ff1d hr {
  border-color: rgba(255, 255, 255, 0.25);
}
.pdf-preview .project-block.project-block--id-fb78ff1d {
  background: transparent;
  padding: 0;
}
#print .pdf-preview .project-block.project-block--id-fb78ff1d:not(.text-block),
#print .print-virtual-page .project-block.project-block--id-fb78ff1d:not(.text-block) {
  background: #c71c14;
}
#print .project-block.project-block--id-fb78ff1d.with-agreement-view-print-mode {
  background: white;
}
#print .side-by-side__col.side-by-side__col--one-quarter {
  width: 25%;
}
#print .side-by-side__col.side-by-side__col--one-half {
  width: 50%;
}
#print .side-by-side__col.side-by-side__col--three-quarter {
  width: 75%;
}
.project-block.project-block--id-356f81d2 hr {
  border-color: rgba(255, 255, 255, 0.25);
}
.pdf-preview .project-block.project-block--id-356f81d2 {
  background: transparent;
  padding: 0;
}
#print .pdf-preview .project-block.project-block--id-356f81d2:not(.text-block),
#print .print-virtual-page .project-block.project-block--id-356f81d2:not(.text-block) {
  background: #18b42c;
}
#print .project-block.project-block--id-356f81d2.with-agreement-view-print-mode {
  background: white;
}
#print .side-by-side__col.side-by-side__col--one-quarter {
  width: 25%;
}
#print .side-by-side__col.side-by-side__col--one-half {
  width: 50%;
}
#print .side-by-side__col.side-by-side__col--three-quarter {
  width: 75%;
}
.project-block.project-block--id-cf5659f8 hr {
  border-color: rgba(255, 255, 255, 0.25);
}
.pdf-preview .project-block.project-block--id-cf5659f8 {
  background: transparent;
  padding: 0;
}
#print .pdf-preview .project-block.project-block--id-cf5659f8:not(.text-block),
#print .print-virtual-page .project-block.project-block--id-cf5659f8:not(.text-block) {
  background: #f15b22;
}
#print .project-block.project-block--id-cf5659f8.with-agreement-view-print-mode {
  background: white;
}
#print .side-by-side__col.side-by-side__col--one-quarter {
  width: 25%;
}
#print .side-by-side__col.side-by-side__col--one-half {
  width: 50%;
}
#print .side-by-side__col.side-by-side__col--three-quarter {
  width: 75%;
}
.project-block.project-block--id-9e3e44ab hr {
  border-color: rgba(255, 255, 255, 0.25);
}
.pdf-preview .project-block.project-block--id-9e3e44ab {
  background: transparent;
  padding: 0;
}
#print .pdf-preview .project-block.project-block--id-9e3e44ab:not(.text-block),
#print .print-virtual-page .project-block.project-block--id-9e3e44ab:not(.text-block) {
  background: #0086ff;
}
#print .project-block.project-block--id-9e3e44ab.with-agreement-view-print-mode {
  background: white;
}
#print .side-by-side__col.side-by-side__col--one-quarter {
  width: 25%;
}
#print .side-by-side__col.side-by-side__col--one-half {
  width: 50%;
}
#print .side-by-side__col.side-by-side__col--three-quarter {
  width: 75%;
}