:root {
  --primary: #00487c;
  --secondary: #ffb81c;
  --grey: #edf0f3;
}

/* Primary Text */
div[class*=mode-]:not([class*=primary]):not([class*=Highlights-H-M-3ColGrid-Images]) .primary_text,
div.mode--primary[class*=Singular-Content-V-H-M-OptCTA] .primary_text,
div.mode--primary[class*=Singular-Content-N-I][class*=-O-] .primary_text,
div.mode--primary[class*=Singular-Content-I-H-M-OptCTA] .primary_text,
div.mode--primary[class*=Singular-Content-Image][class*=-Overlay-] .primary_text,
div.mode--primary[class*=Singular-Content-H-M-OptCTA-I] .primary_text,
div.mode--primary[class*=Singular-Content-B-H-M-OptCTA] .primary_text,
div.mode--primary[class*=Highlights-H-M-3ColGrid-Images] .primary_text,
div.mode--primary:has(> .background--media) *.primary_text,
div.container--bio *.primary_text {
  color: var(--primary) !important;
}

div.mode--primary:not([class*=Singular-Content-V-H-M-OptCTA]):not([class*=Singular-Content-N-I][class*=-O-]):not([class*=Singular-Content-I-H-M-OptCTA]):not([class*=Singular-Content-Image][class*=-Overlay-]):not([class*=Singular-Content-H-M-OptCTA-I]):not([class*=Singular-Content-B-H-M-OptCTA]):not(:has(> .background--media)) *.primary_text {
  color: var(--secondary);
}

svg.custom-svg_primary {
  fill: var(--primary);
}

div.mode--primary svg.custom-svg_primary {
  fill: var(--secondary);
}

/* Intro Container */
div[class^=mode--]:not([class*=primary]) .container--title {
  position: relative;
  padding-top: 40px;
}

div[class^=mode--]:not([class*=primary]) .container--title::before {
  content: "";
  position: absolute;
  top: 0;
  height: 60px;
  width: 100%;
  background: url("/media/613264/sf-logo-bar.png") no-repeat center center/contain;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/* 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 {
  font-size: 2.5rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
}

body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Sequential]) + div:not([class*=primary]) h2.title,
body:not([class*=-cc]) a:not([id^=Hero]) + div:not([class*=primary]) .custom-wysiwyg h2:not([class]),
body:not([class*=-cc]) a[id^=Sequential] + div:not([class*=primary]) .container--title h2.title {
  color: var(--primary) !important;
}

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: 2px;
  background: var(--secondary);
  margin: 0.5rem 0;
}

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;
}

.section--team .container--title h2 {
  margin-bottom: 30px;
}

@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.2rem;
  }
}
@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.8rem;
  }
}
/* Subtitle */
div[class^=mode--]:not([class*=Hero]) hgroup:has(> .subtitle) {
  display: initial !important;
}

div[class^=mode--]:not([class*=Hero]) .subtitle {
  text-transform: uppercase;
  font-size: 1.25rem;
  letter-spacing: 0.5rem;
  font-weight: 500;
  margin-bottom: 0;
}

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

@media (max-width: 991px) {
  div[class^=mode--]:not([class*=Hero]) .subtitle {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  div[class^=mode--]:not([class*=Hero]) .subtitle {
    font-size: 0.875rem;
    letter-spacing: 0.25rem;
  }
}
/* Primary H3 */
div[class*=Multi-Item-Content-H-M]:not([class*=primary]) .title-col,
div[class*=Multi-Item-Content-H-M-2Col]:not([class*=primary]) .container--content > h2:first-child,
div[class*=Multi-Item-Content-H-M-3Col-Text]:not([class*=primary]) .container--content > h3:first-child,
div[class*=Resources-H-M-2ColGrid-IconTextCTA]:not([class*=primary]) .title-col,
div[class*=Highlights-H-M-3Col-IconAboveText]:not([class*=primary]) .title-col,
div[class*=Highlights-H-M-3Col-IconAboveText]:not([class*=primary]) .text,
div[class*=Singular-Content-H-M-1Col]:not([class*=primary]) .container--content > h2:first-child {
  color: var(--primary) !important;
}

div[class*=Multi-Item-Content-H-M] .title-col,
div[class*=Multi-Item-Content-H-M-2Col] .container--content > h2:first-child,
div[class*=Multi-Item-Content-H-M-3Col-Text] .container--content > h3:first-child,
div[class*=Resources-H-M-2ColGrid-IconTextCTA] .title-col,
div[class*=Highlights-H-M-3Col-IconAboveText] .title-col,
div[class*=Highlights-H-M-3Col-IconAboveText] .text,
div[class*=Singular-Content-H-M-1Col] .container--content > h2:first-child {
  font-weight: 400 !important;
  letter-spacing: 0.05rem;
  margin-bottom: 0.5em !important;
  line-height: 1.2;
}

div[class*=Multi-Item-Content-H-M] .title-col::after,
div[class*=Multi-Item-Content-H-M-2Col] .container--content > h2:first-child::after,
div[class*=Multi-Item-Content-H-M-3Col-Text] .container--content > h3:first-child::after,
div[class*=Resources-H-M-2ColGrid-IconTextCTA] .title-col::after,
div[class*=Highlights-H-M-3Col-IconAboveText] .title-col::after,
div[class*=Highlights-H-M-3Col-IconAboveText] .text::after,
div[class*=Singular-Content-H-M-1Col] .container--content > h2:first-child::after {
  content: "";
  display: block;
  width: 160px !important;
  height: 2px !important;
  background: var(--secondary);
  margin: 5px 0 15px !important;
}

div[class*=Multi-Item-Content-H-M] .text--center .title-col::after,
div[class*=Multi-Item-Content-H-M-2Col] .text--center .container--content > h2:first-child::after,
div[class*=Multi-Item-Content-H-M-3Col-Text] .text--center .container--content > h3:first-child::after,
div[class*=Resources-H-M-2ColGrid-IconTextCTA] .text--center .title-col::after,
div[class*=Highlights-H-M-3Col-IconAboveText] .text--center .title-col::after,
div[class*=Highlights-H-M-3Col-IconAboveText] .text--center .text::after,
div[class*=Singular-Content-H-M-1Col] .text--center .container--content > h2:first-child::after {
  margin: 5px auto 15px !important;
}

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

/* Message Field H5, H6 */
.custom-wysiwyg h5 {
  font-size: 2em;
  font-weight: 400;
  letter-spacing: 0.25rem;
}

.custom-wysiwyg h6 {
  font-size: 1.75em;
  font-weight: 300;
}

@media only screen and (max-width: 768px) {
  .custom-wysiwyg h5 {
    font-size: 1.25em;
  }
  .custom-wysiwyg h6 {
    font-size: 1.65em;
  }
}
/* Message Field Bulleted List */
.custom-wysiwyg ul li::marker {
  columns: var(--secondary);
}

/* Message Field Underline */
/* span[style*='text-decoration: underline;'] {
    text-decoration-color: var(--secondary) !important;
    text-underline-offset: 5px;
} */
/* Hero Banner 3 [Home] */
div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .title.title.title.title.title.title.title.title {
  color: #fff;
  font-weight: 300;
  font-size: 3.75rem;
  line-height: 1;
  margin-bottom: 0;
  text-transform: uppercase;
  font-family: "Guardian Sans", sans-serif;
}

div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
  font-size: 1.5rem;
  letter-spacing: 0.25rem;
  text-transform: uppercase;
  margin-bottom: 0;
}

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);
}

div[class*=Hero-Banners-B-V-T-OptCTA] .container--content.container--content.container--content.container--content.container--content {
  background: initial;
  max-width: 750px;
  padding: 0;
}

div[class*=Hero-Banners-B-V-T-OptCTA] .container--content.container--content.container--content.container--content.container--content hgroup {
  padding: 2rem 0 1rem 1rem;
  max-width: 750px;
  margin: 0;
  text-shadow: 0 0 20px black;
  border-bottom: 2px solid var(--secondary);
  border-left: 2px solid var(--secondary);
  border-radius: 0 0 0 30px;
}

div[class*=Hero-Banners-B-V-T-OptCTA] .hero-content.hero-content.hero-content.hero-content {
  align-items: flex-end;
}

@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.2em;
  }
}
@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.15rem;
  }
}
@media (max-width: 767px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .title.title.title.title.title.title.title.title {
    font-size: 2.8em;
  }
}
@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] .title.title.title.title.title.title.title {
  font-weight: 300;
  font-size: 3.75rem;
  line-height: 1;
  margin-bottom: 0;
  text-transform: uppercase !important;
}

div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .container--content hgroup::after {
  content: "";
  margin: 0.5rem 0;
  display: block;
  width: 100px;
  height: 2px;
  background: var(--secondary);
}

div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .align--center .container--content hgroup::after {
  margin: 0.5rem auto;
}

@media (max-width: 1199px) {
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .title.title.title.title.title.title.title {
    font-size: 3.2em;
  }
}
@media (max-width: 991px) {
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .title.title.title.title.title.title.title {
    font-size: 3em;
  }
}
@media (max-width: 767px) {
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .title.title.title.title.title.title.title {
    font-size: 2.8em;
  }
}
/* Multi-Item Content 1 [Who We Serve] */
div[class*=Multi-Item-Content-H-M-1Col-Accordion]:not([class*=primary]) .accordion .card-header .title-accordion {
  color: var(--primary) !important;
}

div[class*=Multi-Item-Content-H-M-1Col-Accordion] .accordion .card-header .title-accordion button {
  padding-left: 0;
}

/* Multi-Item Content 3 (Primary excluded) [Our Core Values] */
div[class*=Multi-Item-Content-H-M-1Col-Tabs]:not([class*=primary]) .container--tabs nav {
  background-color: initial !important;
}

div[class*=Multi-Item-Content-H-M-1Col-Tabs]:not([class*=primary]) .nav-tabs a.nav-item {
  color: #fff !important;
  background: var(--primary);
  border: initial !important;
  margin: 0 10px;
  font-size: 1rem;
  letter-spacing: 0.15rem;
  padding: 0.75rem 2rem 0.5rem;
  font-weight: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}

div[class*=Multi-Item-Content-H-M-1Col-Tabs]:not([class*=primary]) .nav-tabs a.nav-item.active {
  color: var(--primary) !important;
  background: var(--secondary);
}

/* Multi-Item Content 5 (Primary excluded) [Wealth Management] */
div[class*=Multi-Item-Content-H-M-3Col-IconAboveText]:not([class*=primary]) .container--col > div[class^=col-] {
  padding: 2rem 2rem 1rem !important;
  border: 1px solid var(--grey);
}