/**
 * Header and component 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; }

.paragraph--type--full-width-content.bg-color__uc-blue,
.paragraph--type--text-block-with-background.bg-color__uc-blue,
.paragraph--type--collage.bg-color__uc-blue,
.paragraph--type--grid-items.bg-color__uc-blue,
.paragraph--type--_0-50-feature-block.bg-color__uc-blue { background-color: #72cdf4; color: #002033; }
.corner-graphic.bg-color__uc-blue::before { background-image: linear-gradient(to top,#72cdf4,#72cdf4,#1295d8); }
.corner-graphic.bg-color__uc-blue::after { background-image: linear-gradient(to top,#72cdf4,#72cdf4 20%,#1295d8 65%,#1295d8); }

.paragraph--type--full-width-content.bg-color__gold,
.paragraph--type--text-block-with-background.bg-color__gold,
.paragraph--type--collage.bg-color__gold,
.paragraph--type--grid-items.bg-color__gold,
.paragraph--type--_0-50-feature-block.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; }


/**
 * 3 boxes layout
 */

.impact-3-boxes {
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: flex-end;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	max-width: 590px;
	margin: 0 auto;
}
.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__box--small .impact-3-boxes__text { padding: 12px; }
.impact-3-boxes__box--text.impact-3-boxes__box--small { margin-left: calc(46 / 302 * 100%); }
.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__box--text.impact-3-boxes__box--medium { transform: translateY(50%); }

.impact-3-boxes__box--large {
  width: calc(174 / 302 * 100%);
  max-width: 340px;
	background-color: #ffd200;
  transition-delay: .3s;
}
.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,
.impact-3-boxes__box--text.impact-3-boxes__box--large.impact-3-boxes__box--large-as-medium strong {
	display: block;
  margin: 0 0 0.55556rem;
	font-size: 1.94444rem;
	line-height: 1;
}
/* .impact-3-boxes__box--text .impact-3-boxes__box--largenumber strong, */
.impact-3-boxes__box--text .impact-3-boxes__box--superlargenumber strong { font-size: 1.55556rem; }
.impact-3-boxes--smaller-numbers .impact-3-boxes__box--text strong,
.impact-3-boxes--smaller-numbers .impact-3-boxes__box--text.impact-3-boxes__box--large.impact-3-boxes__box--large-as-medium strong { font-size: 1.55555rem; }

.impact-3-boxes__box--text.impact-3-boxes__box--large strong { font-size: 2.33333rem; }
.impact-3-boxes--smaller-numbers .impact-3-boxes__box--text.impact-3-boxes__box--large strong { font-size: 1.77778rem; }
.impact-3-boxes__text > span {
  font-size: .77778rem;
  line-height: 1.33333;
}


@media (min-width: 494px) {
  .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-left: calc(125 / 590 * 100%); }

  .impact-3-boxes__box--medium {
    width: calc(250 / 590 * 100%);
    max-width: 250px;
  }
  .impact-3-boxes__box--medium .impact-3-boxes__text { padding: 28px; }

  .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) {
  #climate-change .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,
  .impact-3-boxes__box--text.impact-3-boxes__box--large.impact-3-boxes__box--large-as-medium strong { font-size: clamp( 2.22222rem, calc( (100vw - 494px) / 4.4 + 2.22222rem), 4.44444rem); }
  .impact-3-boxes--smaller-numbers .impact-3-boxes__box strong,
  .impact-3-boxes--smaller-numbers .impact-3-boxes__box--text.impact-3-boxes__box--large.impact-3-boxes__box--large-as-medium strong { font-size: clamp( 2.22222rem, calc( (100vw - 494px) / 4.4 + 2.22222rem), 3.61111rem ); }
  .impact-3-boxes__box--text .impact-3-boxes__box--largenumber strong { font-size: clamp( 2.22222rem, calc( (100vw - 494px) / 8.8 + 2.22222rem), 3.5rem); }
  .impact-3-boxes__box--text .impact-3-boxes__box--superlargenumber strong { font-size: clamp( 2.22222rem, calc( (100vw - 494px) / 8.8 + 2.22222rem), 3rem); }
  .impact-3-boxes__box--text.impact-3-boxes__box--large strong { font-size: clamp( 4rem, calc( (100vw - 494px) / 9.77778 + 4rem), 5rem); }
  .impact-3-boxes--smaller-numbers .impact-3-boxes__box--text.impact-3-boxes__box--large strong { font-size: clamp( 3rem, calc( (100vw - 494px) / 9.77778 + 3rem), 3.88889rem); }
}
@media (min-width: 992px) {
  .impact-3-boxes__box strong,
  .impact-3-boxes__box--text.impact-3-boxes__box--large.impact-3-boxes__box--large-as-medium strong { font-size: clamp( 2.22222rem, calc( (100vw - 992px) / 8.8 + 2.22222rem), 4.44444rem); }
  .impact-3-boxes--smaller-numbers .impact-3-boxes__box strong,
  .impact-3-boxes--smaller-numbers .impact-3-boxes__box--text.impact-3-boxes__box--large.impact-3-boxes__box--large-as-medium strong { font-size: clamp( 2.22222rem, calc( (100vw - 992px) / 8.8 + 2.22222rem), 3.61111rem); }
  .impact-3-boxes__box--text .impact-3-boxes__box--largenumber strong { font-size: clamp( 2.22222rem, calc( (100vw - 992px) / 8.8 + 2.22222rem), 3.5rem); }
  .impact-3-boxes__box--text .impact-3-boxes__box--superlargenumber strong { font-size: clamp( 2.22222rem, calc( (100vw - 992px) / 8.8 + 2.22222rem), 3rem); }
  .impact-3-boxes__box--text.impact-3-boxes__box--large strong { font-size: clamp( 4rem, calc( (100vw - 992px) / 19.55556 + 4rem), 5rem); }
  .impact-3-boxes--smaller-numbers .impact-3-boxes__box--text.impact-3-boxes__box--large strong { font-size: clamp( 3rem, calc( (100vw - 992px) / 19.55556 + 3rem), 3.88889rem); }


  .paragraph.paragraph--type--_0-50-feature-block.feature-layout--text-blocks .feature-content .paragraph .field--name-field-text-block { height: auto; }
}