:root {
  --primary: #00487c;
  --primary-light: #99ccff;
  --secondary: #e1c88f;
  --grey: #edf0f3;
}

/* Primary H2 */
body:not([class*=-cc]) a:not([id^=Hero]):not([id^=Sequential]):not([id^=TeamProfile]) + div h2.title,
body:not([class*=-cc]) a[id^=Sequential] + div .container--title h2.title {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--secondary);
  margin-bottom: 20px;
}

/* Primary H3 */
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: var(--secondary) !important;
}

/* Hero Banner 3 [Home] */
div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .title.title.title.title.title.title.title.title {
  text-transform: initial;
  font-family: "Guardian Sans", sans-serif;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.2;
}

div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
  font-size: 3.75em;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 0;
}

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

@media (min-width: 1200px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .title.title.title.title.title.title.title.title {
    font-size: 3.75em;
  }
}
@media (max-width: 1199px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
    font-size: 3em;
  }
}
@media (max-width: 991px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
    font-size: 2.75em;
  }
}
@media (max-width: 767px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .subtitle.subtitle.subtitle.subtitle.subtitle.subtitle {
    font-size: 2.5em;
  }
}
@media (max-width: 575px) {
  div[class*=Hero-Banners-B-V-T-OptCTA] .container--hero .title.title.title.title.title.title {
    font-size: 2.2rem;
  }
}
/* Resources 1 [Harmon Smith Team] */
.section--resources .container--content > .row:last-child > .col-md-6 {
  border: initial !important;
}

@media (min-width: 768px) {
  .section--resources .container--content .col-md-6:last-child,
  .section--resources .container--content .col-md-6:last-child:nth-child(odd) {
    margin: initial;
  }
}
/* Text Banner 1 [Why Us?] */
div[class*=Banner-Text-HeadingMessage] .container--content {
  border: 1px solid var(--secondary);
  padding: 1em 1.5em;
  width: 90%;
}

@media only screen and (min-width: 768px) {
  div[class*=Banner-Text-HeadingMessage] .container--content {
    padding: 2em 3em;
    width: auto;
    display: inline-block;
  }
}
/* Videos 3 (Primary excluded) [Home] */
div[class*=Singular-Content-V-H-M-OptCTA]:not([class*=primary]) .container--title {
  background: initial;
}