/*
    ===================
    3 Column Icon Links
    ===================
*/
.basic-cta-card-box{
    gap:66px;
}

.basic-cta-card-box > .fl-module-box{
    flex-basis: calc(33% - 44px);
}
/*
    ===================
            FAQ
    ===================
*/

.fl-accordion-button{
    display: flex;
    align-items: center;
}

.fl-builder-content .fl-accordion-button a.fl-accordion-button-icon{
    opacity: 1;
}

.fl-accordion-button-icon-left{
    margin-inline-end: 18px;
}

.fl-accordion-button-icon-right{
    margin-inline-start: 18px;
}

.fl-builder-content .fl-accordion-button .fl-accordion-button-icon i{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fl-builder-content .fl-accordion-button i.fl-accordion-button-icon.fa-minus::before {
    background: url(/wp-content/uploads/Minus-Symbol-Desktop.svg) center center / contain no-repeat;
    transition: all 0.25s ease;
    content: "";
    width: 21px;
    height: 21px;
    display: inline-block;
}

.fl-builder-content .fl-accordion-button i.fl-accordion-button-icon.fa-plus::before {
    background: url(/wp-content/uploads/Plus-Symbol-Desktop.svg) center center / contain no-repeat;
    transform: rotate(180deg);
    transition: all 0.25s ease;
    content: "";
    width: 21px;
    height: 21px;
    display: inline-block;
}

/****************/
/* Text & Basic */
/****************/

.fl-post .mediumheight,
.fl-post .mediumheight .fl-module-content,
.fl-post .mediumheight .fl-photo,
.fl-post .mediumheight .fl-photo-content,
.fl-post .mediumheight img {
    width:100%;
    height: 460px;
    object-fit: cover;
}

/* Accordion */
.faq-row .arrow-left{
    width: 279px;
    height: 187px;
    position: relative;
    left:-72px;
    opacity: 0;
}
@keyframes fadeopacity {
  from {opacity: 0;}
  to {opacity: 1;}
}
.faq-row .fl-animated .arrow-left{
    animation-name: fadeopacity;
    animation-duration: 0.5s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
.fl-accordion-button .fl-accordion-button-icon,
.fl-accordion-button .fl-accordion-button-icon-left,
.fl-accordion-button .fl-accordion-button-icon-right{
    color: var(--orange)!important;
    opacity: 1;
}
.fl-accordion-button a.fl-accordion-button-icon{
    margin-inline-end: 66px;
}

.fl-accordion-button-icon.fas{
    transition: all 0.2s ease;
}
.fl-accordion-button-icon.fa-plus{
    transform: rotate(180deg);
}
.fl-accordion-button-icon.fa-minus{
    transform: rotate(-180deg);
}
.fl-accordion-large .fl-accordion-button-label{
    font-family: var(--font-content);
    font-size: 20px;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    line-height: 2.19rem;
}
.fl-accordion-content p img{
    margin: 0 !important;
    border-radius: 16px;
}

/* Logo Grid */

.logo-grid{
    cursor: pointer;
}
.logo-grid .fl-module-photo{
    border-radius: 16px;
    background-color: var(--white);
    border-radius: 16px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
    padding: 26px 48px 26px 48px;
}
.logo-grid .fl-module-photo .fl-module-content,
.logo-grid .fl-module-photo .fl-module-content .fl-photo{
    height:100%;
}
.logo-grid .fl-module-photo .fl-photo-content{
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
    justify-content: space-between;
}
.logo-grid .fl-module-photo .fl-photo-content a{
    width:100%;
}
body:not(.fl-builder-edit) .logo-grid .fl-photo-content:has(a):after{
    content: '';
    background-image: url(/wp-content/uploads/External-Link-Icon.svg);
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -11px;
    right: -35px;
}
.logo-grid .fl-module-photo img{
    height: 92px;
    width: 100%;
    object-fit: contain;
}

/* Number Stat */
body:not(.fl-builder-edit) .photo-overlap {
    position: absolute;
}

body:not(.fl-builder-edit) .photo-overlap.top {
    top: -8px;
}

body:not(.fl-builder-edit) .photo-overlap.right {
    right: 50px;
}

.three_col_stats_wrapper:before,
.three_col_stats_wrapper:after{
    display: none;
}

.three_col_stats{
    flex-basis: calc(33% - 14px);
    flex-shrink: 0;
    flex-grow: 0;
}

.stat-row .fl-row-content-wrap{
    background-position: calc( 50% - 70px + 683px - 93px ) top;
    background-size: 186px;
}

/************/
/* Hero Row */
/************/

.hero-row{
    margin-bottom: -2px;
}
/*hero - basic*/
.hero-row.shape-basic{
    position: relative;
}
.hero-row.shape-basic .fl-row-content{
    position: static;
}
.hero-row.shape-basic .fl-row-content .hero-arrow{
    position: absolute;
    bottom:7px;
    right: calc(50% - 683px + 86px);
}
/*hero - services*/
.hero-row.shape-large{
    position: relative;
}
.hero-row.shape-large .fl-row-content{
    position: static;
}
.hero-row.shape-large .fl-row-content .hero-arrow{
    position: absolute;
    bottom:23px;
    right: calc(50% - 93.5px);
}
/*hero - tab*/
.hero-row.shape-small{
    position: relative;
}
.hero-row.shape-small .fl-row-content{
    position: static;
}
.hero-row.shape-small .fl-row-content .hero-arrow{
    position: absolute;
    bottom:1px;
    right: calc(50% - 683px + 86px);
}

/*hero - donate*/

.donate-hero-left-col .fl-col-content{
    position: relative;
}
.donate-hero-box{
    position: sticky;
    top: 28px;
    height: calc(100vh - 56px);
}
.donate-hero-img{
    width:100%;
    flex-grow: 1;
    border-radius: 6px;
}

/*hero - simple left*/

.hero-row.shape-small .fl-row-content .hero-arrow.arrow3mobile{
    width: 185px;
    height: 277px;
    background-size: contain;
}

.fl-page-content .link-white p a{
    text-decoration: none!important;
    background-image: linear-gradient(#fff, #fff);
    background-size: 100% 1px;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: transparent;
    color:white!important;
}
.fl-page-content .link-white p a:hover{
    animation: underline 0.2s ease;
}
.fl-page-content .link-orange p a{
    background-image: linear-gradient(var(--orange), var(--orange));
    background-size: 100% 1px;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.flex-button .fl-button-group-button{
    display: flex;
}

.donate-hero-btn a.fl-button:hover{
    animation: underline 0.2s ease;
}

.shortcode-placeholder{
    margin:0 auto;
    display: block;
}

@keyframes underline {
  from {background-size: 0% 1px;}
  to {background-size: 100% 1px;}
}

@media screen and (max-width: 1366px) {
    /*
    ===================
    3 Column Icon Links
    ===================
    */
    .basic-cta-card-box{
        gap:48px;
    }
    .basic-cta-card-box > .fl-module-box{
        flex-basis: calc(33% - 32px);
    }
    
    /* Text & Basic */

    .fl-accordion-button a.fl-accordion-button-icon{
        margin-inline-end: 66px;
    }

    .stat-row .fl-row-content-wrap{
        background-position: calc( 100% - 60px ) top;
    }
    .fl-builder-content .stat-row .maxwidth800{
        max-width: calc(100% - 200px);
    }

    /************/
    /* Hero Row */
    /************/
    .hero-row.shape-basic .fl-row-content .hero-arrow{
        right: 60px;
    }
    .hero-row.shape-small .fl-row-content .hero-arrow{
        right: 60px;
    }
    .hero-row.shape-large .fl-row-content .hero-arrow {
        position: absolute;
        bottom: 10px;
        right: calc(50% - 84px);
    }
    .hero-row.shape-large .fl-builder-bottom-edge-layer > *{
        height: 136px;
    }
    .hero-row.shape-small .fl-builder-bottom-edge-layer > *{
        height: 45px;
    }
    /* Accordion */
    .faq-row .arrow-left{
        width: 279px;
        height: 187px;
        position: relative;
        left:-60px;
    }
}
@media only screen and (max-width: 992px) {
    /*
    ===================
    3 Column Icon Links
    ===================
    */
    .basic-cta-card-box{
        gap:36px;
    }
    .basic-cta-card-box > .fl-module-box{
        flex-basis: calc(50% - 18px);
    }

    /* Text & Basic */
    .fl-post .mediumheight,
    .fl-post .mediumheight .fl-module-content,
    .fl-post .mediumheight .fl-photo,
    .fl-post .mediumheight .fl-photo-content,
    .fl-post .mediumheight img {
        height: 360px;
    }

    .fl-accordion-button a.fl-accordion-button-icon{
        margin-inline-end: 44px;
    }

    .three_col_stats {
        min-width: unset!important;
        flex-basis: calc(50% - 13px);
    }
    .stat-row .fl-row-content-wrap{
        background-size: 128px;
        background-position-x: calc(100% - 36px);
    }
    body:not(.fl-builder-edit) .photo-overlap.right{
        right: 15px;
    }

    /************/
    /* Hero Row */
    /************/

    .hero-row.shape-basic .fl-builder-bottom-edge-layer > *{
        height: 88px;
    }
    .hero-row.shape-small .fl-builder-bottom-edge-layer > * {
        height: 42px;
    }
    .hero-row.shape-basic .fl-row-content .hero-arrow{
        right: 36px;
        bottom: 14px;
    }
    .hero-row.shape-small .fl-row-content .hero-arrow{
        right: 36px;
        bottom: 3px;
    }
    .hero-row.shape-large .fl-row-content .hero-arrow{
        right: calc(100% - 36px - 160px);
        bottom: 6px;
    }
    .hero-row.shape-large .fl-builder-bottom-edge-layer > *{
        height: 123px;
    }

    .donate-hero-box{
        position: static;
        height:auto;
    }
    .donate-hero-img{
        height:460px;
    }

    /*hero - simple left*/
    .hero-row.shape-small .fl-row-content:has(.hero-arrow.arrow3mobile) .maxwidth600{
        max-width: 460px!important;
    }
    .hero-row.shape-small .fl-row-content .hero-arrow.arrow3mobile{
        width: 147px;
        height: 220px;
    }
    /* Accordion */
    .faq-row .arrow-left{
        width: 128px;
        height: 95px;
        position: absolute;
        left:unset;
        right: 36px;
        top:0;
    }
}
@media only screen and (max-width: 768px) {
    /*
    ===================
    3 Column Icon Links
    ===================
    */
    .basic-cta-card-box{
        gap:16px;
    }
    .basic-cta-card-box > .fl-module-box{
        flex-basis: 100%;
    }

    /* Text & Basic */

    .fl-post .mediumheight,
    .fl-post .mediumheight .fl-module-content,
    .fl-post .mediumheight .fl-photo,
    .fl-post .mediumheight .fl-photo-content,
    .fl-post .mediumheight img {
        height: 280px;
    }

    .fl-accordion-button a.fl-accordion-button-icon{
        margin-inline-end: 16px;
    }
    .fl-accordion-large .fl-accordion-button-label{
        font-size: 19px;
        font-size: 1.19rem;
        line-height: 30px;
        line-height: 1.88rem;
    }
    .fl-accordion-content p img{
        border-radius: 12px;
    }

    body:not(.fl-builder-edit) .photo-overlap.top {
        top: 14px;
    }
    body:not(.fl-builder-edit) .photo-overlap.right {
        right: 25px;
    }
    .stat-row .fl-row-content-wrap{
        background-size: 86px;
        background-position-x: calc(100% - 18px);
    }
    .fl-builder-content .stat-row .maxwidth800{
        margin-left:auto;
        margin-right:auto;
        max-width: unset;
    }

    /************/
    /* Hero Row */
    /************/

    .hero-row.shape-basic .fl-builder-bottom-edge-layer > *{
        height: 48px;
    }
    .hero-row.shape-small .fl-builder-bottom-edge-layer > * {
        height: 23px;
    }
    .hero-row.shape-small .fl-row-content .hero-arrow{
        right: 18px;
        bottom: 1px;
    }
    .hero-row.shape-basic .fl-row-content .hero-arrow{
        right: 18px;
        bottom: 10px;
    }
    .hero-row.shape-large .fl-row-content .hero-arrow{
        right: calc(50% - 37px);
        max-width: unset;
        bottom: 6px;
    }
    .hero-row.shape-large .fl-builder-bottom-edge-layer > *{
        height: 88px;
    }
    .donate-hero-img{
        height:260px;
    }
    .arrow3mobile,
    .arrow3mobile img{
        width: 76px!important;
        height: 56px!important;
        object-fit: cover;
        object-position: top;
    }
    .logo-grid .fl-module-photo {
        padding: 16px 16px;
        border-radius: 8px;
    }
    body:not(.fl-builder-edit) .logo-grid .fl-photo-content:has(a):after{
        width: 12px;
        height: 12px;
        bottom: -10px;
        right: -10px;
    }
    /* Accordion */
    .faq-row .arrow-left{
        width: 86px;
        height: 64px;
        position: absolute;
        left:unset;
        right: 18px;
        top:0;
        background-size: contain;
    }
}

/***************************/
/*  START :: SVG Dividers  */
/***************************/
:root {
    --divider-wave-sky-blue: url(/wp-content/uploads/divider-wave-sky-blue.svg);
}
/* does not support mask */
.shape-divider-wave .fl-col-content {
    background: no-repeat var(--divider-wave-sky-blue) center center;
    background-size: contain;
 }
 
 @supports (mask: initial) or (-webkit-mask: initial) {
     /* supports mask */
     .shape-divider-wave .fl-col-content {
         background-image: none;
         background-color: currentColor; /* allows svg color to be set via BB row's text color*/
             -webkit-mask: no-repeat var(--divider-wave-sky-blue) center center;
         mask: no-repeat var(--divider-wave-sky-blue) center center;
             -webkit-mask-size: contain;
         mask-size: contain;
     }
  }
 /***************************/
/*  END   :: SVG Dividers  */
/***************************/