@charset "UTF-8";
/** Globals An import of all abstracts */
/** Vendor For files that need compiling */
/** 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 */
.component-hero-slide { background: #979797; color: #FFFFFF; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(90vh - 5.375rem); max-height: 70rem; min-height: 20rem; overflow: hidden; position: relative; }

@media (max-width: 47.99em) { .component-hero-slide { height: auto; max-height: inherit; min-height: calc(90vh - 6rem); padding-bottom: 5rem; padding-top: 1rem; } }

@media (max-width: 35.49em) { .component-hero-slide { min-height: 33rem; } }

.component-hero-slide figure.media { top: 0; right: 0; bottom: 0; left: 0; position: absolute; height: 100%; overflow: hidden; width: 100%; z-index: 0; }

.component-hero-slide figure.media::before { /* background: linear-gradient(to top right, rgba($color-black, 0.3) 35%, rgba($color-black, 0) 50%, rgba($color-black, 0) 100%); */ background: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 0, 0.3)), color-stop(35%, rgba(0, 0, 0, 0.3)), color-stop(35.8%, rgba(0, 0, 0, 0.296)), color-stop(36.7%, rgba(0, 0, 0, 0.285)), color-stop(37.6%, rgba(0, 0, 0, 0.269)), color-stop(38.7%, rgba(0, 0, 0, 0.247)), color-stop(39.7%, rgba(0, 0, 0, 0.222)), color-stop(40.8%, rgba(0, 0, 0, 0.194)), color-stop(41.9%, rgba(0, 0, 0, 0.165)), color-stop(43.1%, rgba(0, 0, 0, 0.135)), color-stop(44.2%, rgba(0, 0, 0, 0.106)), color-stop(45.3%, rgba(0, 0, 0, 0.078)), color-stop(46.3%, rgba(0, 0, 0, 0.053)), color-stop(47.4%, rgba(0, 0, 0, 0.031)), color-stop(48.3%, rgba(0, 0, 0, 0.015)), color-stop(49.2%, rgba(0, 0, 0, 0.004)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.296) 35.8%, rgba(0, 0, 0, 0.285) 36.7%, rgba(0, 0, 0, 0.269) 37.6%, rgba(0, 0, 0, 0.247) 38.7%, rgba(0, 0, 0, 0.222) 39.7%, rgba(0, 0, 0, 0.194) 40.8%, rgba(0, 0, 0, 0.165) 41.9%, rgba(0, 0, 0, 0.135) 43.1%, rgba(0, 0, 0, 0.106) 44.2%, rgba(0, 0, 0, 0.078) 45.3%, rgba(0, 0, 0, 0.053) 46.3%, rgba(0, 0, 0, 0.031) 47.4%, rgba(0, 0, 0, 0.015) 48.3%, rgba(0, 0, 0, 0.004) 49.2%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; color: 90.625em; }

.component-hero-slide figure.media.media--version-mobile { display: none; }

.component-hero-slide figure.media .media__media, .component-hero-slide figure.media .media, .component-hero-slide figure.media .video-embed-field-responsive-video, .component-hero-slide figure.media picture { position: initial; display: block; height: 100%; width: 100%; }

.component-hero-slide figure.media img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; }

.component-hero-slide figure.media iframe { left: 50%; pointer-events: none; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 0; max-width: initial; }

.component-hero-slide figure.media.media--type-video.media--view-mode-hero .video-js { width: 100% !important; height: 100% !important; }

.component-hero-slide figure.media.media--type-video.media--view-mode-hero .video-js video { width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; }

.component-hero-slide .component-hero-slide__inner { max-width: 75rem; width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; position: relative; z-index: 1; }

.component-hero-slide .component-hero-slide__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; max-width: 48rem; margin: 0; padding: 0 1.25rem; }

.component-hero-slide .component-hero-slide__title h1 { font-family: "Maven Pro", "Helvetica Neue", Helvetica, "宋体", "SimSun", "微软雅黑", "Microsoft YaHei", sans-serif; font-weight: 400; letter-spacing: 0; margin: 0.25em 0 0.5em; padding: 0; color: #EEEEEE; font-size: 5em; letter-spacing: -0.01875em; line-height: 1.4; display: inline-block; font-size: 3.75em; margin: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: center; }

@media (max-width: 35.49em) { .component-hero-slide .component-hero-slide__title h1 { font-size: 2.5em; line-height: 1.2; } }

.component-hero-slide .component-hero-slide__title h1 span { background-color: #00686D; -webkit-box-shadow: 1.25rem 0 0 #00686D, -1.25rem 0 0 #00686D; box-shadow: 1.25rem 0 0 #00686D, -1.25rem 0 0 #00686D; -webkit-box-decoration-break: clone; box-decoration-break: clone; padding-bottom: 0.375rem; }

.component-hero-slide .component-hero-slide__title .component-hero-slide__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; margin-right: auto; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

@media (max-width: 35.49em) { .component-hero-slide .component-hero-slide__title .component-hero-slide__eyebrow { font-size: 0.875em; } }

.component-hero-slide .component-hero-slide__content { margin: 3rem 8% 0; max-width: calc(36rem - 8%); position: relative; text-shadow: rgba(0, 0, 0, 0.3) 0 0 2px; }

.component-hero-slide .component-hero-slide__content:not(:empty):after { background: radial-gradient(closest-side, rgba(0, 0, 0, 0.3), transparent); content: ''; display: block; height: calc(100% + 10rem); position: absolute; right: -5rem; top: -5rem; width: calc(100% + 20rem); 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%); }

.component-hero-slide .component-hero-slide__content p:last-child { margin-bottom: 0; }

.component-hero-slide .component-hero-slide__content .text-formatted a { font-weight: inherit; text-decoration: none; text-transform: inherit; }

.component-hero-slide .component-hero-slide__content .text-formatted a, .component-hero-slide .component-hero-slide__content .text-formatted a:hover, .component-hero-slide .component-hero-slide__content .text-formatted a:focus, .component-hero-slide .component-hero-slide__content .text-formatted a:active, .component-hero-slide .component-hero-slide__content .text-formatted a.is-active { color: #EEEEEE; }

.component-hero-slide .component-hero-slide__content .text-formatted a:hover, .component-hero-slide .component-hero-slide__content .text-formatted a:active, .component-hero-slide .component-hero-slide__content .text-formatted a:focus { text-decoration: underline; }

.component-hero-slide .component-hero-slide__footer { margin: 3rem 0 0 8%; max-width: calc(36rem - 8%); }

.component-hero-slide .component-hero-slide__footer:empty { display: none; }

.component-hero-slide .component-hero-slide__link { background: transparent; border-color: #74BB8B; color: #FFFFFF; }

.component-hero-slide .component-hero-slide__link:hover { background-image: -webkit-gradient(linear, left top, right top, from(#8FC73E), to(#56AEE1)); background-image: linear-gradient(to right, #8FC73E 0%, #56AEE1 100%); border-color: transparent #56AEE1 transparent #8FC73E; color: #FFFFFF; }

@media (max-width: 35.49em) { .component-hero-slide figure.media.media--version-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .component-hero-slide figure.media.media--version-mobile + .media { display: none; }
  .component-hero-slide .component-hero-slide__title { max-width: 18rem; margin: 0 8%; }
  .component-hero-slide .component-hero-slide__title h1 { line-height: 1.5; } }

/*# sourceMappingURL=../../maps/libraries/paragraph/full--hero-slide.css.map */