@charset "UTF-8";
/** Vendor For files that need compiling */
.block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__button--clipboard:before, .block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__button--facebook:before, .block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__button--linkedin:before, .block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__button--twitter:before, .block-page-title-block .block__read-time:before { font-family: "themeIcons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; }

/** This themes global styles */
/** Root Font Sizing */
/** Type sets Defines a type grouping that can be looped over and generate utility classes */
/** Grid and Grid Gap */
/** Vertical Gap */
/** Horizontal Gap */
/** Container widths */
/** Global Variables */
/** Label element */
/** Checkbox element */
/** Radio element */
/** Textfield element */
/** No-space Removes the default space, border, and padding place on a component */
/** Grid row Sets row up for the grid */
/** Grid row gutters IF $gutter-horizontal = true: set the sides gap width ELSE $gutter-vertical = false: remove the top and bottom gap width IF $gutter-vertical = true: set the top and bottom gap width ELSE $gutter-vertical = false: remove the top and bottom gap width IF $gutter-horizontal-size & $gutter-vertical-size = wide: large sized space between items IF $gutter-horizontal-size & $gutter-vertical-size = wide-lg: large sized space between items only on the lg breakpoint IF $gutter-horizontal-size & $gutter-vertical-size = narrow: small sized space between items ELSE $gutter-horizontal-size & $gutter-vertical-size = default: regular sized space between items */
/** Grid columns IF = auto: fits the available space ELSE IF = variable: fits the width of it's content ELSE span the amount of columns provided */
/** Grid Spacing Clear Clears first and last grid row margin or padding Declare on column class: @include grid-clear-vertical-spacing(2); Options: • $columns(value = 1 to n) - default = 1 • $property(value = margin or padding) - default = margin, sets to 0 */
/** Grid class generators Generates classes for each column and offset by default and breakpoint */
/** Hide Text Hide text while making it readable for screen readers 1. Needed in WebKit-based browsers because of an implementation bug; See: https://code.google.com/p/chromium/issues/detail?id=457146 */
/** Hide Element Hide element while making it readable for screen readers Shamelessly borrowed from HTML5Boilerplate: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133 */
.block-page-title-block { max-width: 75rem; width: 100%; margin-left: auto !important; margin-right: auto !important; padding: 8rem 0; position: relative; z-index: 0; }

.block-page-title-block::before { left: calc(-50vw + 50%); max-width: none; position: relative; width: 100%; width: 100vw; background: #EEEEEE; bottom: 0; content: ''; display: block; position: absolute; top: 0; z-index: -1; }

.block-page-title-block .block__inner { max-width: 50rem; width: 100%; margin-right: auto !important; position: relative; z-index: 1; }

.block-page-title-block .block__eyebrow { background: #23579F; color: #FFFFFF; display: inline-block; font-family: "Maven Pro", "Helvetica Neue", Helvetica, "宋体", "SimSun", "微软雅黑", "Microsoft YaHei", sans-serif; font-size: 1em; font-weight: 500; letter-spacing: 0.125em; line-height: 1.5; margin: 0 0 2.5em; padding: 0.5em 1.25em; text-transform: uppercase; font-size: 0.8em; margin-bottom: 2.5rem; }

@media (max-width: 35.49em) { .block-page-title-block .block__eyebrow { font-size: 0.875em; } }

.block-page-title-block .page-title { font-size: 2.875em; font-weight: 500; letter-spacing: -0.0085em; line-height: 1.2; margin: 0; }

@media (max-width: 35.49em) { .block-page-title-block .page-title { font-size: 2em; line-height: 1.25; } }

.block-page-title-block .block__content { font-size: 1.125em; margin-top: 2.5rem; }

.block-page-title-block .block__footer { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2.5rem; }

.block-page-title-block .block__published { margin-right: 1rem; }

.block-page-title-block .block__social .social-sharing-buttons { font-size: 1.25em; margin: 0; }

.block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__button { background: transparent; border: 0 none; border-radius: 0; color: inherit; cursor: pointer; font-style: normal; font-weight: inherit; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: normal; margin: 0; text-decoration: none; text-transform: none; -webkit-transition: inherit; transition: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: normal; height: 1em; margin-right: 1rem; width: 1em; }

.block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__button:hover, .block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__button:active, .block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__button:focus { background: transparent; color: inherit; font-style: normal; text-decoration: none; }

.block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__button span { display: none; }

.block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__button--clipboard:before { content: ""; }

.block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__button--facebook:before { content: ""; }

.block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__button--linkedin:before { content: ""; }

.block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__button--twitter:before { content: ""; }

.block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__popup { padding: 0; }

.block-page-title-block .block__social .social-sharing-buttons .social-sharing-buttons__popup.visible { padding: 0.5em; }

.block-page-title-block .block__read-time:before { content: ""; }

.block-page-title-block .block__read-time::before { font-size: 1.25em; vertical-align: middle; margin-right: 0.25em; }

.block-page-title-block .block__media { margin-top: 2.5rem; }

.block-page-title-block.block--no-media .block__media { display: none; }

@media (max-width: 35.49em) { .block-page-title-block { padding: 4rem 0; }
  .block-page-title-block .block__eyebrow { margin-bottom: 1.5rem; }
  .block-page-title-block .block__content, .block-page-title-block .block__footer, .block-page-title-block .block__media { margin-top: 1.5rem; }
  .block-page-title-block .block__footer { font-size: 0.8em; } }

.block-page-title-block.block--layout-centered::before { background: linear-gradient(247deg, #F6E4E0, #DFE4F5); }

.block-page-title-block.block--layout-centered .block__inner { margin-left: auto; margin-right: auto; }

.block-page-title-block.block--layout-centered .block__media { max-width: 50rem; width: 100%; margin-left: auto !important; margin-right: auto !important; }

@media (min-width: 35.5em) { .block-page-title-block.block--layout-default .block__media, .block-page-title-block.block--layout-default-alt .block__media { bottom: 0; left: 66%; margin-top: 0; position: absolute; top: 0; width: calc(50vw - 16%); z-index: 0; }
  .block-page-title-block.block--layout-default .block__media .media, .block-page-title-block.block--layout-default-alt .block__media .media { height: 100%; width: 100%; }
  .block-page-title-block.block--layout-default .block__media img, .block-page-title-block.block--layout-default-alt .block__media img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; }
  .block-page-title-block.block--layout-default.block--with-media .block__inner, .block-page-title-block.block--layout-default-alt.block--with-media .block__inner { width: 60%; } }

.block-page-title-block.block--layout-default-alt:before { background: #F0F4FA; }

.block-page-title-block.block--layout-full:before { background: #3D3F4D; }

.block-page-title-block.block--layout-full .block__inner { max-width: 40rem; width: 100%; margin-right: auto !important; color: #EEEEEE; text-shadow: rgba(0, 0, 0, 0.4) 0 0 4px; }

.block-page-title-block.block--layout-full .block__inner h1 { color: #FFFFFF; }

.block-page-title-block.block--layout-full .block__inner a { color: #FFFFFF; text-decoration: underline; }

@media (max-width: 35.49em) { .block-page-title-block.block--layout-full { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1rem 0; }
  .block-page-title-block.block--layout-full .block__inner { -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; }
  .block-page-title-block.block--layout-full .block__media { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-top: 0; margin-bottom: 1.5rem; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 100%; }
  .block-page-title-block.block--layout-full .block__media--with-fallback .media--image, .block-page-title-block.block--layout-full .block__media--with-fallback .image-style-large { display: none; }
  .block-page-title-block.block--layout-full .block__media .media--type-remote-video { display: none; }
  .block-page-title-block.block--layout-full .block__media--with-video video { display: none; } }

@media (min-width: 35.5em) { .block-page-title-block.block--layout-full .block__inner .page-title, .block-page-title-block.block--layout-full .block__inner .block__content { position: relative; }
  .block-page-title-block.block--layout-full .block__inner .page-title::before, .block-page-title-block.block--layout-full .block__inner .block__content::before { background: radial-gradient(closest-side, rgba(0, 0, 0, 0.4), transparent); bottom: -6rem; content: ''; left: -18rem; position: absolute; right: -6rem; top: -6rem; z-index: -1; --base-dist: 0.2; --base-alpha: 0.2; background: radial-gradient(closest-side, hsla(0, 0%, 0%, var(--base-alpha)) calc(100% * var(--base-dist)), hsla(0, 0%, 0%, calc(var(--base-alpha) * 0.987)) calc(100% * (var(--base-dist) + ((1 - var(--base-dist)) * .081))), hsla(0, 0%, 0%, calc(var(--base-alpha) * 0.951)) calc(100% * (var(--base-dist) + ((1 - var(--base-dist)) * .155))), hsla(0, 0%, 0%, calc(var(--base-alpha) * 0.896)) calc(100% * (var(--base-dist) + ((1 - var(--base-dist)) * .225))), hsla(0, 0%, 0%, calc(var(--base-alpha) * 0.825)) calc(100% * (var(--base-dist) + ((1 - var(--base-dist)) * .29))), hsla(0, 0%, 0%, calc(var(--base-alpha) * 0.741)) calc(100% * (var(--base-dist) + ((1 - var(--base-dist)) * .353))), hsla(0, 0%, 0%, calc(var(--base-alpha) * 0.648)) calc(100% * (var(--base-dist) + ((1 - var(--base-dist)) * .412))), hsla(0, 0%, 0%, calc(var(--base-alpha) * 0.55)) calc(100% * (var(--base-dist) + ((1 - var(--base-dist)) * .471))), hsla(0, 0%, 0%, calc(var(--base-alpha) * 0.45)) calc(100% * (var(--base-dist) + ((1 - var(--base-dist)) * .529))), hsla(0, 0%, 0%, calc(var(--base-alpha) * 0.352)) calc(100% * (var(--base-dist) + ((1 - var(--base-dist)) * .588))), hsla(0, 0%, 0%, calc(var(--base-alpha) * 0.259)) calc(100% * (var(--base-dist) + ((1 - var(--base-dist)) * .647))), hsla(0, 0%, 0%, calc(var(--base-alpha) * 0.175)) calc(100% * (var(--base-dist) + ((1 - var(--base-dist)) * .71))), hsla(0, 0%, 0%, calc(var(--base-alpha) * 0.104)) calc(100% * (var(--base-dist) + ((1 - var(--base-dist)) * .775))), hsla(0, 0%, 0%, calc(var(--base-alpha) * 0.049)) calc(100% * (var(--base-dist) + ((1 - var(--base-dist)) * .845))), hsla(0, 0%, 0%, calc(var(--base-alpha) * 0.013)) calc(100% * (var(--base-dist) + ((1 - var(--base-dist)) * .919))), rgba(0, 0, 0, 0) 100%); }
  .block-page-title-block.block--layout-full .block__media { left: calc(-50vw + 50%); max-width: none; position: relative; width: 100%; width: 100vw; bottom: 0; content: ''; display: block; margin-top: 0; position: absolute; top: 0; z-index: -1; }
  .block-page-title-block.block--layout-full .block__media::after { /* background: linear-gradient(to right,  rgba($color-black, 0.6) 0, rgba($color-black, 0.3) 20%, rgba($color-black, 0.1) 60%, rgba($color-black, 0) 100%);*/ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), color-stop(1.6%, rgba(0, 0, 0, 0.592)), color-stop(3.8%, rgba(0, 0, 0, 0.571)), color-stop(6.8%, rgba(0, 0, 0, 0.538)), color-stop(10.6%, rgba(0, 0, 0, 0.495)), color-stop(15%, rgba(0, 0, 0, 0.444)), color-stop(20.2%, rgba(0, 0, 0, 0.389)), color-stop(26.1%, rgba(0, 0, 0, 0.33)), color-stop(32.8%, rgba(0, 0, 0, 0.27)), color-stop(40.2%, rgba(0, 0, 0, 0.211)), color-stop(48.3%, rgba(0, 0, 0, 0.156)), color-stop(57.2%, rgba(0, 0, 0, 0.105)), color-stop(66.8%, rgba(0, 0, 0, 0.062)), color-stop(77.1%, rgba(0, 0, 0, 0.029)), color-stop(88.2%, rgba(0, 0, 0, 0.008)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.592) 1.6%, rgba(0, 0, 0, 0.571) 3.8%, rgba(0, 0, 0, 0.538) 6.8%, rgba(0, 0, 0, 0.495) 10.6%, rgba(0, 0, 0, 0.444) 15%, rgba(0, 0, 0, 0.389) 20.2%, rgba(0, 0, 0, 0.33) 26.1%, rgba(0, 0, 0, 0.27) 32.8%, rgba(0, 0, 0, 0.211) 40.2%, rgba(0, 0, 0, 0.156) 48.3%, rgba(0, 0, 0, 0.105) 57.2%, rgba(0, 0, 0, 0.062) 66.8%, rgba(0, 0, 0, 0.029) 77.1%, rgba(0, 0, 0, 0.008) 88.2%, rgba(0, 0, 0, 0) 100%); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; }
  .block-page-title-block.block--layout-full .block__media .media { height: 100%; width: 100%; }
  .block-page-title-block.block--layout-full .block__media img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; }
  .block-page-title-block.block--layout-full .block__media--with-fallback .image-style-medium { display: none; }
  .block-page-title-block.block--layout-full .block__media--with-fallback .media--image, .block-page-title-block.block--layout-full .block__media--with-fallback .image-style-large { display: block; }
  .block-page-title-block.block--layout-full .block__media--with-video .field.field--name-field-featured-media { height: 100%; }
  .block-page-title-block.block--layout-full .block__media--with-video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } }

.block-page-title-block.block--layout-slim { padding: 4rem 0 5rem; }

.block-page-title-block.block--layout-slim:before { background: #3D3F4D; }

.block-page-title-block.block--layout-slim .block__inner { color: #EEEEEE; }

.block-page-title-block.block--layout-slim .block__inner h1 { color: #FFFFFF; }

.block-page-title-block.block--layout-slim-alt { padding: 4rem 0 5rem; }

.block-page-title-block.block--layout-slim-alt:before { background: #F0F4FA; }

.block-page-title-block.visually-hidden .block__media { display: none; }

.page-node-type-position-statements .block-page-title-block .block__eyebrow { display: none; }

.page-node-type-position-statements .block-page-title-block.block--layout-full:before { background: #F7F7F7; }

.page-node-type-position-statements .block-page-title-block.block--layout-full .block__inner { color: #232C64; text-shadow: none; }

.page-node-type-position-statements .block-page-title-block.block--layout-full .block__inner .page-title { color: #232C64; text-shadow: none; }

.page-node-type-position-statements .block-page-title-block.block--layout-full .block__inner .page-title::before, .page-node-type-position-statements .block-page-title-block.block--layout-full .block__inner .block__content::before { background: none; }

@media (min-width: 35.5em) { .page-node-type-position-statements .block-page-title-block.block--layout-full .block__media { left: calc(-50vw + 50%); max-width: none; position: relative; width: 100%; width: 100vw; bottom: 0; content: ''; display: block; left: unset; margin-top: 0; max-width: 40vw; position: absolute; right: calc(-50vw + 50%); top: 0; width: 100%; z-index: -1; }
  .page-node-type-position-statements .block-page-title-block.block--layout-full .block__media::after { background: none; }
  .page-node-type-position-statements .block-page-title-block.block--layout-full .block__media .media { height: 100%; width: 100%; }
  .page-node-type-position-statements .block-page-title-block.block--layout-full .block__media img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } }

/*# sourceMappingURL=../../maps/libraries/block/page-title-block.css.map */
