:root {
  --primary: #00487c;
  --secondary: #e1c88f;
  --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);
}

p.disclaimer {
  text-align: left !important;
}

/* 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: 1.75rem;
  font-weight: 200;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--secondary);
}

.section--team .container--title h2:after {
  display: none;
}

@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: 1.5rem;
  }
}
@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.25rem;
  }
}
/* 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-size: 1.75em !important;
  font-weight: 400 !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;
}

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] .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: linear-gradient(90deg, rgb(203, 177, 112) 26%, rgb(226, 199, 133) 69%, rgb(191, 164, 101) 100%) !important;
  height: 2px !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] .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-size: 1.35em !important;
  }
}
/* Hero Banner 3 [Home] */
div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .title {
  font-family: "Guardian Sans", sans-serif;
  font-weight: 900;
}

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

div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero.container--slick .hero--bg .hero-content.background--dark .container--content {
  background: initial;
  max-width: 90%;
}

/* Counting Number 2 [Business Professionals] */
div[class*=Counting-Numbers-H-M-3Col-DataPoints]:not([class*=primary]) .section--counting-numbers-3col .container--content {
  border: initial !important;
}

/* Multi-Item Content 4 (Light Only) [Our Services] */
div[class*=Multi-Item-Content-H-M-2Col-Text] .container > .row:last-child, div[class*=Multi-Item-Content-H-M-2Col-Text] .container > .row:has(+ .custom-wysiwyg) {
  --mic4-gap: 0;
}

.Multi-Item-Content-H-M-2Col-Text-Light .converter--base .container--content {
  padding: 25px;
}

@media (max-width: 575px) {
  .Multi-Item-Content-H-M-2Col-Text-Light .converter--base .container--content:nth-child(odd) {
    background: var(--grey);
  }
}
@media (min-width: 576px) {
  .Multi-Item-Content-H-M-2Col-Text-Light .converter--base .container--content:nth-child(4n+1),
  .Multi-Item-Content-H-M-2Col-Text-Light .converter--base .container--content:nth-child(4n+2) {
    background: var(--grey);
  }
}