@charset "UTF-8";
/** Globals An import of all abstracts */
/** Vendor For files that need compiling */
.node--view-mode-blade .node__footer .node__link:after { 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 */
/** Component */
.node--view-mode-blade { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 100%; position: relative; z-index: 0; }

.node--view-mode-blade .node__media { background-color: #595E80; height: 30rem; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .node--view-mode-blade .node__media { overflow: hidden; } }

.node--view-mode-blade .node__media::before { /* background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); */ background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), color-stop(1%, rgba(0, 0, 0, 0.569)), color-stop(3.9%, rgba(0, 0, 0, 0.531)), color-stop(8.4%, rgba(0, 0, 0, 0.487)), color-stop(14.3%, rgba(0, 0, 0, 0.438)), color-stop(21.3%, rgba(0, 0, 0, 0.386)), color-stop(29.2%, rgba(0, 0, 0, 0.332)), color-stop(37.7%, rgba(0, 0, 0, 0.277)), color-stop(46.6%, rgba(0, 0, 0, 0.224)), color-stop(55.7%, rgba(0, 0, 0, 0.173)), color-stop(64.7%, rgba(0, 0, 0, 0.126)), color-stop(73.4%, rgba(0, 0, 0, 0.085)), color-stop(81.5%, rgba(0, 0, 0, 0.05)), color-stop(88.8%, rgba(0, 0, 0, 0.023)), color-stop(95.1%, rgba(0, 0, 0, 0.006)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.569) 1%, rgba(0, 0, 0, 0.531) 3.9%, rgba(0, 0, 0, 0.487) 8.4%, rgba(0, 0, 0, 0.438) 14.3%, rgba(0, 0, 0, 0.386) 21.3%, rgba(0, 0, 0, 0.332) 29.2%, rgba(0, 0, 0, 0.277) 37.7%, rgba(0, 0, 0, 0.224) 46.6%, rgba(0, 0, 0, 0.173) 55.7%, rgba(0, 0, 0, 0.126) 64.7%, rgba(0, 0, 0, 0.085) 73.4%, rgba(0, 0, 0, 0.05) 81.5%, rgba(0, 0, 0, 0.023) 88.8%, rgba(0, 0, 0, 0.006) 95.1%, rgba(0, 0, 0, 0) 100%); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }

.node--view-mode-blade .node__media .media { height: 100%; width: 100%; }

.node--view-mode-blade .node__media img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; z-index: 0; }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .node--view-mode-blade .node__media img { left: 50%; max-width: none; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; } }

.node--view-mode-blade .node__inner-toggle { background-color: #00686D; border: 0; color: #FFFFFF; display: none; padding: 0.5em; position: absolute; right: 0; text-align: center; top: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; z-index: 1; }

.node--view-mode-blade .node__inner-toggle:after { content: '+'; display: block; font-size: 2em; font-weight: 300; height: 0.8em; line-height: 0.8; width: 0.8em; }

.node--view-mode-blade .node__inner-toggle span { bottom: 0; display: none; left: 0; position: absolute; right: 0; text-align: left; text-indent: -999999em; top: 0; }

.node--view-mode-blade .node__inner-toggle[aria-expanded='false'] .node__inner-toggle-false, .node--view-mode-blade .node__inner-toggle[aria-expanded='true'] .node__inner-toggle-true, .node--view-mode-blade .node__inner-toggle[aria-expanded='undefined'] .node__inner-toggle-undefined { display: block; }

.node--view-mode-blade .node__inner-toggle[aria-expanded='true'] { background-color: #FFFFFF; color: #00686D; }

.node--view-mode-blade .node__inner-toggle[aria-expanded='true']::after { content: '–'; line-height: 0.862; }

.node--view-mode-blade .node__inner { min-height: 100%; opacity: 1; overflow: hidden; position: relative; -webkit-transition: max-width 300ms ease, opacity 300ms ease, visibility 0ms linear; transition: max-width 300ms ease, opacity 300ms ease, visibility 0ms linear; visibility: visible; width: 100%; z-index: 0; }

.node--view-mode-blade .node__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 30rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 2rem; }

.node--view-mode-blade .node__title h4 { color: #FFFFFF; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.node--view-mode-blade .node__title .node__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; position: absolute; top: 12em; }

@media (max-width: 35.49em) { .node--view-mode-blade .node__title .node__eyebrow { font-size: 0.875em; } }

.node--view-mode-blade .node__content-wrapper { padding: 2rem 2rem 0; }

.node--view-mode-blade .node__content { padding: 0; }

.node--view-mode-blade .node__additional { display: none; }

.node--view-mode-blade .node__footer { padding: 2rem; }

.node--view-mode-blade .node__footer .node__link { font-weight: 500; text-decoration: none; text-transform: uppercase; text-decoration: none; }

.node--view-mode-blade .node__footer .node__link, .node--view-mode-blade .node__footer .node__link:hover, .node--view-mode-blade .node__footer .node__link:focus, .node--view-mode-blade .node__footer .node__link:active, .node--view-mode-blade .node__footer .node__link.is-active { color: #00686D; }

.node--view-mode-blade .node__footer .node__link:hover { text-decoration: underline; }

.node--view-mode-blade .node__footer .node__link:after { content: ""; }

.node--view-mode-blade .node__footer .node__link::after { display: inline-block; font-size: 0.75em; margin-left: 0.5em; }

@media (min-width: 35.5em) { .node--view-mode-blade { display: inline-block; }
  .node--view-mode-blade .node__content-wrapper { min-height: 9.75em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 2rem 2rem 5rem; }
  .node--view-mode-blade .node__content { -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-transition: max-width 300ms ease; transition: max-width 300ms ease; width: 100%; }
  .node--view-mode-blade .node__additional { display: block; margin-left: 2rem; max-height: 9.75em; opacity: 0; -webkit-transition: max-height 300ms ease 1ms, opacity 300ms ease 1ms, visibility 0ms linear; transition: max-height 300ms ease 1ms, opacity 300ms ease 1ms, visibility 0ms linear; visibility: hidden; }
  .node--view-mode-blade .node__inner { opacity: 1; overflow: hidden; -webkit-transition: max-width 300ms ease, opacity 300ms ease, visibility 0ms linear; transition: max-width 300ms ease, opacity 300ms ease, visibility 0ms linear; visibility: visible; }
  .node--view-mode-blade .node__inner-toggle { display: block; }
  .node--view-mode-blade .node__inner-toggle[aria-expanded='false'] + .node__inner { max-width: 5rem; opacity: 0; visibility: hidden; -webkit-transition-delay: 0ms, 0ms, 300ms; transition-delay: 0ms, 0ms, 300ms; }
  .node--view-mode-blade .node__inner-toggle[aria-expanded='true'] + .node__inner .node__additional { max-height: 20em; opacity: 1; visibility: visible; }
  .node--view-mode-blade .node__footer { bottom: 0; padding: 2rem; position: absolute; } }

@media (min-width: 35.5em) and (max-width: 61.24em) { .node--view-mode-blade .node__content-wrapper { width: calc(100vw - 7rem); }
  .node--view-mode-blade .node__content { max-width: 50%; }
  .node--view-mode-blade .node__title, .node--view-mode-blade .node__inner { max-width: calc((50vw) - 1rem); width: calc(100vw - 7rem); }
  .node--view-mode-blade .node__inner-toggle[aria-expanded='true'] + .node__inner { max-width: calc(100vw - 7rem); }
  .node--view-mode-blade .node__inner-toggle[aria-expanded='true'] + .node__inner .node__content { max-width: calc(50% - 2rem); } }

@media (min-width: 61.25em) { .node--view-mode-blade .node__media, .node--view-mode-blade .node__title { height: 34rem; }
  .node--view-mode-blade .node__content { max-width: 33.33333%; }
  .node--view-mode-blade .node__content-wrapper { width: calc(100vw - 12rem); }
  .node--view-mode-blade .node__title, .node--view-mode-blade .node__inner { max-width: calc((33.33333vw) - 0.66667rem); width: calc(100vw - 12rem); }
  .node--view-mode-blade .node__inner-toggle[aria-expanded='true'] + .node__inner { max-width: calc(100vw - 12rem); } }

@media (min-width: 77rem) { .node--view-mode-blade .node__content-wrapper { width: 65rem; }
  .node--view-mode-blade .node__title, .node--view-mode-blade .node__inner { max-width: 25rem; width: 65rem; }
  .node--view-mode-blade .node__inner-toggle[aria-expanded='true'] + .node__inner { max-width: 65rem; } }

/*# sourceMappingURL=../../maps/libraries/node/blade.css.map */