/**
 * Initiative: Microsite v2
 * Loaded only when the v2 page template is active.
 */

body.template-initiative-microsite-v2 .post-header.top {
  background-color: var(--hero-top-bg, #5d93dc);
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 48px;
}

body.template-initiative-microsite-v2 .post-header.top::before,
body.template-initiative-microsite-v2 .post-header.top::after {
  display: none;
}

body.template-initiative-microsite-v2 .post-header.top .post-header__image figure {
  height: 0;
  margin: 0;
  overflow: hidden;
  padding-bottom: 50%;
  position: relative;
}

body.template-initiative-microsite-v2 .post-header.top .post-header__image figure img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

body.template-initiative-microsite-v2 .post-header.top .post-header__image figure.has-video iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

body.template-initiative-microsite-v2 .post-header.top .post-header__image figure.has-video .wp-block-embed,
body.template-initiative-microsite-v2 .post-header.top .post-header__image figure.has-video .wp-block-embed__wrapper {
  height: 100%;
  left: 0;
  margin: 0;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

body.template-initiative-microsite-v2 .post-header.top .post-header__image {
  position: relative;
  z-index: 1;
}

body.template-initiative-microsite-v2 .post-header.top.has-custom-background > .alignwide,
body.template-initiative-microsite-v2 .post-header.top.has-custom-background .flourish-heading {
  position: relative;
  z-index: 1;
}

body.template-initiative-microsite-v2 .post-header.top .flourish-heading {
  align-items: center;
  margin-bottom: 2rem;
}

body.template-initiative-microsite-v2 .post-header.top .flourish-heading:has(+ .description) {
  margin-bottom: 0;
}

body.template-initiative-microsite-v2 .post-header.top .description {
  color: #fff;
  font-weight: 500;
  margin-bottom: 2rem;
  margin-top: 1rem;
  text-transform: uppercase;
}

body.template-initiative-microsite-v2 .post-header.top .post-header__icon {
  flex-shrink: 0;
  height: auto;
  max-height: 125px;
  max-width: 125px;
  object-fit: contain;
  width: auto;
}

body.template-initiative-microsite-v2 .post-header.top .post-header__term {
  color: var(--hero-term-link-color, #000);
  text-decoration: none;
  text-transform: uppercase;
}

body.template-initiative-microsite-v2 .post-header.top .post-header__term:hover,
body.template-initiative-microsite-v2 .post-header.top .post-header__term:focus-visible {
  color: var(--hero-term-link-color, #000);
  text-decoration: underline;
}

body.template-initiative-microsite-v2 .post-header.nav {
  background-color: var(--hero-nav-bg, #f5bd00);
  margin-bottom: 0;
  margin-top: -150px;
  padding-bottom: 0;
  padding-top: 200px;
}

body.template-initiative-microsite-v2 .post-header.nav::after {
  background-color: var(--hero-nav-bg, #f5bd00);
}

body.template-initiative-microsite-v2 .post-header.nav ul.links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0 -0.5rem;
  padding-left: 0;
}

body.template-initiative-microsite-v2 .post-header.nav ul.links li {
  flex: 0 1 50%;
  margin-bottom: 1rem;
  padding: 0 0.5rem;
}

@media (min-width: 1200px) {
  body.template-initiative-microsite-v2 .post-header.nav ul.links li {
    flex: 0 1 149px;
  }
}

body.template-initiative-microsite-v2 .post-header.nav ul.links li a {
  border-top: 1px solid #000;
  color: #000;
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 0.9em;
  font-weight: 900;
  padding: 0.75rem 0;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

body.template-initiative-microsite-v2 .post-header.nav ul.links li.active a,
body.template-initiative-microsite-v2 .post-header.nav ul.links li:hover a {
  border-color: #fff;
  color: #fff;
}

body.template-initiative-microsite-v2 .entry-content.has-content-background {
  position: relative;
}

body.template-initiative-microsite-v2 .entry-content.has-content-background::before {
  background-image: var(--content-bg-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

body.template-initiative-microsite-v2 .entry-content.has-content-background > * {
  position: relative;
  z-index: 1;
}