/*
Theme Name: Harlem United
Theme URI: 
Author: Harlem United
Author URI: https://www.harlemunited.org/
Description: Harlem United Theme
Requires at least: 5.8
Tested up to: 6.2
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentythree
Text Domain: harlemunited
Tags: blog, news, portfolio, one-column, wide-blocks, accessibility-ready, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, sticky-post, threaded-comments, translation-ready, 
*/

body {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  overflow-x: hidden;
}

.wp-block-buttons {
  transition: opacity .25s cubic-bezier(0.64, 0.57, 0.67, 1.53), transform .5s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.wp-block-buttons.disabled {
  opacity: 0 !important;
  pointer-events: none;
  height: 0;
    margin-top: 0 !important;
}
.wp-element-button {
  transition: all .25s ease, transform .125s ease;
}
.wp-element-button:hover,
.wp-element-button:focus,
.wp-element-button:active {
  transform: scale(1.025);
}

.has-teal-background-color .wp-element-button {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
}

header { }
.wp-block-navigation { }
.wp-block-navigation .current-menu-item .wp-block-navigation-item__label,
.archive .wp-block-navigation .wp-block-navigation-item__content[href$='/news/'] .wp-block-navigation-item__label {
  font-weight: 700;
}

footer { }
footer .wp-element-button {
  font-size: clamp(10px, 0.75rem + ((1vw - 7.68px) * 0.24), 12px);
  font-weight: 400;
  padding: 0.833333333333333em 2em !important;
  border: 1px solid var(--wp--preset--color--white);
  background-color: transparent;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.333333333333333em;
}
.footer-contacts a {
  display: inline-block;
  text-decoration: none !important;
}


.shadow {
  box-shadow: 0 0.125em 0.125em rgba(0, 0, 0, 0.05);
}



.wp-block-query { }
.wp-block-query .wp-block-post.post {
  position: relative;
  border-radius: 0.625em;
  box-shadow: 0.1875em 0.1875em 0.3125em rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all .5s cubic-bezier(0.33, 1, 0.68, 1);
  transform-origin: top center;
}
.wp-block-query .wp-block-post:not(.program):hover {
  box-shadow: 0.3125em 0.3125em 0.3125em rgba(0, 0, 0, 0.1);
  --transform: scale(1.0125);
}
.wp-block-query .wp-block-post .wp-block-post-featured-image {
  overflow: hidden;
}
.wp-block-query .wp-block-post .wp-block-post-featured-image img {
  transition: all .25s ease;
}
.wp-block-query .wp-block-post:hover .wp-block-post-featured-image img {
  transform: scale(1.05);
}
.wp-block-query .post .wp-block-post-title a::after {
  content: ' ';
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
}
.wp-block-query .post .wp-block-post-title a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wp-block-query .post .wp-block-post-title a:hover {
  text-decoration: none;
}
.wp-block-query .post .wp-block-post-excerpt__excerpt {
  display: -webkit-box;
  font-size: var(--wp--preset--font-size--text-small);
  line-height: 1.357142857142857em;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 4.15em;
  overflow: hidden;
}

.wp-block-query .post .wp-block-post-excerpt__more-link {
  font-size: var(--wp--preset--font-size--text-small-12);
  font-weight: 600;
  margin-top: 0.75em;
  text-decoration: none;
}
.wp-block-query .post:hover .wp-block-post-excerpt__more-link {
  text-decoration: underline;
}


.single .taxonomy-category a {
  text-decoration: none;
}
.single .taxonomy-category a:hover {
  text-decoration: underline;
  color: #000;
}
.wp-block-post-navigation-link a {
  display: flex;
  gap: 1em;
  position: relative;
  max-width: 24em;
  font-weight: 600;
  text-decoration: none;
}
.wp-block-post-navigation-link a::before {
  content: '';
  display: block;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' d='M13.034 38.21c.012.448.153.883.407 1.254.255.37.611.662 1.028.84a2.422 2.422 0 0 0 2.534-.394l16.733-14.1a2.322 2.322 0 0 0 0-3.579L17.004 8.12a2.397 2.397 0 0 0-1.76-.615 2.43 2.43 0 0 0-.92.243 2.37 2.37 0 0 0-.751.577 2.342 2.342 0 0 0-.562 1.753c.03.315.125.62.278.898.153.277.361.522.612.718l14.615 12.33L13.9 36.35a2.327 2.327 0 0 0-.867 1.86Z'/%3E%3C/svg%3E");
  background-size: 100%;
}
.post-navigation-link-next a {
  flex-direction: row-reverse;
}
.post-navigation-link-previous a::before {
  transform: rotate(180deg);
}



.get-care--programs {
  position: relative;
}
.get-care--programs .program {
  position: relative;
  cursor: pointer;
  transform-origin: top center;
}
.get-care--programs .program > .wp-block-group {
  box-shadow: 0.1875em 0.1875em 0.3125em rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all .25s ease;
}
.get-care--programs .program.selected > .wp-block-group,
.get-care--programs .program:hover > .wp-block-group {
  background-color: #E0EFF0 !important;
  box-shadow: 0.3125em 0.3125em 0.3125em rgba(0, 0, 0, 0.1);
}
.get-care--programs .wp-block-post-excerpt,
.get-care--programs .wp-block-post-title {
  transition: all .25s ease;
}
.get-care--programs .program.selected .wp-block-post-excerpt,
.get-care--programs .program:hover .wp-block-post-excerpt,
.get-care--programs .program.selected .wp-block-post-title,
.get-care--programs .program:hover .wp-block-post-title {
  color: var(--wp--preset--color--purple);
}

.get-care--programs .program::before {
  content: '';
  display: block;
  position: absolute;
  top: 1.1875em; left: 1.1875em;
  width: 3.75em;
  height: 3.75em;
  background-color: var(--wp--preset--color--grey);
  border: 1px solid var(--wp--preset--color--purple);
  border-radius: 1.875em;
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  transition: all .25s ease;
}
.get-care--programs .program.selected::before {
  background-color: var(--wp--preset--color--teal-surface);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%234E246A' d='M37.473 7.527a1.8 1.8 0 0 0-2.546 0L13.362 29.093l-8.29-8.29a1.8 1.8 0 0 0-2.545 2.546l9.562 9.562a1.8 1.8 0 0 0 2.546 0l22.838-22.838a1.8 1.8 0 0 0 0-2.546Z'/%3E%3C/svg%3E");
}
.get-care--programs .program:hover::before {
  background-color: var(--wp--preset--color--teal-surface);
}
.wp-block-query .program .wp-block-post-excerpt__excerpt {
  font-size: var(--wp--preset--font-size--text-medium);
  line-height: 1.388888888888889em;
}
.get-care--programs .program .wp-post-image {
  filter: grayscale(100%);
  transition: all .25s ease;
}
.get-care--programs .program:hover .wp-post-image,
.get-care--programs .program.selected .wp-post-image {
  filter: grayscale(0%);
}


.sticky-button {
  position: absolute;
  top: 0; bottom: 0;
  right: 0;
  width: 4em;
  padding: 7.75em 0 12em;
}
.sticky-button .wp-block-buttons {
  position: sticky;
  top: 50%;
  bottom: 100%;
  right: 0;
  margin: 0;
  justify-content: end;
  transform: translateY(-50%);
  /* transform: translateY(300%) rotate(90deg);
  transform-origin: 100% 2%;
  z-index: 100; */
}
.sticky-button .wp-element-button {
  padding: 2.8125rem 1rem;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  border-radius: 1.25em 0 0 1.25em;
}


.get-care--request { }
.get-care--request .program {
  display: none;
  position: relative;
  border-radius: 0.625em;
  overflow: hidden;
  box-shadow: 0.3125em 0.3125em 0.3125em rgba(0, 0, 0, 0.1);
}
.get-care--request .program.selected {
  display: block;
}
.get-care--request .program::before {
  content: '';
  display: block;
  position: absolute;
  top: 0.5em; left: 0.5em;
  width: 1.6875em;
  height: 1.6875em;
  background-color: var(--wp--preset--color--grey);
  border: 1px solid var(--wp--preset--color--purple);
  border-radius: 1em;
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
.get-care--request .program::before {
  background-color: var(--wp--preset--color--teal-surface);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%234E246A' d='M37.473 7.527a1.8 1.8 0 0 0-2.546 0L13.362 29.093l-8.29-8.29a1.8 1.8 0 0 0-2.545 2.546l9.562 9.562a1.8 1.8 0 0 0 2.546 0l22.838-22.838a1.8 1.8 0 0 0 0-2.546Z'/%3E%3C/svg%3E");
}


.featured {
  position: relative;
}
.featured::after {
  content: 'Featured';
  display: block;
  position: absolute;
  top: 0; left: 0;
  font-family: 'Merriweather', serif;
  font-weight: bold;
  padding: 0.625em 1.625em 0.5em;
  background-color: var(--wp--preset--color--orange);
  color: var(--wp--preset--color--white);
}


.wp-block-tiptip-hyperlink-group-block {
  text-decoration: none;
  transition: color .25s ease, transform .125s ease;
}
.wp-block-tiptip-hyperlink-group-block:hover, 
.wp-block-tiptip-hyperlink-group-block:focus,
.wp-block-tiptip-hyperlink-group-block:active {
  color: var(--wp--preset--color--purple);
  transform: scale(1.025);
}
.wp-block-tiptip-hyperlink-group-block svg path {
  transition: all .25s ease;
}
.wp-block-tiptip-hyperlink-group-block:hover svg path, 
.wp-block-tiptip-hyperlink-group-block:focus svg path,
.wp-block-tiptip-hyperlink-group-block:active svg path {
   fill: var(--wp--preset--color--purple);
}
.has-purple-background-color .wp-block-tiptip-hyperlink-group-block {
  color: #fff;
}
.has-purple-background-color .wp-block-tiptip-hyperlink-group-block:hover svg path, 
.has-purple-background-color .wp-block-tiptip-hyperlink-group-block:focus svg path,
.has-purple-background-color .wp-block-tiptip-hyperlink-group-block:active svg path {
  fill: var(--wp--preset--color--white);
}


.icon-24 {
  width: 1.5em;
  height: 1.5em;
}
.icon-32 {
  width: 2em;
  height: 2em;
}


.blue {
  background-color: var(--wp--preset--color--blue);
}
.teal {
  background-color: var(--wp--preset--color--teal);
}
.orange {
  background-color: var(--wp--preset--color--orange);
}
.purple {
  background-color: var(--wp--preset--color--purple);
}


.circled {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-color: var(--wp--preset--color--grey-surface);
}
h4.circled {
  width: 4.8em;
  height: 4.8em;
  border-radius: 2.4em;
}
.circled + p {
  margin-left: 3.888888888888889em;
}
.circled.blue {
  background-color: var(--wp--preset--color--blue-surface);
}
.circled.teal {
  background-color: var(--wp--preset--color--teal-surface);
}
.circled.orange {
  background-color: var(--wp--preset--color--orange-surface);
}
.circled.purple {
  background-color: var(--wp--preset--color--purple-surface);
}


.colored-circle {
  width: 1.5em;
  height: 1.5em;
  border-radius: 0.75em;
  background-color: var(--wp--preset--color--grey);
}
.colored-circle.blue {
  background-color: var(--wp--preset--color--blue);
}
.colored-circle.teal {
  background-color: var(--wp--preset--color--teal);
}
.colored-circle.orange {
  background-color: var(--wp--preset--color--orange);
}
.colored-circle.purple {
  background-color: var(--wp--preset--color--purple);
}

.c-accordion__item { }
.c-accordion__title {
  transition: color .25s ease;
}
.c-accordion__content p:first-child {
  margin-top: 0;
}
.c-accordion__title:after {
  content: '';
  display: block;
  height: 1.5em;
  width: 1.5em;
  right: 0.75em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a1 1 0 0 0-1 1v8H3a1 1 0 1 0 0 2h8v8a1 1 0 1 0 2 0v-8h8a1 1 0 1 0 0-2h-8V3a1 1 0 0 0-1-1Z'/%3E%3C/svg%3E");
  background-size: 100%;
}
h4.c-accordion__title:after {
  height: 1.090909090909091em;
  width: 1.090909090909091em;
}
.is-open>.c-accordion__title:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 13a1 1 0 1 1 0-2h18a1 1 0 1 1 0 2H3Z'/%3E%3C/svg%3E");
}
.c-accordion__title:hover {
  color: var(--wp--preset--color--teal);
}


.wpcf7-form {}

.wpcf7-form > .wp-block-columns {
  margin-bottom: 0;
  gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
}
.wpcf7-form > .wp-block-columns > .wp-block-column {
  flex: 1;
}
.wpcf7-form > p,
.wpcf7-form > .wp-block-columns > .wp-block-column > p {
  margin: 0;
}
.wpcf7-form-control-wrap {
  display: block;
}
.wpcf7-form-control-wrap .wpcf7-form-control {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0.6875em 0;
  margin-bottom: 2em;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid;
  border-radius: 0;
  transition: border-color .15s ease-in-out;
  outline: none !important;
}
.has-teal-background-color .wpcf7-form-control-wrap .wpcf7-form-control {
  color: var(--wp--preset--color--white);
}
.wpcf7-not-valid {
  
}
.wpcf7-not-valid-tip {
  font-size: var(--wp--preset--font-size--text-small);
  margin-top: -2.5em;
}
.wpcf7-form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-weight: 400;
  color: inherit;
  opacity: 1; /* Firefox */
}
.wpcf7-form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: 400;
  color: inherit;
}
.wpcf7-form-control::-ms-input-placeholder { /* Microsoft Edge */
  font-weight: 400;
  color: inherit;
}
.wpcf7-form textarea {
  font-family: 'Open Sans', sans-serif;
  resize: none;
  overflow: auto;
}
.wpcf7-submit {
  margin-top: 2em;
}
.wpcf7-form .wp-block-button {
  display: inline-block;
}
.wpcf7-form.sent .hide-if-sent {
  display: none;
}
.wpcf7-response-output {
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #dc3232;
}
.wpcf7-form.sent .wpcf7-response-output {
  font-size: var(--wp--preset--font-size--text-large);
  font-weight: 600;
  line-height: 1.454545454545455em;
  letter-spacing: -0.025em;
  color: var(--wp--preset--color--black);
}


.wp-block-b-chart-chart { }
.wp-block-b-chart-chart canvas {
  padding: 0 !important;
}

.wp-block-cb-carousel {
  position: relative;
}
.wp-block-cb-carousel .slick-arrow {
  top: auto;
  bottom: -5em;
  width: 3em;
  height: 3em;
  padding: 0.5em;
  font-size: inherit;
  transform: translate(0);
  transition: all .25s ease, transform .125s ease;
}
.wp-block-cb-carousel .slick-arrow:hover,
.wp-block-cb-carousel .slick-arrow:active {
  transform: translate(0) scale(1.25) !important;
}
.wp-block-cb-carousel .slick-next {
  right: -0.5em;
}
.wp-block-cb-carousel .slick-prev {
  right: 2.25em;
  left: auto;
}
.wp-block-cb-carousel .slick-prev:before, 
.wp-block-cb-carousel .slick-next:before {
  content: '';
  display: block;
  width: 2em;
  height: 2em;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' d='M13.034 38.21c.012.448.153.883.407 1.254.255.37.611.662 1.028.84a2.422 2.422 0 0 0 2.534-.394l16.733-14.1a2.322 2.322 0 0 0 0-3.579L17.004 8.12a2.397 2.397 0 0 0-1.76-.615 2.43 2.43 0 0 0-.92.243 2.37 2.37 0 0 0-.751.577 2.342 2.342 0 0 0-.562 1.753c.03.315.125.62.278.898.153.277.361.522.612.718l14.615 12.33L13.9 36.35a2.327 2.327 0 0 0-.867 1.86Z'/%3E%3C/svg%3E");
  background-size: 100%;
}
.wp-block-cb-carousel .slick-prev:before {
  transform: rotate(180deg);
}
.wp-block-cb-carousel .slick-slide {
  overflow: visible;
}
.wp-block-cb-slide > .wp-block-group {
  position: relative;
}
.wp-block-cb-slide > .wp-block-group {
  border-radius: 0.625em;
  overflow: hidden;
}
.wp-block-cb-slide > .wp-block-group::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  right: 0; left: 0;
  background: #fff;
  opacity: .75;
  transition: opacity .25s ease;
}
.wp-block-cb-slide.slick-active  > .wp-block-group::after {
  opacity: 0;
}
.slick-list {
  clip-path: inset( -100vw -100vw -100vw 0 );
  overflow: visible;
}
.slick-disabled {
  opacity: .2;
  pointer-events: none;
}

.staff-carousel {
  margin-right: -4vw !important;
}

.slick-slide {
  opacity: 0;
  transform: translateX(-8em);
  transition: transform .5s ease, opacity .75s ease;
}
.slick-current.slick-active,
.slick-current.slick-active ~ .slick-slide {
  opacity: 1;
  transform: translateX(0);
}

.slick-current + .slick-active + .slick-slide {
  animation-name: slick-slide-movex2;
  animation-duration: 1s;
  animation-timing-function: ease;
}
.slick-active:not(.slick-current) {
  animation-name: slick-slide-move;
  animation-duration: 1s;
  animation-timing-function: ease;
}

@keyframes slick-slide-move {
  0%   {
    transform: translateX(0);
  }
  50%  {
    transform: translateX(2em);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slick-slide-movex2 {
  0%   {
    transform: translateX(0);
  }
  50%  {
    transform: translateX(4em);
  }
  100% {
    transform: translateX(0);
  }
}


/* .has-parallax {
  position: relative;
  overflow: hidden;
}
.has-parallax > .wp-block-group {
  position: relative;
  z-index: 1;
}
.parallax-container {
  position: absolute !important;
  top: 0; bottom: 0;
  left: 0; right: 0;
  z-index: 0 !important;
  opacity: 0;
  transition: opacity .25s ease;
}
body.loaded .parallax-container {
  opacity: 1;
}
.parallax {
  position: relative;
  height: 100%;
}
.parallax-item {
  position: absolute;
  transition: all .05s ease;
}
.parallax-item.circle {
  border-radius: 100%;
  aspect-ratio: 1 / 1;
  filter: blur(50em);
  transition: filter 1s cubic-bezier(0.22, 1, 0.36, 1);
}
body.loaded .parallax-item.circle {
  filter: blur(0);
} */



.modal {
  position: fixed;
  top: 0; bottom: 0;
  left: 0; right: 0;
  display: flex;
  max-height: 100vh;
  --backdrop-filter: blur(2px);
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}
.modal > .wp-block-group {
  flex: 1;
}
.modal.open {
  opacity: 1;
  pointer-events: all;
}
.modal-container {
  position: relative;
  transform: translateY(10em) scale(1.05);
  transition: transform .5s cubic-bezier(0.280, 0.840, 0.420, 1);
}
.modal.open .modal-container {
  transform: translateY(0) scale(1);
}
.modal-close {
  position: absolute;
  top: 2em;
  right: 2em;
  width: 2.5em;
  height: 2.5em;
}


.cards-fadeup .card-fadeup,
.cards-fadeup .wp-block-query .wp-block-post{
    opacity: 0;
    transform: translateY(4em);
    transition: all .75s cubic-bezier(0.33, 1, 0.68, 1);
}
.cards-fadeup.active .card-fadeup,
.cards-fadeup.active .wp-block-query .wp-block-post {
    opacity: 1;
    transform: none;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(1),
.card-fadeup:nth-child(1) {
  transition-delay: 250ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(2),
.card-fadeup:nth-child(2) {
  transition-delay: 500ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(3),
.card-fadeup:nth-child(3) {
  transition-delay: 750ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(4),
.card-fadeup:nth-child(4) {
  transition-delay: 1000ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(5),
.card-fadeup:nth-child(5) {
  transition-delay: 1250ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(6),
.card-fadeup:nth-child(6) {
  transition-delay: 1500ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(7),
.card-fadeup:nth-child(7) {
  transition-delay: 1750ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(8),
.card-fadeup:nth-child(8) {
  transition-delay: 2000ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(9),
.card-fadeup:nth-child(9) {
  transition-delay: 2250ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(10),
.card-fadeup:nth-child(10) {
  transition-delay: 2500ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(11),
.card-fadeup:nth-child(11) {
  transition-delay: 2750ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(12),
.card-fadeup:nth-child(12) {
  transition-delay: 3000ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(13),
.card-fadeup:nth-child(13) {
  transition-delay: 3250ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(14),
.card-fadeup:nth-child(14) {
  transition-delay: 3500ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(15),
.card-fadeup:nth-child(15) {
  transition-delay: 3750ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(16),
.card-fadeup:nth-child(16) {
  transition-delay: 4000ms;
}
.cards-fadeup .wp-block-query .wp-block-post:nth-child(17),
.card-fadeup:nth-child(17) {
  transition-delay: 4250ms;
}


.wp-block-archives select, 
.wp-block-categories select {
  
}

.wp-block-categories-dropdown,
.wp-block-archives-dropdown{
  position: relative;
  transition: opacity .25s ease;
}
.wp-block-categories-dropdown:hover,
.wp-block-archives-dropdown:hover {
  opacity: .75;
}
.wp-block-categories-dropdown select,
.wp-block-archives-dropdown select {
  display: block;
  opacity: 0;
  cursor: pointer;
  padding-right: 3em;
}
.wp-block-categories-dropdown::before,
.wp-block-archives-dropdown::before {
  content: 'Topic';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 2em;
  font-size: 1.375em;
  font-weight: 600;
  letter-spacing: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='15' fill='none' viewBox='0 0 23 15'%3E%3Cpath fill='%23000' d='M2.438 1.021a1.462 1.462 0 0 0-.787.256c-.233.16-.416.384-.528.646a1.521 1.521 0 0 0 .247 1.591l8.855 10.51a1.48 1.48 0 0 0 1.124.526 1.459 1.459 0 0 0 1.124-.527l8.864-10.509a1.505 1.505 0 0 0 .386-1.105 1.52 1.52 0 0 0-.515-1.05 1.471 1.471 0 0 0-1.101-.352 1.46 1.46 0 0 0-1.015.56l-7.744 9.178-7.741-9.179a1.48 1.48 0 0 0-1.169-.545Z'/%3E%3C/svg%3E");
}
.wp-block-archives-dropdown::before {
  content: 'Year';
}



.charts-bar-labels {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(70% + 1em);
}



.our-impact-img {
  /* position: relative;
  clip-path: inset(-100vw -3% -100vw 0);
  z-index: -1; */
}
.our-impact-img svg {
  /* position: absolute;
  bottom: -8em;
  right: -45%;
  width: 75em !important;
  height: 15em !important; */
}
.our-impact-img svg path {
  stroke-width: 1px;
  fill: none;
  /* opacity: 0;
  transition: opacity .25s ease; */
}
.our-impact-img svg path.draw {
  opacity: 1;
  animation: draw 5s ease forwards;
}
/* .our-impact-img.right-side {
  clip-path: inset(-100vw 0 -100vw -3%);
} */
/* .our-impact-img.right-side svg {
  right: -40%;
} */




.modal-cacsp-position { }
.modal-cacsp-box-content {
  padding: 1em 2em 1em 2em !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: var(--wp--preset--font-size--text-small) !important;
}
.modal-cacsp-btns {
  padding: 1em 2em 1em 1.5em !important;
}
.modal-cacsp-btn {
  border: 0 !important;
  border-radius: 4em !important;
  padding-left: 2em !important;
  padding-right: 2em !important;
  font-size: var(--wp--preset--font-size--text-small) !important;
  font-weight: 600 !important;
  transition: all .25s ease !important;
}
.modal-cacsp-btn:hover,
.modal-cacsp-btn:focus {
  opacity: 1 !important;
  color: #fff !important;
  background-color: var(--wp--preset--color--purple) !important;
}
.modal-cacsp-btn-accept,
.modal-cacsp-btn-accept-all {
  background-color: var(--wp--preset--color--teal) !important;
}
.modal-cacsp-btn-settings {
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;
}
.modal-cacsp-box-header {
  font-size: 1em !important;
  font-weight: 700 !important;
  background-color: var(--wp--preset--color--purple) !important;
}



.news-grid ul.wp-block-post-template {
    gap: 4em 2em;
}
.news-grid ul.wp-block-post-template li {
    width: calc(33.33333% - 1.333333em) !important;
}




.relative {
  position: relative;
}



@media (max-width: 781px) {
  html {
    overflow-x: hidden;
  }
  body {
    overflow: visible;
  }
  
  h1 br, h2 br, h3 br, h4 br, h5 br, h6 br, p br {
    /* display: none; */    
  }
  
  main > section,
  main > div.wp-block-group,
  main > div.wp-block-cover,
  main > .entry-content > section,
  main > .entry-content > div.wp-block-group,
  main > .entry-content > div.wp-block-cover,
  .wp-site-blocks > section,
  .wp-site-blocks > .wp-block-group,
  .header,
  footer > .wp-block-group {
    padding-left: 2em;
    padding-right: 2em;
    overflow-x: hidden;
  }
  
  main {
    overflow-x: visible !important;
  }
  
  main.wp-block-group {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .header .wp-block-buttons {
    margin: 0 0 0 auto !important;
  }
  .header .wp-element-button {
    padding: 1em 1.5em;
  }
  
  .header .wp-block-site-logo {
    width: 40%;
  }
  
  .header .wp-block-navigation{
    order: 10;
    padding: 1em;
    margin-right: -1em;
  }
  
  .header .wp-block-navigation-item__label {
    font-size: 1.5em;
  }
  .header .wp-block-navigation__responsive-container {
    padding: 2.75em 2em !important;
  }
  .header .wp-block-navigation__responsive-container-content,
  .header .wp-block-navigation__container{
    align-items: center !important;
  }
  
  footer > .wp-block-group {
    padding-top: 6em !important;
  }
  footer > .wp-block-group > .wp-block-group,
  footer > .wp-block-group > .wp-block-group > .wp-block-group {
    flex-wrap: wrap;
  }
  footer .wp-block-group {
    width: 100%;
    text-align: center;
    align-items: center !important;
    justify-content: center !important;
    gap: 1em !important
  }
  footer .wp-block-group + .wp-block-group {
    margin-top: 2em;
  }
  footer .wp-block-buttons {
    margin-top: 0 !important;
  }
  
  .wp-block-cover {
    padding: 2em 2em 0;
  }
  
  .wp-block-columns {
    gap: 4em !important;
  }
  .wp-block-columns + .wp-block-columns {
    margin-top: 2.5em;
  }
  form .wp-block-columns {
    gap: 0 !important;
  }
  form .wp-block-columns + .wp-block-columns {
    margin-top: 0;
  }
  
  main > section:first-child,
  main > .entry-content > section:first-child,
  main > div.wp-block-group:first-child,
  main > .entry-content > div.wp-block-group:first-child {
    --overflow-x: hidden;
  }
  main > section:first-child > .wp-block-cover,
  main > .entry-content > section:first-child > .wp-block-cover,
  main > div.wp-block-group:first-child > .wp-block-cover,
  main > .entry-content > div.wp-block-group:first-child > .wp-block-cover {
    align-items: flex-end;
    margin-left: -2em;
    margin-right: -2em;
    padding-left: 2em;
    padding-right: 2em;
  }
  /* main > section:first-child > .wp-block-cover::after,
  main > .entry-content > section:first-child > .wp-block-cover::after,
  main > div.wp-block-group:first-child > .wp-block-cover::after,
  main > .entry-content > div.wp-block-group:first-child > .wp-block-cover::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    top: calc(50% - 1px);
    left: 0;
    right: 0;
    padding-bottom: 10em;
    height: 14%;
    min-height: auto;
    max-height: none;
    bottom: auto;
    background: linear-gradient(180deg, #F9F9F9 0%, rgba(249, 249, 249, 0.991615) 11.79%, rgba(249, 249, 249, 0.967585) 21.38%, rgba(249, 249, 249, 0.9296) 29.12%, rgba(249, 249, 249, 0.879348) 35.34%, rgba(249, 249, 249, 0.818519) 40.37%, rgba(249, 249, 249, 0.7488) 44.56%, rgba(249, 249, 249, 0.671881) 48.24%, rgba(249, 249, 249, 0.589452) 51.76%, rgba(249, 249, 249, 0.5032) 55.44%, rgba(249, 249, 249, 0.414815) 59.63%, rgba(249, 249, 249, 0.325985) 64.66%, rgba(249, 249, 249, 0.2384) 70.88%, rgba(249, 249, 249, 0.153748) 78.62%, rgba(249, 249, 249, 0.0737185) 88.21%, rgba(249, 249, 249, 0) 100%);
  } */
  main > section:first-child h1,
  main > .entry-content > section:first-child h1,
  main > div.wp-block-group:first-child h1,
  main > .entry-content > div.wp-block-group:first-child h1 {
    margin-top: 0;
    margin-bottom: 20%;
    text-align: center;
  }
  main > section:first-child .wp-block-cover__image-background,
  main > .entry-content > section:first-child .wp-block-cover__image-background,
  main > div.wp-block-group:first-child .wp-block-cover__image-background,
  main > .entry-content > div.wp-block-group:first-child .wp-block-cover__image-background {
    height: 60%;
    /* right: -33%; */
    transform: translateX(13%);
    left: auto;
    top: 0;
    bottom: auto;
    width: auto;
  }
  
  .video-section {
    text-align: center;
  }
  .video-section .wp-block-columns {
    flex-direction: column-reverse;
    gap: 0 !important;
  }
  .video-section .wp-block-column {
    padding: 0 !important;
  }
  .video-section .wp-block-buttons {
    justify-content: center;
  }
  .video-section .wp-block-embed {
    max-width: 100%;
    min-width: 100%;
  }
  .video-section .has-white-background-color {
    padding: 0 0 2.5em !important;
    overflow: hidden;
  }
  .video-section h2 {
    margin: 1em auto 0;
    max-width: 80%;
  }
  .video-section p {
    max-width: 80%;
    margin: 1.25em auto 0;
  }
  .wp-block-buttons {
    margin-top: 2em !important;
  }
  
  
  .our-team--careers-section,
  .ways-to-give--reports-section {
    min-height: auto;
    text-align: center;
    padding: 4em 2em 65%;
  }
  .ways-to-give--reports-section {
    padding-top: 5em;
    padding-bottom: 20em;
  }
  section.our-team--careers-section .alignwide p,
  section.ways-to-give--reports-section .alignwide p {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .our-team--careers-section .wp-block-buttons {
    max-width: none;
  }
  .our-team--careers-section .wp-block-button {
    margin: 0 auto;
  }
  .our-team--careers-section .wp-block-cover__image-background,
  .ways-to-give--reports-section .wp-block-cover__image-background {
    max-height: 55%;
    left: auto;
    right: auto;
    width: auto;
    bottom: 0;
    top: auto;
    transform: translateX(-14.8%);
  }
  .ways-to-give--reports-section .wp-block-cover__image-background {
    max-height: 20em;
  }
  .ways-to-give--reports-section h2 + .wp-block-group {
    margin: 0 auto !important;
    align-items: center;
  }
  
  .archive h1 {
    max-width: 50% !important;
    margin-left: 0 !important;
  }
  .news-filter h3 {
    white-space: nowrap;
  }
  
  .our-impact {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .our-impact h2 {
    margin-bottom: -3em;
  }
  .our-impact h4 {
    font-size: 1.5em;
    margin-top: -2.5em;
  }
  .our-impact h4.has-heading-large-font-size {
    font-size: 4em !important;
  }
  .our-impact .wp-block-columns .wp-block-column {
    width: 100%;
    height: 56.075vw !important;
  }
  .our-impact .wp-block-columns > .wp-block-column > .wp-block-group.has-background {
    min-width: 50vw !important;
    min-height: 50vw !important;
    margin-top: -2em;
    margin-bottom: -4em;
  }
  .our-impact .wp-block-columns > .wp-block-column.is-layout-constrained {
    order: 2;
  }
  .our-impact-empty-col {
    display: none;
    order: 3;
  }
  .our-impact-img svg {
    top: 0;
    width: auto !important;
    height: 56.075vw !important;
    transform: translateX(15%);
  }
  .our-impact .meals-distributed {
    margin-top: -5em;
  }
  .our-impact .meals-distributed .our-impact-img svg {
    transform: translateX(17%) !important;
  }
  .our-impact .people-housed {
    margin-top: -4em;
  }
  .our-impact .people-housed .our-impact-img svg {
    transform: translateX(22%) !important;
  }
  
  .wp-block-post.sticky > .wp-block-columns > .wp-block-column:last-child {
    padding-top: 2em;
    padding-right: 1.63em;
    padding-bottom: 2.19em;
    padding-left: 1.61em;
  }
  
  .other-ways-to-give .shadow {
    padding: 4em 2em !important;
  }
  .other-ways-to-give .shadow .wp-block-buttons, 
  .other-ways-to-give .shadow .wp-block-button, 
  .other-ways-to-give .shadow .wp-block-button__link {
    width: 100%;
  }
  
  .modal .modal-container {
    padding: 4em 2em !important;
  }
  
  
  .get-care--hero-section h1 {
    margin-top: 80% !important;
    margin-bottom: 0.5em !important;
  }
  .get-care--hero-section h3 {
    margin-bottom: 3em !important;
    text-align: center;
  }
  .get-care--hero-section .wp-block-cover__image-background {
    height: 50% !important;
    transform: translateX(11%);
  }
  .get-care--returning-clients-section .wp-block-columns {
    gap: 2.5em !important;
  }
  .get-care--returning-clients-section h4 {
    text-align: center;
  }
  .get-care--returning-clients-section .wp-block-group.is-content-justification-space-between {
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center;
  }
  .get-care--programs-section {
    overflow-x: visible !important;
  }
  .get-care--programs .wp-block-query {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .get-care--programs .wp-block-query + .wp-block-buttons {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    z-index: 1;
    pointer-events: none;
  }
  .get-care--programs .wp-block-query + .wp-block-buttons .wp-block-button {
    position: sticky;
    left: 0;
    top: calc(100vh - 5em);
    width: 100%;
    text-align: center;
    pointer-events: all;
  }
  .get-care--programs .wp-block-query + .wp-block-buttons .wp-block-button__link {
    width: 100%;
  }
  .get-care--programs .sticky-button {
    display: none;
  }
  .contact-us--hero-section h1 {
    margin-bottom: 0 !important;
  }
  .get-care-request--form-container {
    padding-left: 0 !important;
    padding-bottom: 4em;
  }
  .get-care--request .program {
    width: 47.5% !important;
  }
  .other-ways-to-give .card-fadeup h2 {
    margin-left: -0.75em;
    font-size: 1.6em;
  }
  
  .agl {
      opacity: 1 !important;
      transform: none !important;
  }
    .cards-fadeup .card-fadeup,
    .cards-fadeup .wp-block-query .wp-block-post {
        opacity: 1 !important;
        transform: none !important;
    }
}

@media (max-width: 1080px) {
  main > section,
  main > div.wp-block-group,
  main > div.wp-block-cover,
  main > .entry-content > section,
  main > .entry-content > div.wp-block-group,
  main > .entry-content > div.wp-block-cover,
  .wp-site-blocks > section,
  .wp-site-blocks > .wp-block-group,
  .header,
  footer > .wp-block-group {
    padding-left: 2em;
    padding-right: 2em;
  }
  
  main.wp-block-group {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  main > section:first-child > .wp-block-cover,
  main > .entry-content > section:first-child > .wp-block-cover,
  main > div.wp-block-group:first-child > .wp-block-cover,
  main > .entry-content > div.wp-block-group:first-child > .wp-block-cover {
    margin-left: -2em;
    margin-right: -2em;
    padding-left: 2em;
    padding-right: 2em;
  }
  
  .sticky-button {
    right: -2em;
  }
}