/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/style.scss ***!
  \**********************************************************************************************************************************************************************/
@charset "UTF-8";
/*!
Theme Name: Reproductive Justice
Theme URI: https://gitlab.com/nsideas/gund-environmental-justice
Author: N+S
Author URI: https://github.com/NSideas
Template: george-gund-foundation
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gund-environmental-justice
Tags: custom
*/
:root {
  --color-primary: #F3B820;
  --color-primary-dark: #1778ab;
  --color-secondary: #273b2f;
  --color-gray-extralight: #e6e4e3;
  --color-gray-light: #b8b5b9;
  --color-gray-medium: #010101;
  --color-gray-semidark: #5b5664;
  --color-gray-dark: #322b29;
  --color-gray-extradark: #2c2739;
  --color-form-error: #FD5151;
  --text-small: .875em;
  --max-width: 720px;
  --grid-gap: 20px;
  --header-height: 78px;
}
@media (min-width: 720px) {
  :root {
    --header-height: 124px;
  }
}
@font-face {
  font-family: "HeadingNow-56Bold";
  src: url(public/fonts/HeadingNow56Bold.woff2) format("woff2"), url(public/fonts/HeadingNow56Bold.woff) format("woff");
}
@font-face {
  font-family: "HeadingNow-56BoldItalic";
  src: url(public/fonts/HeadingNow56BoldItalic.woff2) format("woff2"), url(public/fonts/HeadingNow56BoldItalic.woff) format("woff");
}
@font-face {
  font-family: "HeadingNow-47Extrabold";
  src: url(public/fonts/HeadingNow47Extrabold.woff2) format("woff2"), url(public/fonts/HeadingNow47Extrabold.woff) format("woff");
}
@font-face {
  font-family: "GT-Alpina-Condensed-Light";
  src: url(public/fonts/GT-Alpina-Condensed-Light.woff2) format("woff2"), url(public/fonts/GT-Alpina-Condensed-Light.woff) format("woff");
}
@font-face {
  font-family: "GT-Alpina-Standard-Light";
  src: url(public/fonts/GT-Alpina-Standard-Light.woff2) format("woff2"), url(public/fonts/GT-Alpina-Standard-Light.woff) format("woff");
}
@font-face {
  font-family: "GT-Alpina-Standard-Light-Italic";
  src: url(public/fonts/GT-Alpina-Standard-Light-Italic.woff2) format("woff2"), url(public/fonts/GT-Alpina-Standard-Light-Italic.woff) format("woff");
}
h1,
h2:not(.grant-period__title):not(.block__title),
h3:not(.staff-member__name) {
  font-family: "Calibre", sans-serif;
}

h1 {
  font-size: 3rem;
}
@media (min-width: 600px) {
  h1 {
    font-size: 4rem;
  }
}
@media (min-width: 845px) {
  h1 {
    font-size: 5.0625rem;
  }
}

h2 {
  font-size: 2rem;
}

.entry-content h3:not([class]) {
  font-size: 1.375rem;
  letter-spacing: 0;
}

h4,
.entry-content h5,
h6 {
  font-family: "Calibre", sans-serif;
  text-transform: uppercase;
  font-size: 1.125rem;
}

.block__title {
  color: #273b2f;
}

.block__title,
.date-text {
  font-family: "Calibre", "Arial", sans-serif;
}

.heading,
.tile__title:not(.staff-member__name),
.grants-to-date__number {
  color: #010101;
}

.grants-to-date__number {
  font-weight: 600;
  font-size: 75px;
  line-height: 85px;
  letter-spacing: -0.02em;
}
@media (min-width: 845px) {
  .grants-to-date__number {
    font-size: 95px;
    line-height: 105px;
  }
}
.grants-to-date__number .slash {
  color: #F3B820;
  font-weight: 100;
}

.heading {
  margin-top: 1rem;
  font-size: 3rem;
}

.entry-title {
  text-align: center;
  max-width: none;
  padding-bottom: 60px;
  text-transform: none;
  color: #010101;
  font-family: var(--wp--preset--font-family--copyright-klim-type-foundry) !important;
  font-size: 4.375rem;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
@media (min-width: 845px) {
  .entry-title {
    font-size: 85px;
    line-height: 85px;
  }
}

.entry-content {
  font-family: var(--wp--preset--font-family--calibre) !important;
}

.entry-content .grants-to-date__number,
.entry-content .grants-to-date__number {
  font-family: "Calibre", sans-serif;
  font-size: 65px;
  font-weight: 600;
  line-height: 105px;
  letter-spacing: -0.02em;
}
@media (min-width: 845px) {
  .entry-content .grants-to-date__number,
  .entry-content .grants-to-date__number {
    font-size: 95px;
  }
}

.caslon,
.caption-text,
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.news-list-item__excerpt,
.annual-letter-quote__text,
.annual-letter-quote__label,
.mailing-list-signup__message {
  color: #273b2f;
  font-family: var(--wp--preset--font-family--calibre);
}

.annual-letter-quote__text {
  font-weight: 400 !important;
  font-size: 24px;
  line-height: 24px;
}

h3,
.entry-content .financial-table {
  font-family: "Calibre", sans-serif;
}

.quote {
  max-width: 660px;
  margin: 150px auto;
}
.quote .text {
  font-family: var(--wp--preset--font-family--copyright-klim-type-foundry) !important;
  color: #F3B820;
  font-weight: 300;
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  letter-spacing: -0.01em;
  margin-bottom: 30px;
}
@media (min-width: 845px) {
  .quote .text {
    font-size: 40px;
    line-height: 45px;
  }
}
.quote .text .italic {
  font-style: italic;
}
.quote .author {
  font-family: "Calibre", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 36px;
  text-align: center;
  color: #273b2f;
}
.quote:before {
  content: "“";
  position: absolute;
  margin-top: -85px;
  font-family: var(--wp--preset--font-family--copyright-klim-type-foundry) !important;
  color: #F3B820;
  font-weight: 300;
  font-size: 85px;
  line-height: 98px;
  letter-spacing: -0.01em;
  left: 50%;
}

.block__header .block__title,
.is-style-accent {
  display: flex;
  align-items: center;
  gap: 1rem;
  leading-trim: both;
  text-edge: cap;
  font-size: 1.1875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.01188rem;
  font-family: "Calibre", sans-serif;
}
.block__header .block__title::after,
.is-style-accent::after {
  content: "";
  width: 4.29344rem;
  height: 1px;
  background-color: #F3B820;
}

.grid {
  display: grid;
}
.grid--2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid--4 {
  grid-template-columns: repeat(4, 1fr);
}

.circularcursor,
.circularcursorphotoblock,
.circularcursormap {
  background-color: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(5px);
  height: 115px;
  width: 115px;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  text-align: center;
}
.circularcursor.show,
.circularcursorphotoblock.show,
.circularcursormap.show {
  opacity: 1;
}

.block--annual-letter-quote {
  padding: 0;
  background-color: #FDFBF5;
}
.block--annual-letter-quote .block__content {
  padding: 0;
}
.block--annual-letter-quote blockquote {
  margin: 0;
  border: none;
  padding: 20px 0;
}
@media (min-width: 600px) {
  .block--annual-letter-quote blockquote {
    padding: 0 0 0 33.3%;
  }
}
.block--annual-letter-quote .quote-container {
  padding: 4rem 40px 4rem 40px;
  border-bottom: 5px solid #F3B820;
}
.block--annual-letter-quote a {
  color: #F3B820;
  text-decoration: none;
}
.block--annual-letter-quote .annual-letter-quote__text {
  position: relative;
  margin-bottom: 12px;
  color: #1A241B;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 300;
  line-height: 175%; /* 2.1875rem */
}
.block--annual-letter-quote .annual-letter-quote__text:before {
  content: "“";
  position: absolute;
  left: -0.45em;
}
.block--annual-letter-quote .annual-letter-quote__label {
  color: var(--ar-2022-warm-gray-dark, #8C887E);
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 0.625rem */
}
.block--annual-letter-quote .annual-letter-quote__label:before {
  content: "From: ";
}
.wp-block-pullquote {
  padding: 4em 0;
}
.wp-block-pullquote blockquote {
  padding: 2rem 0;
  text-align: left;
  border-top: none;
  border-bottom: 1px solid #d8dbc7;
}
.wp-block-pullquote blockquote:before {
  content: "“";
  position: absolute;
  margin-top: -85px;
  font-family: "GT-Alpina-Standard-Light", serif;
  color: #F3B820;
  font-weight: 300;
  font-size: 85px;
  line-height: 98px;
  letter-spacing: -0.01em;
}
.wp-block-pullquote blockquote p {
  font-family: "GT-Alpina-Standard-Light", serif !important;
  color: #F3B820;
  font-weight: 300;
  font-size: 40px;
  line-height: 52px;
  letter-spacing: -0.01em;
}

.raised-quote {
  position: relative;
  bottom: 2rem;
}

.block__header {
  border-bottom: none;
}

@keyframes bounceArrow {
  0%, 100% {
    transform: translateY(0px);
  }
  40%, 80% {
    transform: translateY(-5px);
  }
}
.home-hero-copy {
  margin: 50px auto;
  text-align: center;
}
@media (max-width: 845px) {
  .home-hero-copy {
    margin: 50px auto;
  }
}
.home-hero-copy .mobile-copy {
  display: none;
}
@media (max-width: 845px) {
  .home-hero-copy .mobile-copy {
    display: initial;
  }
  .home-hero-copy .mobile-copy .small-words {
    display: initial;
    font-size: 18px;
    line-height: 30px;
    font-family: "GT-Alpina-Standard-Light", serif;
  }
  .home-hero-copy .mobile-copy .bold-word {
    font-weight: bold;
    font-size: 23px;
    line-height: 30px;
    font-family: "Calibre", sans-serif;
  }
  .home-hero-copy .mobile-copy .bold-word-small {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "Calibre", sans-serif;
  }
}
.home-hero-copy .desktop-copy {
  font-family: "GT-Alpina-Standard-Light", serif;
  color: #273b2f;
  font-weight: 300;
  font-size: 28px;
  line-height: 53px;
  letter-spacing: -0.03em;
  margin: auto 75px;
}
.home-hero-copy .desktop-copy .bold-word {
  font-family: "Calibre", sans-serif;
  font-weight: 600;
  font-size: 31px;
  line-height: 53px;
}
@media (max-width: 845px) {
  .home-hero-copy .desktop-copy {
    display: none;
  }
}

.animation-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.animation-container img {
  max-width: 100%;
}

.words-of-action {
  width: 100%;
}
@media (max-width: 845px) {
  .words-of-action {
    display: none;
  }
}

.words-of-action-mobile {
  width: 100%;
  display: none;
}
@media (max-width: 845px) {
  .words-of-action-mobile {
    display: initial;
  }
}

.home-to-the-community {
  background: #273b2f;
}
.home-to-the-community .block__title {
  color: #ffffff;
}
.home-to-the-community .tile:not(.staff-list__item) {
  background: #273b2f !important;
}
.home-to-the-community .tile:not(.staff-list__item) .news-list-item__author-name,
.home-to-the-community .tile:not(.staff-list__item) .news-list-item__excerpt {
  color: #ffffff;
}
.home-to-the-community .tile:not(.staff-list__item) .news-list-item__more-link .button:hover {
  color: #f0f6d4;
}

.feature-title-container {
  background: #273b2f;
  text-align: center;
}
.feature-title-container .feature-title {
  font-size: 60px;
  line-height: 60px;
  margin: 0;
  padding: 120px 0 30px;
  font-family: "GT-Alpina-Standard-Light", serif;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -0.03em;
  text-transform: initial;
  color: #F3B820;
}
@media (min-width: 845px) {
  .feature-title-container .feature-title {
    font-size: 85px;
    line-height: 100px;
  }
}

.home-photo-feature {
  background-color: #273b2f;
}
.home-photo-feature .block__header {
  width: 90%;
  max-width: 960px;
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 30px;
}
@media (min-width: 845px) {
  .home-photo-feature .block__header {
    width: auto;
    max-width: 1080px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
.home-photo-feature .block__header .block__title {
  color: #ffffff;
}
.home-photo-feature .home-feature-text {
  width: auto;
  text-align: center;
}
.home-photo-feature .home-feature-text .feature-title {
  font-size: 60px;
  line-height: 60px;
  font-family: "GT-Alpina-Standard-Light", serif;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -0.03em;
  text-transform: initial;
  color: #F3B820;
}
@media (min-width: 845px) {
  .home-photo-feature .home-feature-text .feature-title {
    font-size: 85px;
    line-height: 0;
    margin-top: 100px;
  }
}
.home-photo-feature .home-feature-text .feature-body {
  max-width: 90%;
  font-family: "GT-Alpina-Standard-Light", serif;
  font-style: normal;
  font-weight: 300;
  margin: 0 auto;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  padding-bottom: 45px;
}
@media (min-width: 845px) {
  .home-photo-feature .home-feature-text .feature-body {
    max-width: 700px;
  }
}
.home-photo-feature .btn-container {
  text-align: center;
  padding-bottom: 80px;
}
.home-photo-feature .featured-photos .portfolio-preview__swiper {
  height: 525px;
  padding-bottom: 90px;
  background: #273b2f;
}
.home-photo-feature .featured-photos .portfolio-preview__swiper .swiper-wrapper {
  gap: 2rem;
}
.home-photo-feature .featured-photos .portfolio-preview__swiper .swiper-wrapper .portfolio-preview__slide {
  background: #273b2f;
  height: 100%;
  width: auto;
}
.home-photo-feature .featured-photos .portfolio-preview__swiper .swiper-wrapper .portfolio-preview__slide .portfolio-preview__link {
  cursor: none;
}
.home-photo-feature .featured-photos .portfolio-preview__swiper .swiper-wrapper .portfolio-preview__slide img {
  mix-blend-mode: normal;
  border-radius: 50%;
  width: 385px;
  height: 385px;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 845px) {
  .home-photo-feature .featured-photos .portfolio-preview__swiper .swiper-wrapper .portfolio-preview__slide img {
    height: 435px;
    width: 435px;
  }
}

.environment-photo-block {
  padding: 72px 18px;
  z-index: 1;
}
@media (min-width: 845px) {
  .environment-photo-block {
    padding: 72px 50px;
  }
}
.environment-photo-block img {
  width: 100%;
  opacity: 0;
}
.environment-photo-block .caption-container {
  border-bottom: 1px solid #d8dbc7;
  font-family: "Calibre", sans-serif;
  font-size: 14px;
  line-height: 13px;
  letter-spacing: -0.01em;
  padding-bottom: 20px;
  padding-top: 10px;
}
.environment-photo-block .caption-container .main-text {
  font-weight: 600;
  color: #273b2f;
}
.environment-photo-block .caption-container .sub-text {
  font-weight: 400;
  color: #d8dbc7;
}
.environment-photo-block .photo-container {
  cursor: none;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.environment-photo-block .photo-container:hover {
  background-size: auto 105%;
}
.environment-photo-block .photo-container a {
  cursor: none;
}
.environment-photo-block .caption-container {
  cursor: none;
}

.home .block--grants-to-date,
.page-home-2 .block--grants-to-date {
  padding-bottom: 0;
}

.page-home-2 .block--grants-to-date {
  margin-top: 0;
}

.block--grants-to-date a {
  font-family: "Calibre", sans-serif;
  text-decoration: none;
  color: #8C887E;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 1rem */
}

@media (min-width: 600px) {
  .home-flex-container {
    display: flex;
  }
}

.flex-75 {
  flex-basis: 75% !important;
}

.flex-25 {
  flex-basis: 25% !important;
}

.column.narrow {
  flex-basis: 25%;
}
.column.wide {
  flex-basis: 75%;
}
.column.wide .democracy-photo-block {
  padding: 1rem 0 1rem 1rem;
}
@media (max-width: 600px) {
  .column.wide .democracy-photo-block {
    padding: 0;
  }
}

.border-top {
  border-top: 1px solid #b8b5b9;
}
@media (max-width: 600px) {
  .border-top {
    border-top: none;
  }
}

.border-right {
  border-right: 1px solid #b8b5b9;
}
@media (max-width: 600px) {
  .border-right {
    border-right: none;
  }
}

.border-bottom {
  border-bottom: 1px solid #b8b5b9;
}
@media (max-width: 600px) {
  .border-bottom {
    border-bottom: none;
  }
}

.democracy-photo-block {
  display: flex;
  padding: 1rem 0;
}
.democracy-photo-block.single-photo {
  max-width: none;
  border-top: 1px solid #010101;
  border-bottom: 1px solid #010101;
  margin-bottom: 20px;
}
.democracy-photo-block .photo-container {
  flex-basis: 66.66%;
}
.democracy-photo-block .photo-container img {
  width: 100%;
  mix-blend-mode: multiply;
}
.democracy-photo-block .caption-container {
  flex-basis: 33.33%;
}
.democracy-photo-block .caption-container.right {
  padding-left: 1rem;
}
@media (max-width: 600px) {
  .democracy-photo-block .caption-container.right {
    padding-left: 0;
  }
}
.democracy-photo-block .caption-container.left {
  padding-right: 1rem;
}
@media (max-width: 600px) {
  .democracy-photo-block .caption-container.left {
    padding-right: 0;
  }
}
@media (max-width: 600px) {
  .democracy-photo-block .caption-container {
    padding: 0 !important;
  }
}
.democracy-photo-block .caption-container .date {
  border-bottom: 4px solid #2c2739;
}
.democracy-photo-block .caption-container .caption-text {
  padding-top: 0.5rem;
  font-size: 1rem;
  color: #2c2739;
}
@media (max-width: 600px) {
  .democracy-photo-block {
    display: block;
  }
}

.photo-column {
  padding: 1rem 1rem 1rem 0;
}
@media (max-width: 600px) {
  .photo-column {
    padding: 0;
  }
}
.photo-column .photo-container {
  text-align: center;
}
.photo-column .photo-container img {
  width: 100%;
  mix-blend-mode: multiply;
}
.photo-column .caption-container .date {
  border-bottom: 4px solid #2c2739;
}
.photo-column .caption-container .caption {
  padding-top: 0.5rem;
}
.photo-column .caption-container .caption .caption-text {
  font-size: 1rem;
  color: #2c2739;
}

.date-text {
  color: #010101;
  font-size: 1.1rem;
  font-weight: 600;
}

.photo-lightbox__slide {
  overflow: auto;
}

.photo-lightbox__figure {
  padding: 1.5rem;
}

.swiper-pagination {
  position: inherit;
}

.news-list-item:hover .button {
  color: #e6e4e3;
  background-color: #F3B820;
  box-shadow: 0 3px 9px #b8b5b9, 0 2px 3px #b8b5b9;
}
.news-list-item .news-list-item__link {
  margin-top: 50px;
}
.news-list-item .news-list-item__title {
  font-family: "GT-Alpina-Standard-Light", serif;
  font-size: 37px;
  line-height: 41px;
  letter-spacing: -0.01em;
  font-weight: 300;
  color: #F3B820;
  text-transform: initial;
}
@media (min-width: 600px) and (max-width: 839px) {
  .news-list-item:nth-child(2n) {
    border-right: none;
  }
}
@media (min-width: 845px) {
  .news-list-item:nth-child(3n) {
    border-right: none;
  }
}
.news-list-item__statement {
  color: #010101;
  font-family: var(--wp--preset--font-family--copyright-klim-type-foundry) !important;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: 125%; /* 2.1875rem */
  border-top: 5px solid #F3B820;
  padding-top: 1rem;
}

.button.dark {
  background-color: transparent;
  color: #273b2f;
  border: 1px solid #273b2f;
  margin-top: 50px;
}
.button.dark:hover {
  color: #FBFDF2;
  background-color: #273b2f;
  box-shadow: 0 3px 9px #b8b5b9, 0 2px 3px #b8b5b9;
}

.all-news-button-container {
  display: flex;
  justify-content: center;
}
.all-news-button-container .button {
  background-color: transparent;
  border-radius: 2em;
  color: #273b2f;
  padding: 0.3em 0.8em 0.4em;
  font-size: 16px;
  font-weight: normal;
  border: 1px solid #273b2f;
  transition: all 350ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.all-news-button-container .button:hover {
  color: #FBFDF2;
  background-color: #273b2f;
  box-shadow: 0 3px 9px #b8b5b9, 0 2px 3px #b8b5b9;
}

.recent-news--large .news-list--grid-3 {
  grid-template-columns: repeat(1, 1fr);
}
.recent-news--large .news-list--grid-3 .news-list-item {
  border-right: none;
  padding-bottom: 1rem;
}
@media (min-width: 720px) {
  .recent-news--large .news-list--grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .recent-news--large .news-list--grid-3 .news-list-item {
    border-bottom: none;
  }
  .recent-news--large .news-list--grid-3 .news-list-item:last-child {
    border-right: none;
  }
}

.recent-news--4 {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 845px) {
  .recent-news--4 {
    padding-top: 50px;
  }
}
.recent-news--4 .block__inner-wrap {
  margin: 0;
  background: rgba(240, 246, 212, 0.2509803922);
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (min-width: 845px) {
  .recent-news--4 .block__inner-wrap {
    margin: auto 50px;
  }
}
.recent-news--4 .block__header,
.recent-news--4 .block__content {
  width: 90%;
  max-width: 960px;
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
}
@media (min-width: 845px) {
  .recent-news--4 .block__header,
  .recent-news--4 .block__content {
    width: auto;
    max-width: 1080px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
.recent-news--4 .news-list {
  display: block;
}
.recent-news--4 .news-list--grid-3 .news-list-item {
  background: unset !important;
}
.recent-news--4 .news-list--grid-3 .news-list-item__title {
  font-size: 30px;
  line-height: 33px;
  color: #273b2f;
}
@media (min-width: 720px) and (max-width: 839px) {
  .recent-news--4 .news-list--grid-3 .news-list-item:last-child, .recent-news--4 .news-list--grid-3 .news-list-item:nth-child(3n) {
    border-right: none;
  }
}
@media (min-width: 845px) {
  .recent-news--4 .news-list--grid-3 .news-list-item:last-child, .recent-news--4 .news-list--grid-3 .news-list-item:nth-child(4n) {
    border-right: none;
  }
}

.news-list-item__title {
  position: relative;
}
.news-list-item__title:before, .news-list-item__title:after {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
}

@keyframes ANIMATE-RED {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(2px, 2px);
  }
}
@keyframes ANIMATE-BLUE {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(-2px, -2px);
  }
}
.news-list-item__date,
.news-list-item__category {
  color: #1a241b;
}

.news-list-item__excerpt {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Calibre", sans-serif;
  color: #273b2f;
  flex-grow: 1;
}

.news-list-item__author-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #273b2f;
  margin-bottom: 25px;
}

.news-article__author {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5rem;
  margin-top: 20px;
  column-gap: 10px;
  flex-direction: column;
  margin-bottom: 80px;
}
.news-article__author img {
  height: 100%;
  border-radius: 50%;
}
.news-article__author .author-info {
  text-align: center;
}
.news-article__author .author-info p {
  margin-bottom: 0;
}
.news-article__author .author-info .news-article__author-name {
  color: #2c2739;
}
.news-article__author .author-info .news-article__author-title {
  color: #d8dbc7;
}

.block--grants-to-date {
  padding-top: 0;
}
.block--grants-to-date .block__inner-wrap {
  margin: 0;
  background: #FDFBF5;
  padding-top: 120px;
  padding-bottom: 120px;
}
.block--grants-to-date .block__inner-wrap.contain {
  width: auto;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.block--grants-to-date .block__inner-wrap .block__header,
.block--grants-to-date .block__inner-wrap .block__content {
  width: 90%;
  max-width: 960px;
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
}
@media (min-width: 845px) {
  .block--grants-to-date .block__inner-wrap .block__header,
  .block--grants-to-date .block__inner-wrap .block__content {
    width: auto;
    max-width: 1080px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
.block--grants-to-date .block__inner-wrap .news-list {
  display: block;
}

.site-header.sticky .gund-logo--white {
  display: none;
}
.site-header.sticky .site-header__outer-wrap {
  background: #fefffc;
}
.site-header.sticky .news-strip {
  display: none !important;
}
.site-header.sticky .site-title {
  margin-left: 0;
  padding-bottom: 0;
}
.site-header.sticky .site-header__utility-nav {
  display: none;
}
.site-header__inner-wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 720px) {
  .site-header__inner-wrap {
    align-items: center;
  }
}
.site-header__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.site-header__nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.site-header .utility-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  column-gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 800px) {
  .site-header .utility-nav {
    display: none;
  }
}
.site-header .utility-nav a {
  font-size: 16px;
  color: #8C887E;
  text-decoration: none;
}
.site-header .utility-nav a:hover {
  text-decoration: underline;
}

.header-nav__menu {
  display: flex;
  align-items: center;
}
.header-nav__menu--cta {
  padding-bottom: 0 !important;
}
.header-nav__link {
  color: #010101;
  font-weight: 600;
  font-size: 22px;
  padding: 12px 12px 32px;
}

.site-header.sticky .header-nav__link {
  padding: 12px;
}
.site-header.sticky .site-header__menu--cta a {
  margin-bottom: 0;
}

#cta-menu {
  padding-bottom: 0 !important;
}

.header-nav__sub-link:hover h5 {
  text-decoration-color: #F3B820;
}

.news-strip {
  width: 100%;
  background-color: #e6e4e3;
}
.news-strip .newspaper-top {
  width: 100%;
  height: 20px;
  background-color: #2c2739;
  background-image: url(public/images/newspaper-top.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
}
@media (max-width: 600px) {
  .news-strip .date-weather-container {
    display: none;
  }
}
.news-strip .date-weather {
  display: flex;
  align-items: center;
  max-width: 920px;
  height: 50px;
  margin: 0 auto;
  color: #2c2739;
  border-bottom: 1px solid #b8b5b9;
}
.news-strip .date-weather .date-container {
  flex-basis: 50%;
}
.news-strip .date-weather .weather-container {
  flex-basis: 50%;
  text-align: right;
  display: flex;
  justify-content: end;
  align-items: center;
  column-gap: 10px;
}
.news-strip .date-weather .weather-container .current-temp {
  font-weight: 600;
}
.news-strip .date-weather .weather-container .high-temp {
  font-weight: normal;
}
.news-strip .date-weather .weather-container .low-temp {
  color: #010101;
  font-weight: normal;
}
@media (max-width: 845px) {
  .news-strip .date-weather .weather-container .high-temp {
    display: none;
  }
  .news-strip .date-weather .weather-container .low-temp {
    display: none;
  }
}
.news-strip .date-weather span {
  line-height: 18px;
  font-size: 15px;
  font-weight: 600;
}

::selection {
  background-color: #F3B820;
  color: white;
}

.portfolios-democracy img {
  mix-blend-mode: multiply;
}

.gund-logo__gund {
  fill: #F3B820;
}

@media (max-width: 719px) {
  .sticky .site-header__menu--cta a {
    color: #FBFDF2;
  }
}

.site-header__menu--cta a {
  background-color: transparent;
  border-color: #F3B820;
  background-color: #F3B820;
  margin-bottom: 20px;
  color: inherit;
}
.site-header__menu--cta a:hover {
  color: inherit;
}

.site-header__outer-wrap {
  background: #fefffc;
}

@media (max-width: 719px) {
  .header-nav {
    margin-top: 21px;
  }
}

@media (max-width: 719px) {
  .sticky .header-nav {
    margin-top: -1px;
  }
}

h2,
.grant-list__title,
.header-nav__sub-item--current h5 {
  color: #F3B820;
  text-decoration-color: #F3B820;
}

.site-header {
  height: auto;
}

.block--grants-to-date,
.block--portfolios,
.bg-color--light,
.related-news {
  background-color: inherit;
}

body.home .page-content,
.page-content,
.tile:not(.staff-list__item),
.block__header--with-filters {
  background: #fefffc !important;
}

.tile:not(.staff-list__item):hover {
  box-shadow: none;
  transform: none;
}
.tile:not(.staff-list__item):hover .tile__title {
  color: #2c2739;
}
.tile:not(.staff-list__item):hover .news-list-item__title {
  color: #F3B820;
}
.tile:not(.staff-list__item) .tile__link {
  padding: 0.125em 0.75em 0.125em 0;
}

.button,
.button--secondary,
.wp-block-button__link {
  background-color: transparent;
  border-radius: 2em;
  color: #F3B820;
  padding: 0.3em 0.8em 0.3em;
  font-size: 16px;
  font-weight: normal;
  border: 1px solid #F3B820;
  transition: all 350ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.button:hover,
.button--secondary:hover,
.wp-block-button__link:hover {
  color: #f0f6d4;
  background-color: #F3B820;
  box-shadow: 0 3px 9px #b8b5b9, 0 2px 3px #b8b5b9;
}

a {
  color: #F3B820;
}
a.category-link {
  color: #273b2f;
}

.filter-option-text {
  color: #273b2f;
}

input[type=submit] {
  background-color: transparent;
  border-radius: 2em;
  color: #F3B820;
  padding: 0.3em 0.8em 0.4em;
  font-size: 16px;
  font-weight: normal;
  border: 1px solid #F3B820;
  transition: all 350ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
input[type=submit]:hover {
  color: #e6e4e3;
  background-color: #F3B820;
  box-shadow: 0 3px 9px #b8b5b9, 0 2px 3px #b8b5b9;
}

.footer-email-signup .mailing-list-signup__submit:hover {
  color: #e6e4e3;
  background-color: #F3B820;
  border-color: #F3B820;
  box-shadow: 0 3px 9px #b8b5b9, 0 2px 3px #b8b5b9;
}

.site-footer {
  color: #273b2f;
}

.page-meta, .page-meta a {
  border: none;
  padding-bottom: 40px;
  padding-top: 50px;
  color: #8C887E;
  text-align: center;
  font-family: var(--wp--preset--font-family--calibre) !important;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.00875rem;
}

.tile__title {
  text-decoration: none;
}

@media (max-width: 719px) {
  .header-nav__sub {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .header-nav {
    background: #e6e4e3;
  }
}
.button--secondary {
  font-family: "Calibre", sans-serif;
}
.button--secondary:hover {
  border-color: #F3B820;
}

.related-content-links__link {
  width: auto;
}

.entry-content {
  font-size: 1.125rem;
  line-height: 1.875rem; /* 166.667% */
}

.search-form__submit {
  background: #FDFBF5;
}

input[type=text].search-form__input {
  background: #FDFBF5;
}
input[type=text].search-form__input::placeholder {
  color: #273b2f;
}

svg.icn-search * {
  stroke: #273b2f;
}

.paginate-link {
  background-color: #f0f6d4;
}
.paginate-link--prev {
  background-image: url(public/images/arrow-left.svg);
}
.paginate-link--next {
  background-image: url(public/images/arrow-right.svg);
}

.paginate-link {
  background-color: #F3B820;
  border-radius: 2em;
}

.page-numbers {
  color: #8C887E;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 1rem */
}

.timeline-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 720px) {
  .timeline-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 720px) {
  .timeline-grid .timeline-border {
    border-right: 1px solid #010101;
  }
}
.timeline-grid .timeline-photos-list {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 2rem;
}
.timeline-grid .timeline-photos-list a::before {
  content: "—";
  font-size: 13px;
  color: #5b5664;
  position: absolute;
  left: 50%;
  margin-top: 130px;
  margin-left: -13px;
  font-family: "kings-caslon", serif;
}
.timeline-grid .timeline-headlines {
  padding: 2rem;
  border-bottom: 1px solid #010101;
}
@media (min-width: 720px) {
  .timeline-grid .timeline-headlines {
    border-bottom: none;
  }
}
.timeline-grid .timeline-headlines p {
  color: #5b5664;
}
.timeline-grid .timeline-headlines p::before {
  content: "—";
  font-size: 13px;
  color: #5b5664;
  position: absolute;
  left: 50%;
  margin-top: 5px;
}
.timeline-grid .date-box {
  background: #2c2739;
}
@media (min-width: 720px) {
  .timeline-grid .date-box {
    margin-left: 60%;
  }
}
.timeline-grid .date-box .timeline-date {
  text-align: center;
  color: #e6e4e3;
}
.timeline-grid .timeline-caption {
  text-align: right;
}

.sub-portfolio .hero-text {
  text-align: center;
  margin-bottom: 115px;
}
.sub-portfolio .hero-text .hero-title {
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 0;
  margin-top: 115px;
  font-family: "GT-Alpina-Standard-Light", serif;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -0.03em;
  text-transform: initial;
  color: #F3B820;
}
@media (min-width: 845px) {
  .sub-portfolio .hero-text .hero-title {
    font-size: 85px;
    line-height: 85px;
  }
}
.sub-portfolio .hero-text .hero-location {
  font-family: "Calibre", sans-serif;
  color: #273b2f;
  font-weight: 600;
  font-size: 16px;
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 40px;
}
.sub-portfolio .hero-text .hero-subtitle {
  font-family: "Calibre", sans-serif;
  color: #F3B820;
  font-weight: 600;
  font-size: 45px;
  line-height: 50px;
  letter-spacing: -0.03em;
  margin-top: 100px;
  margin-bottom: 20px;
}
.sub-portfolio .hero-text .hero-body {
  max-width: 90%;
  font-family: "GT-Alpina-Standard-Light", serif;
  font-style: normal;
  font-weight: 300;
  margin: 0 auto;
  font-size: 18px;
  line-height: 30px;
  color: #273b2f;
  padding-bottom: 45px;
  text-align: left;
}
@media (min-width: 845px) {
  .sub-portfolio .hero-text .hero-body {
    max-width: 700px;
  }
}
.sub-portfolio .subsection-title {
  font-family: "Calibre", sans-serif;
  color: #F3B820;
  font-weight: 600;
  font-size: 45px;
  line-height: 50px;
  letter-spacing: -0.03em;
  text-align: center;
  margin-bottom: 90px;
  margin-top: 0;
}
.sub-portfolio .location-info .location-content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 60px;
  background: rgba(240, 246, 212, 0.2509803922);
  padding: 80px 18px;
}
.sub-portfolio .location-info .location-content.center {
  justify-content: center;
  text-align: center;
}
@media (min-width: 845px) {
  .sub-portfolio .location-info .location-content {
    flex-direction: row;
    margin: auto 50px;
    padding: 120px;
  }
}
.sub-portfolio .location-info .location-content .overview {
  font-family: "Calibre", sans-serif;
  color: #d8dbc7;
  font-weight: 400;
  font-size: 16.5px;
  line-height: 20px;
}
.sub-portfolio .location-info .location-content .name {
  position: relative;
  font-family: "Calibre", sans-serif;
  color: #F3B820;
  font-weight: 600;
  font-size: 45px;
  line-height: 33px;
  text-transform: capitalize;
}
@media (min-width: 845px) {
  .sub-portfolio .location-info .location-content .name {
    font-size: 65px;
    line-height: 53px;
  }
}
.sub-portfolio .location-info .location-content .name:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -0.25em;
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, #f0f6d4 0%, #d7e47b 53.65%, #a6b43a 100%);
}
.sub-portfolio .location-info .location-content .advocates,
.sub-portfolio .location-info .location-content .contact {
  margin-bottom: 25px;
}
.sub-portfolio .location-info .location-content .advocates .info-title,
.sub-portfolio .location-info .location-content .contact .info-title {
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.sub-portfolio .location-info .location-content .advocates span,
.sub-portfolio .location-info .location-content .advocates a,
.sub-portfolio .location-info .location-content .contact span,
.sub-portfolio .location-info .location-content .contact a {
  display: block;
  font-family: "Calibre", sans-serif;
  color: #273b2f;
  font-weight: 400;
  font-size: 16.5px;
  line-height: 20px;
}
.sub-portfolio .location-info .location-content .advocates a,
.sub-portfolio .location-info .location-content .contact a {
  text-decoration: none;
  border-bottom: 1px solid #F3B820;
  display: unset;
}
.sub-portfolio .location-info .location-content .advocates a.overview-link,
.sub-portfolio .location-info .location-content .contact a.overview-link {
  width: max-content;
  border-bottom: none;
  display: block;
}
.sub-portfolio .location-info .location-content .advocates a.overview-link.centered,
.sub-portfolio .location-info .location-content .contact a.overview-link.centered {
  margin: auto;
}
.sub-portfolio .location-info .location-content .advocates a.overview-link span,
.sub-portfolio .location-info .location-content .contact a.overview-link span {
  width: max-content;
  margin-top: 0.25rem;
  color: #273b2f;
  transition: color 0.3s ease-in-out;
}
.sub-portfolio .location-info .location-content .advocates a.overview-link span.org,
.sub-portfolio .location-info .location-content .contact a.overview-link span.org {
  margin-top: 10px;
}
.sub-portfolio .location-info .location-content .advocates a.overview-link span:after,
.sub-portfolio .location-info .location-content .contact a.overview-link span:after {
  border-bottom: 2px solid #F3B820;
  content: "";
  display: block;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: transform 0.3s ease-in-out;
}
.sub-portfolio .location-info .location-content .advocates a.overview-link span:hover,
.sub-portfolio .location-info .location-content .contact a.overview-link span:hover {
  color: #F3B820;
}
.sub-portfolio .location-info .location-content .advocates a.overview-link span:hover:after,
.sub-portfolio .location-info .location-content .contact a.overview-link span:hover:after {
  transform: scaleX(1);
  transform-origin: 0 50%;
}
.sub-portfolio .location-info .location-content .map {
  cursor: none;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  position: relative;
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  background-size: auto 100%;
}
.sub-portfolio .location-info .location-content .map:hover {
  background-size: auto 105%;
}
.sub-portfolio .location-info .location-content .map a {
  cursor: none;
}
.sub-portfolio .location-info .location-content .map img {
  opacity: 0;
  max-width: 100%;
}
@media (min-width: 845px) {
  .sub-portfolio .location-info .location-content .map img {
    max-width: 450px;
  }
}
.sub-portfolio .sub-portfolio-two-column,
.sub-portfolio .sub-portfolio-four-column {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 150px;
}
.sub-portfolio .next-page {
  aspect-ratio: 256/133;
  text-align: center;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.sub-portfolio .next-page.mobile {
  aspect-ratio: 16/19;
  display: none;
}
.sub-portfolio .next-page:hover {
  background-size: auto 105%;
}
.sub-portfolio .next-page:hover .link-container .content .next-button {
  color: #ffffff;
  background: #F3B820;
  box-shadow: 0 3px 9px #b8b5b9, 0 2px 3px #b8b5b9;
}
.sub-portfolio .next-page .link-container {
  text-decoration: none;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub-portfolio .next-page .link-container .content .small-title {
  font-family: "Calibre", sans-serif;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  line-height: 36px;
  margin-bottom: 5px;
}
@media (min-width: 845px) {
  .sub-portfolio .next-page .link-container .content .small-title {
    margin-bottom: 20px;
  }
}
.sub-portfolio .next-page .link-container .content .next-name {
  font-family: "GT-Alpina-Standard-Light", serif;
  color: #ffffff;
  font-weight: 300;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: -0.03em;
  margin-bottom: 20px;
}
@media (min-width: 845px) {
  .sub-portfolio .next-page .link-container .content .next-name {
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 60px;
  }
}
.sub-portfolio .next-page .link-container .content .next-button {
  font-family: "Calibre", sans-serif;
  color: #F3B820;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #F3B820;
  border-radius: 20px;
  padding: 5px 20px;
  transition: all 350ms cubic-bezier(0.25, 0.8, 0.25, 1);
  width: max-content;
  margin: 0 auto;
}
.sub-portfolio .urban-farming-4,
.sub-portfolio .urban-farming-7,
.sub-portfolio .community-health-1,
.sub-portfolio .community-health-4,
.sub-portfolio .treecover-1,
.sub-portfolio .treecover-4,
.sub-portfolio .treecover-5,
.sub-portfolio .community-connectivity-1,
.sub-portfolio .community-connectivity-4,
.sub-portfolio .community-connectivity-5,
.sub-portfolio .community-connectivity-6,
.sub-portfolio .community-connectivity-7,
.sub-portfolio .community-connectivity-8,
.sub-portfolio .community-connectivity-9,
.sub-portfolio .community-connectivity-12,
.sub-portfolio .community-connectivity-13,
.sub-portfolio .community-connectivity-16,
.sub-portfolio .greenspace-grid,
.sub-portfolio .lakeview-grid,
.sub-portfolio .location-info {
  margin-bottom: 150px;
}
.sub-portfolio .max-wide {
  max-width: 100%;
  margin: auto auto;
}
.sub-portfolio .portfolio-preview__swiper {
  margin-bottom: 150px;
}
.sub-portfolio .portfolio-preview__swiper .portfolio-preview__slide {
  background: #fefffc;
  width: 60vw;
  height: 100%;
}
.sub-portfolio .portfolio-preview__swiper .portfolio-preview__slide .photo-portfolio__link {
  cursor: none;
}
.sub-portfolio .photo-portfolio__item a {
  background-color: #fefffc;
}
.sub-portfolio .greenspace-grid {
  display: grid;
  gap: 20px;
}
@media (min-width: 845px) {
  .sub-portfolio .greenspace-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.sub-portfolio .lakeview-grid {
  display: grid;
  gap: 20px;
}
@media (min-width: 845px) {
  .sub-portfolio .lakeview-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.portfolio__environmental-justice .block:last-child {
  padding-bottom: 0;
}
.portfolio__environmental-justice .hero-text {
  text-align: center;
}
.portfolio__environmental-justice .hero-text .hero-title {
  font-size: 60px;
  line-height: 60px;
  font-family: "GT-Alpina-Standard-Light", serif;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -0.03em;
  text-transform: initial;
  color: #F3B820;
}
@media (min-width: 845px) {
  .portfolio__environmental-justice .hero-text .hero-title {
    font-size: 85px;
    line-height: 85px;
    margin-top: 100px;
  }
}
.portfolio__environmental-justice .hero-text .hero-body {
  max-width: 90%;
  font-family: "GT-Alpina-Standard-Light", serif;
  font-style: normal;
  font-weight: 300;
  margin: 0 auto;
  font-size: 18px;
  line-height: 30px;
  color: #273b2f;
  padding-bottom: 45px;
}
@media (min-width: 845px) {
  .portfolio__environmental-justice .hero-text .hero-body {
    max-width: 700px;
  }
}
.portfolio__environmental-justice .hero {
  aspect-ratio: 20/13;
  background-size: cover;
  display: flex;
  align-items: center;
}
@media (max-width: 845px) {
  .portfolio__environmental-justice .hero {
    background-position-x: center;
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
.portfolio__environmental-justice .hero-categories {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8%;
}
@media (max-width: 845px) {
  .portfolio__environmental-justice .hero-categories {
    flex-direction: column;
    gap: 50px;
    padding: 0 20px;
  }
}
.portfolio__environmental-justice .hero-categories .left .env-left-text {
  font-family: "GT-Alpina-Standard-Light", serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 34px;
  letter-spacing: -0.03em;
  color: #ffffff;
  border-radius: 5px;
}
@media (max-width: 845px) {
  .portfolio__environmental-justice .hero-categories .left .env-left-text {
    font-size: 35px;
    line-height: 35px;
  }
}
.portfolio__environmental-justice .hero-categories .right {
  z-index: 999;
  min-width: 333px;
  border-left: 2px solid #ffffff;
}
@media (max-width: 845px) {
  .portfolio__environmental-justice .hero-categories .right {
    width: 100%;
    border: none;
    padding: 0 50px;
  }
  .portfolio__environmental-justice .hero-categories .right :nth-child(even) {
    text-align: right;
    padding-left: 40% !important;
  }
  .portfolio__environmental-justice .hero-categories .right :nth-child(odd) {
    padding-right: 40% !important;
  }
}
.portfolio__environmental-justice .hero-categories .right .env-right-cat {
  font-family: "Calibre", sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: -0.01em;
  padding: 15px 0 15px 15px;
  color: #ffffff;
  margin-bottom: 0;
  text-decoration: none;
  text-underline-offset: 0.2em;
  display: block;
  transition: font-weight 0.2s ease 0s;
  /** done in portfolio.js **/
}
@media (max-width: 845px) {
  .portfolio__environmental-justice .hero-categories .right .env-right-cat {
    padding: 15px 0;
    font-weight: 700;
  }
}
.portfolio__environmental-justice .hero-categories .right .env-right-cat.urban-cat {
  padding-top: 0;
}
@media (min-width: 845px) {
  .portfolio__environmental-justice .hero-categories .right .env-right-cat.urban-cat {
    font-weight: 700;
    text-decoration: underline;
  }
}
.portfolio__environmental-justice .hero-categories .right .env-right-cat.connect-cat {
  padding-bottom: 0;
}
.portfolio__environmental-justice .block__header .block__title span {
  font-weight: 400;
}
.portfolio__environmental-justice .photo-portfolio__grid {
  grid-template-columns: 1fr;
}
@media (min-width: 845px) {
  .portfolio__environmental-justice .photo-portfolio__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .item-container {
  cursor: none;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  position: relative;
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 845px) {
  .portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .item-container {
    width: 325px;
    height: 325px;
    margin: 0 auto;
  }
}
.portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .item-container.landscape {
  background-size: auto 100%;
}
.portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .item-container.landscape:hover {
  background-size: auto 105%;
}
.portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .item-container.portrait {
  background-size: 100% auto;
}
.portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .item-container.portrait:hover {
  background-size: 105% auto;
}
.portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .item-container a {
  background-color: #fefffc;
  display: initial;
}
.portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .item-container img {
  opacity: 0;
  border-radius: 50%;
  width: 325px;
  height: 325px;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 845px) {
  .portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .item-container img {
    width: 225px;
    height: 225px;
  }
}
.portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .view-collection-button {
  color: #ffffff !important;
  border-radius: 50%;
  width: 325px;
  height: 325px;
  margin: 0 auto;
  text-decoration: none;
  font-family: "Calibre", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .view-collection-button.green {
  background: #F3B820;
}
.portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .view-collection-button.dark-green {
  background: #273b2f;
}
.portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .view-collection-button.brown {
  background: #bdc0a1;
}
.portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .view-collection-button.light-brown {
  background: #d8dbc7;
}
@media (min-width: 845px) {
  .portfolio__environmental-justice .photo-portfolio__grid .photo-portfolio__item .view-collection-button {
    width: 225px;
    height: 225px;
  }
}

.newspaper-bottom {
  width: 100%;
  height: 20px;
  background-color: #2c2739;
  background-image: url(public/images/newspaper-bottom.jpg);
  background-repeat: repeat-x;
  background-position: top;
}

.site-footer {
  background: #fefffc;
}
.site-footer .gund-tag-cloud__row a {
  color: #d8dbc7;
}
.site-footer .footer-section-header {
  border: none;
}
.site-footer .footer-bottom-section {
  border-color: #d8dbc7;
}
.site-footer .footer-nav__menu .menu-item::before {
  content: unset;
  background: #b8b5b9;
}
.site-footer .footer-nav__menu .sub-menu {
  border: none;
}
.site-footer .gund-tag-cloud__row {
  color: #b8b5b9;
}
.site-footer .gund-tag-cloud__row span {
  color: #273b2f;
}
.site-footer .gund-tag-cloud__row:nth-child(3) span {
  color: #F3B820;
}

.newspaper-dots {
  background: #e6e4e3;
  display: flex;
  padding-top: 5rem;
}
.newspaper-dots .dots {
  flex-basis: 20%;
  padding: 1rem;
}
.newspaper-dots .dots.right {
  text-align: right;
}
.newspaper-dots .dots.left {
  text-align: left;
}
.newspaper-dots .registration-mark {
  flex-basis: 60%;
  text-align: center;
}

.portfolio-preview__slide img {
  border-radius: 0;
  box-shadow: none;
}

.portfolio-preview__swiper {
  background: #e6e4e3;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.portfolio-preview__swiper::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.portfolio-preview__swiper img {
  mix-blend-mode: multiply;
}

.portfolio-preview__slide {
  background: #e6e4e3;
}

.active .portfolio-preview__link {
  pointer-events: none;
}

.justice-container {
  background-color: #F3B820;
  position: relative;
  aspect-ratio: 16/5;
}
.justice-container.mobile {
  aspect-ratio: 16/19;
  display: none;
}
.justice-container img {
  width: 100%;
  position: absolute;
}
.justice-container > *:nth-child(1) {
  animation: fadeinout 10s ease-in-out -1.25s infinite;
}
.justice-container > *:nth-child(2) {
  animation: fadeinout 10s ease-in-out 3.75s infinite;
}
@keyframes fadeinout {
  0% {
    opacity: 0;
  }
  12.5%, 50% {
    opacity: 1;
  }
  62.5%, 100% {
    opacity: 0;
  }
}

.masthead-nav-block {
  padding: 0;
  border-bottom: 4px solid #F3B820;
}
.masthead-nav-block .wp-block-heading {
  position: relative;
  z-index: 1;
  padding-top: 4rem;
}
.masthead-nav-block__container {
  max-width: 1280px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  padding: 0 25px;
  min-height: 40rem;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.masthead-nav-block__inner {
  max-width: 1010px;
  margin: 0 auto;
  box-sizing: border-box;
  height: 100%;
  flex: 1;
  min-height: 40rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.masthead-nav-block__nav {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom: 3rem;
}
.masthead-nav-block__image-container {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: white;
  pointer-events: none;
}
.masthead-nav-block__image-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.masthead-nav-block__image {
  flex-grow: 1;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}
.masthead-nav-block__image-content {
  color: #fff;
  text-align: right;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.01875rem;
  text-transform: uppercase;
  padding-right: 1.6rem;
  padding-bottom: 1rem;
  padding-top: 1.6rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
.masthead-nav-block__title {
  margin: 0;
  position: relative;
  z-index: 1;
}
.masthead-nav-block__title a {
  color: #010101;
  font-size: 3.129rem;
  font-style: normal;
  font-weight: 500;
  line-height: 85%;
  letter-spacing: -0.13413rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.2em;
}
.masthead-nav-block__title a::after {
  content: "";
  background-image: url(public/images/circle-arrow.svg);
  background-size: contain;
  height: 0.8em;
  width: 0.8em;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media (max-width: 1024px) {
  .masthead-nav-block__inner {
    justify-content: start;
    padding-bottom: 50%;
  }
  .masthead-nav-block__image-container {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .masthead-nav-block__image-inner {
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .masthead-nav-block__title a {
    font-size: 2.31638rem;
  }
  .masthead-nav-block .wp-block-heading {
    padding-top: 2rem;
  }
  .masthead-nav-block__image {
    background-size: cover;
  }
}

.masthead-nav-block__nav li a {
  color: #DBD8D0;
  transition: color 0.3s ease-in-out;
}
.masthead-nav-block__nav li .masthead-nav-block__image-container {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.masthead-nav-block__nav li:hover a, .masthead-nav-block__nav li.active a {
  color: #010101;
}
.masthead-nav-block__nav li:hover a::after, .masthead-nav-block__nav li.active a::after {
  opacity: 1;
}
.masthead-nav-block__nav li:hover .masthead-nav-block__image-container, .masthead-nav-block__nav li.active .masthead-nav-block__image-container {
  opacity: 1;
}

.default-container {
  max-width: 970px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 25px;
  height: 100%;
}

.reproductive-justice-block {
  background: #8C887E;
  padding: 0 25px;
  position: relative;
  overflow: hidden;
}
.reproductive-justice-block .is-style-accent {
  color: #fff;
  padding-bottom: var(--wp--preset--spacing--gig);
}
.reproductive-justice-block .wp-block-button__link {
  color: #3A3936;
}
.reproductive-justice-block__inner {
  max-width: 920px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}
.reproductive-justice-block__topimage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: left top;
  z-index: 0;
}
.reproductive-justice-block h2 {
  color: var(--ar-2022-white, #FFF);
  font-family: var(--wp--preset--font-family--copyright-klim-type-foundry) !important;
  font-size: 6.37663rem;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
@media (max-width: 800px) {
  .reproductive-justice-block h2 {
    font-size: 3rem !important;
  }
}
.reproductive-justice-block p {
  color: #FFF;
  font-family: var(--wp--preset--font-family--copyright-klim-type-foundry) !important;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2.1875rem; /* 125% */
}
.reproductive-justice-block__letters {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-bottom: var(--wp--preset--spacing--huge);
}
.reproductive-justice-block__letter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-top: 3px solid #F3B820;
}
.reproductive-justice-block a {
  text-decoration: none;
}
.reproductive-justice-block h3 {
  color: #FFF;
  font-family: var(--wp--preset--font-family--copyright-klim-type-foundry) !important;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2.1875rem; /* 125% */
}
.reproductive-justice-block__meta {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.reproductive-justice-block__author {
  color: #FDFBF5;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 131%;
  text-transform: uppercase;
}
.reproductive-justice-block__readmore {
  color: rgba(243, 184, 32, 0.5);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 1rem */
  text-decoration: underline !important;
}
.reproductive-justice-block__readmore span {
  color: #FFF;
}
.reproductive-justice-block__wide-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.reproductive-justice-block__quote-container {
  display: flex;
  gap: 4rem;
}
@media (max-width: 800px) {
  .reproductive-justice-block__quote-container {
    flex-direction: column-reverse;
  }
}

.portfolios-reproductive-justice img {
  height: auto;
  max-width: 100%;
}
.portfolios-reproductive-justice blockquote {
  leading-trim: both;
  text-edge: cap;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 1.75rem */
  letter-spacing: -0.02rem;
  font-family: Courier;
  padding: 0;
  border: none;
  position: relative;
}
.portfolios-reproductive-justice blockquote cite {
  font-family: Calibre;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.01875rem;
  text-transform: uppercase;
}
.portfolios-reproductive-justice blockquote cite::before {
  content: "— ";
}
.portfolios-reproductive-justice blockquote::before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 100%;
  background-image: url(public/images/quote.svg);
  background-size: contain;
  width: 2.125rem;
  height: 1.6875rem;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 1rem;
}
.portfolios-reproductive-justice .has-white-color blockquote::before {
  background-image: url(public/images/quote-dark.svg);
}

.section-block__container {
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 25px;
}
.section-block__inner {
  max-width: 920px;
  margin: 0 auto;
  box-sizing: border-box;
}
.section-block__innerwide {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.section-block__innersmall {
  max-width: 600px;
  margin: 0 auto;
}

.section-one-block {
  text-align: center;
  background-color: #3A3936;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: var(--wp--preset--spacing--gig) 0;
  color: #FFF;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.875rem; /* 150% */
}
.section-one-block h1 {
  color: #FFF;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 6.248rem;
  font-style: normal;
  font-weight: 300;
  line-height: 100%; /* 6.248rem */
  margin: 0 0 1rem;
}
@media (max-width: 800px) {
  .section-one-block h1 {
    font-size: 3rem;
  }
}

.section-two-block {
  padding: var(--wp--preset--spacing--gig) 0;
}
.section-two-block .section-block__innerwide {
  position: relative;
}
.section-two-block__quote-photo {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  color: #3A3936;
  font-family: Calibre;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.0225rem;
}
.section-two-block__quote-photo cite {
  font-style: normal;
}

.grant-listings {
  margin-block: 4rem;
}
.grant-listings h2 {
  margin-bottom: 4rem;
}

.grant-list-item {
  display: flex;
  gap: 3.75rem;
  color: #333;
  font-family: var(--wp--preset--font-family--calibre) !important;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem; /* 112.5% */
  padding-block: 1rem;
  border-top: 2px solid #CCC;
}
.grant-list-item > * {
  flex: 1;
}
.grant-list-item a {
  color: #333;
  text-decoration: none;
}
.grant-list-item a:hover {
  text-decoration: underline;
}
.grant-list-item_amount {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  line-height: 1;
  text-align: right;
}

.page-template-grant-page .entry-content {
  font-family: var(--wp--preset--font-family--calibre);
  color: #3A3936;
  font-size: 1.125rem;
  font-style: normal;
  line-height: 1.875rem; /* 166.667% */
}

.featured-commissions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
  margin-block: 2.5rem;
}

.featured-commission {
  display: flex;
  flex-direction: column;
}
.featured-commission__thumb {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  background: #FFEFBA;
  background: -webkit-linear-gradient(to bottom, #FFEFBA, #F8F0D8);
  background: linear-gradient(to bottom, #FFEFBA, #F8F0D8);
}
.featured-commission__thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featured-commission h3 {
  margin: 0;
}
.featured-commission__title {
  display: flex;
  flex-direction: column;
  font-family: var(--wp--preset--font-family--copyright-klim-type-foundry) !important;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2.1875rem; /* 175% */
}
.featured-commission__title a {
  color: #010101;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.featured-commission__title a::after {
  content: "";
  background-image: url(public/images/circle-arrow.svg);
  background-size: contain;
  height: 1em;
  width: 1em;
  background-position: center;
  background-repeat: no-repeat;
}
.featured-commission__photographer {
  color: #8C887E;
  font-family: var(--wp--preset--font-family--calibre) !important;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 131%; /* 0.9825rem */
  text-transform: uppercase;
}

.random-quote {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 1.63rem;
}
.random-quote p {
  margin: 0;
}
.random-quote_text {
  color: #1A241B;
  font-family: var(--wp--preset--font-family--copyright-klim-type-foundry) !important;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 300;
  line-height: 175%; /* 2.1875rem */
  position: relative;
}
.random-quote_text::before {
  content: "“";
  background-color: #F3B820;
  display: block;
  text-align: center;
  position: absolute;
  bottom: 100%;
  left: 0;
  height: 22px;
  width: 22px;
  border-radius: 99999px;
  color: #FFF;
  margin-bottom: 1rem;
}
.random-quote_byline {
  color: #8C887E;
  font-family: Courier;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 0.625rem */
}

.quote-section {
  background: #FDFBF5;
  margin-top: 6rem;
}
.quote-section .quote-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 800px) {
  .quote-section .quote-grid {
    display: flex;
    flex-direction: column;
  }
}
.quote-section .random-quote {
  border-top: 5px solid #F3B820;
  padding-block: 5.4rem;
  grid-area: 1/2/2/3;
}
.quote-section .page-title {
  grid-area: 1/1/2/2;
  display: flex;
  flex-direction: column;
}
.quote-section .page-title h1 {
  color: #010101;
  font-family: var(--wp--preset--font-family--copyright-klim-type-foundry);
  font-size: 80px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%; /* 80px */
  margin: 0;
  margin-top: auto;
}

.quote-section.news-quote-section {
  margin-top: 0;
}
.quote-section.news-quote-section .random-quote {
  border-top: none;
  border-bottom: 5px solid #F3B820;
}

@media (max-width: 1079px) {
  #sideimage,
  .remove-bg-mobile {
    background-image: none !important;
  }
}

.audio-player {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 18.73388rem;
}

.playPauseBtn {
  background-image: url(public/images/play.svg);
  width: 100%;
  padding-left: 1.06819rem;
  height: 1.06819rem;
  background-size: contain;
  background-position: left center;
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
}
.playPauseBtn::after {
  margin-left: 0.64rem;
  content: "Play the Audio";
  color: #3A3936;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 1.125rem */
}
.playPauseBtn.pause::after {
  content: "Pause the Audio";
}

.has-white-color .playPauseBtn::after {
  color: #fff;
}

.progress-bar {
  width: 100%;
  height: 8px;
  position: relative;
  border-bottom: 1px solid #F3B820;
}

.progress {
  height: 100%;
  background-color: #F3B820;
  width: 0;
}

.timestamp {
  text-align: right;
  color: #8C887E;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 0.625rem */
}

.home .playPauseBtn::after {
  color: #fff;
}

.entry-header.has-featured-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 300px;
  padding-block: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 4.6rem;
  background-color: #111111;
}
.entry-header.has-featured-image h1 {
  color: #FFF;
  text-align: center;
  font-size: 3.875rem;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  padding: 0;
  margin: 0;
  font-family: var(--wp--preset--font-family--copyright-klim-type-foundry) !important;
}
.entry-header.has-featured-image p.page-meta {
  color: #FFF;
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.0175rem;
  padding: 0;
  margin: 0;
  font-family: var(--wp--preset--font-family--calibre) !important;
}

.staff-member__email-assistant {
  display: none;
}

.trustee-list__photo {
  height: 96px;
  width: 96px;
  object-fit: cover;
}

/*# sourceMappingURL=style.css.map*/