/*
 * DO NOT EDIT THIS FILE.
 * Edit .pcss.css file instead and recompile.
*/
/*
  Custom CSS properties and mixins.
  These are "compiled" by postcss/postcss-custom-properties for IE11 compatibility.
  CSS variables (those that start with --) are included in the generated CSS. Sass style variables (those that start with $) are for internal processing.
*/
/* Internal variables */
/*1px */
/*16px */
/*4px */
/*5.33333333px */
/*8px */
/*12px */
/*20px */
/*24px, */
/*32px */
/*44px (named after omicron variant BS.2.75.2) */
/*48px */
/*desktop + 32px; */
/*max-width + 64px; */
/* RGB colors, useful for when you need to include a color in an RGBA set. */
/* Mixins */
/* */
/* Hide elements visually, but keep them available for screen-readers. */
/* */
/* Used for information required for screen-reader users to understand and use */
/* the site where visual display is undesirable. Information provided in this */
/* manner should be kept concise, to avoid unnecessary burden on the user. */
/* "!important" is used to prevent unintentional overrides. */
/* */
.section__header .block-field-blocktaxonomy-termprogramsfield-featured-image{
    height: 50vw;
    margin-left: calc(var(--space)*-1);
    margin-right: calc(var(--space)*-1);
  }
@media (min-width: 569px) {
.section__header .block-field-blocktaxonomy-termprogramsfield-featured-image{
        margin-left: calc(var(--double-space)*-1);
        margin-right: calc(var(--double-space)*-1)
  }
    }
@media (min-width: 769px) {
.section__header .block-field-blocktaxonomy-termprogramsfield-featured-image{
      margin-left: 0;
      margin-right: 0;
      height: 100%
  }
    }
.section__header .block-field-blocktaxonomy-termprogramsfield-featured-image .block-field-blocktaxonomy-termprogramsfield-featured-image{
      margin-bottom: 0;
    }
.section__header .block-field-blocktaxonomy-termprogramsfield-featured-image .block-field-blocktaxonomy-termprogramsfield-featured-image .field__item {
        margin-bottom: 0;
      }
.section__header .block-field-blocktaxonomy-termprogramsfield-featured-image img {
      width: 100%;
    }
.section__header .block-field-blocktaxonomy-termprogramsfield-featured-image--bg {
      height: 100%;
      background-size: cover;
      background-position: center center;
    }