@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
 */
@-webkit-keyframes scale-LR {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes scale-LR {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
/** 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 {
  left: calc(-50vw + 50%);
  max-width: none;
  position: relative;
  width: 100%;
  width: 100vw;
  position: relative;
  z-index: 0;
  --theme--hero-card-color: #0031A7;
  --theme--hero-card-color-secondary: #FCD405;
  --theme--hero-text-color: #FFFFFF;
  --theme-hero-text-color-secondary: #0031A7;
  --theme--hero-header-color: #FFFFFF;
  --theme-hero-header-color-secondary: #0031A7;
  --card--max-width: 31.5625rem;
  --medium-media-height-mobile: 42.1875rem;
  --medium-media-height: 34.25rem;
  --short-media-height-mobile: 31.25rem;
  --short-media-height: 25rem;
  /* Video Hero Styles */
}
.component-hero .field--name-field-media-background {
  height: 100%;
  width: 100%;
}
.component-hero .field--name-field-media-background .media--type-video {
  height: 100%;
}
.component-hero .field--name-field-media-background .media--type-video video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.component-hero__inner--medium img, .component-hero__inner--short img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 48em) {
  .component-hero__inner--medium img, .component-hero__inner--short img {
    height: 100%;
  }
}
.component-hero__inner--medium {
  max-height: var(--medium-media-height-mobile);
}
@media (min-width: 61.26em) {
  .component-hero__inner--medium {
    max-height: var(--medium-media-height);
  }
}
.component-hero__inner--medium .component-hero-slide .field--name-field-media-background .media img {
  height: var(--medium-media-height-mobile);
}
@media (min-width: 61.26em) {
  .component-hero__inner--medium .component-hero-slide .field--name-field-media-background .media img {
    height: var(--medium-media-height);
  }
}
.component-hero__inner--medium img {
  height: var(--medium-media-height-mobile);
}
@media (min-width: 61.26em) {
  .component-hero__inner--medium img {
    height: var(--medium-media-height);
  }
}
.component-hero__inner--medium .component-hero-slide__outer:has(video) {
  height: var(--medium-media-height-mobile);
}
@media (min-width: 61.26em) {
  .component-hero__inner--medium .component-hero-slide__outer:has(video) {
    height: var(--medium-media-height);
  }
}
.component-hero__inner--short {
  max-height: var(--short-media-height-mobile);
}
@media (min-width: 61.26em) {
  .component-hero__inner--short {
    max-height: var(--short-media-height);
  }
}
.component-hero__inner--short img {
  max-height: var(--short-media-height-mobile);
}
@media (min-width: 61.26em) {
  .component-hero__inner--short img {
    max-height: var(--short-media-height);
  }
}
.component-hero__inner--short .component-hero-slide__outer:has(video) {
  max-height: var(--short-media-height-mobile);
}
@media (min-width: 61.26em) {
  .component-hero__inner--short .component-hero-slide__outer:has(video) {
    max-height: var(--short-media-height);
  }
}
@media (min-width: 48.01em) {
  .component-hero.single-slide .component-hero-slide__outer {
    margin-bottom: 0;
  }
}
.component-hero.single-slide .component-hero-slide__cards-container {
  position: relative;
  top: -8rem;
  margin-bottom: -8rem;
  padding: 2rem 4rem;
  background-color: var(--theme--hero-card-color);
  color: var(--theme--hero-text-color);
  border-radius: 8px;
}
@media (min-width: 48em) {
  .component-hero.single-slide .component-hero-slide__cards-container {
    margin-left: 1rem !important;
    width: 90%;
    top: -8rem;
    margin-bottom: -8rem;
  }
}
@media (min-width: 64em) {
  .component-hero.single-slide .component-hero-slide__cards-container {
    margin-left: 10rem !important;
    width: var(--card--max-width);
    max-width: var(--card--max-width);
    top: -9rem;
    margin-bottom: -9rem;
    padding-bottom: 3rem;
  }
}
.component-hero.single-slide .component-hero-slide__cards-container .component-hero-slide__card-title h2 {
  color: var(--theme--hero-header-color);
}
.component-hero.single-slide .component-hero-slide__cards-container:has(.component-hero-slide__card--video) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  margin: auto !important;
  max-width: none;
  padding: 2rem;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 3;
}
.component-hero.single-slide .component-hero-slide__cards-container:has(.component-hero-slide__card--video):after {
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media (min-width: 61.26em) {
  .component-hero.single-slide .component-hero-slide__cards-container:has(.component-hero-slide__card--video):after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), color-stop(30%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0) 100%);
  }
}
.component-hero.single-slide .component-hero-slide__cards-container:has(.component-hero-slide__card--video) .component-hero-slide__card--video {
  width: 57.1875rem;
}
.component-hero.single-slide .component-hero-slide__cards-container:has(.component-hero-slide__card--video) h2 {
  font-size: 3rem;
  line-height: 3.5rem;
}
@media (min-width: 61.26em) {
  .component-hero.single-slide .component-hero-slide__cards-container:has(.component-hero-slide__card--video) h2 {
    font-size: 5.625rem;
    line-height: 6.25rem;
  }
}
.component-hero.single-slide .component-hero-slide__cards-container .component-hero-slide__card {
  position: static;
  width: 100%;
  max-width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: transparent;
  color: var(--theme--hero-text-color);
  padding: 0;
}
.component-hero.single-slide .component-hero-slide__cards-container .component-hero-slide__card .component-hero-slide__card-content-container {
  background-color: transparent;
  padding: 0;
  margin-left: 0;
  border-radius: 7px;
}
.component-hero.single-slide:has(.content-vertical-alignment--middle) .component-hero-slide__card-content-container, .component-hero.single-slide:has(.content-vertical-alignment--bottom) .component-hero-slide__card-content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.component-hero.single-slide:has(.content-vertical-alignment--middle) .component-hero-slide__card-content-container .component-hero-slide__card-cta, .component-hero.single-slide:has(.content-vertical-alignment--bottom) .component-hero-slide__card-content-container .component-hero-slide__card-cta {
  margin-top: 1rem;
  position: static;
}
.component-hero.single-slide:has(.content-vertical-alignment--bottom) .component-hero-slide__card-content-container {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.component-hero.single-slide:has(.content-vertical-alignment--middle) .component-hero-slide__card-content-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.component-hero .component-hero-slide__cards-container {
  max-width: 75em;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  width: calc(100% - 2rem);
  z-index: 1;
  position: relative;
}
@media (min-width: 48.01em) {
  .component-hero .component-hero-slide__cards-container {
    width: 100%;
  }
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card {
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: var(--theme--hero-card-color-secondary);
  padding: 2rem 0;
  color: var(--theme-hero-text-color-secondary);
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0;
  max-width: 90%;
  bottom: -50px;
  height: 470px;
  width: 80%;
  -webkit-transition: width 0.25s;
  transition: width 0.25s;
  z-index: 2;
}
@media (min-width: 30.01em) {
  .component-hero .component-hero-slide__cards-container .component-hero-slide__card {
    height: 360px;
  }
}
@media (min-width: 48.01em) {
  .component-hero .component-hero-slide__cards-container .component-hero-slide__card {
    bottom: 0;
    height: 420px;
    width: 100%;
  }
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card.active .component-hero-slide__card-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card:not(.active) {
  cursor: pointer;
}
@media (min-width: 48.01em) {
  .component-hero .component-hero-slide__cards-container .component-hero-slide__card {
    max-width: 33.125rem;
    padding: 2.25rem 0 2.875rem 2.25rem;
  }
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card:nth-child(1):not(.active) {
  z-index: 2;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card[data-card-index="0"] {
  background-color: var(--theme--hero-card-color-secondary);
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card[data-card-index="1"] {
  background-color: #E0A52E;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card[data-card-index="2"] {
  background-color: #CD8C00;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card:nth-child(2):not(.active) {
  z-index: 1;
  left: 2.3125rem;
}
@media (min-width: 48.01em) {
  .component-hero .component-hero-slide__cards-container .component-hero-slide__card:nth-child(2):not(.active) {
    left: 3.875rem;
  }
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card:nth-child(2):not(.active) .component-hero-slide__card-cta {
  display: none;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card:nth-child(2) .component-hero-slide__card-content-container {
  background-color: #F2F2F2;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card:nth-child(2).active .component-hero-slide__card-content-container {
  background-color: #FFFFFF;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card:nth-child(3):not(.active) {
  z-index: 0;
  left: 4.625rem;
}
@media (min-width: 48.01em) {
  .component-hero .component-hero-slide__cards-container .component-hero-slide__card:nth-child(3):not(.active) {
    left: 7.75rem;
  }
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card:nth-child(3):not(.active) .component-hero-slide__card-cta {
  display: none;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card:nth-child(3) .component-hero-slide__card-content-container {
  background-color: #E8E8E8;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card:nth-child(3).active .component-hero-slide__card-content-container {
  background-color: #FFFFFF;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card-content-container {
  background-color: #FFFFFF;
  border-radius: 7px 0 0 7px;
  height: 100%;
  padding: 1.5rem 4rem 1rem 2.5rem;
  position: relative;
  margin-left: 1.5rem;
}
@media (min-width: 48.01em) {
  .component-hero .component-hero-slide__cards-container .component-hero-slide__card-content-container {
    margin: 0;
  }
}
@media (min-width: 48.01em) {
  .component-hero .component-hero-slide__cards-container .component-hero-slide__card-content-container:not(:has(.component-hero-slide__card-cta)) {
    padding-bottom: 2rem;
  }
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card-title h2 {
  color: var(--theme-hero-header-color-secondary);
  margin-top: 0;
  font-size: 1.5rem;
  line-height: 2.375rem;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.75rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 48.01em) {
  .component-hero .component-hero-slide__cards-container .component-hero-slide__card-title h2 {
    font-size: 2.5rem;
    line-height: 2.9375rem;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding: 0;
  min-width: calc(100vw - 150px);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 1.25rem;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta .field__item {
  min-width: 245px;
}
@media (min-width: 48.01em) {
  .component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta .field__item {
    min-width: 270px;
  }
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta button,
.component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta a,
.component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta input[type=submit] {
  background-color: transparent;
  background-image: url("../../../images/cta-red-tomato.svg");
  background-size: 100% 68px;
  border: 0;
  color: var(--theme-cta-color);
  font-family: "MacklinSlab", "Times", serif;
  font-size: 1.5rem;
  font-weight: bold;
  height: 68px;
  min-width: 270px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 2rem;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta .field__item:nth-child(2) {
  margin: 1rem 0 0;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta .field__item:nth-child(2) a {
  background-color: transparent;
  background-image: url("../../../images/cta-secondary-dark.svg");
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: 100% 68px;
  height: 68px;
  color: var(--theme-cta-color--secondary);
  margin: 0;
}
@media (min-width: 1051px) {
  .component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  .component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta .field__item:nth-child(2) {
    margin: 0 0 0 1rem;
  }
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 35.51em) {
  .component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta {
    min-width: unset;
  }
  .paragraph--type-hero:not(.single-slide) .component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta a {
  color: #FFFFFF;
  min-width: 230px;
}
@media (min-width: 48.01em) {
  .component-hero .component-hero-slide__cards-container .component-hero-slide__card-cta a {
    min-width: 270px;
  }
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card .component-hero-slide__card-content-container {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card.content-vertical-alignment--middle .component-hero-slide__card-content-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 0.5rem;
}
.component-hero .component-hero-slide__cards-container .component-hero-slide__card.content-vertical-alignment--bottom .component-hero-slide__card-content-container {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 1.5rem;
}
/*# sourceMappingURL=../../maps/libraries/paragraph/full--hero.css.map */