html {
  scroll-behavior: smooth;
}
/*
p, ul, ol, li, quote, blockquote, span { font-family: "adriane", serif;
 }

h1, h2, h3 {
font-family: "p22-morris-golden", sans-serif;
font-weight: 400;
font-style: normal;
}*/




@media (prefers-reduced-motion: no-preference) { 


@keyframes brightness-fade-in {
0% {filter:brightness(1) blur(0px);opacity: 1;}
5% {filter:brightness(1) blur(0px);opacity: 1;}
100% {filter:brightness(1.8) blur(3px);opacity: 0;}
}

@keyframes blur {
0% {}
100% {filter:blur(10px)}
}


@keyframes fade-out {
    0% {opacity: 1;}
    100% {opacity: 0;transform: translateY(20vh);filter:blur(5px);}

}

@keyframes fade-in-image {
0% {opacity: 0;transform: translateY(10vh);filter: saturate(0) brightness(2) blur(3px);}
30% {transform: translateY(10vh);}
80% {filter: saturate(0.3);}
100% {opacity: 1;}
}



@keyframes fade {
0% {opacity: 0;}
100% {opacity: .93;}
}

@keyframes blur {
0% {}
100% {filter:blur(10px);}
}


@supports (animation-timeline: view()) {
.brightness .wp-block-cover__image-background 

    {
        animation: brightness-fade-in ease-in-out both;
        animation-timeline: view();
        animation-range: 100vh 170vh;   
    }
}

/*
    .wp-block-cover:not(.brightness) .wp-block-cover__background.has-background-dim.has-background-dim-0  {
        animation: fade linear both;
        animation-timeline: view();
        animation-range: 100vh 140vh;
} */

.fade-in-cover .wp-block-cover__background {
        animation: fade linear both;
        animation-timeline: view();
        animation-range: 80vh 140vh;
}


.fade-out {
        animation: fade-out linear both;
        animation-timeline: view();
        animation-range: 100vh 170vh;
}

.fade-in-img {
        animation: fade-in-image linear both;
        animation-timeline: view();
        animation-range: 15vh 95vh;
}



.fade-in-overlay .wp-block-cover__image-background    {    animation: blur linear both;
        animation-timeline: view();
        animation-range: 120vh 160vh;}
} 


/* end of prefers-reduced-motion */ 


.is-style-plain {list-style-type:none;padding-inline-start: 0}


ul.is-style-anglequote {
    list-style-type: "\00BB";
}


ul.is-style-anglequote li {
    padding-inline-start: 1ch;
}

.nowrap {
  white-space: nowrap;
}



/* tabs */

.js-plethoraplugins-tabs--link {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: var(--wp--preset--font-size--x-large);
    background: #ede7e787;
    padding: .8rem 1.9rem;
    focus: none;
text-decoration: none;
border-top: 2px solid #ffffff;

}
.plethoraplugins-tabs-container--horizontal .pds-tab__tab-list, .plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal .plethoraplugins-tabs>ul {
gap: 3px;
    justify-content: center;
    display: flex;
}


.plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__minimal .plethoraplugins-tabs a.active {
    background: var(--wp--preset--color--accent-5); color: var(--wp--preset--color--accent-1);
outline:none;
text-decoration:none;
}

@media (prefers-reduced-motion: no-preference) {

@keyframes fadeInUp {
    /* Starting state */
    from {
        opacity: 0;
        /* Start 20 pixels below its final position */
        transform: translateY(20px); 
    }
    /* Ending state */
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Apply the animation to the element */
.fade-in-slide-up, .js-plethoraplugins-tab-panel.active {
    animation: fadeInUp .5s ease-out forwards;
}

}


.plethoraplugins-accordion.plethoraplugins-theme__minimal .pds-accordion__icon {
width: 20px;color: var(--wp--preset--color--accent-2);margin-right: 1rem;
}
.plethoraplugins-accordion.plethoraplugins-theme__minimal .pds-accordion__icon svg {
    fill: var(--wp--preset--color--accent-2);
    stroke: none;
}



.plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal .plethoraplugins-tabs>ul span, .pds-accordion__heading span {
    font-family: var(--wp--preset--font-family--barlow-condensed);
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .05ch;
}




.pds-accordion__heading {font-size: var(--wp--preset--font-size--x-large);}

.pds-accordion__title {
    background: var(--wp--preset--color--accent-5);
    padding:1rem 1.3rem;
    border-top: 1px solid #c8c9cf}

  .is-open .pds-accordion__title, .pds-accordion__title:hover {
    background: #fff;
    color: var(--wp--preset--color--accent-1)
  }



/* style buttons for summary */

  summary {
    display:inline-flex;
    text-transform: uppercase;
    background: var(--wp--preset--color--accent-3); 
    background: linear-gradient(180deg, rgb(53 88 131) 0%, rgba(61, 71, 92, 1) 120%);
    border: none; color: var(--wp--preset--color--accent-5); 
    border-radius: .29em; font-family: inherit; 
    font-size: 2.7rem; 
    font-size: clamp(2rem, 3.5vw + 1rem, 2.7rem);
    padding: .243em .6em .37em .48em; 
    text-decoration: none; box-shadow: none;
    font-weight:600;white-space: nowrap;
    font-family: var(--wp--preset--font-family--barlow-condensed);
    letter-spacing:.03em;
    transition:all 0.2s ease-in-out;
  }

  summary::before {
    content: "\2661";
    padding-right:.25em;
     color: var(--wp--preset--color--accent-1);
  }

    summary:hover {
        background-color: var(--wp--preset--color--accent-1);
        background: linear-gradient(180deg, rgb(53 88 131) 0%, rgba(61, 71, 92, 1) 220%);

    }


.keela-legacy-form {
    transform: scale(1.4);
    padding: 8em 0;
    max-width: 74.3%;
}


@media (max-width: 600px) {
    .keela-legacy-form {
        transform: scale(1.2);
        padding: 2.5em 0 4em 0;
        max-width: 85%;
    }
}



@media (max-width: 1081px) { /* Screens narrower than 1081px */
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
        flex-direction: column;
    }
}



/* custom queries for intro cover */

  @media screen and (max-width: 1000px) {
    .desktop-only {
display: none;
       /* border:21px solid red */
    }



}

  @media screen and (min-width: 1000px) {
    .mobile-only {
display: none;
       /* border:21px solid red */
    }
}

 @media screen and (max-width: 1200px) {
.giving-options {flex-direction: column;}
 }

  @media screen and (max-width: 1000px) {
.breakpoint-1000 {flex-direction: column;}

  }



  @media screen and (max-width:900px) {

        .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns: 100% !important;
    }
.wp-block-media-text>.wp-block-media-text__content {
    padding:0
}

    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1;
    }

        .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
        grid-column: 1;
        grid-row: 2;
    }

    .hide-image-mobile figure {
        display: none;
    }



  }




  .keela-popup-button {
    background: var(--wp--preset--color--accent-3); 
    background: linear-gradient(180deg, rgb(53 88 131) 0%, rgba(61, 71, 92, 1) 120%);
    border: 1px solid transparent; color: #FBFAF3; 
    border-radius: .3em;
    font-size: clamp(2.3rem, 3.5vw + 1rem, 3.35rem);
    padding: .35em .6em .4em .6em;
    text-decoration: none; box-shadow: none;
    font-weight:600;white-space: nowrap;
    font-family: var(--wp--preset--font-family--barlow-condensed) !important; 
    box-shadow: 0 0 15px 5px #FBFAF3;
    transition: all 0.1s ease-in-out;
  }

  .keela-popup-button:hover {
    background-color: var(--wp--preset--color--accent-1);
    background: linear-gradient(180deg, rgb(53 88 131) 0%, rgba(61, 71, 92, 1) 220%);
    transform: scale(1.03);
    box-shadow: 0 0 5px 1px #FBFAF3;
  }

/*modal window overrides*/
  .wp-block-cloudcatch-light-modal-block {
    max-width: none;
  }

  .lmb-open {
    overflow: hidden;
}