/***** Vistra Design System *****/
/************************************/
/* 16px */
/* 24px */
/***** START: New theme variables *****/
/************************************/
/***** END: New theme variables ******/
/************************************/
.paragraph--type--hero-banner.banner_type_full_width {
  --background-colour: #001A5B;
  --text-colour: #FFF;
  --header-colour: #FFF;
  --background--gradient-start-colour: #1b31bf;
  --background--gradient-end-colour: #001A5B;
  background: radial-gradient(circle at 71% 113%, var(--background--gradient-start-colour) 0%, var(--background--gradient-end-colour) 35%) !important;
  position: relative;
}
@media all and (min-width: 64em) {
  .paragraph--type--hero-banner.banner_type_full_width {
    min-height: 616px;
  }
}
@media all and (max-width: 63.9375em) {
  .paragraph--type--hero-banner.banner_type_full_width {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    height: 100%;
  }
}
.paragraph--type--hero-banner.banner_type_full_width .banner-content-container {
  padding-inline: 64px;
  height: 100%;
}
@media all and (max-width: 63.9375em) {
  .paragraph--type--hero-banner.banner_type_full_width .banner-content-container {
    padding-left: 0;
    padding-right: 0;
    padding-top: 1rem;
  }
}
.paragraph--type--hero-banner.banner_type_full_width .hero-banner-content {
  z-index: 1;
  padding-bottom: 2rem;
  padding-top: 1rem;
  color: var(--text-colour);
}
@media all and (min-width: 64em) {
  .paragraph--type--hero-banner.banner_type_full_width .hero-banner-content {
    max-width: calc(50% - 2rem);
    padding-bottom: 0;
    padding-top: 4rem;
  }
}
.paragraph--type--hero-banner.banner_type_full_width .banner-image img {
  z-index: 1;
}
@media all and (max-width: 63.9375em) {
  .paragraph--type--hero-banner.banner_type_full_width .banner-image img {
    width: calc(100% + 32px);
    max-width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
    height: auto;
    display: block;
    padding-top: 2rem;
  }
}
@media all and (min-width: 64em) {
  .paragraph--type--hero-banner.banner_type_full_width .banner-image img {
    position: absolute;
    right: 0;
    bottom: 0;
    min-height: min(616px, 100%);
    max-height: 100%;
    width: auto;
    max-width: 50%;
    z-index: 1;
    object-fit: cover;
    object-position: left center;
  }
}
.paragraph--type--hero-banner.banner_type_full_width .field--name-field-title {
  padding-bottom: 0.5rem;
  font-weight: 300;
  font-size: 3rem;
  line-height: 3.5rem;
  color: var(--header-colour) !important;
}
@media all and (min-width: 64em) {
  .paragraph--type--hero-banner.banner_type_full_width .field--name-field-title {
    font-weight: 300;
    font-size: 4.75rem;
    line-height: 5.375rem;
  }
}

@media all and (min-width: 64em) {
  .multipleSlides .paragraph--type--hero-banner.banner_type_full_width {
    height: 100%;
  }
  .multipleSlides .paragraph--type--hero-banner.banner_type_full_width .hero-banner-content {
    padding-bottom: 9rem;
  }
}
/*# sourceMappingURL=hero-banner-full-width.css.map */