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

/* Primary H2 */
body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Contact]):not([id^=Sequential]):not([id^=TeamProfile]) + div h2.title,
body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Contact]) + div .custom-wysiwyg h2:not([class]),
body:not([class*=-cc]) a[id^=Sequential] + div .container--title h2.title {
  font-weight: 900;
  font-size: 2.2rem;
}

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

body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Contact]):not([id^=Sequential]):not([id^=TeamProfile]) + div h2.title::after,
body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Contact]) + div .custom-wysiwyg h2:not([class])::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: 12px 0 12px;
}

body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Contact]):not([id^=Sequential]):not([id^=TeamProfile]) + div .text--center h2.title::after,
body:not([class*=-cc]) a[id^=Sequential] + div .text--center .container--title h2.title::after {
  margin: 12px auto;
}

@media (max-width: 991px) {
  body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Contact]):not([id^=Sequential]):not([id^=TeamProfile]) + div h2.title,
  body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Contact]) + div .custom-wysiwyg h2:not([class]),
  body:not([class*=-cc]) a[id^=Sequential] + div .container--title h2.title {
    font-size: 1.9rem;
  }
}
@media (max-width: 767px) {
  body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Contact]):not([id^=Sequential]):not([id^=TeamProfile]) + div h2.title,
  body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Contact]) + div .custom-wysiwyg h2:not([class]),
  body:not([class*=-cc]) a[id^=Sequential] + div .container--title h2.title {
    font-size: 1.65rem;
  }
}
/* 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] .title-col.title-col,
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-weight: 900 !important;
}

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] .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-3Col-ImageAboveText] .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;
}

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

.title-accordion button {
  font-weight: 900 !important;
}

/* Hero Banner 2 [All Other Pages] */
div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] .title.title.title.title.title.title.title {
  font-weight: 900;
}