:root {
  --primary: #0E497B;
  --primary-rgb: 14, 73, 123;
  --secondary: #e1c88f;
  --dark: #4a4a4a;
  --storm: #EEF0F3;
  --grey: #F8FAFC;
  --primary-text: #0e497b;
  --secondary-text: #e1c88f;
}

/* Icon Alter */
div[class*=mode-]:not([class*=primary]) .container--icon svg *[fill="#ffb81c"] {
  fill: var(--secondary);
}

div[class*=mode-]:not([class*=primary]) .container--icon svg *[stroke="#ffb81c"] {
  stroke: var(--primary);
}

/* Custom Icon */
div[class^=mode--]:not([class*=primary]) svg.custom-icon-primary {
  fill: var(--primary);
}

div.mode--primary svg.custom-icon-primary {
  fill: #fff;
}

/* Primary H2 */
body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Sequential]) + div h2.title,
body:not([class*=-cc]) a[id^=Sequential] + div .container--title h2.title {
  color: var(--primary) !important;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.25rem;
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 2.75rem;
}

body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Sequential]) + div:not([class*=primary]) h2.title,
body:not([class*=-cc]) a[id^=Sequential] + div:not([class*=primary]) .container--title h2.title,
div.mode--primary[class*=Singular-Content-V-H-M-OptCTA] .container--title h2.title,
div.mode--primary[class*=Singular-Content-N-I][class*=-O-] .container--content h2.title,
div.mode--primary[class*=Singular-Content-I-H-M-OptCTA] .container--title h2.title,
div.mode--primary[class*=Singular-Content-Image][class*=-Overlay-] .container--content h2.title,
div.mode--primary[class*=Singular-Content-H-M-OptCTA-I] .container--title h2.title,
div.mode--primary[class*=Singular-Content-B-H-M-OptCTA] .container--title h2.title,
div.mode--primary:has(> .background--media) h2.title {
  color: var(--primary) !important;
}

/* Left Justification */
body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Sequential]) + div h2.title::after,
body:not([class*=-cc]) a[id^=Sequential] + div .container--title h2.title::after {
  content: "";
  display: block;
  width: 100px;
  height: 4px;
  background: var(--secondary);
  margin: 1rem 0;
}

/* Center Justification */
body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Sequential]) + div .text--center h2.title::after,
body:not([class*=-cc]) a[id^=Sequential] + div .text--center .container--title h2.title::after {
  display: none !important;
}

body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Sequential]) + div .text--center h2.title::before,
body:not([class*=-cc]) a[id^=Sequential] + div .text--center .container--title h2.title::before {
  content: "";
  display: block;
  width: 500px;
  height: 35px;
  background: url(/media/643427/yc-favicon.png) no-repeat center center/contain;
  margin: 0 auto 1rem;
}

@media (max-width: 991px) {
  body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Sequential]) + div h2.title,
  body:not([class*=-cc]) a[id^=Sequential] + div .container--title h2.title {
    font-size: 2.5rem;
  }
  body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Sequential]) + div .text--center h2.title::before,
  body:not([class*=-cc]) a[id^=Sequential] + div .text--center .container--title h2.title::before {
    width: 350px;
  }
}
@media (max-width: 767px) {
  body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Sequential]) + div h2.title,
  body:not([class*=-cc]) a[id^=Sequential] + div .container--title h2.title {
    font-size: 1.5rem !important;
    letter-spacing: 0.15rem !important;
  }
  body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Sequential]) + div .text--center h2.title::before,
  body:not([class*=-cc]) a[id^=Sequential] + div .text--center .container--title h2.title::before {
    width: 300px;
  }
}
@media (max-width: 576px) {
  body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Sequential]) + div .text--center h2.title::before,
  body:not([class*=-cc]) a[id^=Sequential] + div .text--center .container--title h2.title::before {
    width: 200px;
    height: 20px;
  }
}
/* H2 Team Section */
div[class*=Team-H-M-] .section--team-col .card--profile .container--card-title {
  text-align: center;
}

div[class*=Team-H-M-] .section--team-col .card--profile .container--card-title h2.name::after {
  content: "";
  display: block;
  width: 100px;
  height: 4px;
  background: var(--secondary);
  margin: 1em auto !important;
}

/* Subtitle */
div[class^=mode--]:not([class*=Hero]) hgroup:has(> .subtitle) {
  flex-direction: column-reverse;
}

div[class^=mode--]:not([class*=Hero]) .subtitle {
  font-weight: bold;
  letter-spacing: 3px;
  background: var(--secondary);
  padding: 0.5rem 1rem;
  line-height: 1;
  margin-bottom: 1rem !important;
}

div[class^=mode--]:not([class*=Hero]):not([class*=primary]) .subtitle {
  color: var(--primary) !important;
}

/* Accordion Headers */
div[class^=mode--]:not([class*=primary]) .title-accordion button {
  color: var(--primary) !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.section--2col-contact-info:not(.background--media) .container--content.col-md-5 .accordion .card-header button {
  border-color: var(--secondary);
}

.mode--light .section--2col-contact-info:not(.background--media) .container--content.col-md-5 .accordion .card-header button .collapse-icon {
  background-color: var(--secondary);
}

.mode--light .section--2col-contact-info:not(.background--media) .container--content.col-md-5 .accordion .card-header button .collapse-icon::after, .mode--light .section--2col-contact-info:not(.background--media) .container--content.col-md-5 .accordion .card-header button .collapse-icon::before {
  background-color: var(--primary);
}

/* Primary H3 */
div[class*=Carousel-H-M-4Col-ImageAboveText] span.title.title,
div[class*=Counting-Numbers-H-M-3Col-DataPoints] .title-col.title-col,
div[class*=Insights-H-M] h3.title-col.title-col,
div[class*=Highlights-H-M-2Col-ImageLeftOfAccordions] .title-accordion,
div[class*=Highlights-H-M-3Col-IconAboveText] .title-col.title-col,
div[class*=Highlights-H-M-3Col-IconAboveText] .text.text,
div[class*=Multi-Item-Content-H-M] .title-col.title-col,
div[class*=Multi-Item-Content-H-M-2Col-Text] .container--content.container--content > h2:first-child,
div[class*=Multi-Item-Content-H-M-2Col-Text] .container--content.container--content > h3:first-child,
div[class*=Multi-Item-Content-H-M-3Col-Text] .container--content.container--content > h2:first-child,
div[class*=Multi-Item-Content-H-M-3Col-Text] .container--content.container--content > h3:first-child,
div[class*=Resources-H-M-2ColGrid-IconTextCTA] .title-col.title-col,
div[class*=Singular-Content-H-M-1Col] .container--content.container--content > h2:first-child,
div[class*=Singular-Content-H-M-1Col] .container--content.container--content > h3:first-child {
  font-size: 1.175em !important;
  line-height: 1.2 !important;
  font-weight: bold !important;
  text-transform: uppercase;
}

div[class*=Carousel-H-M-4Col-ImageAboveText]:not([class*=primary]) span.title.title,
div[class*=Counting-Numbers-H-M-3Col-DataPoints]:not([class*=primary]) .title-col.title-col,
div[class*=Insights-H-M]:not([class*=primary]) h3.title-col.title-col,
div[class*=Highlights-H-M-3Col-IconAboveText]:not([class*=primary]) .title-col.title-col,
div[class*=Highlights-H-M-3Col-IconAboveText]:not([class*=primary]) .text.text,
div[class*=Multi-Item-Content-H-M]:not([class*=primary]) .title-col.title-col,
div[class*=Multi-Item-Content-H-M-2Col-Text]:not([class*=primary]) .container--content.container--content > h2:first-child,
div[class*=Multi-Item-Content-H-M-2Col-Text]:not([class*=primary]) .container--content.container--content > h3:first-child,
div[class*=Multi-Item-Content-H-M-3Col-Text]:not([class*=primary]) .container--content.container--content > h2:first-child,
div[class*=Multi-Item-Content-H-M-3Col-Text]:not([class*=primary]) .container--content.container--content > h3:first-child,
div[class*=Resources-H-M-2ColGrid-IconTextCTA]:not([class*=primary]) .title-col.title-col,
div[class*=Singular-Content-H-M-1Col]:not([class*=primary]) .container--content.container--content > h2:first-child,
div[class*=Singular-Content-H-M-1Col]:not([class*=primary]) .container--content.container--content > h3:first-child {
  color: var(--primary) !important;
}

div[class*=Carousel-H-M-4Col-ImageAboveText] span.title.title::after,
div[class*=Counting-Numbers-H-M-3Col-DataPoints] .title-col.title-col::after,
div[class*=Insights-H-M] h3.title-col.title-col::after,
div[class*=Highlights-H-M-3Col-IconAboveText] .title-col.title-col::after,
div[class*=Highlights-H-M-3Col-IconAboveText] .text.text::after,
div[class*=Multi-Item-Content-H-M] .title-col.title-col::after,
div[class*=Multi-Item-Content-H-M-2Col-Text] .container--content.container--content > h2:first-child::after,
div[class*=Multi-Item-Content-H-M-2Col-Text] .container--content.container--content > h3:first-child::after,
div[class*=Multi-Item-Content-H-M-3Col-Text] .container--content.container--content > h2:first-child::after,
div[class*=Multi-Item-Content-H-M-3Col-Text] .container--content.container--content > h3:first-child::after,
div[class*=Resources-H-M-2ColGrid-IconTextCTA] .title-col.title-col::after,
div[class*=Singular-Content-H-M-1Col] .container--content.container--content > h2:first-child::after,
div[class*=Singular-Content-H-M-1Col] .container--content.container--content > h3:first-child::after {
  background: var(--secondary) !important;
  width: 80px !important;
  height: 4px !important;
}

@media (max-width: 767px) {
  div[class*=Carousel-H-M-4Col-ImageAboveText] span.title.title,
  div[class*=Counting-Numbers-H-M-3Col-DataPoints] .title-col.title-col,
  div[class*=Insights-H-M] h3.title-col.title-col,
  div[class*=Highlights-H-M-2Col-ImageLeftOfAccordions] .title-accordion,
  div[class*=Highlights-H-M-3Col-IconAboveText] .title-col.title-col,
  div[class*=Highlights-H-M-3Col-IconAboveText] .text.text,
  div[class*=Multi-Item-Content-H-M] .title-col.title-col,
  div[class*=Multi-Item-Content-H-M-2Col-Text] .container--content.container--content > h2:first-child,
  div[class*=Multi-Item-Content-H-M-2Col-Text] .container--content.container--content > h3:first-child,
  div[class*=Multi-Item-Content-H-M-3Col-Text] .container--content.container--content > h2:first-child,
  div[class*=Multi-Item-Content-H-M-3Col-Text] .container--content.container--content > h3:first-child,
  div[class*=Resources-H-M-2ColGrid-IconTextCTA] .title-col.title-col,
  div[class*=Singular-Content-H-M-1Col] .container--content.container--content > h2:first-child,
  div[class*=Singular-Content-H-M-1Col] .container--content.container--content > h3:first-child {
    font-size: 1em !important;
  }
}
/* Message Field H2 */
.custom-wysiwyg h2 {
  margin-bottom: 30px;
  font-size: 2rem;
  letter-spacing: 0.5px;
  line-height: 1.2;
}

@media (max-width: 991px) {
  .custom-wysiwyg h2 {
    font-size: 1.75rem;
  }
}
@media (max-width: 767px) {
  .custom-wysiwyg h2 {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
}
/* Hero Banner 5 [Home] */
div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .title.title.title.title.title.title.title.title {
  font-family: "Guardian Sans", sans-serif;
  font-weight: bold;
  letter-spacing: 0.5rem;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
  margin: 0;
  padding: 0;
}

div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.5rem 0;
  color: #fff;
  margin: 0;
  line-height: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 991px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle::before,
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle::after {
    content: "";
    display: block;
    width: 90px;
    height: 4px;
    background: var(--secondary);
    margin-right: 15px;
    transform: translateY(-50%);
  }
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle::after {
    margin-right: initial;
    margin-left: 15px;
  }
}
div[class*=Hero-Banners-B-V-T-OptCTA] .container--content.container--content.container--content.container--content.container--content {
  border: 4px solid var(--secondary);
  max-width: 1400px;
  background: initial;
  margin-top: 210px !important;
  padding: 30px 100px !important;
  position: relative;
  z-index: 2;
}

div[class*=Hero-Banners-B-V-T-OptCTA] .text > hgroup {
  position: relative;
  margin: 0 auto;
}

div[class*=Hero-Banners-B-V-T-OptCTA] .background--media.background--media.background--media.background--media.background--media::before {
  background: rgba(0, 0, 0, 0.45) !important;
}

div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero.hero--not-slider.hero--banner > .container .hero-content {
  height: auto;
  padding-top: 150px;
  padding-bottom: 150px;
}

@media (max-width: 1450px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--content.container--content.container--content.container--content.container--content {
    max-width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 1199px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .title.title.title.title.title.title.title.title {
    font-size: 3.5em;
  }
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--content.container--content.container--content.container--content.container--content {
    padding: 30px 70px !important;
  }
}
@media (max-width: 991px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .title.title.title.title.title.title.title.title {
    font-size: 3em;
  }
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
    font-size: 1.25rem;
  }
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--content.container--content.container--content.container--content.container--content {
    padding: 30px 40px !important;
  }
}
@media (max-width: 767px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .title.title.title.title.title.title.title.title {
    font-size: 2em;
  }
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--content.container--content.container--content.container--content.container--content {
    margin-top: 100px !important;
    padding: 15px !important;
  }
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle::before {
    width: 80px;
    top: -3px;
  }
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle::after {
    width: 80px;
    top: -3px;
  }
}
@media (max-width: 575px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
    font-size: 1rem;
  }
}
/* Hero Banner 2 [All Other Pages] */
div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .container--hero.hero--not-slider.hero--banner.background--media::before {
  background: rgba(0, 0, 0, 0.45);
}

div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .title.title.title.title.title.title.title {
  display: inline-block;
  position: relative;
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0.5rem;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
  margin-bottom: 0;
  padding-left: 120px;
  padding-right: 120px;
}

@media only screen and (min-width: 777px) {
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .title.title.title.title.title.title.title::after, div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .title.title.title.title.title.title.title::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
    width: 100px;
    height: 4px;
    background: var(--secondary);
  }
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .title.title.title.title.title.title.title::after {
    left: auto;
    right: 0;
    transform: translate(0%, -50%);
  }
}
@media only screen and (max-width: 776px) {
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .title.title.title.title.title.title.title::after {
    content: "";
    display: block;
    width: 100px;
    height: 4px;
    margin: 1rem 0;
    background: var(--secondary);
  }
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .align--center .title.title.title.title.title.title.title::after {
    margin: 1rem auto;
  }
}
div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .container--content {
  padding: 30px 100px !important;
}

div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .container--content hgroup {
  position: relative;
  margin-top: 210px !important;
}

div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .container--hero.hero--not-slider.hero--banner > .container .hero-content {
  height: auto;
}

@media (max-width: 1199px) {
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .title.title.title.title.title.title.title {
    font-size: 3em;
  }
}
@media (max-width: 991px) {
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .title.title.title.title.title.title.title {
    font-size: 2.75em;
  }
}
@media (max-width: 767px) {
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .title.title.title.title.title.title.title {
    font-size: 2.5em;
    display: block;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 1.5;
  }
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .container--content {
    padding: 20px 20px !important;
  }
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .container--content hgroup {
    margin-top: 0px !important;
  }
}
@media (max-width: 375px) {
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .title.title.title.title.title.title.title {
    font-size: 2em;
  }
}
/* Highlights 1 [Our Process] */
div[class*=Highlights-H-M-2Col-ImageLeftOfAccordions] .container--media {
  overflow: visible;
  position: relative;
  padding: 25px 0;
}

div[class*=Highlights-H-M-2Col-ImageLeftOfAccordions] .container--media img {
  position: relative;
  z-index: 11;
}

div[class*=Highlights-H-M-2Col-ImageLeftOfAccordions] .container--media::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 80%;
  height: 100%;
  left: 0;
  transform: translate(12%, 0);
  border: 4px solid var(--secondary);
  z-index: 0;
  text-transform: uppercase;
}

div[class*=Highlights-H-M-2Col-ImageLeftOfAccordions] .card * {
  text-align: left !important;
}

@media only screen and (max-width: 768px) {
  div[class*=Highlights-H-M-2Col-ImageLeftOfAccordions] .container--media {
    margin-bottom: 50px;
  }
}
/* Singular Content 4/5 [Home] */
div[class*=Singular-Content-H-M-OptCTA] .section.background--media .container--title {
  background: #fff;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  border: 4px solid var(--secondary);
}

div[class*=Singular-Content-H-M-OptCTA-Bg]:not([class*=primary]) .section--textBanner-cta.background--media .container--content {
  background: #fff;
  border: 4px solid var(--secondary);
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

.Singular-Content-H-M-OptCTA-Bg-Left-Dark {
  background: #fff;
}

@media (min-width: 992px) {
  div[class*=Singular-Content-H-M-OptCTA-Bg]:not([class*=primary]) {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  div[class*=Singular-Content-H-M-OptCTA-Bg]:not([class*=primary]) .container::before,
  div[class*=Singular-Content-H-M-OptCTA-Bg]:not([class*=primary]) .container::after {
    content: "";
    display: block;
    width: 100vw;
    height: 50px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  div[class*=Singular-Content-H-M-OptCTA-Bg]:not([class*=primary]) .container::after {
    top: initial;
    bottom: 0;
  }
  div[class*=Singular-Content-H-M-OptCTA-Bg][class*=-Light] .container::before,
  div[class*=Singular-Content-H-M-OptCTA-Bg][class*=-Light] .container::after {
    background: #fff;
  }
  div[class*=Singular-Content-H-M-OptCTA-Bg]:not([class*=primary]) .background--media {
    padding-top: 0;
    padding-bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
  }
  div[class*=Singular-Content-H-M-OptCTA-Bg]:not([class*=primary]) .section--textBanner-cta.background--media .container--content {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
/* Singular Content 7/9 (Primary excluded) [Team] */
div[class*=Singular-Content-Image] .container--media {
  overflow: visible;
  position: relative;
  align-self: flex-start;
  padding: 20px 0;
}

div[class*=Singular-Content-Image] .container--media img {
  position: relative;
  z-index: 11;
}

div[class*=Singular-Content-Image]:not([class*=primary]) .section--textBanner-cta-2col.section--textBanner-cta-2col-img .row .container--media::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 80%;
  height: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 4px solid var(--secondary);
  z-index: 0;
}