/*
    =================================================
                    LARGE SCREENS
    =================================================
*/
@media screen and (min-width: 4000px) {
    .ticker-banner--wrapper .slick-track {
        justify-content: space-between;
        width: 200% !important;
    }
}


/*
    =================================================
                        DESKTOP
    =================================================
*/

@media screen and (min-width: 1366px) {}



/*
    =================================================
                SMALL DESKTOP SCREEN
    =================================================
*/

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

    .materials-list.list .item--desc p.h4 {
        max-width: 350px;
    }
    /***donate hero***/
    .left_top_col {
        width: 360px;
    }
    .hero-row.grid-hero .right_col {
        width: calc(100% - 380px);
    }
    .left_bottom_col {
        width: 360px;
    }
}



/*
    =================================================
                        TABLET
    =================================================
*/
@media only screen and (max-width: 992px) {
    /***donate hero***/
    .left_top_col {
        width: 240px;
    }
    .hero-row.grid-hero .right_col {
        width: calc(100% - 260px);
    }
    .left_bottom_col {
        width: 240px;
    }
    /*
        ========================
                SPACING
        ========================
    */

    .fl-row:not(.nopadding) .fl-row-content-wrap {
        padding-left: 50px;
        padding-right: 50px;
    }


    /**************/
    /* TYPOGRAPHY */
    /**************/

    h1, .h1, .h1 p, .h1 .fl-heading {
        color:var(--purple);
        font-size: 2.389rem;
        line-height: 2.389rem;
    }

    h2, .h2, .h2 p, .h2 .fl-heading {
        color:var(--purple);
        font-size: 1.667rem;
        line-height: 1.667rem;
    }

    h3, .h3, .h3 p, .h3 .fl-heading {
        color:var(--purple);
        font-size: 1.389rem;
        line-height: 1.333rem;
    }

    h4, .h4, .h4 p, .h4 .fl-heading {
        color:var(--black);
        font-family: var(--manrope);
        font-size: 1rem;
        line-height: 1.22rem;
    }

    h5, .h5, .h5 p, .h5 .fl-heading {
        color:var(--black);
        font-size: 0.889rem;
        line-height: 1.667rem;
    }

    p, .p, ul, ol {
        color:var(--black);
        font-size: 0.889rem;
        line-height: 1.333rem;
    }

    .large, p.large, p .large, .large p,
    .large ol, ol.large, .large ul, ul.large {
        color:var(--black);
        font-size: 1rem;
        line-height: 1.667rem;
    }

    .maxwidth500 h2 {
        max-width: 300px;
    }
    /******POST WEDGE (TWO COLUMN LAYOUT)******/
    .post-wedge.two-column {
        display: flex;
        gap: 36px;
        flex-direction: column;
    }
    /******POST WEDGE (MEDIA LAYOUT)******/
    .post-wedge.media {
        display: flex;
        gap: 36px;
        flex-direction: column;
    }
    .post-wedge.media .post:first-child{
        padding-right:0;
        border-right:none;
    }
    .post-wedge.media .post:nth-child(2), .post-wedge.media .post:nth-child(3){
        padding-left: 0;
    }
    /******POST WEDGE (FLEX LAYOUT)******/
    .post-wedge.flex .post:first-child .post-col.title-col{
        margin-right:66px;
        width:calc(50% -33px);
    }
    .post-wedge.flex .post:first-child .post-col.desc-col{
        width:calc(50% -33px);
    }
    /******POST GRID (LIST LAYOUT)******/
    .posts.list .postBox{
        flex-direction: column;
    }
    .posts.list .postBottom{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }
    .posts.list .postBox .infoBox{
        padding: 0 0px 0px;
    }
    .posts.list .postTop{
        flex-direction:column;
        width:100%;
    }
    .posts.list .infoBox h3{
        margin-top:16px;
    }
    .posts.list .postBox .imgBox{
        width: 100%;
    }
    .posts.list img{
        width: 100%;
        height: 360px;
        object-fit: cover;
        max-width: unset!important;
    }
    /*
        =================================================
                          ITEM STYLING
        =================================================
    */

    /*
        ========================
                  TEAM
        ========================
    */

    ul.team-list {
        grid-template-columns: 100%;
    }




    .materials-list.list .item--desc p:not(.h4) {
        font-size: 0.9rem;
        line-height: 2rem;
        padding: 16px 29px;
    }

    .materials-list.list .item--desc p.h4 {
        max-width: 600px;
    }

    .materials-list.list span.item--tag {
        display: inline-block;
        position: revert;
        top: revert;
        right: revert;
        transform: revert;
    }

    .materials-list.list .item--desc p.h4 span.title {
        margin-right: 26px;
    }


    /*****************/
    /******video******/
    /*****************/
    .full-width .uabb-video .uabb-video__outer-wrap {
        padding-bottom: 360px;
        border-radius: 6px;
    }
    .uabb-video__play-icon{
        width:50px!important;
        height:50px!important;
    }
    .uabb-video__play-icon:before {
        font-size: 21px!important;
        line-height: 54px!important;
    }
    .conner .uabb-video__play-icon {
        left: 36px;
        bottom: -12px;
        top: unset!important;
        position: absolute;
    }
    .half-width .uabb-video .uabb-video__outer-wrap {
        padding-bottom: 360px;
    }
    .immersive-row.fl-row:not(.nopadding) .fl-row-content-wrap{
        padding-left:0;
        padding-right:0;
    }
    .immersive-row .uabb-video__outer-wrap{
        padding-bottom:480px;
    }
    .fl-builder-content .video-row .fl-accordion-content{
        padding-left: 34px;
    }
    .video-row .fl-accordion-item{
        margin-bottom:0;
    }
    .immersive-text{
        padding-left: 35px;
        padding-right: 35px;
    }
    /*****dual image*****/
    .fl-post .sub-image img[class*="wp-image-"] {
        height: 360px!important;
        width: auto;
        object-fit: cover;
        border-radius: 6px;
    }
    .sub-image{
        position:absolute;
        bottom:-60px;
    }
    /*****fmm*****/
    .post-grid.fmm .firstCol {
        padding-right: 0;
        border-right: none;
        padding-bottom: 0px;
    }
    .post-grid.fmm{
        flex-direction: column;
    }
    .post-grid.fmm>div{
        width:100%;
    }
    .post-grid.fmm .secondCol {
        padding-left: 0;
    }
    .post-grid.fmm .post0.post-row .post-col.title-col{
        padding-right: 36px;
        padding-top: 16px;
    }
    .post-grid.fmm .tags{
        margin-top:36px;
    }
    /*****posts list****/
    .post-list {
        padding: 16px 0;
    }
    .post-list .postBox{
        flex-direction: column;
    }
    .post-list .tags{
        margin-bottom:0;
    }
    .post-list .postBox .imgBox{
        margin-bottom:26px;
    }
    .post-list .postCenter {
        padding-left: 0px;
        padding-right: 0px;
        order:3;
    }
    .post-list .infoPost{
        margin-bottom: 0;
    }
    .post-list .postLeft{
        width:100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        order:2;
    }
    .post-list .postRight{
        width:100%;
        order:1;
    }
    .post-list .postBox .imgBox img{
        width:100%;
        height:360px;
        object-fit: cover;
        max-width: unset!important;
    }
    .post-list .defaultImg{
        width:100%;
        height:360px;
        object-fit: cover;
    }
    /*****filter*******/
    .post img{
        height:300px
    }
    .posts, .post-wedget{
        display: grid;
        flex-wrap: initial;
        grid-template-columns: minmax(0, 3fr) minmax(0, 3fr) minmax(0, 3fr);
        gap: 25px;
        width: 100%;
    }
    .imgBox .defaultImg {
        height: 300px;
    }
    .infoBox h3 {
        margin: 16px 0 8px;
    }
    .post-list .postLeft{
        margin-top: 0px;
    }
    .posts .post .tags{
        margin-right: 13px;
    }
    .infoBox .h4{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    /******post slider******/
    .slick-arrow img{
        width:50px;
        height:50px;
    }
    .post-carrousel.grid .postBox .imgBox {
        height: 200px;
    }
    .carrousel-image .slick-track{
        gap:26px;
    }
    .post-carrousel.grid .postBox .imgBox, .post-carrousel.grid .postBox img, .post-carrousel.grid .postBox .defaultImg{
        height: 360px;
    }
    .post-carrousel.grid .post{
        padding: 0 0 0 0;
    }
    .post-carrousel.list .post{
        padding: 0 16px 0 0;
    }
    .carrousel-two-column.post-carrousel .post .postBox {
        width: calc(100%);
    }
    .post-carrousel .post .postBox {
        width: unset;
    }
    
    .post-carrousel.list .post .postBox {
        padding: 0 0 0 0;
        border:none;
    }
    /********post filter********/
    .fl-archive--filter-items{
        float: left;
        width: 100%;
        vertical-align: text-top;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    div.filter-item {
        list-style-type: none;
        margin: 0;
        padding: 0px 0px 0;
        display: inline-block;
        position: relative;
        width: 100%;
    }
    .filter-item ul li{
        padding-top:8px;
    }


    .photo-overlap {
        width: calc(100% - 100px);
    }
    
    .stats .fl-number .fl-number-text .fl-number-string,
    .stats .fl-number .fl-number-text .fl-number-string span {
        font-size: 2.2222rem;
    }

    .background-shape-resp .fl-builder-bottom-edge-layer > * {
        height: 70%;
    }

    .background-shape-resp .fl-row-content-wrap {
        background-position: center top;
        background-size: 100%;
    }
    .uabb-photo-gallery{
        margin:-5px!important;
    }
    .fl-module-photo-gallery.partners .uabb-photo-gallery-content {
        height: 17vw;
    }

    .fl-builder-content .centered .fl-accordion-button .fl-accordion-button-icon {
        padding-right: 62px;
    }

    .counter-row .fl-number .fl-number-text .fl-number-string span {
        font-size: 2rem;
    }
    /****post slider****/
    .post-wedge.two-column .slick-current.slick-active .post {
        padding-right: 22px;
    }
    .post-wedge.two-column .slick-active:not(.slick-current) .post {
        padding-left: 22px;
    }
    .post-wedge.two-column .post-col:not(.img-col) {
        width: calc(100% - 36px);
        margin:auto;
    }
    .post-wedge.two-column .post-col.img-col{
        height:280px;
    }
    /****Flower Image In Full Width****/
    html:not(.fl-builder-edit) .flower-col img[class*="wp-image-"] {
        height: 450px;
        max-width: 100%;
        width: auto;
        position: relative;
        object-fit: cover;
    }
}



/*
    =================================================
                        MOBILE
    =================================================
*/
@media only screen and (max-width: 768px) {
    .slider-green-icon-row > .fl-row-content-wrap{
        background-position: 100% 0px;
        background-attachment: scroll;
        background-size: 70px;
    }
    /******post******/
    .wp-caption{
    margin: 36px 0!important;
    }
    .wp-caption img{
    height: 280px;
    }
    .post-content blockquote{
    margin-top:36px;
    }
    /****Flower Image In Full Width****/
    html:not(.fl-builder-edit) .flower-col{
        position: static;
    }
    html:not(.fl-builder-edit) .flower-col .fl-col-content{
        position: absolute;
        bottom: unset;
        transform: translateY(-100%);
        left: calc(-50%);
    }
    html:not(.fl-builder-edit) .flower-col img[class*="wp-image-"]{
        height: 260px;
        max-width: 100%;
        width: auto;
        position: relative;
        object-fit: cover;
    }

    .bottom-left-decoration > .fl-row-content-wrap{
        background-position: center calc(100% + 100px);
    }
    .hero-row .heroDesc p{
        line-height: 1.333rem;
    }
    .hero-img{
        position: relative;
        top: 44px;
        float: right;
        right: -52px;
        margin-top: -8px;
    }
    .hero-img.up-mobile{
        top: 26px;
    }
    .fl-post .hero-img img{
        max-height: 300px;
        width:auto;
    }
    body:not(.fl-builder-edit) .blog-img, body:not(.fl-builder-edit) .blog-img div, body:not(.fl-builder-edit) .blog-img img{
        width:100%;
        height:360px;
        border-radius: 20px;
        object-fit: cover;
    }
    /*
        ========================
                SPACING
        ========================
    */

    .fl-row:not(.nopadding) .fl-row-content-wrap {
        padding-left: 18px;
        padding-right: 18px;
    }



    /*
        ========================
                 ASSETS
        ========================
    */

    /*============
        BUTTONS
    =============*/

    .fl-module-button.arrowlink.splash a.fl-button::after{
        padding-left: 14px;
    }

    .fl-module-button:not(.arrowlink) a.fl-button,
    div.wpforms-container-full button.wpforms-submit.btn-round {
        padding: 19px 67px 19px 23px;
    }

    .fl-module-button.noarrow:not(.arrowlink) a.fl-button,
    footer div.wpforms-container-full .wpforms-form button[type=submit] {
        padding: 19px 23px;
    }

    .fl-module-button a.fl-button,
    .fl-module-button-group a.fl-button,
    a.arrowlink,
    div.wpforms-container-full button.wpforms-submit.btn-round {
        font-size: 17px;
        font-size: 0.944rem;
    }

    .fl-module-button-group.arrowlink .fl-button-group-buttons {
        flex-direction: column;
        justify-content: flex-start;
    }

    .fl-builder-content .arrowlink .fl-button-group .fl-button-group-buttons .fl-button-group-button:not(:last-of-type) {
        padding-bottom: 16px;
    }

    .fl-module-button-group.arrowlink .fl-button-group-button:not(:first-of-type) {
        transform: translateX(0px);
    }

    .fl-module-button.arrowlink a.fl-button, .fl-module-button-group.arrowlink a.fl-button, a.arrowlink{
        padding: 0 43px 3px 0;
    }


    /*============
        IMAGES
    =============*/
    .fl-post .mediumheight img {
        height: auto;
        max-height: 360px;
        object-fit: cover;
        object-position: center top;
    }

    .fl-post .largeheight img {
        height: auto;
        max-height: 58.6vw;
        object-fit: cover;
        object-position: center bottom;
        width:100%;
    }




    /*
        =================================================
                          ITEM STYLING
        =================================================
    */

    /*
        ========================
                COUNTER
        ========================
    */

    .counter-row .fl-col-group:last-of-type {
        flex-direction: column;
        max-width: fit-content;
    }

    .counter-row .fl-number .fl-number-text .fl-number-string span {
        font-size: 2.2222rem;
    }




    /*
        ========================
                  TEAM
        ========================
    */

    ul.team-list {
        grid-row-gap: 16px;
    }

    li.team-list_item {
        padding: 26px 18px;
    }

    li.team-list_item div.item--logo {
        height: 42.66px;
        margin-bottom: 36px;
    }

    li.team-list_item div.item--logo img {
        max-width: 145px;
    }

    li.team-list_item div.item--details .h4,
    li.team-list_item div.item--details p {
        margin-bottom: 16px;
    }




    /*
        ========================
                  FAQ
        ========================
    */

    .fl-builder-content .fl-accordion-button .fl-accordion-button-label {
        font-size: 18px;
        line-height: 24px;
    }

    .fl-builder-content .fl-accordion-button .fl-accordion-button-icon {
        padding-right: 34px;
    }

    .fl-builder-content .fl-module:not(.centered) .fl-accordion-content {
        padding-left: 47px;
    }

    .fl-builder-content .video-transcript .fl-accordion-button .fl-accordion-button-icon::before {
        width: 14px;
        height: 14px;
        top: 18px;
    }




    /*
        ========================
           BEFORE AFTER SLIDER
        ========================
    */

    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-handle {
        padding: 24px 65px 24px 58px;
        margin-left: -58px;
        font-size: 12px;
    }

    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-left-arrow:after, .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-right-arrow:after {
        top: 18px;
    }

    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-left-arrow:after {
        left: 20px;
    }

    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-right-arrow:after {
        right: 20px;
    }

    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-handle:before {
        margin-bottom: 24px;
    }
    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-handle:after {
        margin-top: 24px;
    }

    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-before-label:before,
    .fl-row-content-wrap .uabb-before-after-slider .twentytwenty-after-label:before {
        line-height: 20px;
    }
    
    /******POST WEDGE (FLEX LAYOUT)******/
    .post-wedge.flex{
        grid-template-areas:
        'top'
        'left'
        'right';
        gap: 36px 54px;
    }
    .post-wedge.flex .post-col.img-col{
        height:300px;
        margin-bottom:26px;
    }
    .post-wedge.flex .post:first-child .post-col.img-col{
        height:300px;
    }
    .post-wedge.flex .post:nth-child(2) .post-col.desc-col .post-desc, .post-wedge.flex .post:nth-child(3) .post-col.desc-col .post-desc{
        display:none;
    }
    .post-wedge.flex .post:nth-child(2) .post-col.title-col h3, .post-wedge.flex .post:nth-child(3) .post-col.title-col h3 {
        font-size: 1.556rem;
        line-height: 2rem;
    }

    /*
        ========================
                SLIDER #1
        ========================
    */

    .fl-page-content :is(.image_slider1, .image_slider2, .image_slider3) .fl-slide-foreground .fl-slide-text * {
        font-size: 0.89rem !important;
        line-height:1.3rem !important;
    }
    :is(.image_slider1, .image_slider2)  {     
        padding-bottom: 100px; 
        overflow:hidden;
    }
    :is(.image_slider1, .image_slider2) .bx-wrapper {
        max-width: 100% !important;
    }

    :is(.image_slider1, .image_slider2) .bx-viewport { 
        overflow:visible !important;
    }
    :is(.image_slider1, .image_slider2) .fl-content-slider-wrapper,
    :is(.image_slider1, .image_slider2) .fl-slide {
            min-height: 275px !important;
    }

    :is(.image_slider1, .image_slider2) .fl-slide-mobile-photo { display:none }
    
    :is(.image_slider1) .fl-content-slider-navigation {
        top: initial;
        bottom: -25px;
        margin: auto;
    }

    :is(.image_slider1, .image_slider2) .fl-slide-foreground .fl-slide-content {padding:0 !important;}
    :is(.image_slider1, .image_slider2) .fl-content-slider-navigation .slider-prev:before, :is(.image_slider1, .image_slider2) .fl-content-slider-navigation .slider-next:before {
        width: 48px;
        height: 48px;
    }

    
    :is(.image_slider1, .image_slider2, .image_slider3) .fl-slide {
        border: 0;
    }

    :is(.image_slider1, .image_slider2, .image_slider3) .slide-counter {
        bottom: -6px;
        width: 100%;
        left: 0;
    }

    .image_slider2 .slide-counter {
        bottom: -75px;
        width: 100%;
        left: 0;
        background: var(--white);
        padding: 7px 15px;
        height: initial;
    }

    .image_slider1 .slide-counter {
        bottom: -64px;
        top: initial;
        width: 100%;
        text-align: center;
        height: 32px;
        position: absolute;
    }

    :is(.image_slider1, .image_slider2) .fl-slide-photo img {
        max-height: 280px;
    }

    .image_slider1 .fl-slide-content-wrap {
        padding: 0;
        text-align: center;
        position: relative;
    }

    .image_slider1 .fl-slide-photo-wrap {
        position: absolute;
        top: 0;
    }

    .image_slider1 .fl-slide{
        width: 100%!important;
        margin: 0px 0px;
    }




    /*
        ========================
                SLIDER #2
        ========================
    */

    .image_slider2  {     
        padding-bottom: 155px; 
    }
    .image_slider2 .fl-content-slider-wrapper,
    .image_slider2 .fl-slide {
            min-height: 220px !important;
    }
    .fl-page-content .image_slider2 .fl-slide-foreground .fl-slide-text * {
        text-align:left;
    }

    .image_slider2 .fl-content-slider-navigation {
        max-width: 100%;
    }
    .image_slider2 .fl-content-slider-navigation {
        display: grid;
        grid-template-columns: 1fr 1fr; 
    }
    .image_slider2 .fl-content-slider-navigation .slider-prev, 
    .image_slider2 .fl-content-slider-navigation .slider-next {
        padding: 6px 40px;
    }
    .image_slider2 .fl-content-slider-navigation .slider-prev:before,
    .image_slider2 .fl-content-slider-navigation .slider-next:before {
        width: 30px;
        height: 23px;
        top: 4px;
        transform:scale(0.8);
    }
    .image_slider2 .fl-content-slider-navigation .slider-prev:before {
        transform:scale(0.8) rotate(180deg);
    }
    .image_slider2 .fl-content-slider-navigation .slider-prev:after, 
    .image_slider2 .fl-content-slider-navigation .slider-next:after {
        font-size: 0.89rem;
        position:absolute;
        right:60px;
        bottom: 3px;
    }
    .image_slider2 .fl-content-slider-navigation .slider-next:after {
        left:40px;
        
    }
    .image_slider2 .fl-content-slider-navigation .slider-prev:before {
        left: -15px;
    }
    .image_slider2 .fl-content-slider-navigation {
        top: initial;
        bottom: -35px;
    }

    .image_slider2 .fl-slide-content-wrap {
        padding: 15px;
        height: fit-content;
        top: calc(100% + 55px);
    }

    .image_slider1 .fl-slide-photo img {
        max-height: 220px !important;
        height: 80%;
        border-radius: 20px;
    }
    .image_slider2 .fl-slide-photo img {
        object-fit: cover;
        max-height: initial !important;
        height: 100%;
        width: 100%;
        border-radius: 6px;
    }




    /*
        ========================
                SLIDER #3
        ========================
    */

    .fl-page-content .fl-module-content-slider .fl-slide .fl-slide-title {
        font-size: 1.3333rem !important;
        line-height: 1.8889rem !important;
        margin-bottom: 16px !important;
    }
    .image_slider3 .fl-slide-content-wrap {
        padding: 0;
        height: fit-content;
        bottom: -163px;
    }

    .image_slider3 .bx-wrapper {
        max-width: 100% !important;
    }

    .image_slider3 .bx-controls {display:none;}
    :is(.image_slider1, .image_slider3) .fl-content-slider-navigation .slider-prev {
        left:0;
    }
    

    .image_slider3 .fl-slide-foreground {
        position:relative;
    }


    .image_slider3 img {
        height:220px !important;
        border-radius:3px;
        object-fit:cover;
    }
    .image_slider3 .slide-counter {
        bottom:-60px!important;
        top:0;
        text-align:center;
        top:initial!important;
    }
    :is(.image_slider1,.image_slider3) .fl-content-slider-navigation .slider-next {
        top: -1px;
        right:0;
    }
    :is(.image_slider1, .image_slider3) .fl-content-slider-navigation .slider-next:after {
        top: 1px;
        position:relative;
    }

    .image_slider3 .bx-wrapper .bx-pager {
        text-align: center;
        bottom: initial;
        top: 235px;
        padding: 0;
    }
    
    
    .image_slider3 .fl-slide-content {
        padding: 0 !important;
        text-align: left !important;
        padding-top: 90px !important;
    }

    .image_slider3 .bx-wrapper .bx-pager {
        left: 0;
        transform: translateY(25px);
    }




    /*
        ========================
                  TABS
        ========================
    */

    .fl-tabs .fl-tabs-panel-content-wrapper {
        display: block;
    }
    .fl-tabs .fl-tabs-panel-content-col1,
    .fl-tabs .fl-tabs-panel-content-col2 {
        width: 100%;
    }
    .fl-tabs .fl-tabs-panel-content-col2 {
        padding: 26px 18px;
    }

    .fl-tabs .fl-tabs-panel-content-col2 p {
        margin-top: 8px;
    }
    .fl-tabs-panel {border-bottom: 1px solid rgba(0,0,0,0.2);}




    /*
        ========================
                TIMELINE
        ========================
    */

    /*============
        GENERAL
    =============*/

    .timeline-list .timeline-list_item .item--details {
        padding: 26px;
    }

    .timeline-list .timeline-list_item .item--details p:not(.h4) {
        margin-top: 6px;
    }

    .timeline-list .timeline-list_item .item--details a {
        margin-top: 8px;
    }

    .timeline-container .timeline-list .timeline-list_item .item--details {
        margin-left: 36px;
    }

    .timeline-container .timeline-list li.timeline-list_item {
        margin-bottom: 16px;
    }




    /*============
      ALTERNATING
    =============*/

    .timeline-list.alt li.timeline-list_item {
        max-width: 100%;
    }
    
    .timeline-list.alt .item--arrow {
        left: -15px;
    }

    .timeline-list.alt li.timeline-list_item:nth-child(even),
    .timeline-list.alt li.timeline-list_item:nth-child(odd) {
        margin-bottom: 16px;
        padding-left: 0px;
    }

    .timeline-list.alt li.timeline-list_item:nth-child(odd) {
        padding-right: 0;
    }

    .timeline-list.alt li.timeline-list_item:nth-child(odd) .item--arrow {
        transform: rotate(0);
    }

    .timeline-list.alt li.timeline-list_item::before,
    .timeline-list.alt li.timeline-list_item:nth-child(even)::before,
    .timeline-list.aligned li.timeline-list_item::before {
        left: -9px;
    }

    .timeline-list.alt li.timeline-list_item:not(:first-of-type, :last-of-type)::after,
    .timeline-list.alt li.timeline-list_item:first-of-type::after,
    .timeline-list.alt li.timeline-list_item:last-of-type::after,
    .timeline-list.aligned li.timeline-list_item:not(:first-of-type, :last-of-type)::after,
    .timeline-list.aligned li.timeline-list_item:first-of-type::after,
    .timeline-list.aligned li.timeline-list_item:last-of-type::after {
        left: 0px;
    }




    /*
        ========================
                  FORM
        ========================
    */

    div.wpforms-container-full .wpforms-form .wpforms-field-label {
        font-size: 1rem;
        line-height: 1.6667rem;
    }

    div.wpforms-container-full .wpforms-form input[type=text],
    div.wpforms-container-full .wpforms-form input[type=email],
    div.wpforms-container-full .wpforms-form textarea {
        padding: 14px 18px;
        font-size: 0.8889rem;
        line-height: 1.5556rem;
    }

    div.wpforms-container-full .wpforms-form .wpforms-field:not(:last-of-type, :nth-last-of-type(2)) {
        margin-bottom: 16px;
    }

    div.wpforms-container-full .wpforms-form .wpforms-field:last-of-type {
        margin-bottom: 36px;
    }

    div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
    div.wpforms-container-full .wpforms-form input::placeholder,
    div.wpforms-container-full .wpforms-form textarea::placeholder {
        font-size: 0.8889rem;
        line-height: 1.5556rem;
    }




    /*
        ========================
               MATERIALS
        ========================
    */

    /*============
       CATEGORIES
    =============*/
    .materials-cats_btngroup {
        margin: -6.5px;
    }

    button.materials-cats_btn {
        margin: 6.5px;
        font-size: 0.8889rem;
    }




    /*============
          GRID
    =============*/
    .materials-list.cards {
        grid-template-columns: 100%;
        grid-row-gap: 16px;
    }

    .materials-list.cards .item--desc {
        padding: 49px 18px 25px 18px;
    }

    .materials-list.cards .item--desc p.h4 {
        max-width: 300px;
        margin-bottom: 10px;
    }

    .materials-list.cards .item--desc p:not(.h4) {
        font-size: 16px;
    }

    .materials-list.cards span.item--tag {
        margin: 5px;
    }




    /*============
         LIST
    =============*/

    .materials-list.list a {
        padding: 13px 0px;
    }

    .materials-list.list .item--desc {
        align-items: flex-start;
    }

    .materials-list.list .item--desc p.h4 {
        margin-right: 22px;
        font-size: 16px;
        max-width: 500px;
        display: flex;
        flex-direction: column;
    }

    .materials-list.list .item--desc p:not(.h4) {
        font-size: 16px;
        padding: 13px 21px;
    }

    .materials-list.list span.item--tag {
        margin-left: 0px;
        margin-top: 13px;
        width: fit-content;
    }




    /*
        ========================
               HOTSPOT MAP
        ========================
    */
    .hotspot-icon {
        justify-content: flex-start;
    }




    /*
        =================================================
                          SHORTCODES
        =================================================
    */
    .flexreversecolumn .fl-col-group {display: flex;flex-direction: column-reverse;}






.fl-builder-content .video-row .fl-module:not(.centered) .fl-accordion-content {
    padding-left: 35px;
}
.fl-builder-content .alignleftsmall .fl-button-wrap{
    text-align: left!important;
}
/*
========================
        SLIDER #3
========================
*/
.fl-slide-cta-button{
    padding-top:16px;
}
.image_slider3  .fl-slide-foreground{
    margin-top:0;
}
.image_slider3 .fl-slide-mobile-photo img {
    height: 220px !important;
    border-radius: 20px;
    object-fit: cover;
}
.image_slider3 .fl-slide-content{
    position: static;
    left:0;
}
.image_slider3 a.fl-button .a_arrow {
    display: inline-block;
    transition: all .5s ease;
    padding-left: 0;
}
.image_slider3 .fl-content-slider-navigation .slider-prev:before, .image_slider3 .fl-content-slider-navigation .slider-next:before{
    width: 48px;
    height: 48px;
}
.image_slider3 .fl-content-slider-navigation{
    max-width: 100%;
    bottom:-16px!important;
    top: initial!important;
}
.image_slider3 a.fl-button .a_arrow img{
    width: 16px;
    height: 12px!important;
}
.fl-builder-content .fl-module-content-slider.image_slider3  .fl-slide .fl-slide-content{
    padding-top:0!important;
}
.fl-builder-content .fl-module-content-slider.image_slider3  .fl-slide a.fl-button{
    padding:0 0!important;
    border-radius:0!important;
}
.image_slider3 .fl-slide-content-wrap{
    bottom:unset!important;
    margin-top:8px;
    padding:26px 18px!important;
    background-color:var(--offwhite)!important;
    border-radius:20px;
}
.fl-page-content .fl-module-content-slider.image_slider3  .fl-slide .fl-slide-title {
    font-size: 1.3333rem !important;
    line-height: 1.8889rem !important;
    margin-bottom: 16px !important;
}
.fl-page-content .fl-module-content-slider.image_slider3 .fl-slide .fl-slide-title.subtitle {
    font-size: 1.111rem!important;
    line-height: 1.111rem!important;
    color: var(--purple);
    font-family: var(--rocgrotesk)!important;
}
/*******image********/
.fl-post .sub-image img[class*="wp-image-"] {
    height: 240px!important;
    width: auto;
    object-fit: cover;
    border-radius: 6px;
}
.sub-image{
    position: absolute;
    bottom: unset;
    top: 0px;
    left: 18px;
}
.sub-image-row .fl-row-content-wrap{
    background-position: left 75px;
}
    /*****************/
    /***Three Image***/
    /*****************/

    .threeImgRow .uabb-masonary{
        position: relative;
        height:unset!important;
    }
    .threeImgRow .uabb-masonary-content{
    position: static!important;
    height: auto!important;
    display: block!important;
    width: 100%!important;
    }
    .threeImgRow .uabb-masonary-item:nth-child(3){
    position: absolute!important;
    left: 0px!important;
    top: 84px!important;
    height: 165px;
    width: auto;
    transform: translate(0, 0);
    transition: transform .5s ease-in-out!important;
    }
    .threeImgRow .uabb-masonary-item:nth-child(3) .uabb-photo-gallery-content,
    .threeImgRow .uabb-masonary-item:nth-child(3) .uabb-gallery-img{
    height:165px;
    max-width: 120px;
    margin: auto;
    object-fit: cover;
    border-radius: 6px;
    }
    .threeImgRow .uabb-masonary-content .uabb-gallery-img{
    display: block;
    border-radius: 6px;
    }
    .threeImgRow .uabb-masonary-item:nth-child(2){
    position: relative!important;
    left:unset!important;
    top:unset!important;
    margin: 0 0 0 auto;
    display: block;
    margin-top: 188px;
    height: 240px;
    margin-bottom: 0px;
    }
    .threeImgRow .uabb-masonary-item:nth-child(2) .uabb-photo-gallery-content,
    .threeImgRow .uabb-masonary-item:nth-child(2) .uabb-gallery-img{
    height:240px;
    max-width: 321px;
    margin: 0 0 0 auto;
    object-fit: cover;
    border-radius: 6px;
    }
    .threeImgRow .uabb-masonary-item:nth-child(4){
    position: absolute!important;
    left: unset!important;
    top: 0!important;
    right: 0px;
    bottom: unset;
    width: auto;
    height: 140px;
    border-radius:6px;
    transform: translate(0, 0);
    transition: transform .5s ease-in-out!important;
    }
    .threeImgRow .uabb-masonary-item:nth-child(4) .uabb-photo-gallery-content,
    .threeImgRow .uabb-masonary-item:nth-child(4) .uabb-gallery-img{
    height:140px;
    max-width: 200px;
    margin: auto;
    object-fit: cover;
    border-radius: 6px;
    }
    .fl-module-accordion .fl-accordion-button {
        padding-top: 13px;
        padding-right: 0px;
        padding-bottom: 13px;
        padding-left: 0px;
    }
    .immersive-text{
        padding-left: 18px;
        padding-right: 18px;
    }
    /***********post grid*************/
    .post0.post-row .post-col {
        width: 100%;
        float: left;
    }
    .post0.post-row .post-col.title-col {
        margin-right: 0;
    }
    .post0.post-row .post-col {
        width: 100%;
        float: left;
    }
    .post-grid {
        grid-template-areas:
            'post0'
            'post1'
            'post2';
        gap: 36px 54px;
    }
    .post2 img, .post1 img {
        width:100%;
        margin-bottom:26px;
        height:300px;
    }
    .post2 .defaultImg, .post1 .defaultImg {
        margin-bottom:26px;
        height:300px;
    }
    .title-col h3{
        font-size:1.556rem;
        line-height:2rem;
    }
    .post0 img{
        margin-bottom:26px;
        height:300px;
    }
    .post0 .defaultImg{
        margin-bottom:26px;
        height:300px;
    }
    .post0 .post-desc {
        margin-bottom: 16px;
    }
    /***posts***/
    .post img {
        width: 100%;
        object-fit: cover;
        transition: all 1s ease;
        height: 300px;
    }
    .hiddenfilters {
        margin-bottom: 0px;
    }
    .post_btn{
        margin-top:16px
    }
    div.loadMore{
        margin-top: 26px;
    }
    .posts-list{
        padding-bottom:44px;
    }
    .fl-archive--content .posts{
        margin-bottom:0;
    }
    .fl-archive .fl-archive--content {
        margin-top: 66px;
        margin-bottom: 36px;
    }
    .category-filters--go button, div.loadMore button, .colorbgButton a.fl-button{
        padding:15px 26px;
    }
    .category-filters--go{
        margin-top:13px;
    }
    .fl-archive--header .fl-archive--header-title {
        width: 100%;
        margin-top: 36px;
        margin-bottom: 23px;
    }
    .fl-archive--filter-search{
        width:100%;
    }
    .fl-archive--header .fl-archive--header-description{
        padding-bottom: 23px;
    }
    .fl-archive--filter{
        padding:21px 18px 26px;
    }
    .fl-archive--filter-refine {
        width: 70%;
    }
    .fl-archive--filter-refine .h3,div.filter-item .filter-item--label-title, div.fl-archive--filter-search .filter-item--label-title{
        font-size: 1rem;
        line-height: 1.667rem;
    }
    .fl-archive--filter-clear {
        width: 30%;
    }
    .filter-form--content{
        padding-top: 13px;
        flex-direction: column;
    }
    .filter-item ul{
        padding:0px 0 12px;
    }
    .filter-item ul li label .checkmark{
        top: 2px;
    }
    .infoBox h3{
        margin:16px 0 16px;
    }
    .post-wedget, .posts{
        display: grid;
        flex-wrap: initial;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
        width: 100%;
    }

    .smallLeft a.fl-button, .smallLeft .fl-button-wrap {
        text-align: left;
    }


    .testimonial-img-col .fl-col-content{
        height: 160px;
    }
    .testimonial-img-col .backImg {
        width: 100px;
        position: absolute;
        bottom: 52px;
        right: 44px;
    }
    .testimonial-img-col .frontImg {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100px;
    }
    .fl-post .faq-img img[class*="wp-image-"]{
        width: auto;
        max-width: unset;
        position: static;
        left: -160px;
        max-height: 220px;
        margin: auto;
        display: block;
    }

    blockquote p {
        font-size: 1.667rem;
        line-height: 1.667rem;
    }

    .quote-col .fl-node-content {
        background-size: 177px;
    }

    .photo-overlap {
        bottom: -44px;
        width: calc(100% - 36px);
    }

    .photo-overlap.top {
        top: 0;
    }

    .fl-module-photo-gallery.partners .uabb-photo-gallery-content {
        height: 20vw;
        padding: 12px;
    }

    .ticker-banner--wrapper {
        height: 100px;
        padding: 12px 0;
    }

    .ticker-banner--wrapper .ticker-text--item {
        font-size: 2rem;
    }

    .fl-post .floating-img img {
        height: 91vw;
        width: calc(100vw - 36px);
    }

    .floating-txt {
        top: calc(100% - 250px);
    }

    .fl-builder-content .centered .fl-accordion-button .fl-accordion-button-icon {
        padding-right: 25px;
        padding-left: 20px;
    }
    .fl-builder-content .fl-accordion-button .fl-accordion-button-icon::before{
        width: 14px;
        height: 14px;
        top: 18px;
    }
    /******program******/
    .programs {
        display: grid;
        flex-wrap: initial;
        grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
        gap: 26px 26px;
        width: 100%;
    }
    /******team******/
    .people, .partner{
        display: grid;
        flex-wrap: initial;
        grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
        gap: 26px;
        width: 100%;
    }
    .peopleBox img{
        max-width:100%;
    }
    .people .moreDetails, .partner .moreDetails{
        font-size: 0.889rem;
        line-height: 1.667rem;
    }
    .peopleBox p.peoplePosition{
        margin-bottom:16px;
    }
    /*****post slider****/
    .post-wedge.two-column .slick-current.slick-active .post {
        padding-right: 0px;
    }
}




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

    .fl-module-button.arrowlink.splash{
        margin:auto;
        max-width: 265px;
    }
    /*****Image****/
    .fl-post .mediumheight img {
        height: auto;
        max-height: 220px;
        object-fit: cover;
        object-position: center top;
    }
    /*****hero*****/
    body:not(.fl-builder-edit) .blog-img, body:not(.fl-builder-edit) .blog-img div, body:not(.fl-builder-edit) .blog-img img{
        width:100%;
        height:200px;
        border-radius: 20px;
        object-fit: cover;
    }
    .hotspot_map_module .uabb-hotspot .uabb-hotspot-tooltip-content {
        max-width: 250px;
    }

    .post-list .postBox .imgBox img{
        width:100%;
        height:300px;
        object-fit: cover;
    }
    .post-list .defaultImg{
        width:100%;
        height:300px;
        object-fit: cover;
    }

    .image_slider3 .fl-slide-mobile-photo img {
        height: 220px !important;
        border-radius: 20px;
        object-fit: cover;
    }

    .uabb-masonary-item:nth-child(3) .uabb-photo-gallery-content,
    .uabb-masonary-item:nth-child(3) .uabb-gallery-img{
    height:165px;
    max-width: 120px;
    margin: auto;
    object-fit: cover;
    border-radius: 6px;
    }
    .uabb-masonary-content .uabb-gallery-img{
    display: block;
    border-radius: 6px;
    }
    .uabb-masonary-item:nth-child(2){
    position: relative!important;
    left:unset!important;
    top:unset!important;
    margin: 0 0 0 auto;
    display: block;
    margin-top: 210px;
    height: 240px;
    margin-bottom: 0px;
    }
    .uabb-masonary-item:nth-child(2) .uabb-photo-gallery-content,
    .uabb-masonary-item:nth-child(2) .uabb-gallery-img{
    height:240px;
    max-width: 320px;
    margin: 0 0 0 auto;
    object-fit: cover;
    border-radius: 6px;
    }
    .uabb-masonary-item:nth-child(4){
    position: absolute!important;
    left: unset!important;
    top: 0!important;
    right: 0px;
    bottom: unset;
    width: auto;
    height: 140px;
    border-radius:6px;
    transform: translate(0, 0);
    transition: transform .5s ease-in-out!important;
    }
    .uabb-masonary-item:nth-child(4) .uabb-photo-gallery-content,
    .uabb-masonary-item:nth-child(4) .uabb-gallery-img{
    height:140px;
    max-width: 200px;
    margin: auto;
    object-fit: cover;
    border-radius: 6px;
    }
    .full-width .uabb-video .uabb-video__outer-wrap {
        padding-bottom: 200px;
    }
    .half-width .uabb-video .uabb-video__outer-wrap {
        padding-bottom: 200px;
    }
    .immersive-row .uabb-video__outer-wrap{
        padding-bottom:300px;
    }



    .floating-txt {
        top: calc(100% - 250px);
    }

    .fl-module-photo-gallery.partners .uabb-photo-gallery-content {
        padding: 22px 18px;
    }
    .fl-module-photo-gallery.partners .uabb-photo-gallery-content a::after{
        padding-right:6px;
    }
    /****Flower in full width****/
    html:not(.fl-builder-edit) .flower-col img[class*="wp-image-"]{
        height: 210px;
        max-width: 100%;
        width: auto;
        position: relative;
        object-fit: cover;
    }
    .image_caption p{
        font-size: 0.7rem;
        width:100%;
    }
}




/*
    =================================================
                        SMALL MOBILE
    =================================================
*/
@media only screen and (max-width: 480px) {

    .materials-list.list .item--desc p:not(.h4) {
        font-size: 12px;
        padding: 2px 16px;
    }
    /******team******/
    .people, .partner{
        display: grid;
        flex-wrap: initial;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        width: 100%;
    }
    
    
.people .moreDetails, .partner .moreDetails{
    font-size:0.889rem;
    line-height:1.667rem!important;
}

.peopleBox h4.peopleName, .partnerBox h4.partnerName{
    margin:23px 0;
}
.peopleBox p.peoplePosition{
    margin-top:0;
    margin-bottom:16px;
}
.peopleBox .peopleName{
    margin-top:16px;
    margin-bottom:6px;
}
.peopleBox button, .partnerBox button{
    font-size:0.889rem;
    line-height:1.667rem!important;
}
/****programs****/
.programs {
    display: grid;
    flex-wrap: initial;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    width: 100%;
}
.programs .img_program img{
    width:100%;
}
.program {
    padding: 26px 18px 26px;
    border-radius: 10px;
    border-bottom: 16px var(--yellow) solid;
}
}



/*
    =================================================
                        MOBILE SMALL
    =================================================
*/
@media only screen and (max-width: 400px) {

    .fl-module-photo-gallery.partners .uabb-photo-gallery-content {
        height: calc(20vw + 22px);
    }

    .stats.small .fl-number .fl-number-text .fl-number-string span {
        font-size: 2rem;
    }
    
}