/* =================================================================
flex settings
================================================================= */
.c-hero {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  overflow: hidden;
}
.c-hero--large {
  min-height: 33.75rem;
}
.c-hero--large .c-hero__container {
  padding-bottom: 0;
  width: 100%;
}
@media only screen and (min-width: 56.25em) {
  .c-hero--large .c-hero__container {
    max-width: 48%;
  }
}
.c-hero .c-hero__img {
  left: auto;
  right: 0;
  transform: none;
  position: absolute;
  max-width: inherit;
}
.c-hero .c-hero__overlay {
  background: linear-gradient(90deg, #17254E 0%, #194795 100%);
  width: 100%;
  height: 100%;
  position: absolute;
}
@media only screen and (min-width: 56.25em) {
  .c-hero .c-hero__overlay {
    background: linear-gradient(60deg, rgba(28, 39, 88, 0.85) 25%, rgba(28, 39, 88, 0.55) 45%, rgba(28, 39, 88, 0) 60%);
  }
}
.c-hero .c-breadcrumbs {
  display: none;
  position: absolute;
  z-index: 1;
  top: 1em;
  left: 1.5rem;
}
@media only screen and (min-width: 30em) {
  .c-hero .c-breadcrumbs {
    display: block;
  }
}
.c-hero .c-hero__content {
  min-height: 33.75rem;
  position: relative;
  width: 100%;
  padding: 4.5rem 1.3125rem 4.5rem 1.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  align-content: center;
}
@media only screen and (min-width: 64em) {
  .c-hero .c-hero__content {
    padding: 0 1.5rem;
    margin: 0 auto;
    max-width: 1200px;
  }
}
.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;
}
@media only screen and (min-width: 64em) {
  .c-hero .c-hero__content .c-hero__content--subtitle {
    margin-bottom: 0;
  }
}
.c-hero .c-hero__content .c-hero__content--title {
  width: 100%;
  padding: 0;
  margin-bottom: 1.5rem;
  font-weight: 600;
  line-height: 1;
}
.c-hero .c-hero__content sup {
  font-size: 0.6875rem;
  font-weight: 400;
}
.c-hero .c-hero__content sup a {
  font-size: 0.6875rem;
  font-weight: 400;
  text-decoration: underline;
  color: #1b4695;
}
.c-hero .c-hero__content sup a:hover {
  text-decoration: underline;
  color: #1b4695;
  cursor: pointer;
}
/* ===============================
Font Size Options
================================== */
/* Default */
.c-hero .primary-headline {
  padding: 0;
  font-size: 3.625rem;
  line-height: 1.2 !important;
  font-weight: 400;
  color: #fff;
}
/* Medium */
.c-hero .primary-headline--md {
  font-size: 3.375rem;
  margin-bottom: 1rem;
}
/* ===============================
Font Family Options
================================== */
/* Serif */
.c-hero .primary-headline--serif {
  font-family: "Chronicle", "Times New Roman", Times, serif !important;
}
/* Sans-Serif */
.c-hero .primary-headline--sans-serif {
  font-family: "Open Sans", "Arial", sans-serif !important;
}
.c-hero .c-hero__content .c-hero__content--title sup {
  top: -2.25em;
  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 {
  color: #fff;
  font-weight: 400;
  text-decoration: underline;
}
@media only screen and (min-width: 64em) {
  .c-hero .c-hero__content .c-hero__content--title {
    margin-bottom: 0.5rem;
  }
}
.c-hero .c-hero__content .c-hero__content--tagline {
  margin-bottom: 3rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff;
}
@media only screen and (min-width: 64em) {
  .c-hero .c-hero__content .c-hero__content--tagline {
    margin-bottom: 2rem;
  }
}
.c-hero .c-hero__content .button-wrapper {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 64em) {
  .c-hero .c-hero__content .button-wrapper {
    margin-bottom: 2rem;
  }
}
/* ===============================
CTA Color
================================== */
/* Default */
.c-hero .c-hero__content .hero-cta-button {
  display: inline-block;
  font-size: 1.25rem;
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.8125rem 2.3125rem;
  background-color: #08aa66;
  color: #fff;
  border: 0.125rem solid #08aa66;
  transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out;
}
/* FT Blue */
.c-hero .c-hero__content .hero-cta-button--ftblue {
  background-color: #1B4695 !important;
  color: #fff !important;
  border: 0.125rem solid #1B4695 !important;
}
/* Topaz */
.c-hero .c-hero__content .hero-cta-button--topaz {
  background-color: #67B2E8 !important;
  color: #000 !important;
  border: 0.125rem solid #67B2E8 !important;
}
/* Azurite */
.c-hero .c-hero__content .hero-cta-button--azurite {
  background-color: #1775BB !important;
  color: #fff !important;
  border: 0.125rem solid #1775BB !important;
}
/* Lapis */
.c-hero .c-hero__content .hero-cta-button--lapis {
  background-color: #1C2758 !important;
  color: #fff !important;
  border: 0.125rem solid #1B4695 !important;
}
/* Ghost */
.c-hero .c-hero__content .hero-cta-button--ghost {
  background-color: transparent !important;
  color: #fff !important;
  border: 0.125rem solid #fff !important;
}
@media only screen and (min-width: 56.25em) {
  .c-hero .c-hero__content .hero-cta-button:hover,
  .c-hero .c-hero__content .hero-cta-button:focus {
    background-color: #00804a;
    border: 0.125rem solid #00804a;
    text-decoration: none;
    color: #fff;
  }
  .c-hero .c-hero__content .hero-cta-button--ftblue:hover,
  .c-hero .c-hero__content .hero-cta-button--ftblue:focus {
    background-color: #2054b3 !important;
    border: 0.125rem solid #2054b3 !important;
  }
  .c-hero .c-hero__content .hero-cta-button--topaz:hover,
  .c-hero .c-hero__content .hero-cta-button--topaz:focus {
    background-color: #65a1ce !important;
    border: 0.125rem solid #65a1ce !important;
    color: #000 !important;
  }
  .c-hero .c-hero__content .hero-cta-button--azurite:hover,
  .c-hero .c-hero__content .hero-cta-button--azurite:focus {
    background-color: #13619a !important;
    border: 0.125rem solid #13619a !important;
  }
  .c-hero .c-hero__content .hero-cta-button--lapis:hover,
  .c-hero .c-hero__content .hero-cta-button--lapis:focus {
    background-color: #1B4695 !important;
    border: 0.125rem solid #1B4695 !important;
  }
  .c-hero .c-hero__content .hero-cta-button--ghost:hover,
  .c-hero .c-hero__content .hero-cta-button--ghost:focus {
    background-color: #fff !important;
    border: 0.125rem solid #fff !important;
    text-decoration: none !important;
    color: #1d4094 !important;
  }
}
@media only screen and (min-width: 56.25em) {
  .c-hero .c-hero__content .secondary-links {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .c-hero .c-hero__content .secondary-links .link-first {
    padding-right: 0.625rem;
    border-right: 0.0625rem solid #fff;
  }
  .c-hero .c-hero__content .secondary-links .link-second {
    padding-left: 0.625rem;
  }
}
.c-hero .c-hero__content .secondary-links .the-link {
  margin-bottom: 1rem;
}
.c-hero .c-hero__content .secondary-links .the-link .anchor {
  text-decoration: underline;
  text-transform: uppercase;
  color: #fff;
}

@media only screen and (max-width: 56.25em) {
  .c-hero .c-hero__overlay {
    background: #1B4695;
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .c-hero .c-hero__img {
    display: none;
  }
}
/* ===============================
Homepage
================================== */
.homepage .c-hero--large {
  min-height: auto;
  display: block;
}
@media only screen and (min-width: 56.25em) {
  .homepage .c-hero--large {
    min-height: 36.875rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
.homepage .c-hero__img {
  display: block;
  position: relative;
  width: 140%;
  left: -35%;
  height: auto;
}
@media only screen and (min-width: 56.25em) {
  .homepage .c-hero__img {
    position: absolute;
    width: auto;
    left: auto;
    height: 100%;
  }
}
@media only screen and (min-width: 90em) {
  .homepage .c-hero__img {
    width: 100%;
    height: auto;
  }
}
.homepage .c-hero__overlay {
  display: none;
}
@media only screen and (min-width: 56.25em) {
  .homepage .c-hero__overlay {
    display: block;
  }
}
.homepage .c-hero__content {
  background: #1d4094;
  min-height: auto;
}
@media only screen and (min-width: 56.25em) {
  .homepage .c-hero__content {
    background: transparent;
    min-height: 33.75rem;
  }
}
.homepage .primary-headline {
  font-size: 2rem;
  text-align: center;
  line-height: 1.2;
}
@media only screen and (min-width: 56.25em) {
  .homepage .primary-headline {
    font-size: 3.625rem;
    text-align: left;
    margin-bottom: 1rem;
  }
}
.homepage .primary-headline .superscript {
  top: -1em;
}
@media only screen and (min-width: 56.25em) {
  .homepage .primary-headline .superscript {
    top: -2.75em;
  }
}
.homepage .c-hero__content {
  padding: 2rem 1.5rem 1.5rem;
}
.homepage .c-hero__content .c-hero__content--tagline {
  font-size: 1.125rem;
  margin-bottom: 2.5rem;
  text-align: center;
}
@media only screen and (min-width: 56.25em) {
  .homepage .c-hero__content .c-hero__content--tagline {
    font-size: 1.375rem;
    text-align: left;
    margin-bottom: 3.5rem;
  }
}
.homepage .c-hero__content .button-wrapper {
  width: 100%;
  margin-right: 0;
}
@media only screen and (min-width: 56.25em) {
  .homepage .c-hero__content .button-wrapper {
    width: auto;
    margin-right: 1.5rem;
  }
}
.homepage .c-hero__content .button-wrapper .hero-cta-button {
  width: 100%;
}
@media only screen and (min-width: 56.25em) {
  .homepage .c-hero__content .button-wrapper .hero-cta-button {
    width: auto;
  }
}

/*# sourceMappingURL=hero.css.map */