/**
 * Site Header unfreezing
 */
div[data-sitewide-alert] { position: unset; }
.page-header {
  position: relative;
  transition: none;
}
.page-header,
.toolbar-fixed .page-header,
.toolbar-vertical .page-header,
.toolbar-fixed.toolbar-tray-open .page-header,
.toolbar-vertical.toolbar-tray-open .page-header,
.sitewide-alert-active.sitewide-alert-active .page-header,
.sitewide-alert-active.sitewide-alert-active.toolbar-fixed .page-header,
.sitewide-alert-active.sitewide-alert-active.toolbar-vertical .page-header,
.sitewide-alert-active.sitewide-alert-active.toolbar-fixed.toolbar-tray-open .page-header,
.sitewide-alert-active.sitewide-alert-active.toolbar-vertical.toolbar-tray-open .page-header {
  top: auto;
}
.scroll-down #page-header:not(.menu-open) { transform: none; }
main, .sitewide-alert-active.sitewide-alert-active main { padding-top: 0; }
.breadcrumb { margin-top: 20px; }
.field--name-body.field--type-text-with-summary { margin-top: 0; padding-bottom: 0; }

/**
 * Header bgcolor update
 */
.paragraph.paragraph--type--feature-hero.highlight--gold .field--name-field-paragraph-title { background: #ffd200; box-shadow: 20px 0 0 #ffd200,-16px 0 0 #ffd200; }
.paragraph.paragraph--type--feature-hero.highlight--gold .field--name-field-subhead-highlight { background: #ffd200; box-shadow: 20px 0 0 #ffd200,-20px 0 0 #ffd200; }

/**
 * Slides navigation
 */
.field--name-field-hero-banner + .field--name-field-feature-blocks .paragraph--type--block-content,
#slideMarker { display: none; }
@media (min-width: 992px) {
  .field--name-field-hero-banner + .field--name-field-feature-blocks .paragraph--type--block-content {
    display: block;
    background-color: #fff;
    z-index: 999;
    min-height: calc(1.61111rem + 32px);
  }
  .field--name-field-hero-banner + .field--name-field-feature-blocks .pin-spacer .paragraph--type--block-content[style*="fixed"] {
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    transition: transform .3s ease-in-out;
  }
  .field--name-field-hero-banner + .field--name-field-feature-blocks .pin-spacer .paragraph--type--block-content.finished { transform: translateY(-100%) !important; }
  .field--name-field-hero-banner + .field--name-field-feature-blocks > .paragraph--type--block-content:first-child {
    height: calc(1.61111rem + 32px);
    width: 100%;
  }
  nav.minisite-menu { position: relative; }
  nav.minisite-menu .menu .menu-item a { line-height: 1.61111rem; }
  nav.minisite-menu .menu .menu-item a:hover,
  nav.minisite-menu .menu .menu-item span:hover {
    border-bottom-color: transparent;
  }
  #slideMarker {
    display: block;
    position: absolute;
    left: 20px;
    bottom: 0;
    z-index: -1;
    background-color: #e44c9a;
    width: 0;
    height: 8px;
    transition: all .3s ease-in-out;
  }
}


/**
 * Column layouts when wide enough and light blue/gold updates
 */

.paragraph--type--full-width-content { padding-top: 0; padding-bottom: 0; }
.paragraph--type--full-width-content.bg-color__blue,
.paragraph--type--_0-50-feature-block.bg-color__blue { background-color: #72cdf4; color: #002033; }
.corner-graphic.bg-color__blue::before { background-image: linear-gradient(to top,#72cdf4,#72cdf4,#1295d8); }
.corner-graphic.bg-color__blue::after { background-image: linear-gradient(to top,#72cdf4,#72cdf4 20%,#1295d8 65%,#1295d8); }
.paragraph--type--full-width-content.bg-color__gold { background-color: #ffd200; }
.corner-graphic.bg-color__gold::before { background-image: linear-gradient(to top,#ffd200,#ffd200 20%,#ffb511 90%,#ffb511); }
.corner-graphic.bg-color__gold::after { background-color: #ffb511; background-image: none; }
.corner-graphic.paragraph--type--_0-50-feature-block::before {width: 270px;height:800px;top:-215px;left:-14px;background-position:0 0 !important;}
.corner-graphic.paragraph--type--_0-50-feature-block::after {width: 160px;height:800px;top:-215px;left:-152px;background-position:0 0 !important;}
/**
 * Slides and Story section behavior
 */

.impact-slides { padding: 40px 0; }

.impact-slides svg { width: auto; height: auto; }
.impact-slides__slide {
	width: 100%;
	padding: 40px 0;
  overflow-y: hidden;
}
.impact-slides__slide--pinfade { /* margin-bottom: calc( 100vh + 24px + 1.6rem ); */ }
body.is-locked { overflow: hidden !important; }
html.is-locked, body.is-locked { scroll-behavior: unset; }
html, body { scroll-behavior: unset; }
.impact-slides__column + .impact-slides__column { padding-top: 50px; }
.impact-slides__column > *:last-child,
.impact-story__column > *:last-child { margin-bottom: 0; }
.impact-story__column { padding: 40px 0; }
.impact-story__column:last-child { padding: 0 0 40px; }

@media (min-width: 992px) {
  .impact-slides { padding: 0; }
  .impact-slides__slide,
  .impact-story {
  	display: flex;
  }
  .impact-slides__slide {
    position: relative;
    z-index: 1;
  	align-items: center;
  	min-height: calc(100vh - 1.61111111rem - 32px);/* 100vh; /* calc( 100vh - 24px - 1.6rem ); */
    padding: 0;
  }
  @supports (min-height: 100svh) {
    .impact-slides__slide { min-height: calc(100svh - 1.61111111rem - 32px); }
  }
  html:not(.js) .imact-slides__slide { padding: 50px 0; }
  .impact-slides__slide--faded,
  .impact-slides__fading-element { opacity: 0; }
  .impact-slides__slide--reversed,
  .impact-story--reversed {
	  flex-direction: row-reverse;
  }
  .impact-slides__column + .impact-slides__column { padding-top: 0; }
  .impact-slides__column,
  .impact-story__column {
	  flex-basis: 50%;
  }
  .impact-story__column,
  .impact-story__column:last-child {
  	padding: 100px 0;
  }
  .impact-slides__column,
  .impact-story__column:first-child {
  	padding-right: 40px;
  }
  .impact-slides__slide:not(.impact-slides__slide--reversed) .impact-slides__column + .impact-slides__column,
  .impact-slides__slide--reversed .impact-slides__column:first-child,
  .impact-story--reversed .impact-story__column:first-child {
  	padding-left: 40px;
  	padding-right: 0;
  }
}
@media (min-width: 992px) and (max-height: 675px) {
  .impact-story__column, .impact-story__column:last-child {
    padding-top: 50px;
    padding-bottom: 75px;
  }
}

.impact-slides h2,
.impact-h2-spacer {
	display: inline;
	padding: 10px 20px;
  font-size: 1.22222rem; /*1.3888889rem;*/
  line-height: 1.5; /* 1.1; */
  text-transform: uppercase;
  background-color: #ffd200;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.bg-color__gold .impact-slides h2 {
	background-color: #72cdf4;
}
.impact-slides h2 + h3 {
  margin-top: 35px;
}
.impact-h2-spacer {
  display: none;
}
.impact-slides h4 {
  font-size: 1.22222rem;
  line-height: 1.2;
  margin: 0 0 25px;
}
.impact-slides h4:not(:first-child){ margin-top: 50px; }

.impact-slides p,
.impact-slides ul,
.impact-story p {
	font-family: "Lyon Text",Georgia,serif;
}
.impact-slides p {
	margin: .5em 0;
}
.impact-slides h3 + p {
	margin-top: 30px;
}
.impact-slides ul li {
}

@media (min-width: 410px) {
  .impact-slides h2,
  .impact-h2-spacer {
    line-height: 1.1;
  }
}
@media (min-width: 768px) {
  .impact-slides h4 { font-size: 1.38889rem; }
}
@media (min-width: 992px) {
  .impact-h2-spacer {
    display: inline;
    visibility: hidden;
    margin-bottom: 20px;
  }
  .impact-h2-spacer + h3 {
    margin-top: 35px;
  }
}
@media (min-width: 992px) and (max-height: 650px) {
  .impact-slides h3 { font-size: 2.22222rem; }
}

/**
 * 3 boxes layout and animation
 */

.impact-3-boxes {
	display: flex;
	flex-direction: row-reverse;
	align-content: center;
	align-items: flex-end;
	justify-content: flex-start;
	flex-wrap: wrap;
	max-width: 590px;
	margin: 0 auto;
}
.impact-slides__slide--reversed .impact-3-boxes {
  flex-direction: row;
  /* margin-top: -35px; */
}
.impact-3-boxes__box {
  opacity: 0;
  transform: translateY(70vh);
  transition-property: opacity, transform;
  transition-duration: .6s;
  transition-delay: .1s;
  transition-timing-function: ease-out, ease-in-out;
}
.impact-3-boxes__box:first-child {
  transform: translateY(-70vh);
}
.impact-3-boxes__box--medium {
  transform: translateY(calc(70vh + 50%));
  transition-delay: .2s;
}
@supports (transform: translateY(-70svh)) {
  .impact-3-boxes__box { transform: translateY(70svh); }
  .impact-3-boxes__box:first-child { transform: translateY(-70svh); }
  .impact-3-boxes__box--medium { transform: translateY(calc(70svh + 50%)); }
}
.impact-3-boxes--show .impact-3-boxes__box,
html:not(.js) .impact-3-boxes__box {
  opacity: 1;
  transform: translateY(0);
}
.impact-3-boxes__box--text { position: relative; }
.impact-3-boxes__box--text::after {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0 100%;
}
.impact-3-boxes__text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.impact-3-boxes__box--small {
  width: calc(128 / 302 * 100%);
	background-color: #ffb511;
}
.impact-3-boxes--largefirst .impact-3-boxes__box--small { transition-delay: .3s; }
.impact-3-boxes__box--small .impact-3-boxes__text { padding: 12px; }
.impact-3-boxes__box--text.impact-3-boxes__box--small { margin-right: calc(46 / 302 * 100%); }
.impact-slides__slide--reversed .impact-3-boxes__box--text.impact-3-boxes__box--small {
  margin-left: calc(46 / 302 * 100%);
  margin-right: 0;
}
.impact-3-boxes--show .impact-3-boxes__box--photo.impact-3-boxes__box--small,
html:not(.js) .impact-3-boxes__box--photo.impact-3-boxes__box--small { transform: translateY(50%); }
.bg-color__gold .impact-3-boxes__box--small { background-color: #1295d8; }


.impact-3-boxes__box--medium {
  width: calc(128 / 302 * 100%);
	background-color: #fff;
}

.impact-3-boxes__box--medium .impact-3-boxes__text { padding: 12px; }
.impact-3-boxes--show .impact-3-boxes__box--text.impact-3-boxes__box--medium,
html:not(.js) .impact-3-boxes__box--text.impact-3-boxes__box--medium { transform: translateY(50%); }
.impact-3-boxes__box--photo.impact-3-boxes__box--medium { margin-right: calc(46 / 302 * 100%); }
.impact-slides__slide--reversed .impact-3-boxes__box--photo.impact-3-boxes__box--medium {
  margin-left: calc(46 / 302 * 100%);
  margin-right: 0;
}

.impact-3-boxes__box--large {
  width: calc(174 / 302 * 100%);
  max-width: 340px;
	background-color: #ffd200;
  transition-delay: .3s;
}
.impact-3-boxes--largefirst .impact-3-boxes__box--large { transition-delay: .1s; }
.impact-3-boxes__box--large .impact-3-boxes__text { padding: 16px; }
.bg-color__gold .impact-3-boxes__box--large { background-color: #72cdf4; }

.impact-3-boxes__box--text strong {
	display: block;
  margin: 0 0 0.55556rem;
	font-size: 1.94444rem;
	line-height: 1;
}
.impact-3-boxes__box--text.impact-3-boxes__box--large strong { font-size: 2.33333rem; }
.impact-3-boxes__text > span {
  font-size: .77778rem;
  line-height: 1.33333;
}


@media (min-width: 494px) {
  .impact-slides__slide--reversed .impact-3-boxes { margin-top: -35px; }

  .impact-3-boxes__box--small {
    width: calc( 215 / 590 * 100%);
    max-width: 215px;
  }
  .impact-3-boxes__box--small .impact-3-boxes__text { padding: 24px; }
  .impact-3-boxes__box--text.impact-3-boxes__box--small { margin-right: calc(125 / 590 * 100%); }
  .impact-slides__slide--reversed .impact-3-boxes__box--text.impact-3-boxes__box--small {
  	margin-left: calc(125 / 590 * 100%);
  	margin-right: 0;
  }

  .impact-3-boxes__box--medium {
    width: calc(250 / 590 * 100%);
    max-width: 250px;
    /* align-self: auto; */
  }
  .impact-3-boxes__box--medium .impact-3-boxes__text { padding: 28px; }
  .impact-3-boxes__box--photo.impact-3-boxes__box--medium { margin-right: calc(90 / 590 * 100%); }
  .impact-slides__slide--reversed .impact-3-boxes__box--photo.impact-3-boxes__box--medium {
  	margin-left: calc(90 / 590 * 100%);
  	margin-right: 0;
  }

  .impact-3-boxes__box--large {
    width: calc(340 / 590 * 100%);
    max-width: 340px;
  }
  .impact-3-boxes__box--large .impact-3-boxes__text { padding: 44px; }

  .impact-3-boxes__text > span { font-size: 1rem; }
}
@media (min-width: 494px) and (max-width: 565px), (min-width: 992px) and (max-width: 1128px) {
  #climate-leadership .impact-3-boxes__box--small .impact-3-boxes__text { padding: 24px 11px; }
}
@media (min-width: 494px) and (max-width: 991px) {
  .impact-3-boxes__box strong { font-size: clamp( 2.22222rem, calc( (100vw - 494px) / 4.4 + 2.22222rem), 4.44444rem); }
  .impact-3-boxes__box--text.impact-3-boxes__box--large strong { font-size: clamp( 4rem, calc( (100vw - 494px) / 9.77778 + 4rem), 5rem); }
}
@media (min-width: 992px) {
  .impact-3-boxes__box strong { font-size: clamp( 2.22222rem, calc( (100vw - 992px) / 8.8 + 2.22222rem), 4.44444rem); }
  .impact-3-boxes__box--text.impact-3-boxes__box--large strong { font-size: clamp( 4rem, calc( (100vw - 992px) / 19.55556 + 4rem), 5rem); }
}

/**
 * Quote collage layout
 */

.impact-quote {
	width: 100%;
	margin: 0 auto;
}
.impact-quote__text {
  background-color: #fff;
  padding: 40px;
}

.impact-story__sidebar {
  margin: 0 auto;
}
.impact-story .pin-spacer { max-width: 671px; }

.impact-story__quote {
	background-color: #ffd200;
	padding: 40px;
}

.impact-quote__text h3,
.impact-quote__text blockquote:first-child > p,
.impact-story__quote blockquote:first-child > p {
	font-weight: bold;
	margin: 0 0 30px;
}
.impact-quote__text h3 {
	position: relative;
	padding: 0 0 38px;
  font-size: 1.22222rem;
	line-height: 1.2;
}
.impact-quote__text h3::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	display: block;
	width: 100px;
	height: 8px;
	background-color: #e44c9a;
}
.impact-quote__text footer,
.impact-story__quote footer {
	color: inherit;
	padding: 0;
}
.impact-quote__text p,
.impact-story__quote p {
	font-family: "Kievit Offc Pro",Arial,sans-serif;
	line-height: 1.22222;
	font-weight: 300;
}
.impact-quote__text blockquote > p,
.impact-story__quote blockquote > p {
	margin: 30px 0;
	font-size: 1.22222rem;
	line-height: 1.2;
}
.impact-story__quote footer p { margin: .5em 0; }
.impact-quote__text footer p:first-child,
.impact-story__quote footer p:first-child { font-weight: bold; }
.impact-quote__text footer p:last-child,
.impact-story__quote footer p:last-child { margin-bottom: 0; }

.impact-quote__photo img,
.impact-story__photo img { width: 100%; height: auto; display: block; }

#impact-story-end { height: 0; font-size: 0; overflow: hidden; }

@media (min-width: 576px) {
  .impact-quote {
  	display: flex;
    flex-direction: column;
  	justify-content: center;
  	align-items: flex-start;
  }
  .impact-quote__text {
    width: 75vw;
	  padding: 50px;
  }
  .impact-quote__text:last-child { align-self: flex-end; }
  .impact-quote__photo {
  	width: 65vw;
  	background-color: #1295d8;
  }
  .impact-quote__photo:last-child { align-self: flex-end; }

  .impact-story__sidebar {
    display: flex;
    flex-direction: column;
  	align-items: flex-start;
  }
  .impact-story__photo { width: 80%; }
  .impact-story__quote {
  	align-self: flex-end;
  	width: 75%;
  }
}

@media (min-width: 768px) {
  .impact-quote {
    flex-direction: row;
  	align-items: flex-start;
  	max-width: 1090px;
  	padding: 0 0 100px;
  }
  .impact-slides__slide--reversed .impact-quote { flex-direction: row-reverse; }
  .impact-quote > div:first-child { transform:translateY(100px); }
  .impact-quote__text {
  	width: calc( 590/1090 * 100% );
  	max-width: 590px;
  }
  .impact-quote__text:last-child {
  	width: calc( 465/965 * 100% );
  	max-width: 465px;
    align-self: auto;
  }
  .impact-quote__photo {
  	width: calc( 500/1090 * 100% );
  	max-width: 500px;
  }
  .impact-quote__photo:first-child { width: calc( 500/965 * 100% ); }
  .impact-quote__photo:last-child { align-self: auto; }

  .impact-story__sidebar {
    width: 100%;
    max-width: 671px;
  }
  .impact-story__photo {
  	width: 60%;
  	max-width: 393px;
  	margin-left: 50px;
  }
  .impact-story__quote {
	  width: 70%;
	  max-width: 445px;
  	padding: 50px;
  }
  .impact-quote__text h3,
  .impact-quote__text blockquote > p,
  .impact-story__quote blockquote > p {
	  font-size: 1.38889rem;
  }
}
@media (min-width: 992px) {
  .impact-story__quote { margin-right: 50px; }
}
@media (min-width: 992px) and (max-height: 750px) {
  .impact-quote {
    max-width: none;
    margin: 0;
  }
  .impact-quote__text,
  .impact-quote__text:last-child {
    max-width: none;
    width: auto;
  }
}
@media (min-width: 992px) and (max-height: 675px) {
  .impact-quote { padding: 0 0 50px; }
  .impact-quote > div:first-child { transform:translateY(50px); }
}

/**
 * Bar graph layout and animation
 */

.impact-bars { width: 100%; }
.impact-bars h4 {
  opacity: 0;
  transition-property: opacity;
  transition-duration: .7s;
  transition-delay: .3s;
  transition-timing-function: ease-in-out;
}
.impact-bars--show h4,
html:not(.js) .impact-bars h4 { opacity: 1; }
.impact-bars__bar {
  overflow: hidden;
  background-color: #fff;
  transition-property: width;
  transition-duration: .7s;
  transition-delay: .3s;
  transition-timing-function: ease-in-out;
  width: 0%;
}
.impact-bars__bar + .impact-bars__bar { transition-delay: .4s; }
.impact-bars__bar + .impact-bars__bar + .impact-bars__bar,
.impact-bars__bar + .impact-bars__bar + h4 + .impact-bars__bar { transition-delay: .5s; }
.impact-bars__bar + .impact-bars__bar + .impact-bars__bar + .impact-bars__bar,
.impact-bars__bar + .impact-bars__bar + h4 + .impact-bars__bar + .impact-bars__bar { transition-delay: .6s; }
.impact-bars__bar p {
  margin: 0;
  padding: 25px;
  font-size: 1rem;
  line-height: 1.2;
  font-family: "Kievit Offc Pro",Arial,sans-serif;
  font-weight: 300;
}
.impact-bars__bar strong {
  display: block;
  font-size: 2.77778rem;
}
.impact-bars__bar span { display: block; }
.impact-bars__bar--62-5 span { width: calc( (100vw - 80px) * .625 - 50px ); }
.impact-bars__bar--72-5 span { width: calc( (100vw - 80px) * .725 - 50px); }
.impact-bars__bar--75 span { width: calc( (100vw - 80px) * .75 - 50px); }
.impact-bars__bar--82-5 span { width: calc( (100vw - 80px) * .825 - 50px); }
.impact-bars__bar--95 span { width: calc( (100vw - 80px) * .95 - 50px); }
.impact-bars__bar--100 span { width: calc( 100vw - 130px ); }


.impact-bars--show .impact-bars__bar--62-5,
html:not(.js) .impact-bars__bar--62-5 { width: 62.5%; }
.impact-bars--show .impact-bars__bar--72-5,
html:not(.js) .impact-bars__bar--72-5 { width: 72.5%; }
.impact-bars--show .impact-bars__bar--75,
html:not(.js) .impact-bars__bar--75 { width: 75%; }
.impact-bars--show .impact-bars__bar--82-5,
html:not(.js) .impact-bars__bar--82-5 { width: 82.5%; }
.impact-bars--show .impact-bars__bar--95,
html:not(.js) .impact-bars__bar--95 { width: 95%; }
.impact-bars--show .impact-bars__bar--100,
html:not(.js) .impact-bars__bar--100 { width: 100%; }
.impact-bars__bar--uc-gold { background-color: #ffb511; }
.impact-bars__bar--gold { background-color: #ffd200; }
.impact-bars__bar--light-gold { background-color: #ffe552; }

@media (min-width: 992px) {
  .impact-bars__bar span {
    white-space: nowrap;
    width: auto;
  }
}
@media (min-width: 992px) and (max-width: 1276px) {
  .impact-bars__bar--100 span {
    width: calc( 50vw - 130px );
    white-space: unset;
  }
  .impact-bars__bar--75 span {
    width: calc( (50vw - 80px) * .75 - 50px );
    white-space: unset;
  }
}
@media (min-width: 992px) and (max-height: 775px) {
  .impact-bars__bar p { padding: 15px 25px; }
  .impact-bars__bar strong { font-size: 2.22222rem; }
}
@media (min-width: 992px) and (max-height: 650px) {
  .impact-bars__bar p { padding: 10px 25px; }
}

/**
 * Book bar graph
 */
.impact-books {
  width: 100%;
  max-width: 544px;
  margin: 0 auto;
}
.impact-books__slide + .impact-books__slide { margin-top: 3em; }
.impact-books__bar {
  position: relative;
  width: 100%;
  background-color: #fff;
  font-size: 0;
}
.impact-books__bar svg {
  position: relative;
  z-index: 1;
  width: 100%;
}
.impact-books__bar img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
}
.impact-books__bar::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background-color: #ffd200;
  transition-delay: .3s;
  transition-property: width;
  transition-duration: .7s;
  transition-timing-function: ease-in-out;
}
.impact-books--show .impact-books__bar--54::before,
html:not(.js) .impact-books__bar--54::before { width: 54%; }
.impact-books__stencil {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 0;
  padding: 0 0 calc( 88 / 402 * 100% );
  background-image: url(/sites/default/files/2023-09/books-stencil%402x.png);
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 0;
}
.impact-books p {
  margin: 0 0 1em;
  font-size: 1rem;
  line-height: 1.2;
  font-family: "Kievit Offc Pro",Arial,sans-serif;
  opacity: 0;
  transition-delay: .3s;
  transition-property: opacity;
  transition-duration: .7s;
  transition-timing-function: ease-in-out;
}
.impact-books--show p,
html:not(.js) .impact-books p { opacity: 1; }
.impact-books strong {
  display: block;
  font-size: 5rem;
  line-height: 1;
}


/**
 * Icons
 */
.impact-icons {
  position: relative;
  width: 100%;
}
.impact-icons--students {
  margin: 0;
}
.impact-icons--students .impact-icons__wrapper {
  position: relative;
  width: 100%;
  max-width: 509px;
}
.impact-icons--students .impact-icons__wrapper::before {
  content: '';
  display: block;
  height: 0;
  padding: 0 0 calc(879 / 509 * 100%);
}
.impact-icons--students h4 {
  margin: 0 0 25px;
  opacity: 0;
  transition-property: opacity;
  transition-duration: .5s;
  transition-delay: .3s;
  transition-timing-function: ease-in-out;
}
.impact-icons--show.impact-icons--students h4,
html:not(.js) .impact-icons--students h4 {
  opacity: 1;
}
.impact-icons--students .impact-icons__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.impact-icons__icon {
  position: absolute;
  margin: 0;
  padding: 0;
  text-align: center;
}
.impact-icons__icon--california {
  top: calc(111 / 679 * 100%);
  left: 0;
  width: calc(299 / 509 * 100%);
}
.impact-icons__icon--low-income {
  top: calc(324 / 679 * 100%);
  left: calc(338 / 509 * 100%);
  width: calc(153 / 509 * 100%);
}
.impact-icons__icon--first-gen {
  top: 0;
  left: calc(319 / 509 * 100%);
  width: calc(190 / 509 * 100%);
}
.impact-icons__icon--transfers {
  top: calc(440 / 679 * 100%);
  left: calc(112 / 509 * 100%);
  width: calc(154 / 509 * 100%);
}
.impact-icons .impact-icons__label {
  margin: 1em 0 0;
  font-size: 1rem;
  line-height: 1.2;
  font-family: "Kievit Offc Pro",Arial,sans-serif;
}
.impact-icons--students .impact-icons__label {
  opacity: 0;
  transition-property: opacity;
  transition-duration: .5s;
  transition-delay: .3s;
  transition-timing-function: ease-in-out;
}
.impact-icons--show.impact-icons--students .impact-icons__label,
html:not(.js) .impact-icons.impact-icons--students .impact-icons__label { opacity: 1; }
.impact-icons--students svg {
  transform: scale(0);
  transform-origin: center center;
  transition-property: transform;
  transition-duration: .5s;
  transition-delay: .3s;
  transition-timing-function: ease-in-out;
}
.impact-icons--students .impact-icons__icon--first-gen .impact-icons__label,
.impact-icons--students .impact-icons__icon--transfers .impact-icons__label,
.impact-icons--students .impact-icons__icon--first-gen svg,
.impact-icons--students .impact-icons__icon--transfers svg { transition-delay: .8s; /* 1.3s; */ }
.impact-icons--show.impact-icons--students svg,
html:not(.js) .impact-icons.impact-icons--students svg { transform: scale(1); }

@media (min-width: 500px) {
  .impact-icons__icon--transfers {
    top: calc(505 / 679 * 100%);
    left: calc(162 / 509 * 100%);
    width: calc(154 / 509 * 100%);
  }
}
@media (min-width: 576px) {
  .impact-icons--students .impact-icons__wrapper::before {
    padding: 0 0 calc(679 / 509 * 100%);
  }
}
@media (min-width: 768px) {
  .impact-icons--students h4 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin: 0;
  }
}
@media (min-width: 992px) and (max-height: 775px) {
  .impact-icons--students .impact-icons__wrapper::before { padding: 0 0 100%; }
  .impact-icons__icon--california { top: calc(80 / 679 * 100%); width: calc(259 / 509 * 100%); }
  .impact-icons__icon--low-income { top: calc(364 / 679 * 100%); }
  .impact-icons__icon--first-gen { width: calc(160 / 509 * 100%); }
  .impact-icons__icon--transfers { left: calc(102 / 509 * 100%); }

  .impact-icons--students .impact-icons__label { margin: 1em -1em 0; }
  /* .impact-icons--students .impact-icons__icon--first-gen .impact-icons__label, */
  .impact-icons--students .impact-icons__icon--transfers .impact-icons__label { margin: 1em -2em 0; }
}
@media (min-width: 992px) and (max-height: 650px) {
  .impact-icons__icon--california { top: calc(66 / 679 * 100%); width: calc(240 / 509 * 100%); }
  .impact-icons__icon--transfers { top: calc(476 / 679 * 100%); }
}


/**
 * Caps
 */
.impact-caps {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.impact-caps .impact-caps__top,
.impact-caps .impact-caps__top--changes { fill: #fff; }
.impact-caps .impact-caps__cap,
.impact-caps .impact-caps__cap--changes { fill: #bde3f6; }
.impact-caps .impact-caps__top--changes,
.impact-caps .impact-caps__cap--changes {
  transition-property: fill;
  transition-delay: .3s;
  transition-duration: .7s;
  transition-timing-function: ease-in-out;
}
.impact-caps--show .impact-caps__top--changes,
html:not(.js) .impact-caps__top--changes { fill: #ffb511; }
.impact-caps--show .impact-caps__cap--changes,
html:not(.js) .impact-caps__cap--changes { fill: #ffe552; }

@media (min-width: 992px) {
  .impact-caps { margin: 0; }
}


/**
 * Circle graph layout and animation
 */
.impact-circle-graph,
.impact-circle-graph__wrapper {
  position: relative;
  margin: 0 auto;
}
.impact-circle-graph--health {
  max-width: 600px;
}
.impact-circle-graph__wrapper::after {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0 100%;
  z-index: -1;

}
.impact-circle-graph--health .impact-circle-graph__wrapper {
  width: 85%;
  margin: 120px auto 0;
  overflow: hidden;
}
.impact-circle-graph__circle,
.impact-circle-graph__inner {
  position: relative;
  border-radius: 50%;
}
.impact-circle-graph__circle {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top:: 0;
  z-index: 0;
  background-color: #fff;
  opacity: 0;
  transition-delay: .3s;
  transition-property: opacity;
  transition-duration: .5s; /* .7s; */
  transition-timing-function: ease-in-out;
}
.impact-circle-graph--show .impact-circle-graph__circle,
html:not(.js) .impact-circle-graph__circle { opacity: 1; }
.impact-circle-graph--health .impact-circle-graph__circle::before,
.impact-circle-graph--health .impact-circle-graph__circle::after,
.impact-circle-graph--health .impact-circle-graph__inner::before,
.impact-circle-graph--health .impact-circle-graph__inner::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  border-radius: 50%;
  transition-delay: .8s; /* 1.3s; */
  transition-property: clip-path, transform;
  transition-duration: .5s; /* .7s; */
  transition-timing-function: ease-in-out;
}
.impact-circle-graph--health .impact-circle-graph__circle::before,
.impact-circle-graph--health .impact-circle-graph__inner::before {
  background-color: #72cdf4;
  clip-path: polygon(50% 50%, 0% 70%, 0% 70%);
  transform: rotate(-185deg);
  z-index: 2;
}
.impact-circle-graph--health .impact-circle-graph__inner::before {
  clip-path: polygon(50% 50%, 0% 0%, 0% 0%);
  transform: rotate(-120deg);
}
.impact-circle-graph--show.impact-circle-graph--health .impact-circle-graph__circle::before,
html:not(.js) .impact-circle-graph.impact-circle-graph--health .impact-circle-graph__circle::before {
  clip-path: polygon(50% 50%, 0% 70%, 0% 0%);
  transform: rotate(0);
}
.impact-circle-graph--show.impact-circle-graph--health .impact-circle-graph__inner::before,
html:not(.js) .impact-circle-graph.impact-circle-graph--health .impact-circle-graph__inner::before {
  clip-path: polygon(50% 50%, -1% 0%, 50% 0%);
  transform: rotate(0);
}
.impact-circle-graph--health .impact-circle-graph__circle::after,
.impact-circle-graph--health .impact-circle-graph__inner::after {
  background-color: #1295d8;
  clip-path: polygon(50% 50%, 50% 0%, 50% 0%);
  transform: rotate(-185deg);
}
.impact-circle-graph--health .impact-circle-graph__inner::after {
  clip-path: polygon(50% 50%, 100% 0%, 100% 0%);
  transform: rotate(-120deg);
}
.impact-circle-graph--show.impact-circle-graph--health .impact-circle-graph__circle::after,
html:not(.js) .impact-circle-graph.impact-circle-graph--health .impact-circle-graph__circle::after {
  clip-path: polygon(50% 50%, 50% 0%, 103% 0%);
  transform: rotate(0);
}
.impact-circle-graph--show.impact-circle-graph--health .impact-circle-graph__inner::after,
html:not(.js) .impact-circle-graph.impact-circle-graph--health .impact-circle-graph__inner::after {
  clip-path: polygon(50% 50%, 100% 0%, 100% 70%);
  transform: rotate(0);
}

.impact-circle-graph__center {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 0;
  padding: 0 0 100%;
}
.impact-circle-graph--health .impact-circle-graph__center {
  background-image: radial-gradient(#ffd200 0%, #ffd200 40%, transparent 40%, transparent 100%);
}

.impact-circle-graph .impact-circle-graph__label {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.2;
  font-family: "Kievit Offc Pro",Arial,sans-serif;
  text-align: center;
}
.impact-circle-graph strong {
  display: inline-block;
  font-size: 2.77778rem;
}
.impact-circle-graph span { display: block; }
.impact-circle-graph--health .impact-circle-graph__label {
  position: absolute;
  left: 0;
  z-index: 1;
}
.impact-circle-graph--health .impact-circle-graph__label + .impact-circle-graph__label {
  right: 0;
  left: auto;
}
.impact-circle-graph--health h4,
.impact-circle-graph--health .impact-circle-graph__label {
  opacity: 0;
  transition-delay: .8s; /* 1.3s; */
  transition-property: opacity;
  transition-duration: .5s; /* .7s; */
  transition-timing-function: ease-in-out;
}
.impact-circle-graph--health h4 { transition-delay: .3s; }
.impact-circle-graph--show.impact-circle-graph--health h4,
.impact-circle-graph--show.impact-circle-graph--health .impact-circle-graph__label,
html:not(.js) .impact-circle-graph--health h4,
html:not(.js) .impact-circle-graph.impact-circle-graph--health .impact-circle-graph__label {
  opacity: 1;
}

@media (min-width: 992px) {
  .impact-circle-graph--health { max-width: none; }
  .impact-circle-graph--health .impact-circle-graph__wrapper {
    width: 75%;
    max-width: 375px;
    margin: 0 auto;
  }
  .impact-circle-graph--health h4 { margin: 0 0 60px; }
}

/**
 * Heart animation
 */
.impact-heart {
  position: relative;
  width: 100%;
  max-width: 594px;
  margin: 0 auto;
}
.impact-heart::before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0 calc(407 / 594 * 100%);
}
.impact-heart .impact-heart__label {
  position: absolute;
  top: calc(132 / 407 * 100%);
  left: calc(266 / 594 * 100%);
  right: calc(123 / 594 * 100%);
  z-index: 2;
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
  font-family: "Kievit Offc Pro",Arial,sans-serif;
  text-align: center;
  opacity: 0;
  transition-property: opacity;
  transition-duration: .7s;
  transition-delay: .3s;
  transition-timing-function: ease-in-out;
}
.impact-heart--show .impact-heart__label,
html:not(.js) .impact-heart__label { opacity: 1; }
.impact-heart__label strong {
  display: block;
  font-size: clamp(2rem, calc( (100vw - 320px) / 6.55556 + 2rem), 5rem);
  line-height: 1;
}
.impact-heart svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: calc(234 / 594 * 100%);
  height: auto;
  opacity: 0;
  transform: translateY(70vh);
  transform-origin: center center;
  transition-property: opacity, transform;
  transition-duration: .3s, .7s;
  transition-delay: .3s;
  transition-timing-function: ease-in-out;
}
@supports (transform: translateY(70svh)) {
  .impact-heart svg { transform: translateY(70svh); }
}
.impact-heart svg + svg {
  right: 0;
  top: calc(25 / 407 * 100%);
  left: auto;
  z-index: 0;
  width: calc(459 / 594 * 100%);
  opacity: 1;
  transform: scale(0);
}
.impact-heart--show svg,
html:not(.js) .impact-heart svg { opacity: 1; transform: translateY(0); }
.impact-heart--show svg + svg,
html:not(.js) .impact-heart svg + svg { transform: scale(1); }

@media (min-width: 992px) {
  .impact-heart__label strong { font-size: clamp(3.4rem, calc( (100vw - 992px) / 12.5 + 3.4rem), 5rem); }
}

/**
 * Beaker
 */
.impact-beaker {
  position: relative;
  width: 376px;
  max-width: 100%;
  margin: 0 auto;
  background-color: #fff;
}
.impact-beaker svg {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
}
.impact-beaker__stencil {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 0;
  padding: 0 0 calc( 465 / 376 * 100%);
  background-image: url(/sites/default/files/2023-09/flask-stencil%402x.png);
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 0;
}
.impact-beaker__liquid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: #72cdf4;
  clip-path: polygon(0% 110%, 100% 110%, 100% 120%, 0% 120%);
  transition-property: clip-path;
  transition-delay: .3s;
  transition-duration: .7s;
  transition-timing-function: ease-in-out;
}
.impact-beaker--show .impact-beaker__liquid,
html:not(.js) .impact-beaker__liquid {
  clip-path: polygon(0% 64%, 100% 52%, 100% 100%, 0% 100%);
}
.impact-beaker .impact-beaker__label {
  position: absolute;
  bottom: 8.5%;
  left: 0;
  right: 0;
  margin: 0;
  font-size: 1.38889rem;
  line-height: 1.2;
  font-family: "Kievit Offc Pro",Arial,sans-serif;
  text-align: center;
}
.impact-beaker strong {
  display: block;
  font-size: clamp(3rem, calc((100vw - 320px) / 3 + 3rem), 5rem);
  line-height: 1;
}
@media (min-width: 992px) {
  .impact-beaker { margin: 0; }
}


/**
 * UCAN sign-up
 */
@media (min-width: 992px) {
  .paragraph--type--_0-50-feature-block.bg-color__blue {
    min-height: 100vh; /* calc(100vh - 1.6rem - 32px); */
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  @supports (min-height: 100svh) {
    .paragraph--type--_0-50-feature-block.bg-color__blue { min-height: 100svh; }
  }
}