:root {
  --primary: #0e497b;
  --secondary: #e1c88f;
  --grey: #edf0f3;
}

/* 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-weight: 500;
  border-bottom: 1px solid var(--secondary);
  padding-bottom: 0.5em;
}

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

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

/* 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: 500 !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(to right, #e1c88f, #e4cc94, #e7d09a, #ebd59f, #eed9a5, #eed9a5, #eed9a5, #eed9a5, #ebd59f, #e7d09a, #e4cc94, #e1c88f) !important;
}

/* Hero Banner 3 [Home] */
div[class*=Hero-Banners-B-V-T-OptCTA] h2.title.title.title.title.title.title.title.title {
  font-family: "Guardian Sans", sans-serif;
  font-weight: 500;
  text-transform: initial;
  font-size: 4em;
  margin-bottom: 0;
}

div[class*=Hero-Banners-B-V-T-OptCTA] .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
  font-size: 1.375rem;
  font-family: "Guardian Sans", sans-serif;
  font-weight: 500;
  border-bottom: 1px solid var(--secondary);
  font-size: 4em;
}

div[class*=Hero-Banners-B-V-T-OptCTA] .background--media.background--media.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.container--content.container--content.container--content {
  background: initial;
  padding: 0;
}

@media (min-width: 1200px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--content .text.text.text.text.text.text.text {
    width: 1050px;
  }
}
@media (max-width: 1199px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] h2.title.title.title.title.title.title.title.title,
  div[class*=Hero-Banners-B-V-T-OptCTA] .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
    font-size: 3.2em;
  }
  div[class*=Hero-Banners-B-V-T-OptCTA] .hero-content.hero-content.hero-content.hero-content.hero-content {
    width: 100%;
    padding: 50px;
  }
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--content.container--content.container--content.container--content.container--content {
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] h2.title.title.title.title.title.title.title.title,
  div[class*=Hero-Banners-B-V-T-OptCTA] .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
    font-size: 3em;
  }
}
@media (max-width: 767px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] h2.title.title.title.title.title.title.title.title,
  div[class*=Hero-Banners-B-V-T-OptCTA] .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
    font-size: 2.6665em;
  }
}
@media (max-width: 575px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] h2.title.title.title.title.title.title.title.title,
  div[class*=Hero-Banners-B-V-T-OptCTA] .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
    font-size: 2.5em;
  }
  div[class*=Hero-Banners-B-V-T-OptCTA] .hero-content.hero-content.hero-content.hero-content.hero-content {
    padding: 50px 15px;
  }
}
/* Hero Banner 2 */
div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] h2.title.title.title.title.title.title.title.title.title {
  font-size: 4em;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 1px solid var(--secondary);
  padding-bottom: 0.25em;
}

/* Background Hero Gradient */
div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] div.background--media.background--media.background--media.background--media.background--media.background--media.background--media::before {
  background: rgba(0, 0, 0, 0.45);
}

@media (min-width: 1200px) {
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] div.hero-content.hero-content.hero-content.hero-content.hero-content.hero-content.hero-content {
    width: 1050px;
  }
}
@media (max-width: 1199px) {
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] h2.title.title.title.title.title.title.title.title.title {
    font-size: 3.2em;
  }
}
@media (max-width: 991px) {
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] h2.title.title.title.title.title.title.title.title.title {
    font-size: 3em;
  }
}
@media (max-width: 767px) {
  div[class*=Hero-Banners-FullWidthBanner-TextLeftBg] h2.title.title.title.title.title.title.title.title.title {
    font-size: 2.66em;
  }
}
/* Multi-Item Content 7 [Home] */
div[class*=Multi-Item-Content-H-M-3Col-Text]:not([class*=primary]) .container--content.container--content.container--content.container--content.container--content {
  border: 1px solid var(--primary);
  padding: 2em;
}

div[class*=Multi-Item-Content-H-M-3Col-Text].mode--primary .container--content.container--content.container--content.container--content.container--content {
  border: 1px solid #fff;
}

/* Singular Content 7/9 [Home] */
div[class*=Singular-Content-Image] .container--media.container--media.container--media.container--media {
  overflow: initial;
}

div[class*=Singular-Content-Image] .container--media.container--media.container--media.container--media img {
  box-shadow: -20px 20px 0px var(--secondary);
}

div[class*=Singular-Content-Image].column-reverse .container--media.container--media.container--media.container--media img {
  box-shadow: 20px 20px 0px var(--secondary);
}

div[class*=Singular-Content-Image][class*=Singular-Content-Image][class*=Singular-Content-Image][class*=Singular-Content-Image]:not([class*=primary]) {
  position: relative;
}

div[class*=Singular-Content-Image][class*=Singular-Content-Image][class*=Singular-Content-Image]:not([class*=primary])::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 35vw;
  height: calc(100% + 1px);
  background: url(../pcg_blue_image/PCG-Blue.png);
  background-repeat: no-repeat;
  background-size: cover;
}

div[class*=Singular-Content-Image][class*=Singular-Content-Image][class*=Singular-Content-Image]:not([class*=primary]).column-reverse::before {
  left: initial;
  right: 0;
}

@media only screen and (max-width: 768px) {
  div[class*=Singular-Content-Image][class*=Singular-Content-Image][class*=Singular-Content-Image] .container--media.container--media.container--media.container--media img {
    box-shadow: -10px -10px 0px var(--secondary);
  }
  div[class*=Singular-Content-Image][class*=Singular-Content-Image][class*=Singular-Content-Image][class*=Singular-Content-Image][class*=Singular-Content-Image]:not([class*=primary])::before {
    left: initial;
    height: 35vw;
    width: 100%;
  }
}
/* Teams */
div[class*=Team-H-M] h2.title.title.title.title.title {
  font-weight: 500;
}

div[class*=Team-H-M]:not([class*=primary]) h2.title.title.title.title.title {
  color: var(--primary);
}

/* Team Directory */
body.contact div[class*=Team-H-M] img.headshot.headshot.headshot,
body.contact div[class*=Team-H-M] .card--social.card--social.card--social.card--social {
  display: none;
}

body.contact div[class*=Team-H-M] .container--title + .row.row.row.row.row.row.row {
  justify-content: center;
}

body.contact div[class*=Team-H-M] .container--content.container--content.container--content.container--content {
  text-align: center;
  background: initial;
}

body.contact div[class*=Team-H-M] .card--profile.card--profile.card--profile.card--profile {
  border: 1px solid var(--primary);
  padding: 2em;
}

@media (min-width: 768px) {
  body.contact div[class*=Team-H-M] .card--profile.card--profile.card--profile.card--profile {
    margin: 12.5px;
    flex: 0 0 calc(50% - 25px);
    max-width: calc(50% - 25px);
  }
}
@media (min-width: 992px) {
  body.contact div[class*=Team-H-M] .card--profile.card--profile.card--profile.card--profile {
    flex: 0 0 calc(33.3333333333% - 25px);
    max-width: calc(33.3333333333% - 25px);
    margin: 12.5px;
  }
}
@media (max-width: 576px) {
  body.contact div[class*=Team-H-M] .card--profile.card--profile.card--profile.card--profile {
    flex: 0 0 90%;
    max-width: 90%;
    margin: 5px auto;
  }
}
body.contact div[class*=Team-H-M] .name-data.name-data.name-data.name-data.name-data {
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 500;
}

body.contact div[class*=Team-H-M] .name.name.name.name.name.name {
  margin-bottom: 0;
}

body.contact div[class*=Team-H-M] .certificates.certificates.certificates.certificates.certificates,
body.contact div[class*=Team-H-M] h2.name + p.title.title.title.title.title {
  font-weight: 500;
}

body.contact div[class*=Team-H-M] h2.name + p.title.title.title.title.title {
  margin-bottom: 2em;
}

body.contact div[class*=Team-H-M]:not([class*=primary]) .name-data.name-data.name-data.name-data.name-data {
  color: var(--primary) !important;
}

body.contact div[class*=Team-H-M] .name-data.name-data.name-data.name-data.name-data::after {
  content: "";
  display: block;
  margin: 15px auto 30px auto;
  width: 160px;
  height: 1px;
  background: linear-gradient(to right, #e1c88f, #e4cc94, #e7d09a, #ebd59f, #eed9a5, #eed9a5, #eed9a5, #eed9a5, #ebd59f, #e7d09a, #e4cc94, #e1c88f);
}

body.contact div[class*=Team-H-M] span.container--icon.container--icon.container--icon.container--icon.container--icon {
  display: none;
}

body.contact div[class*=Team-H-M] .card--contact-info.card--contact-info.card--contact-info.card--contact-info.card--contact-info li {
  margin-bottom: 0;
}