.skinny-hero {
  margin-top: var(--alert-height, 77px);
  padding-top: 144px;
}

@media (max-width: 991px) {
  .skinny-hero {
    padding-top: calc(var(--header-height)  + var(--fdic-height, 0));
  }
}

.skinny-hero .container {
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 991px) {
  .skinny-hero .container {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

.skinny-hero--bg-shade .text--smaller, .skinny-hero--bg-stone .text--smaller {
  color: #fff;
}

.skinny-hero.skinny-hero--with-bullet-icon ul {
  padding-left: 0;
  list-style: none;
}

.skinny-hero.skinny-hero--with-bullet-icon ul li {
  min-height: 1.5em;
  margin: .3125em 0;
  padding-left: 1.5em;
  position: relative;
}

.skinny-hero.skinny-hero--with-bullet-icon ul li:first-child {
  margin-top: 0;
}

.skinny-hero.skinny-hero--with-bullet-icon ul li:last-child {
  margin-bottom: 0;
}

.skinny-hero.skinny-hero--with-bullet-icon ul li:before {
  background-image: var(--bullet-icon);
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5em;
  height: 1.5em;
  margin-right: .5em;
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(calc(-100% - .5em));
  transform: translateX(calc(-100% - .5em));
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg:after {
  content: "";
  z-index: -1;
  border-bottom-right-radius: 580px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 1700px) {
  .skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg:after {
    width: calc(50% + 863px);
  }
}

@media (max-width: 991px) {
  .skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg:after {
    border-radius: 0;
  }
}

@media screen and (max-width: 1065px) {
  .skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg:after {
    border-radius: 0;
  }
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-white {
  color: #18272d;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-white:after {
  background-color: #fff;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-seed {
  color: #fff;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-seed:after {
  background-color: #18272d;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-stone {
  color: #fff;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-stone:after {
  background-color: #172d36;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-shade {
  color: #fff;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-shade:after {
  background-color: #2b5769;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-forest {
  color: #fff;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-forest:after {
  background-color: #1d6651;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-web-safe-sprout {
  color: #fff;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-web-safe-sprout:after {
  background-color: #33812d;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-sprout {
  color: #fff;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-sprout:after {
  background-color: #2dac3b;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-fog {
  color: #fff;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-fog:after {
  background-color: #708181;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-raindrop {
  color: #18272d;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-raindrop:after {
  background-color: #9cc0be;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-cloud {
  color: #18272d;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-cloud:after {
  background-color: #dfeae5;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-pearl {
  color: #18272d;
}

.skinny-hero:not(.skinny-hero--image-style-inset).skinny-hero--bg-pearl:after {
  background-color: #f4f4f2;
}

.skinny-hero--image-style-featured .container {
  max-width: 1358px;
  margin: 0 auto;
  padding: 0 20px;
}

.skinny-hero--image-style-featured .skinny-hero__wysiwyg-content {
  width: 50%;
  padding-right: 6.5625em;
}

@media (max-width: 991px) {
  .skinny-hero--image-style-featured .skinny-hero__wysiwyg-content {
    padding-right: _me(24, 13);
    width: 100%;
  }
}

.skinny-hero--image-style-featured .skinny-hero__visual {
  width: 50%;
  min-height: 55em;
  position: relative;
}

@media (max-width: 991px) {
  .skinny-hero--image-style-featured .skinny-hero__visual {
    -webkit-order: 1;
    order: 1;
    width: 100%;
    height: 24.375em;
    min-height: 0;
  }
}

.skinny-hero--image-style-featured .skinny-hero__visual img {
  border-radius: 37.5em 0 36.25em;
  width: calc(100% + 50vw - 659px);
  min-height: max(55em, 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

@media screen and (min-width: 1730px) {
  .skinny-hero--image-style-featured .skinny-hero__visual img {
    width: calc(100% + 204px);
  }
}

@media screen and (max-width: 1363px) {
  .skinny-hero--image-style-featured .skinny-hero__visual img {
    width: calc(100% + 20px);
  }
}

@media (max-width: 991px) {
  .skinny-hero--image-style-featured .skinny-hero__visual img {
    border-top-left-radius: 0;
    width: calc(100% + 40px);
    min-height: 0;
    position: absolute;
    left: -1.53846em;
  }
}

.skinny-hero--image-style-inset {
  padding-bottom: 4em;
}

.skinny-hero--image-style-inset.skinny-hero--bg-white {
  color: #18272d;
  background-color: #fff;
}

.skinny-hero--image-style-inset.skinny-hero--bg-seed {
  color: #fff;
  background-color: #18272d;
}

.skinny-hero--image-style-inset.skinny-hero--bg-stone {
  color: #fff;
  background-color: #172d36;
}

.skinny-hero--image-style-inset.skinny-hero--bg-shade {
  color: #fff;
  background-color: #2b5769;
}

.skinny-hero--image-style-inset.skinny-hero--bg-forest {
  color: #fff;
  background-color: #1d6651;
}

.skinny-hero--image-style-inset.skinny-hero--bg-web-safe-sprout {
  color: #fff;
  background-color: #33812d;
}

.skinny-hero--image-style-inset.skinny-hero--bg-sprout {
  color: #fff;
  background-color: #2dac3b;
}

.skinny-hero--image-style-inset.skinny-hero--bg-fog {
  color: #fff;
  background-color: #708181;
}

.skinny-hero--image-style-inset.skinny-hero--bg-raindrop {
  color: #18272d;
  background-color: #9cc0be;
}

.skinny-hero--image-style-inset.skinny-hero--bg-cloud {
  color: #18272d;
  background-color: #dfeae5;
}

.skinny-hero--image-style-inset.skinny-hero--bg-pearl {
  color: #18272d;
  background-color: #f4f4f2;
}

.skinny-hero--image-style-inset .container {
  grid-template-columns: repeat(12, 1fr);
  gap: 1.25em;
  display: grid;
}

@media (max-width: 991px) {
  .skinny-hero--image-style-inset .container {
    grid-template-rows: auto auto;
    grid-template-columns: repeat(4, 1fr);
  }
}

.skinny-hero--image-style-inset .skinny-hero__wysiwyg-content {
  grid-column: 2 / 6;
  padding-right: 0;
}

@media (max-width: 991px) {
  .skinny-hero--image-style-inset .skinny-hero__wysiwyg-content {
    grid-column: 1 / 5;
  }
}

.skinny-hero--image-style-inset .skinny-hero__visual {
  border-radius: 7.5em 0;
  grid-column: 7 / 12;
  min-height: 27.5em;
  max-height: 100%;
  overflow: hidden;
}

@media (max-width: 991px) {
  .skinny-hero--image-style-inset .skinny-hero__visual {
    grid-column: 1 / 5;
    width: 100%;
    height: 26.9231em;
    min-height: 0;
  }
}

.skinny-hero--image .skinny-hero__wysiwyg-content {
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 991px) {
  .skinny-hero--image .skinny-hero__wysiwyg-content {
    -webkit-order: 2;
    order: 2;
    width: 100%;
    padding-top: 1.84615em;
    padding-bottom: 1.84615em;
    padding-right: 0;
  }
}

.skinny-hero:not(.skinny-hero--image).skinny-hero--content-width-full .wysiwyg-content {
  text-align: center;
  max-width: 62.5em;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1700px) {
  .skinny-hero:not(.skinny-hero--image).skinny-hero--content-width-full .wysiwyg-content {
    text-align: left;
    margin-left: 0;
  }
}

@media screen and (max-width: 1300px) {
  .skinny-hero:not(.skinny-hero--image).skinny-hero--content-width-full .wysiwyg-content {
    max-width: 60%;
  }
}

@media screen and (max-width: 1065px) {
  .skinny-hero:not(.skinny-hero--image).skinny-hero--content-width-full .wysiwyg-content {
    max-width: 100%;
  }
}

.skinny-hero:not(.skinny-hero--image).skinny-hero--content-width-full .wysiwyg-content ul, .skinny-hero:not(.skinny-hero--image).skinny-hero--content-width-full .wysiwyg-content ol {
  text-align: left;
  width: -webkit-max-content;
  width: max-content;
  max-width: 47.5625em;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1700px) {
  .skinny-hero:not(.skinny-hero--image).skinny-hero--content-width-full .wysiwyg-content ul, .skinny-hero:not(.skinny-hero--image).skinny-hero--content-width-full .wysiwyg-content ol {
    max-width: none;
    margin-left: 0;
  }
}

.skinny-hero__visual img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.skinny-hero__wysiwyg-content.wysiwyg-content {
  padding-top: 3.125em;
  padding-bottom: 3.125em;
}

@media (max-width: 991px) {
  .skinny-hero__wysiwyg-content.wysiwyg-content {
    padding: 1.84615em 1.84615em 1.84615em 0;
  }
}

.skinny-hero__wysiwyg-content.wysiwyg-content h1 {
  margin-bottom: .6em;
}

.skinny-hero__wysiwyg-content.wysiwyg-content .button {
  margin: 3.75em 0;
}

.skinny-hero--content-width-full .skinny-hero__wysiwyg-content {
  width: 100%;
}

.skinny-hero--content-width-half .skinny-hero__wysiwyg-content {
  width: 50%;
}

@media (max-width: 991px) {
  .skinny-hero--content-width-half .skinny-hero__wysiwyg-content {
    width: 100%;
  }
}

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