/* =================================================================
Hero with Columns
================================================================= */
.c-hero {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  overflow: hidden;
}
.c-hero .c-hero__container {
  max-width: 73rem;
}
.c-hero .c-breadcrumbs {
  display: none;
  position: absolute;
  z-index: 1;
  top: 1em;
  left: 1.5rem;
  color: #54565a;
}
.c-hero .c-breadcrumbs .c-breadcrumbs__link {
  color: #54565a;
}
.c-hero .c-breadcrumbs .c-breadcrumbs__list-item--last {
  color: #54565a;
}
.c-hero .c-breadcrumbs .c-breadcrumbs__list-item:after {
  color: #54565a;
}
.c-hero .c-hero__content {
  position: relative;
  width: 100%;
  padding: 3rem 0;
}
.c-hero .c-hero__content .hero-content-wrapper.with-1-column .hero-copy-section {
  margin-left: auto;
  margin-right: auto;
}
.c-hero .c-hero__content .hero-content-wrapper.with-1-column .hero-image-section {
  margin-left: auto;
  margin-right: auto;
}
.c-hero .c-hero__content .hero-copy-section {
  margin-bottom: 3.5rem;
  padding: 0 1.3125rem 0 1.3125rem;
}
.c-hero .c-hero__content .hero-image-section {
  text-align: center;
}
.c-hero .c-hero__content .c-hero__content--title sup {
  top: -2.75em;
  font-size: 0.875rem;
  font-weight: 400;
}
.c-hero .c-hero__content .c-hero__content--tagline sup {
  top: -1em;
  font-size: 0.875rem;
  font-weight: 400;
}
.c-hero .c-hero__content .c-hero__content--title sup a,
.c-hero .c-hero__content .c-hero__content--tagline sup a {
  font-weight: 400;
  text-decoration: underline;
}
/* ===============================
Subtitle
================================== */
.c-hero .c-hero__content .c-hero__content--subtitle {
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  padding: 0;
  margin-bottom: 0.4375rem;
}
.c-hero .c-hero__content .c-hero__content--subtitle sup {
  top: -1em;
  font-size: 0.875rem;
  font-weight: 400;
}
/* ===============================
Font Options
================================== */
/* Serif */
.c-hero .c-hero__content .c-hero__content--title-serif {
  width: 100%;
  padding: 0;
  margin-bottom: 1.5rem;
  font-family: "Chronicle", "Times New Roman", Times, serif;
  font-size: 2.875rem;
  font-weight: 400;
  line-height: 1;
  text-shadow: none;
}
/* Sans-Serif */
.c-hero .c-hero__content .c-hero__content--title-sans-serif {
  padding: 0;
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 3.625rem;
  line-height: 1.2 !important;
  font-weight: 400;
  width: 100%;
  text-shadow: none;
  margin-bottom: 1.5rem;
}
/* ===============================
Sub-Title Color
================================== */
/* Default */
.c-hero .c-hero__content--subtitle {
  color: #444;
}
/* White */
.c-hero .c-hero__content .c-hero__content--subtitle--white,
.c-hero .c-hero__content .c-hero__content--subtitle--white a,
.c-hero .c-hero__content .c-hero__content--subtitle--white sup {
  color: #fff !important;
}
/* Gray */
.c-hero .c-hero__content .c-hero__content--subtitle--gray,
.c-hero .c-hero__content .c-hero__content--subtitle--gray a,
.c-hero .c-hero__content .c-hero__content--subtitle--gray sup {
  color: #444 !important;
}
/* Black */
.c-hero .c-hero__content .c-hero__content--subtitle--black,
.c-hero .c-hero__content .c-hero__content--subtitle--black a,
.c-hero .c-hero__content .c-hero__content--subtitle--black sup {
  color: #000 !important;
}
/* FT Blue */
.c-hero .c-hero__content .c-hero__content--subtitle--ftblue,
.c-hero .c-hero__content .c-hero__content--subtitle--ftblue a,
.c-hero .c-hero__content .c-hero__content--subtitle--ftblue sup {
  color: #1B4695 !important;
}
/* Topaz */
.c-hero .c-hero__content .c-hero__content--subtitle--topaz,
.c-hero .c-hero__content .c-hero__content--subtitle--topaz a,
.c-hero .c-hero__content .c-hero__content--subtitle--topaz sup {
  color: #67B2E8 !important;
}
/* Azurite */
.c-hero .c-hero__content .c-hero__content--subtitle--azurite,
.c-hero .c-hero__content .c-hero__content--subtitle--azurite a,
.c-hero .c-hero__content .c-hero__content--subtitle--azurite sup {
  color: #1775BB !important;
}
/* Lapis */
.c-hero .c-hero__content .c-hero__content--subtitle--lapis,
.c-hero .c-hero__content .c-hero__content--subtitle--lapis a,
.c-hero .c-hero__content .c-hero__content--subtitle--lapis sup {
  color: #1C2758 !important;
}
/* Citrine */
.c-hero .c-hero__content .c-hero__content--subtitle--lapis,
.c-hero .c-hero__content .c-hero__content--subtitle--lapis a,
.c-hero .c-hero__content .c-hero__content--subtitle--lapis sup {
  color: #FEC824 !important;
  text-shadow: 2px 2px 6px #1b4796;
}

/* ===============================
Title Color
================================== */
/* Default */
.c-hero .c-hero__content .c-hero__content--title {
  color: #444;
}
/* White */
.c-hero .c-hero__content .c-hero__content--title--white,
.c-hero .c-hero__content .c-hero__content--title--white a,
.c-hero .c-hero__content .c-hero__content--title--white sup,
.c-hero .c-hero__content .c-hero__content--subtitle--white,
.c-hero .c-hero__content .c-hero__content--subtitle--white a,
.c-hero .c-hero__content .c-hero__content--subtitle--white sup {
  color: #fff !important;
}
/* Gray */
.c-hero .c-hero__content .c-hero__content--title--gray,
.c-hero .c-hero__content .c-hero__content--title--gray a,
.c-hero .c-hero__content .c-hero__content--title--gray sup,
.c-hero .c-hero__content .c-hero__content--subtitle--gray,
.c-hero .c-hero__content .c-hero__content--subtitle--gray a,
.c-hero .c-hero__content .c-hero__content--subtitle--gray sup {
  color: #444 !important;
}
/* Black */
.c-hero .c-hero__content .c-hero__content--title--black,
.c-hero .c-hero__content .c-hero__content--title--black a,
.c-hero .c-hero__content .c-hero__content--title--black sup,
.c-hero .c-hero__content .c-hero__content--subtitle--black,
.c-hero .c-hero__content .c-hero__content--subtitle--black a,
.c-hero .c-hero__content .c-hero__content--subtitle--black sup {
  color: #000 !important;
}
/* FT Blue */
.c-hero .c-hero__content .c-hero__content--title--ftblue,
.c-hero .c-hero__content .c-hero__content--title--ftblue a,
.c-hero .c-hero__content .c-hero__content--title--ftblue sup,
.c-hero .c-hero__content .c-hero__content--subtitle--ftblue,
.c-hero .c-hero__content .c-hero__content--subtitle--ftblue a,
.c-hero .c-hero__content .c-hero__content--subtitle--ftblue sup {
  color: #1B4695 !important;
}
/* Topaz */
.c-hero .c-hero__content .c-hero__content--title--topaz,
.c-hero .c-hero__content .c-hero__content--title--topaz a,
.c-hero .c-hero__content .c-hero__content--title--topaz sup,
.c-hero .c-hero__content .c-hero__content--subtitle--topaz,
.c-hero .c-hero__content .c-hero__content--subtitle--topaz a,
.c-hero .c-hero__content .c-hero__content--subtitle--topaz sup {
  color: #67B2E8 !important;
}
/* Azurite */
.c-hero .c-hero__content .c-hero__content--title--azurite,
.c-hero .c-hero__content .c-hero__content--title--azurite a,
.c-hero .c-hero__content .c-hero__content--title--azurite sup,
 .c-hero .c-hero__content .c-hero__content--subtitle--azurite,
 .c-hero .c-hero__content .c-hero__content--subtitle--azurite a,
 .c-hero .c-hero__content .c-hero__content--subtitle--azurite sup {
  color: #1775BB !important;
}
/* Lapis */
.c-hero .c-hero__content .c-hero__content--title--lapis,
.c-hero .c-hero__content .c-hero__content--title--lapis a,
.c-hero .c-hero__content .c-hero__content--title--lapis sup,
.c-hero .c-hero__content .c-hero__content--subtitle--lapis,
.c-hero .c-hero__content .c-hero__content--subtitle--lapis a,
.c-hero .c-hero__content .c-hero__content--subtitle--lapis sup {
  color: #1C2758 !important;
}
/* Citrine */
.c-hero .c-hero__content .c-hero__content--title--citrine,
.c-hero .c-hero__content .c-hero__content--title--citrine a,
.c-hero .c-hero__content .c-hero__content--title--citrine sup,
.c-hero .c-hero__content .c-hero__content--subtitle--citrine,
.c-hero .c-hero__content .c-hero__content--subtitle--citrine a,
.c-hero .c-hero__content .c-hero__content--subtitle--citrine sup {
  color: #FEC824 !important;
  text-shadow: 2px 2px 6px #1b4796;
}
/* ===============================
Tagline Color
================================== */
/* Default */
.c-hero .c-hero__content .c-hero__content--tagline {
  margin-bottom: 3rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
  color: #54565a;
  text-shadow: none;
}
/* White */
.c-hero .c-hero__content .c-hero__content--tagline--white,
.c-hero .c-hero__content .c-hero__content--tagline--white a,
.c-hero .c-hero__content .c-hero__content--tagline--white sup {
  color: #fff !important;
}
/* Gray */
.c-hero .c-hero__content .c-hero__content--tagline--gray,
.c-hero .c-hero__content .c-hero__content--tagline--gray a,
.c-hero .c-hero__content .c-hero__content--tagline--gray sup {
  color: #444 !important;
}
/* Black */
.c-hero .c-hero__content .c-hero__content--tagline--black,
.c-hero .c-hero__content .c-hero__content--tagline--black a,
.c-hero .c-hero__content .c-hero__content--tagline--black sup {
  color: #000 !important;
}
/* FT Blue */
.c-hero .c-hero__content .c-hero__content--tagline--ftblue,
.c-hero .c-hero__content .c-hero__content--tagline--ftblue a,
.c-hero .c-hero__content .c-hero__content--tagline--ftblue sup {
  color: #1B4695 !important;
}
/* Topaz */
.c-hero .c-hero__content .c-hero__content--tagline--topaz,
.c-hero .c-hero__content .c-hero__content--tagline--topaz a,
.c-hero .c-hero__content .c-hero__content--tagline--topaz sup {
  color: #67B2E8 !important;
}
/* Azurite */
.c-hero .c-hero__content .c-hero__content--tagline--azurite,
.c-hero .c-hero__content .c-hero__content--tagline--azurite a,
.c-hero .c-hero__content .c-hero__content--tagline--azurite sup {
  color: #1775BB !important;
}
/* Lapis */
.c-hero .c-hero__content .c-hero__content--tagline--lapis,
.c-hero .c-hero__content .c-hero__content--tagline--lapis a,
.c-hero .c-hero__content .c-hero__content--tagline--lapis sup {
  color: #1C2758 !important;
}
/* Citrine */
.c-hero .c-hero__content .c-hero__content--tagline--citrine,
.c-hero .c-hero__content .c-hero__content--tagline--citrine a,
.c-hero .c-hero__content .c-hero__content--tagline--citrine sup {
  color: #FEC824 !important;
  text-shadow: 2px 2px 6px #1b4796;
}
.c-hero .button-wrapper {
  margin-bottom: 1.5rem;
}
.c-hero .hero-cta-button--rounded-corners {
  border-radius: 0.375rem;
}
.c-hero .hero-cta-button--rounded-button {
  border-radius: 3rem;
}
/* ===============================
CTA Color Options
================================== */
/* Default */
.c-hero .hero-cta-button {
  width: 100%;
  display: inline-block;
  font-size: 1.25rem;
  text-align: center;
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
  padding: 0.9375rem 2.3125rem;
  background-color: #1c2758;
  color: #fff;
  border: 0.125rem solid #1c2758;
  transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out;
}
/* FT Green */
.c-hero .hero-cta-button--ftgreen {
  background-color: #08aa66 !important;
  color: #fff !important;
  border: 0.125rem solid #08aa66 !important;
  text-decoration: none !important;
}
/* FT Blue */
.c-hero .hero-cta-button--ftblue {
  background-color: #1B4695 !important;
  color: #fff !important;
  border: 0.125rem solid #1B4695 !important;
  text-decoration: none !important;
}
/* Topaz */
.c-hero .hero-cta-button--topaz {
  background-color: #67B2E8 !important;
  color: #000 !important;
  border: 0.125rem solid #67B2E8 !important;
  text-decoration: none !important;
}
/* Azurite */
.c-hero .hero-cta-button--azurite {
  background-color: #1775BB !important;
  color: #fff !important;
  border: 0.125rem solid #1775BB !important;
  text-decoration: none !important;
}
/* Ghost */
.c-hero .hero-cta-button--ghost {
  background-color: transparent !important;
  color: #fff !important;
  border: 0.125rem solid #fff !important;
  text-decoration: none !important;
}
/* White */
.c-hero .hero-cta-button--white {
  background-color: #fff !important;
  color: #1B4695 !important;
  border: 0.125rem solid #fff !important;
  text-decoration: none !important;
}

/* ===============================
Secondary Link Color Options
================================== */
/* Default */
.c-hero .secondary-link .the-link a {
  text-decoration: underline;
  color: #1c2758;
  font-size: 1.25rem;
  font-weight: 500;
}
/* White */
.c-hero .secondary-link .the-link--white a {
  color: #fff !important;
}
/* Black */
.c-hero .secondary-link .the-link--black a {
  color: #000 !important;
}
/* FT Blue */
.c-hero .secondary-link .the-link--ftblue a {
  color: #1B4695 !important;
}
/* Topaz */
.c-hero .secondary-link .the-link--topaz a {
  color: #67B2E8 !important;
}
/* Azurite */
.c-hero .secondary-link .the-link--azurite a {
  color: #1775BB !important;
}
/* ===============================
Component Background Color
================================== */
/* Default */
.c-hero {
  background: linear-gradient(rgba(226, 226, 226, 0.2) 0%, rgba(139, 141, 141, 0.2) 75%, #fff 75%);
}

/* Dark Gray */
.c-hero--dark-gray {
  background: #444 !important;
}
.c-hero--dark-gray .c-breadcrumbs__link,
.c-hero--dark-gray .c-breadcrumbs__list-item--last,
.c-hero--dark-gray .c-breadcrumbs__list-item:after {
  color: #fff !important;
}
/* LT Blue */
.c-hero--ltblue {
  background: #eef7fe !important;
}
.c-hero--ltblue .c-breadcrumbs__link,
.c-hero--ltblue .c-breadcrumbs__list-item--last,
.c-hero--ltblue .c-breadcrumbs__list-item:after {
  color: #444 !important;
}
/* FT Blue */
.c-hero--ftblue {
  background: #1B4695 !important;
}
.c-hero--ftblue .c-breadcrumbs__link,
.c-hero--ftblue .c-breadcrumbs__list-item--last,
.c-hero--ftblue .c-breadcrumbs__list-item:after {
  color: #fff !important;
}
/* Topaz */
.c-hero--topaz {
  background: #67B2E8 !important;
}
.c-hero--topaz .c-breadcrumbs__link,
.c-hero.c-hero--topaz .c-breadcrumbs__list-item--last,
.c-hero.c-hero--topaz .c-breadcrumbs__list-item:after {
  color: #333 !important;
}
/* Azurite */
.c-hero--azurite {
  background: #1775BB !important;
}
.c-hero--azurite .c-breadcrumbs__link,
.c-hero--azurite .c-breadcrumbs__list-item--last,
.c-hero--azurite .c-breadcrumbs__list-item:after {
  color: #fff;
}
/* Lapis */
.c-hero--lapis {
  background: #1C2758 !important;
}
.c-hero--lapis .c-breadcrumbs__link,
.c-hero--lapis .c-breadcrumbs__list-item--last,
.c-hero--lapis .c-breadcrumbs__list-item:after {
  color: #fff;
}
/* White */
.c-hero--white {
  background: #fff !important;
}
.c-hero--white .c-breadcrumbs__link,
.c-hero--white .c-breadcrumbs__list-item--last,
.c-hero--white .c-breadcrumbs__list-item:after {
  color: #333;
}
/* FT Blue-Topaz-FT Green Gradient */
.c-hero--blue-green-gradient {
  background: linear-gradient(90deg, rgba(27,70,149,1) 0%, rgba(23,117,187,1) 35%, rgba(8,170,102,1)100%) !important;
}
.c-hero--blue-green-gradient .c-breadcrumbs__link,
.c-hero--blue-green-gradient .c-breadcrumbs__list-item--last,
.c-hero--blue-green-gradient .c-breadcrumbs__list-item:after {
  color: #fff;
}
/* FT Blue-Topaz Gradient */
.c-hero--blue-gradient {
  background: linear-gradient(90deg, rgba(14,95,206,1) 0%, rgba(14,95,206,1) 35%, rgba(87,181,248,1) 100%) !important;
}
.c-hero--blue-gradient .c-breadcrumbs__link,
.c-hero--blue-gradient .c-breadcrumbs__list-item--last,
.c-hero--blue-gradient .c-breadcrumbs__list-item:after {
  color: #fff;
}

@media only screen and (min-width: 75em) {
  .c-hero .hero-cta-button {
    padding: 0.9375rem 2.3125rem;
  }
  .c-hero .c-hero__content .hero-content-wrapper.with-2-columns .hero-copy-section {
    width: 48%;
  }
  .c-hero .c-hero__content {
    padding: 4.0625rem 0 2rem;
  }
}
@media only screen and (min-width: 64em) {
  .c-hero .hero-cta-button {
    width: auto;
    display: inline-block;
    padding: 0.9375rem 1.5rem;
  }
  .c-hero .hero-cta-button:hover {
    background-color: #54565a;
    border: 0.125rem solid #54565a;
    text-decoration: none;
    color: #fff;
  }
  .c-hero .c-hero__content .hero-content-wrapper.with-2-columns .hero-image-section {
    width: 48%;
    margin: 0;
  }
  .c-hero .c-hero__content .hero-image-section {
    position: absolute;
    right: 0;
  }
  .hero-with-columns .c-hero {
    max-height: 640px;
    min-height: 450px;
  }
  .c-hero .c-hero__content .hero-image-section img {
    object-fit: fill;
    height: 100%;
    width: 100%;
  }
  .c-hero .c-hero__content .hero-image-section--top {
    top: -2em !important;
    width: 48% !important;
    }
  .c-hero .c-hero__content .hero-image-section--right {
    right: -4em !important;
    width: 48% !important;
  }
  .c-hero .c-hero__content .hero-image-section--bottom {
      bottom: -1em !important;
      width: 48% !important;
    }
  .c-hero .button-wrapper {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1.5rem;
  }
  .c-hero .c-hero__content {
    padding: 4.0625rem 1rem 2rem;
  }
  .c-hero .c-hero__content .hero-content-wrapper.with-2-columns {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .c-hero .c-hero__content .hero-content-wrapper.with-2-columns .hero-copy-section {
    width: 50%;
    padding: 0;
  }
  .c-hero .c-hero__content .c-hero__content--title-serif {
    font-size: 3.125rem;
  }
  .c-hero .secondary-link {
    display: inline-block;
  }
  .c-hero .c-hero__content .c-hero__content--title-sans-serif {
    font-size: 4rem;
    line-height: 3.5rem;
  }
  .c-hero {
    background: linear-gradient(231.83deg, rgba(226, 226, 226, 0.2) 0%, rgba(139, 141, 141, 0.2) 100%);
  }
  .c-hero .c-hero__content .c-hero__content--subtitle {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 56.25em) {
  /* .c-hero .c-hero__content .hero-content-wrapper.with-2-columns .hero-image-section img {
    display: none;
  } */
  .c-hero .c-hero__content .hero-copy-section {
    margin-bottom: 0;
  }
  .c-hero .c-hero__content .hero-content-wrapper.with-2-columns .hero-image-section img {
    display: block;
  }
  .c-hero .c-hero__content .hero-image-section {
    position: relative;
    right: 0;
    margin: 0 1.5rem;
  }
  .c-hero .c-hero__content {
    padding: 3rem 0 0; 
  }
  .c-hero .secondary-link {
    text-align: center;
  }
  .c-hero .c-hero__content .hero-copy-section {
    margin-bottom: 0;
  }
  .c-hero .c-hero__content .hero-content-wrapper.with-2-columns .hero-image-section img {
    display: block;
  }
  .c-hero .c-hero__content .hero-image-section {
    position: relative;
    right: 0;
  }
  .c-hero .c-hero__content {
    padding: 3rem 0 0;
  }
}
@media only screen and (min-width: 56.25em) {
  .c-hero .hero-cta-button--ftgreen:hover,
  .c-hero .hero-cta-button--ftgreen:focus {
    background-color: #00804a !important;
    border: 0.125rem solid #00804a !important;
    text-decoration: none !important;
    color: #fff !important;
  }
  .c-hero .secondary-link .the-link--ftblue a:hover,
  .c-hero .secondary-link .the-link--ftblue a:focus {
    color: #2054b3 !important;
  }
  .c-hero .secondary-link .the-link--white a:hover,
  .c-hero .secondary-link .the-link--white a:focus {
    color: #fff !important;
  }
  .c-hero .secondary-link .the-link--black a:hover,
  .c-hero .secondary-link .the-link--black a:focus {
    color: #000 !important;
  }
  .c-hero .secondary-link .the-link--topaz a:hover,
  .c-hero .secondary-link .the-link--topaz a:focus {
    color: #65a1ce !important;
  }
  .c-hero .secondary-link .the-link--azurite a:hover,
  .c-hero .secondary-link .the-link--azurite a:focus {
    color: #13619a !important;
  }
  .c-hero .hero-cta-button--ftblue:hover,
  .c-hero .hero-cta-button--ftblue:focus {
    background-color: #2054b3 !important;
    color: #fff !important;
    border: 0.125rem solid #2054b3 !important;
  }
  .c-hero .hero-cta-button--topaz:hover,
  .c-hero .hero-cta-button--topaz:focus {
    background-color: #65a1ce !important;
    border: 0.125rem solid #65a1ce !important;
    color: #000 !important;
  }
  .c-hero .hero-cta-button--azurite:hover,
  .c-hero .hero-cta-button--azurite:focus {
    background-color: #13619a !important;
    border: 0.125rem solid #13619a !important;
    color: #fff !important;
  }
  .c-hero .hero-cta-button--ghost:hover,
  .c-hero .hero-cta-button--ghost:focus {
    background-color: #1c2758 !important;
    border: 0.125rem solid #1c2758 !important;
    color: #fff !important;
  }
  .c-hero .hero-cta-button--white:hover,
  .c-hero .hero-cta-button--white:focus {
    background-color: #1c2758 !important;
    border: 0.125rem solid #1c2758 !important;
    color: #fff !important;
  }
}
@media only screen and (min-width: 30em) {
  .c-hero .c-breadcrumbs {
    display: block;
  }
}

/*# sourceMappingURL=hero-with-columns.css.map */