/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.t-white {
  --color-background:var(--gutt-color-white);
  --color-background-hover:var(--gutt-color-gray-light);
  --color-text:var(--gutt-color-black);
  --color-text-muted:var(--gutt-color-gray-dark);
  --color-text-accent:var(--gutt-color-black);
  --color-text-heading:var(--gutt-color-black);
  --color-text-link:var(--gutt-color-navy);
  --color-text-link-hover:var(--gutt-color-violet);
  --color-text-link-active:var(--gutt-color-violet);
  --color-border:var(--gutt-color-gray);
  --color-border-accent:var(--gutt-color-violet);
  --color-text-quote:var(--gutt-color-violet);
  --color-text-person:var(--gutt-color-navy);
  --heading-rule-color:var(--gutt-color-violet);
  --button-bg-color:var(--gutt-color-navy);
  --button-text-color:var(--gutt-color-white);
  --button-bg-color-hover:var(--gutt-color-violet);
  --button-text-color-hover:var(--gutt-color-white);
  --button-bg-color-secondary:var(--gutt-color-violet);
  --button-text-color-secondary:var(--gutt-color-white);
  --button-bg-color-secondary-hover:var(--gutt-color-navy);
  --button-text-color-secondary-hover:var(--gutt-color-white);
  --button-bg-color-accent:var(--gutt-color-lime-green);
  --button-text-color-accent:var(--gutt-color-navy);
  --button-bg-color-accent-hover:var(--gutt-color-lime-green);
  --button-text-color-accent-hover:var(--gutt-color-navy);
  --button-bg-color-muted:var(--gutt-color-gray-light);
  --button-text-color-muted:var(--gutt-color-navy);
  --button-bg-color-muted-hover:var(--gutt-color-gray-light);
  --button-text-color-muted-hover:var(--gutt-color-navy);
  --button-bg-color-outline:var(--color-background);
  --button-text-color-outline:var(--color-text-link);
  --button-border-outline:var(--gutt-color-violet);
  --button-bg-color-outline-hover:var(--color-background);
  --button-text-color-outline-hover:var(--color-text-link-hover);
  --title-color-text:var(--gutt-color-navy);
  --title-color-text-link:var(--gutt-color-navy);
  --title-color-text-link-hover:var(--gutt-color-navy);
}
.t-gray-light {
  --color-background:var(--gutt-color-gray-light);
  --color-background-hover:var(--gutt-color-gray-lightest);
  --waves-gradient-image:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  --waves-opacity:1;
}
.t-gray-lightest {
  --color-background:var(--gutt-color-gray-lightest);
  --color-background-hover:var(--gutt-color-gray-light);
  --waves-gradient-image:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  --waves-opacity:1;
}
.t-navy {
  --color-accent:var(--gutt-color-lime-green);
  --color-accent-rgb:225,255,103;
  --color-background:var(--gutt-color-navy);
  --color-background-hover:var(--gutt-color-violet);
  --color-border:var(--gutt-color-gray);
  --color-border-accent:var(--gutt-color-violet);
  --color-text:var(--gutt-color-white);
  --color-text-muted:var(--gutt-color-white);
  --color-text-heading:var(--gutt-color-white);
  --color-text-link:var(--gutt-color-white);
  --color-text-link-hover:var(--gutt-color-white);
  --color-text-link-active:var(--gutt-color-white);
  --title-color-text-link:var(--gutt-color-white);
  --title-color-text-link-hover:var(--gutt-color-white);
  --color-text-quote:var(--gutt-color-white);
  --color-text-person:var(--gutt-color-white);
  --heading-rule-color:var(--gutt-color-lime-green);
  --button-bg-color:var(--gutt-color-violet);
  --button-text-color:var(--gutt-color-white);
  --button-bg-color-hover:var(--gutt-color-black);
  --button-text-color-hover:var(--gutt-color-white);
  --button-bg-color-secondary:var(--gutt-color-white);
  --button-text-color-secondary:var(--gutt-color-navy);
  --button-bg-color-secondary-hover:var(--gutt-color-periwinkle);
  --button-text-color-secondary-hover:var(--gutt-color-navy);
  --title-color-text:var(--gutt-color-white);
  --title-color-text-link:var(--gutt-color-white);
  --title-color-text-link-hover:var(--gutt-color-white);
}
.t-violet {
  --color-accent:var(--gutt-color-lime-green);
  --color-accent-rgb:225,255,103;
  --color-background:var(--gutt-color-violet);
  --color-background-hover:var(--gutt-color-navy);
  --color-border:var(--gutt-color-gray);
  --color-text:var(--gutt-color-white);
  --color-text-bold:var(--gutt-color-white);
  --color-text-heading:var(--gutt-color-white);
  --color-text-link:var(--gutt-color-white);
  --color-text-link-hover:var(--gutt-color-white);
  --color-text-link-active:var(--gutt-color-white);
  --title-color-text-link:var(--gutt-color-white);
  --title-color-text-link-hover:var(--gutt-color-white);
  --heading-rule-color:var(--gutt-color-lime-green);
  --button-bg-color:var(--gutt-color-navy);
  --button-text-color:var(--gutt-color-white);
  --button-bg-color-hover:var(--gutt-color-black);
  --button-text-color-hover:var(--gutt-color-white);
  --button-bg-color-secondary:var(--gutt-color-white);
  --button-text-color-secondary:var(--gutt-color-navy);
  --button-bg-color-secondary-hover:var(--gutt-color-periwinkle);
  --button-text-color-secondary-hover:var(--gutt-color-navy);
}
.t-lime {
  --color-accent:var(--gutt-color-navy);
  --color-accent-rgb:29,28,111;
  --color-background:var(--gutt-color-lime-green);
  --color-background-hover:var(--gutt-color-sea-green);
  --color-border:var(--gutt-color-gray);
  --button-bg-color-accent:var(--gutt-color-white);
  --button-text-color-accent:var(--gutt-color-navy);
  --button-bg-color-accent-hover:var(--gutt-color-periwinkle);
  --button-text-color-accent-hover:var(--gutt-color-navy);
}
.t-pane {
  background-color:var(--color-background);
}
.t-header-waves {
  background-image:-webkit-gradient(linear,left top,right top,from(#F7F8FC),to(rgba(247,248,252,0))),url("/themes/custom/gutt/images/backgrounds-2024/header-waves.svg");
  background-image:linear-gradient(90deg,#F7F8FC 0%,rgba(247,248,252,0) 100%),url("/themes/custom/gutt/images/backgrounds-2024/header-waves.svg");
  background-repeat:no-repeat;
  background-size:cover;
}
.t-feature-waves {
  background-image:url("/themes/custom/gutt/images/backgrounds-2024/feature-waves.svg");
  background-repeat:no-repeat;
  background-size:cover;
  background-color:var(--color-background);
  padding-top:var(--gutt-space-60);
  padding-bottom:var(--gutt-space-60);
}
.t-ir-waves {
  background-image:url("/themes/custom/gutt/images/impact-report-2025/ir-waves.svg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:bottom;
  background-color:var(--color-background);
}
.t-linkbox-waves {
  position:relative;
}
.t-linkbox-waves:after {
  content:"";
  display:block;
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
  z-index:1;
  background-image:url("/themes/custom/gutt/images/backgrounds-2024/linkbox-waves.svg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  -webkit-mask-image:-webkit-gradient(linear,right top,left top,from(#1E1C6F),to(rgba(30,28,111,0)));
  -webkit-mask-image:linear-gradient(-90deg,#1E1C6F 0%,rgba(30,28,111,0) 100%);
  mask-image:-webkit-gradient(linear,right top,left top,from(#1E1C6F),to(rgba(30,28,111,0)));
  mask-image:linear-gradient(-90deg,#1E1C6F 0%,rgba(30,28,111,0) 100%);
}
@media (min-width:1240px) {
  .t-homepage-waves {
    background-image:url("/themes/custom/gutt/images/backgrounds-2024/homepage-waves.svg");
    background-repeat:no-repeat;
    background-position:bottom right;
    background-size:contain;
  }
}
.t-topic-waves {
  --waves-image-width:1400px;
  position:relative;
}
@media (min-width:768px) {
  .t-topic-waves {
    --waves-image-width:2800px;
  }
}
.t-topic-waves > :not(.js-lpb-ui) {
  position:relative;
  z-index:2;
}
.t-topic-waves::before {
  content:"";
  display:block;
  position:absolute;
  height:100%;
  top:0;
  width:100%;
  background-image:var(--waves-gradient-image,linear-gradient(0deg,#6168e5 0%,rgba(97,104,229,0) 100%));
  z-index:1;
  opacity:var(--waves-opacity,0.2);
  -webkit-mask-image:var(--waves-mask-image,url("/themes/custom/gutt/images/backgrounds-2024/topic-waves.svg"));
  mask-image:var(--waves-mask-image,url("/themes/custom/gutt/images/backgrounds-2024/topic-waves.svg"));
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:var(--waves-image-width) auto;
  mask-size:var(--waves-image-width) auto;
  -webkit-mask-position:center;
  mask-position:center;
  mask-mode:alpha;
}
.t-topic-waves .l--section {
  position:relative;
  z-index:1;
}
.t-topic-waves.t-gray-lightest {
  background-image:-webkit-gradient(linear,left bottom,left top,from(var(--gutt-color-gray-light)),to(var(--gutt-color-gray-lightest)));
  background-image:linear-gradient(0deg,var(--gutt-color-gray-light) 0%,var(--gutt-color-gray-lightest) 100%);
}
.t-pane-rounded {
  border-radius:8px;
}
.t-prism {
  background-image:url("/themes/custom/gutt/images/guttmacher-explorettopics.png");
  background-repeat:no-repeat;
  background-size:cover;
}
.t-skewed {
  position:relative;
  padding-top:72px;
  padding-bottom:72px;
  z-index:1;
}
.t-skewed:after {
  content:"";
  display:block;
  height:100%;
  width:100%;
  content:"";
  display:block;
  width:100%;
  height:100%;
  background-position:center;
  background-color:var(--color-background);
  position:absolute;
  top:0;
  -webkit-transform:skewY(1.5deg);
  -ms-transform:skewY(1.5deg);
  transform:skewY(1.5deg);
  z-index:-1;
}
.t-gray-white {
  background-color:var(--gutt-color-gray-light);
}
.section--green {
  background-color:var(--color-green-90);
}
.section--teal {
  background-color:var(--color-teal-90);
}
.section--padding {
  padding:4rem 0;
}
.section--gray {
  background-color:var(--gutt-color-gray-light);
}
