@media (max-width: 1500px) {
.person__social a {

  padding: 17px 12px;
  /* gap: .25rem !important; */
  font-size: 16px;}
}
@media (max-width: 1300px) {
  .resources__heading {padding-right:15px !important;}
  /* Can I make last two items in this list flex end .site-header__inner */

  .site-header__logo img {
    margin-left: -10px;
  }
  .site-header .menu-item.menu-item-type-post_type > a{font-size: 14px !important;}

  .site-header__inner > * {
    transition: all 0.3s ease;
  }

  .site-header__inner > :first-child {
    margin-right: auto;
  }

  .site-header__donate a {
    font-size: 12px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .site-header__logo {
    width: 150px;
  }
  .site-header__upper {
    padding: var(--flow-space-xs) 0;
  }

  .desktop-menu .menu-item-mega > .mega-menu__row > a.mega-menu__link {
    font-size: 14px !important;
  }

  body .our-work__grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .our-work__grid .our-work__label {
    font-weight: 600;
    width: 70%;
    text-align: center;
    line-height: 1.2;
    font-size: 19px;
    margin-bottom: 10px;
  }
}

@media (max-width: 1200px) {
 
  .person__contact {
    margin-top: var(--flow-space-l);
  }

  .full-donate .support-banner__text {
    flex: 1 1 75% !important;
  }

  /* Global */

  h1 {
    font-size: 4rem;
    line-height: 1;
  }

  h2 {
    font-size: 4rem;
    line-height: 1;
  }

  .single-recommended__posts > :last-child {
    display: none;
  }

  h2.wp-block-heading,
  h3.wp-block-heading,
  h4.wp-block-heading,
  h5.wp-block-heading,
  h6.wp-block-heading {
    padding-top: 35px !important;
    margin: 0 0 var(--flow-space-s) 0;
  }

  h3 {
    font-size: 3rem;
    line-height: 1.2;
  }

  h4 {
    font-size: 2.4rem;
    line-height: 1.1;
  }

  h5 {
    font-size: 1.8rem;
    line-height: 1;
  }
  h6 {
    font-size: 1.5rem;
    line-height: 1;
  }

  /* Single Post */
  .single-recommended__posts {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--flow-space-s);
  }

  /* 404 Page */
  h1.not-found__heading {
    font-size: 8rem;
  }

  .not-found__links ul {
    flex-wrap: wrap;
  }

  .not-found__links li {
    flex: 1 1 calc(50% - var(--flow-space-s));
  }

  /* Footer */
  /* .footer__inner {
    padding: var(--flow-space-l) 0;
  } */

  .footer__badge {
    height: 50px;
  }

  body .our-work__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1050px) {
  .media-text-hero {
    
    padding-top: var(--flow-space) !important;
  }

.site-header .menu-item.menu-item-type-post_type:has(a) {margin-bottom:20px !important;}

  .site-header__privacy-link a {
    font-size: 14px !important;
  }
  /* Header and Main Nav */
  .site-header {
    display: none;
  }

  .site-header__inner {
    justify-content: flex-end;
    gap: 35px;
  }
  .site-header--mobile {
    display: block;
  }

  .site-header__logo {
    width: 146px;
  }
  .mobile-menu .search-menu-item a {
    text-decoration: none;
    width: 160px;
    padding-left: 25px;
    font-size: 14px;
    padding-right: 20px;
    width: fit-content;
  }
}

@media (max-width: 1024px) {

/* Tablet */

  .three-columns {
    column-count: 2;
  }

  .three-columns,
  .two-columns {
    column-gap: 30px;
  }


  
  .issues__issues {
    width: 100%;
    display: flex !important;
    gap: 20px;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .issues__name span {
    font-size: 20px !important;
  }


  .full-donate .support-banner__amounts {
    flex-wrap: wrap !important;
  }

  .full-donate .support-banner__amounts a {
    flex: 1 1 calc(20% - (var(--flow-space-s) * 2)) !important;
  }

}

@media (max-width: 1000px) {
  .take-action__card-media {    max-height: 300px;}
  .take-action__card-media img {    object-position: 20% 20%;}
  .footer__logo img {
  
    height: 140px;
    width: auto;
}
.footer__logo {
  height: fit-content;
  width: auto;
}
  .footer__upper-row {gap: var(--flow-space-l);}
  .person__columns {
 
    gap: var(--flow-space-l);}
  .filters__label, .filters__select-wrap {width:100%; max-width:unset !important }

}

@media (max-width: 975px) {
  .search-results__extras > span:not(:last-child)::after {
 
    margin-bottom: 2px;}


}

@media (max-width: 800px) {
  .footer__logo img {
    height: 170px;
    width: auto;
}
  .person__headshot.frame {margin-bottom:20px;margin-top:20px}
  .button {font-size: 15px;}
  .search-results__submit {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
  .footer .social-icons {
    display: flex;
    gap: var(--flow-space);
    margin-bottom: 20px;
}
  .single-hero__featured-caption {
    font-size: 11px;
  }

  /* Global */
  body {
    font-size: var(--font-size-mobile);
  }

  h1 {
    font-size: 3.5rem;
  }
  .page-id-210 h1::after {
 
    width: 35px;
    height: 35px;}

  .search-results__archive-header h1 {
    font-size: 3.5rem;
  }
  h2 {
    font-size: 3rem;
  }

  h3 {
    font-size: 2.5rem;
  }

  h4 {
    font-size: 2.2rem;
  }

  h5 {
    font-size: 1.8rem;
  }

  h6 {
    font-size: 1.5rem;
  }

  .not-found__media {
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: 0 auto;
  }
  /* Desktop banner: hidden at 800px and below */
  .full-width-banner.desktop-banner {
    display: none;
  }

  /* Mobile banner: visible at 800px and below */
  .full-width-banner.mobile-banner {
    display: block;
  }

  .takeover-promo__layout {
    flex-direction: column;
    min-height: 0;
  }

  .takeover-promo--takeover .takeover-promo__layout {
    min-height: 0;
  }

  .takeover-promo__media,
  .takeover-promo__content {
    flex: none;
  }

  .takeover-promo__content {
    order: 1;
    flex-basis: auto;
    flex-shrink: 0;
    min-height: min-content;
    padding: 1.5rem;
  }

  .takeover-promo--takeover .takeover-promo__media {
    order: 1;
    min-width: 0;
  }

  .takeover-promo--takeover .takeover-promo__content {
    order: 2;
    flex: unset;
    width: 100%;
    gap: 15px;
    height: fit-content;
    min-height: fit-content;
    padding: 5%;
    position: relative;
  }

  .takeover-promo--takeover .takeover-promo__headline {
    padding-right: 3rem;
  }

  .takeover-promo__separator {
    order: 3;
    flex: 0 0 6px;
    width: 100%;
    height: 6px;
    background: var(--rainbow-gradient-h);
  }

  .takeover-promo__media {
    order: 2;
    flex-basis: auto;
    flex-shrink: 0;
    width: 100%;
    height: min(400px, 50vw);
    max-height: 400px;
    min-height: 200px;
  }

  .takeover-promo__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .takeover-promo--takeover .takeover-promo__image {
    object-position: center 30%;
  }

  .takeover-promo__headline {
    padding-right: 2rem;
    font-size: 1.75rem;
  }

  .takeover-promo--lightbox {
    padding: 1rem;
  }

  .takeover-promo--lightbox .takeover-promo__panel {
    max-height: calc(100vh - 2rem);
  }

  /* Single Post */
  .single-post {
    --featured-image-height: 16rem;
    --featured-image-overlap: 4rem;
    --featured-image-margin: 2rem;
  }

  .single-post--has-featured-image .single-hero__wrapper {
    margin-bottom: -10rem;
  }


  .single-recommended__posts {
    grid-template-columns: 1fr;
    gap: var(--flow-space-l);
  }

  /* 404 Page */
  .not-found__inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "media"
      "text"
      "links";
  }

  h1.not-found__heading {
    font-size: 5rem;
  }

  .single-post h1 {
    font-size: 3rem;
  }
  .not-found__links ul {
    flex-direction: column;
  }

  .not-found__links li {
    flex: 1 1 auto;
  }

  /* Footer */
  .footer__upper-row {
    grid-template-columns: 1fr;
    justify-content: center;
  }

  .footer__logo {
    justify-self: center;
  }

  .footer__nav li {
    text-align: center;
  }

  .footer__confidence {
    text-align: center;
  }

  .footer__badges {
    justify-content: center;
  }

  .footer__upper-row {padding-bottom: 0}
  .footer__lower-row {
    flex-direction: column;
    align-items: center;
    padding-top: var(--flow-space-l);
  }

  .footer__group {
    flex-direction: column;
    gap: var(--flow-space-xs);
    margin-top: var(--flow-space-xs);
    align-items: center;
    text-align: center;
  }
  body .our-work__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Person single */
  .person__columns {
    flex-direction: column-reverse;
    gap: var(--flow-space);
  }

  .person__columns > .person__column {
    flex: 1 1 100%;
  }

  .person__inner{padding-top:0 !important;}

  .person__columns {gap:0px}
  .person__columns > .person__column:last-child {
    max-width: unset;
        margin-bottom: 20px !important;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .person__social-heading {display:none !important}
  .person__social-heading {
    margin-right: auto;
    max-width: 100%;

    text-align: center;
    width: 100%;
  }

  .person__socials i {    font-size: 13px !important;}
.person__socials a {    height: 2rem;padding:5px 10px;
  width: fit-content;}
  .person__socials {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .post-grid__post {
  
    gap: var(--flow-space-s) !important;
    margin-bottom: 20px;}
  .search-results__posts {max-width: 100%;
  width:100%}
  .home .timeline--pillars .timeline__content {
    grid-template-columns: 2fr !important;;
    gap: 10px;
}
.home .timeline__content {
  margin-left: calc(60px + var(--flow-space-xs));
}

.timeline__heading, .timeline__introduction {
  padding-left: calc(60px + var(--flow-space-xs)) !important;
}
.home .timeline__inner {width: 90%;}
 
  /* .media-text-hero {padding-bottom:0 !important;} */

  .search-results__filters {
    margin: var(--flow-space-l) 0 var(--flow-space-s) 0;
  }
  .issues__issue {
    align-items: center;
  }

  .rteindent1 {
    margin-left: 20px;
  }
  .rteindent2 {
    margin-left: 40px;
  }
  .rteindent3 {
    margin-left: 60px;
  }
  .rteindent4 {
    margin-left: 80px;
  }

  .filters__toggle {
    pointer-events: auto;
    cursor: pointer;
  }

  .filters__drawer {
    display: none;
  }
  img.align-left,
  .align-left,
  img.align-right,
  .align-right {
    float: none;
    margin: var(--flow-space-s) auto;
    display: block;
  }
  .img-responsive.left,
  img.img-responsive.left,
  img.left,
  .img-responsive.right,
  img.img-responsive.right,
  img.right {
    float: none;
    margin: var(--flow-space-s) auto;
    display: block;
  }
  .full-donate {
    padding: 0 !important;
  }
  .filters__drawer-inner {
    padding-bottom: 0px;
  }

  .full-donate .multistep-layout {
    width: 100% !important;
    /* padding: var(--flow-space) var(--flow-space-s) !important; */
    box-sizing: border-box !important;
  }

  .full-donate .page-title {
    font-size: 2rem !important;
  }

  .full-donate .at-step legend,
  .full-donate .at-step h2,
  .full-donate .at-step h3,
  .full-donate fieldset.hideStep > legend {
    font-size: var(--font-size-mobile) !important;
  }

  .full-donate
    .multistep-layout
    fieldset.hideStep
    > div:has(label:has(input[type="radio"][value="10.00"])),
  .full-donate .at-step > div:has(label:has(input[type="radio"])) {
    flex-direction: column !important;
  }

  .full-donate .at-btn-radio,
  .full-donate .at-btn-radio.large,
  .full-donate .at-btn-radio.small {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }

  .full-donate .support-banner__toggle {
    grid-template-columns: 1fr 1fr !important;
  }

  .full-donate .support-banner__toggle .button {
    padding: var(--flow-space-xs) var(--flow-space-s) !important;
  }

  /* Amount buttons: 2-col grid (overrides width/flex rules below) */
  .full-donate .at-radios,
  .full-donate .at-radios.clearfix {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--flow-space-s) !important;
    width: 100% !important;
  }

  .full-donate .at-radios > .label-amount,
  .full-donate .at-radios > .label-otheramount,
  .full-donate .at-radios .label-amount,
  .full-donate .at-radios .label-otheramount,
  .full-donate .at-radios .label-amount.label-otheramount {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .full-donate .multistep-layout fieldset.hideStep > div:has(.label-amount),
  .full-donate
    .multistep-layout
    fieldset.hideStep
    > div:has(label:has(input[type="radio"][value="10.00"])),
  .full-donate .at-step > div:has(label:has(input[type="radio"])) {
    flex-direction: column !important;
  }

  /* ---------- Force amount button colors (override NGP green #40C057); exclude other; height 53px ---------- */
  .full-donate [class*="label-amount"]:not(.label-otheramount),
  .full-donate form label[for*="SelectAmount"]:not(.label-otheramount),
  .full-donate
    fieldset
    label:has(input[type="radio"][name*="SelectAmount"]):not(
      :has(input[type="radio"][value="other"])
    ) {
    background: #4f3894 !important;
    background-color: #4f3894 !important;
    border-color: #4f3894 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #fff !important;
    height: 53px !important;
    min-height: 53px !important;
    flex: 1 1 auto;
  }

  .full-donate
    [class*="label-amount"]:not(.label-otheramount):has(input:checked),
  .full-donate
    form
    label:not(.label-otheramount):has(
      input[type="radio"][name*="SelectAmount"]:checked
    ),
  .full-donate
    fieldset
    label:has(input[type="radio"][name*="SelectAmount"]:checked):not(
      :has(input[type="radio"][value="other"])
    ) {
    background: #09abaf !important;
    background-color: #09abaf !important;
    border-color: #09abaf !important;
    color: #fff !important;
  }

  /* ---------- Embed identical to static: force layout, colors, radius (override NGP) ---------- */
  .full-donate .multistep-layout,
  .full-donate form {
    border-radius: 0 !important;
  }

  .full-donate button,
  .full-donate .button,
  .full-donate .at-btn-radio,
  .full-donate .label-amount,
  .full-donate
    .multistep-layout
    fieldset.hideStep
    label:has(input[type="radio"]),
  .full-donate input[type="text"],
  .full-donate input[type="email"],
  .full-donate input[type="number"],
  .full-donate input[type="tel"],
  .full-donate select,
  .full-donate textarea {
    border-radius: 0 !important;
  }

  /* Amount buttons: force purple/teal (override any NGP green – exclude other, styled separately) */
  .full-donate .label-amount:not(.label-otheramount),
  .full-donate
    .multistep-layout
    fieldset.hideStep
    label:has(input[type="radio"][value="10.00"]),
  .full-donate
    .multistep-layout
    fieldset.hideStep
    label:has(input[type="radio"][value="20.00"]),
  .full-donate
    .multistep-layout
    fieldset.hideStep
    label:has(input[type="radio"][value="35.00"]),
  .full-donate
    .multistep-layout
    fieldset.hideStep
    label:has(input[type="radio"][value="50.00"]),
  .full-donate
    .multistep-layout
    fieldset.hideStep
    label:has(input[type="radio"][value="100.00"]) {
    background-color: #4f3894 !important;
    background: #4f3894 none !important;
    background-image: none !important;
    border-color: #4f3894 !important;
    color: #ffffff !important;
    box-shadow: none !important;
  }

  .full-donate .label-amount:not(.label-otheramount):has(input:checked),
  .full-donate .label-amount:not(.label-otheramount):hover,
  .full-donate
    .multistep-layout
    fieldset.hideStep
    label:not(.label-otheramount):has(input[type="radio"]:checked),
  .full-donate
    .multistep-layout
    fieldset.hideStep
    label:not(.label-otheramount):has(input[type="radio"]):hover {
    background-color: #09abaf !important;
    background: #09abaf none !important;
    background-image: none !important;
    border-color: #09abaf !important;
    color: #ffffff !important;
    box-shadow: none !important;
  }

  /* Custom amount input wrapper (static: dollar + input); match static look */
  .full-donate input[type="number"][placeholder="0.00"],
  .full-donate input[type="text"][placeholder="0.00"],
  .full-donate .at-other-amount,
  .full-donate input[name*="amount"][type="number"],
  .full-donate input[name*="Amount"][type="number"] {
    font-family: var(--body-font) !important;
    font-size: var(--font-size) !important;
    font-weight: bold !important;
    border: 2px solid var(--color-light-gray-2) !important;
    border-radius: 0 !important;
    padding: var(--flow-space-xs) var(--flow-space-s) !important;
    color: var(--body-text-color) !important;
    min-height: 2.5rem !important;
  }

  /* Form text fields: rgba(0,0,0,0.7) for text/borders; Name, Address, City, Card #, Expiration */
  .full-donate input[type="text"]:not([type="number"]),
  .full-donate input[type="email"],
  .full-donate input[type="tel"],
  .full-donate
    input[type="number"]:not(.edit-otheramount):not([name*="Amount"]):not(
      [name*="amount"]
    ),
  .full-donate select,
  .full-donate textarea {
    font-family: var(--body-font) !important;
    font-size: var(--font-size) !important;
    color: rgba(0, 0, 0, 0.7) !important;
    border: 1px solid rgba(0, 0, 0, 0.7) !important;
    border-radius: 0 !important;
    padding: var(--flow-space-xs) var(--flow-space-s) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .full-donate label:not(.label-amount):not([for*="amount"]) {
    font-family: var(--body-font) !important;
    font-size: var(--font-size) !important;
    color: rgba(0, 0, 0, 0.7) !important;
    text-align: left !important;
  }

  .full-donate form iframe,
  .full-donate .multistep-layout iframe,
  .full-donate iframe {
    border-color: rgba(0, 0, 0, 0.7) !important;
  }

  /* Section spacing: match static .support-banner__group stack (flow-space between blocks) */
  .full-donate fieldset.hideStep + fieldset.hideStep,
  .full-donate .at-step + .at-step,
  .full-donate .multistep-layout > * + * {
    margin-top: var(--flow-space-s) !important;
  }

  .full-donate .multistep-layout {
    gap: var(--flow-space-l) !important;
  }

  /* ========== End NGP embed mapping ========== */

  /* Support-banner styling for form inside .full-donate (match static support-banner--full); !important to override NGP embed */
  .full-donate .support-banner {
    background: var(--color-white) var(--pastel-gradient) !important;
  }

  .full-donate .support-banner--full {
    background: var(--color-white) url("./images/components/wave.svg") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: bottom center !important;
  }

  .full-donate .label-amount input[type="radio"] + a {
    border-color: unset !important;
    background-color: unset !important;
  }
  .full-donate .support-banner__inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: var(--flow-space) !important;
    max-width: var(--content-wide) !important;
    width: 80% !important;
    margin: 0 auto !important;
    padding: var(--flow-space) 0 !important;
  }

  .full-donate .support-banner--short .support-banner__inner {
    padding-block: var(--flow-space) !important;
  }

  .full-donate .support-banner--tall .support-banner__inner {
    padding-block: calc(var(--flow-space) * 2.5) !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  /* .full-donate .support-banner--full .support-banner__inner {
  display: grid !important;
  grid-template-columns: 2fr 1fr !important;
  gap: var(--flow-space) !important;
  max-width: var(--content-wide) !important;
  width: 80% !important;
  margin: 0 auto !important;
} */

  .full-donate .support-banner__text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .full-donate .support-banner--tall .support-banner__text {
    text-align: center !important;
  }

  .full-donate .support-banner__content {
    padding: var(--flow-space) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: var(--flow-space-l) !important;
  }

  .full-donate .support-banner__group {
    --flow-space: var(--flow-space-s) !important;
  }

  .full-donate .support-banner__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--flow-space-s) !important;
  }

  .full-donate .support-banner__dollar-icon {
    height: 20px !important;
    width: 20px !important;
    display: inline-block !important;
    background-image: url("../images/components/dollar-icon.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
  }

  .full-donate .support-banner__amount {
    margin-top: 3px !important;
  }

  .full-donate .support-banner__heading {
    font-family: var(--headline-font) !important;
    font-weight: 800 !important;
    color: var(--heading-color) !important;
    font-size: 3rem !important;
    line-height: var(--line-height) !important;
    margin: 0 0 var(--flow-space-xs) 0 !important;
  }

  .full-donate .support-banner--tall .support-banner__heading {
    font-size: 3.875rem !important;
  }

  .full-donate .support-banner--full .support-banner__heading {
    font-size: 3.875rem !important;
  }

  .full-donate .support-banner__subheading {
    font-family: var(--body-font) !important;
    font-size: var(--font-size) !important;
    line-height: var(--line-height) !important;
    color: var(--body-text-color) !important;
    margin: 0 !important;
  }

  .full-donate .support-banner__button {
    min-width: 5rem !important;
  }

  .full-donate .support-banner__label {
    font-family: var(--body-font) !important;
    font-size: 1.5rem !important;
    color: var(--body-text-color) !important;
    margin: 0 !important;
  }

  .full-donate .support-banner__amounts {
    display: flex !important;
    gap: var(--flow-space-s) !important;
    justify-content: space-between !important;
  }

  .full-donate .support-banner__amounts a {
    flex: 0 1 20% !important;
  }

  .full-donate .support-banner__checkbox-label {
    display: flex !important;
    align-items: flex-start !important;
    gap: var(--flow-space-xs) !important;
    font-family: var(--body-font) !important;
    font-size: 0.875rem !important;
    color: var(--body-text-color) !important;
    cursor: pointer !important;
  }

  .full-donate .support-banner__checkbox {
    margin-top: 0.25rem !important;
    flex-shrink: 0 !important;
  }

  .full-donate .support-banner__payment {
    display: flex !important;
    gap: var(--flow-space-s) !important;
    justify-content: space-between !important;
  }

  .full-donate .support-banner__payment button {
    flex: 1 0 30% !important;
  }

  .full-donate .support-banner__confidence-heading {
    font-family: var(--body-font) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: var(--body-text-color) !important;
    margin: 0 0 var(--flow-space-xs) 0 !important;
  }

  .full-donate .support-banner__disclaimer {
    font-family: var(--body-font) !important;
    font-size: 0.875rem !important;
    line-height: var(--line-height) !important;
    color: var(--body-text-color) !important;
    margin: var(--flow-space-s) 0 0 0 !important;
  }

  .full-donate .support-banner__badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--flow-space-xs) !important;
    align-items: center !important;
  }

  .full-donate .support-banner__badge {
    height: 74px !important;
    width: auto !important;
    max-width: 100px !important;
    object-fit: contain !important;
    flex: 1 1 auto !important;
  }

  .full-donate .support-banner__visual {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .full-donate .support-banner__image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 280px !important;
    object-fit: cover !important;
    display: block !important;
    mask-image: url("../images/components/support-banner/arch.svg") !important;
    mask-size: contain !important;
    mask-repeat: no-repeat !important;
  }

  .full-donate .support-banner__inner {
    flex-direction: column !important;
    align-items: stretch !important;
    text-align: center !important;
  }

  .full-donate .support-banner--full .support-banner__inner {
    grid-template-columns: 1fr !important;
    padding: 0 !important;
  }

  .full-donate .support-banner__content {
    padding: 0 !important;
  }

  .full-donate .support-banner__heading,
  .full-donate .support-banner--tall .support-banner__heading,
  .full-donate .support-banner--full .support-banner__heading {
    font-size: 2rem !important;
  }

  .full-donate .support-banner__subheading,
  .full-donate .support-banner__label,
  .full-donate .support-banner__confidence-heading {
    font-size: var(--font-size-mobile) !important;
  }

  .full-donate .support-banner__actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .full-donate .support-banner__button {
    min-width: 0 !important;
  }

  .full-donate .support-banner__amounts {
    flex-direction: column !important;
  }

  .full-donate .support-banner__amounts a {
    flex: 0 0 auto !important;
  }

  .full-donate .support-banner__payment {
    flex-direction: column !important;
  }

  .full-donate .support-banner__badges {
    flex-wrap: nowrap !important;
  }

  .full-donate .support-banner__badge {
    height: 48px !important;
    flex: 0 1 calc(25% - var(--flow-space-s)) !important;
  }
}

@media (max-width: 700px) {
  .event-list__title {
    font-size: 1.25rem;}
  .person__column:last-child {min-width:unset !important}
  body .news-listing__image {
    flex: 0 0 100% !important;
}

.mobile-menu .sub-menu.sub-menu--mobile > li:not(:first-child) {
  padding-top: 0;
}


  .animate {
    opacity: 1 !important;
    transform: none !important;
  }
  .single-hero__wrapper {
    padding-top: 2rem;
}
}

@media (max-width: 600px) {
  .home .timeline__inner {padding-top:0px !important; padding-bottom:50px !important;}

/* Mobile */

  .three-columns,
  .two-columns {
    column-count: 1;
  }

  .site-header__inner {
    gap: 30px;
  }
  .takeover-promo--lightbox .takeover-promo__layout {min-height:unset;}
  .takeover-promo__media {display:none}
  .takeover-promo--lightbox .takeover-promo__content {
    padding: 1rem;
}
}

@media (max-width: 500px) {
  .hero-four__img-wrap img {opacity:.6}
  .takeover-promo--lightbox .takeover-promo__content {
    padding: 1.5rem 1.25rem  !important;
    gap:10px !important;
}
.takeover-promo__actions {margin-top:5px}
.takeover-promo__media {
max-height: 150px !important;
min-height: unset}

.takeover-promo__image {
  max-height:150px !important;object-position: center 35% !important;}
  .take-action-hero__inner h1 {
    font-size: 3rem;
}
  .page-id-210 h1::after {
        width: 30px;
        height: 30px;
        margin-bottom: 6px;
    }
 h1 {
  font-size: 2.5rem;
}
h2 {
  font-size: 2.5rem;
}
h3 {
  font-size: 2.2rem;
}
h4 {
  font-size: 2rem;
} 
h5 {
  font-size: 1.8rem;
}
h6 {
  font-size: 1.5rem;
}
  .single-post h1 {
    font-size: 2.5rem;
  }
  .post-carousel__footer {
    flex-direction: column-reverse;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding-top: 20px;
  }
  .events__input-group {
    display: flex;
    gap: var(--flow-space-xs);
    flex-wrap: wrap;
    height: 110px;
    margin-top: 10px;
  }
  .events__input-group input {
    width: 100%;
    height: 50px;
  }

  .events__input-group .button--purple {
    width: 100%;
  }
  
}

@media (max-width: 450px) {
  .post-carousel__meta {flex-wrap: wrap;}
  .post-carousel__title {
    font-size: 1.25rem !important;
}
  .footer__nav {
    display: flex;margin-top:20px;
    gap: 7.5px;
    flex-direction: column;
    align-items: center;}
    .footer__upper-row {
      gap: var(--flow-space-l);}
  .page-id-8781 img.alignleft {
  
    margin-top: -10px;
  }
  .button {font-size: 12px;}
  .issues__issue {
    flex-direction: column;
  }
  .issues__issues {
    margin-top: 2rem;
  }
  .search-results__archive-header h1 {
    font-size: 2.5rem;
  }
  .our-work__grid .our-work__label {
    font-size: 13px;
  }

  body .timeline__text h2,
  .timeline__text h3 {
    font-size: 1.25rem !important;
  }

  body .our-work__issue {
    gap: var(--flow-space-xs);
  }
  .about-us-hero__testimonial blockquote {margin-left:0px !important;margin-right:0px !important;}
}

@media (max-width: 431px) {

  h1 {
    font-size: 2.6rem !important
    ;    letter-spacing:0px;
  }
  h2 {
    font-size: 2.5rem;
    letter-spacing:0px;
  }
  .timeline__heading{
    font-size: 2.5rem !important;
    letter-spacing:0px !important;
  }
  h3 {
    font-size: 2rem;
  }
  h4 {
    font-size: 1.6rem !important;
  }
  h5 {
    font-size: 1.4rem !important;
  }
  h6 {
    font-size: 1.2rem !important;
  }
  .single-post h1 {
    font-size: 2rem;
  }
  p, li, span, ol, ul{
    font-size: 1rem;
  }

 body .menu-item.menu-item-type-post_type > a {font-size:1rem !important;}
  .search-results__submit.filter__submit.button.button--purple {
    flex-grow: 1;
  }
}

@media (max-width: 390px) {
  .cf-turnstile, .cf-turnstile iframe {max-width: 100% !important;overflow: hidden !important;}
  .cf-turnstile {border-right:1px solid #d9d9d9;}

}