/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */

/* VARIABLES */
:root {
    /* COLORS */
    --primary-blue: #141740;
    --primary-white: #F4F4F4;
    --primary-pink: #FF398B;

    --secondary-blue: #26A8E0;
    --secondary-dark-green: #00A14A;
    --secondary-green: #91E814;
    --secondary-green-light: #AFE85E;

    /* FONTS */
    --recoleta: 'Recoleta';
    --nunito-italic: 'Nunito Italic';
    --nunito-extra-bold-italic: 'Nunito Extra Bold Italic';
    --nunito-extra-light: 'Nunito Extra Light';
    --nunito-bold: 'Nunito Bold';
    --nunito-extra-bold: 'Nunito Extra Bold';
    --nunito-extra-light-italic: 'Nunito Extra Light Italic';
    --nunito-bold-italic: 'Nunito Bold Italic';
    --nunito-black: 'Nunito Black';
    --nunito-light-italic: 'Nunito Light Italic';
    --nunito-light: 'Nunito Light';
    --nunito-semi-bold: 'Nunito Semi Bold';
    --nunito-black-italic: 'Nunito Black Italic';
    --nunito-regular: 'Nunito Regular';
    --nunito-semi-bold-italic: 'Nunito Semi Bold Italic';
}





/* SPACING */
.fl-row:not(.nopadding) .fl-row-content-wrap {
    padding-left: 72px;
    padding-right: 72px;
}





/* TYPOGRAPHY */
html, body { 
    font-size: 18px !important;

}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0px;
    margin-bottom: 0px;
}

h1, .h1, .h1 p, .h1 .fl-heading {
    font-family: var(--recoleta);
    font-weight: normal;
    font-size: 3.3333rem;
    line-height: 3.6111rem;
}

h2, .h2, .h2 p, .h2 .fl-heading {
    font-family: var(--recoleta);
    font-weight: normal;
    font-size: 2.5rem;
    line-height: 3.1111rem;
}

h3, .h3, .h3 p, .h3 .fl-heading {
    font-family: var(--recoleta);
    font-weight: normal;
    font-size: 1.7778rem;
    line-height: 2.2222rem;
}

h4, .h4, .h4 p, .h4 .fl-heading {
    font-family: var(--recoleta);
    font-weight: normal;
    font-size: 1.5556rem;
    line-height: 2.1111rem;
}

h5, .h5, .h5 p, .h5 .fl-heading {
    font-family: var(--nunito-semi-bold);
    font-size: 1.4444rem;
    line-height: 1.8889rem;
}

h6, .h6, .h6 p, .h6 .fl-heading {
    font-family: var(--nunito-extra-bold);
    font-size: 1.0556rem;
    line-height: 1.4444rem;
}

.large p {
    font-family: var(--nunito-regular);
    font-size: 1.2222rem;
    line-height: 1.8333rem;
}

p,
.fl-page li {
    font-family: var(--nunito-regular);
    font-size: 1rem;
    line-height: 1.5556rem;
    margin-bottom: 0;
}

#menu-footer-menu li { margin-left: 0 !important; }

.caption {
    font-family: var(--nunito-regular);
    font-size: 0.8889rem;
    line-height: 1.3889rem;
}

.fl-page :is(ul, ol) {
    padding: 0;
    margin: 0;
}

.fl-page li {
    color: var(--primary-blue);
    list-style-position: outside;
    margin-left: 22px;
}
.fl-page li::marker {
    color: var(--primary-pink);
    font-size: 1.2em;
}
.fl-page ol li::marker {
    font-family: var(--nunito-bold);
    font-size: 1rem;
}

.num_counter .uabb-number-int,
.num_counter .uabb-number-string {
    font-family: var(--recoleta);
    font-size: 4.4444rem;
    line-height: 3.6111rem;
    color: #141740;
}

a { color: var(--primary-pink); }
a.acc_external_link, .acc_external_link a {position:relative;}
a.acc_external_link .acc_external,
.acc_external_link a .acc_external,
a .acc_external,
.acc_external {
    position: fixed;
    background: var(--primary-blue);
    color: var(--primary-white);
    padding: 5px 15px 5px;
    font-size: 9px;
    font-size: 0.5556rem;
    font-family: var(--nunito-semi-bold);
    transform: scale(1.07) translateY(10px);
    visibility: hidden;
    text-transform: uppercase;
    opacity: 0;
    left: -99999px;
    z-index: 999;
    margin: 6px;
    box-shadow: 0px 0px 5px rgb(255 255 255 / 50%);
    border-radius: 4px;
    text-align: center;
    width: 190px;
    font-style: normal;
}

a.acc_external_link:hover .acc_external, 
.acc_external_link a:hover .acc_external,
a:hover .acc_external {
    visibility: visible;
    opacity: 1;
    
}

a.acc_external_link:focus .acc_external, 
.acc_external_link a:focus .acc_external,
a:focus .acc_external {
    top:10px !important;
    left:0 !important;
    position:absolute;
    visibility: visible;
    opacity: 1;
    padding:0 !important;
    
}

a .acc_external_icon {
    position: relative;
    top: 1px;
    margin-left: 5px;
}




/* HEADING DECORATIONS */
.deco .fl-heading-text:before,
.deco .fl-rich-text:before,
p.deco:before {
    content: '';
    display: block;
    width: 37px;
    height: 4px;
    margin-bottom: 22px;
}

.deco.center .fl-heading-text:before,
.deco.center .fl-rich-text:before {
    margin: 0 auto 22px auto;
}

.deco.pink .fl-heading-text:before,
.deco.pink .fl-rich-text:before,
p.deco.pink:before { background: var(--primary-pink); }

.deco.white .fl-heading-text:before { background: #ffffff; }
.deco.white .fl-rich-text:before { background: #ffffff; }





/* PAGE ICONS */
.housing_icon:before {
    content: '';
    background: url('http://cdfoundation.wpengine.com/wp-content/uploads/CDF_Housing-Icon_Pink.svg');
}





/* GRADIENT BACKGROUNDS */
.blue_gradient .fl-row-content-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background: linear-gradient(to right, #141740 0%, rgba(20, 23, 64, 0) 75%);
}
.blue_gradient .fl-col-group { position: relative; }

.blue_gradient_right .fl-row-content-wrap,
.pink_gradient_right .fl-row-content-wrap,
.green_gradient_right .fl-row-content-wrap {
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.blue_gradient_right .fl-row-content-wrap {
    background-image: url('/wp-content/uploads/CDF_Luminous-C_Bright-Blue.svg');
}
.pink_gradient_right .fl-row-content-wrap {
    background-image: url('/wp-content/uploads/CDF_Luminous-C_Pink_right.svg');
}
.green_gradient_right .fl-row-content-wrap {
    background-image: url('/wp-content/uploads/CDF_Luminous-C_Grass-Green_right.svg');
}

.community_icon_pink {
    position: relative;
}
.community_icon_pink:before {
    content: url('/wp-content/uploads/CDF_Community-Icon_Pink.svg');
    position: absolute;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
}



/* MENU */
body.fl-builder-edit header { display: none; }
body.fl-builder-edit.fl-theme-builder-header header {display: block !important;}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0px 3px 6px rgba(20, 23, 64, 0.06);
}

.menu-logo { max-width: 150px !important; transform: translateZ(0); }

.menu-decoration {
    width: 100%;
    height: 10px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

.menu-decoration span { width: 25%; }
.menu-decoration .pink { background-color: var(--primary-pink); }
.menu-decoration .dark-green { background-color: var(--secondary-dark-green); }
.menu-decoration .blue { background-color: var(--secondary-blue); }
.menu-decoration .light-green { background-color: var(--secondary-green); }

.menu-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
}

.menu-content { display: flex; }

.menu-mobile { display: none; }

.menu-items-wrapper {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    transition: transform 0.4s ease-in-out;
    z-index: -1;
    background: #F6F6F7;
    transform: translateY(-100%);
}

.first-level-menu.active .menu-items-wrapper {
    transform: translateY(0%);
    transition: transform 0.4s ease-in-out;
}

.menu-items-wrapper-items {
    display: flex;
    max-width: 1366px;
    margin: 0 auto;
}

.menu-item .title {
    font-family: var(--nunito-bold);
    font-size: 0.9444rem;
    line-height: 1.4444rem;
    color: #141740;
    margin-right: 16px;
}

.first-level-menu {
    cursor: pointer;
}

.first-level-menu .title:before {
    font-family: 'Ultimate-Icons' !important;
    content: "\ea3f";
    color: var(--primary-pink);
    margin-right: 4px;
}

.first-level-menu.active .title:before {
    content: "\ea3b" !important;
}

.second-level-menu:first-child { border-left: 1px solid rgb(20, 23, 64, 0.09); }
.second-level-menu { 
    border-right: 1px solid rgb(20, 23, 64, 0.09);
    width: 25%;
}

.second-level-menu-link {
    display: block;
    padding: 40px;
}

.second-level-menu-link .second-level-menu-title:after {
    content: '';
    display: block;
    width: 25px;
    height: 2px;
    margin-top: 16px;
}

.second-level-menu-link.pink .second-level-menu-title:after { background: var(--primary-pink); }
.second-level-menu-link.blue .second-level-menu-title:after { background: var(--secondary-blue); }
.second-level-menu-link.dark-green .second-level-menu-title:after { background: var(--secondary-dark-green); }
.second-level-menu-link.light-green .second-level-menu-title:after { background: var(--secondary-green-light); }

.second-level-menu-title {
    font-family: var(--recoleta);
    font-weight: normal;
    font-size: 1.7778rem;
    line-height: 1.8889rem;
    color: #141740;
    margin-bottom: 20px;
}

.second-level-menu-content {
    font-family: var(--nunito-regular);
    font-size: 0.8889rem;
    line-height: 1.4444rem;
    color: #141740;
}

.menu-item-btn a {
    background: var(--primary-pink);
    padding: 14px 20px;
    border-radius: 30px;
    transition: background .5s ease;
}
.menu-item-btn a:hover {
    background: var(--primary-blue);
    color: #fff;
}

.search-menu-btn a { margin-right: 0 !important; }
.search-menu-btn span {
    font-size: 30px;
    line-height: 0;
    vertical-align: middle;
    color: #141740;
}

/* MENU MOBILE */
.menu-mobile { padding: 20px 0 20px 20px; }

.menu-mobile-trigger {
    width: 45px;
    height: 24px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.menu-mobile-trigger span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: var(--primary-blue);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.menu-mobile-trigger span:nth-child(1) { top: 0px; }
.menu-mobile-trigger span:nth-child(2),.menu-mobile-trigger span:nth-child(3) { top: 10px; }
.menu-mobile-trigger span:nth-child(4) { top: 20px; }

.menu-mobile.active .menu-mobile-trigger span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.menu-mobile.active .menu-mobile-trigger span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-mobile.active .menu-mobile-trigger span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu-mobile.active .menu-mobile-trigger span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.mobile-menu-items {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #F4F4F4;
    z-index: -1;
    transform: translateY(-100%);
    transition: transform .5s ease;
    padding: 36px 72px;
}

.menu-mobile.active .mobile-menu-items {
    transform: translateY(0%);
}

.mobile-menu-items form { margin-bottom: 36px; }
.mobile-menu-items .menu-item { margin-bottom: 22px; }
.second-level-menu-mobile { 
    display: none;
    padding-top: 6px;
    padding-left: 42px;
}

.mobile-menu-link p { color: var(--primary-blue); }

.mobile-menu-items input[type=search] {
    border: 0 !important;
    border-radius: 30px !important;
    height: 50px !important;
}





/* SEARCH BAR */
.search_wrapper_content {
    right: 0;
    background: #fff;
    padding: 20px;
    transform: translateY(-100%);
    z-index: -1;
    transition: transform .5s ease;
}
.search_wrapper_content.active {
    transform: translateY(0%);
    box-shadow: 0px 3px 6px rgba(20, 23, 64, 0.2);
}

.search_input input {
    border: 0;
    border-bottom: 1px solid var(--primary-pink);
    border-radius: 0;
    min-width: 400px;
    font-family: var(--nunito-regular);
    font-size: 1rem;
    color: var(--primary-blue);
    background: none;
}

.submit_search {
    width: 50px;
    height: 50px;
    border: 2px solid var(--primary-pink) !important;
    padding: 0;
    border-radius: 100%;
    margin-left: 20px;
    background: none;
    color: var(--primary-blue);
    transition: all .5s ease;
}

.submit_search:hover,
.submit_search:active,
.submit_search:focus {
    background: var(--primary-pink);
}

.submit_search span { 
    font-family: var(--nunito-bold);
    line-height: 0;
}

.input_wrapper input {
    border: 0;
    height: 50px;
    border-bottom: 1px solid var(--primary-blue);
    border-radius: 0;
    background: no-repeat;
    margin-bottom: 36px;
    font-family: var(--nunito-regular);
    font-size: 1rem;
    color: var(--primary-blue);
}




/* HERO */
.hero_area .fl-row-content-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.hero_area.pink .fl-row-content-wrap:before { background-image: linear-gradient(to right, #141740 0%, rgba(20, 23, 64, 0) 75%), url('/wp-content/uploads/CDF_Luminous-C_Pink.svg'); }
.hero_area.dark_green .fl-row-content-wrap:before { background-image: linear-gradient(to right, #141740 0%, rgba(20, 23, 64, 0) 75%), url('/wp-content/uploads/CDF_Luminous-C_Grass-Green.svg'); }
.hero_area.blue .fl-row-content-wrap:before { background-image: linear-gradient(to right, #141740 0%, rgba(20, 23, 64, 0) 75%), url('/wp-content/uploads/CDF_Luminous-C_Bright_Blue-Radius.svg'); }
.hero_area.light_green .fl-row-content-wrap:before { background-image: linear-gradient(to right, #141740 0%, rgba(20, 23, 64, 0) 75%), url('/wp-content/uploads/CDF_Luminous-C_Bright_Green-Radius.svg'); }

.hero_area .fl-col-group { position: relative; }





/* JUMP LIKS */
.jump-link-wrapper {
    display: flex;
    justify-content: center;
}

.jump-link-wrapper ul {
    background: var(--primary-blue);
    padding: 30px;
    border-radius: 10px;
}

.jump-link-wrapper li { margin-left: 0; }

.jump-link-wrapper .caption:after {
    font-family: 'Ultimate-Icons' !important;
    content: "\e950";
    margin-left: 6px;
    vertical-align: middle;
}

.jump-link-wrapper :is(p, a) { color: #ffffff; }

.jump-link-wrapper a { 
    display: inline-block;
    margin-top: 20px;
}

.jump-link-wrapper a:after { 
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #ffffff;
}

.jump-link-wrapper li {
    list-style-type: none;
}




/* BUTTONS */
.button .fl-button,
.button_ {
    transition: all .5s ease;
    border-radius: 100px !important;
}

.button .fl-button-text,
.button_ {
    font-family: var(--nunito-bold);
    font-size: 0.8333rem;
    line-height: 1.4444rem;
    transition: all .5s ease;
}

.button_ {
    padding-top: 12px;
    padding-right: 34px;
    padding-bottom: 12px;
    padding-left: 34px;
    border: none !important;
}

.button .fl-button .fl-button-icon {
    transition: margin-left .4s ease-in-out;
}

.button .fl-button:hover .fl-button-icon {
    margin-left: 40px;
}

.button.transparent .fl-button:hover .fl-button-icon {
    margin-left: 24px;
}

.button .fl-button-icon:before { color: #ffffff; }
.button.transparent .fl-button-icon:before { color: var(--primary-pink); }

.button_.pink {
    background-color: var(--primary-pink);
    color: var(--primary-blue);
}




/* FEATURED NEWS & STORIES */
.fl-post-grid-post { border: none !important; }

.featured_news > img {
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
    height: 625px;
}

.featured_news-card {
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 37px;
    max-width: 530px;
    padding: 24px;
    border-radius: 10px;
}

.featured_news-card .badge {
    display: inline-block;
    margin-bottom: 36px;
}

.featured_news-card p {
    color: var(--primary-blue);
    margin-bottom: 23px;
}

.featured_news-card button {
    display: flex;
    background: none;
    border: none;
    font-family: var(--nunito-bold);
    font-size: 0.8333rem;
    line-height: 1.4444rem;
    color: #141740;
    padding-left: 0;
}

.featured_news-card button:after {
    content: "\e952";
    font-family: 'Ultimate-Icons' !important;
    font-size: 1.3em;
    color: var(--primary-pink);
    margin-left: 10px;
    transition: margin-left .4s ease-in-out;
}

.featured_news-card button:hover:after {
    margin-left: 24px;
}

.badge {
    font-family: var(--nunito-bold);
    font-size: 0.6667rem;
    line-height: 1.4444rem;
    background: var(--primary-pink);
    color: #141740;
    padding: 3px 18px;
    border-radius: 30px;
}





/* NEWS & STORIES CARDS */
.news_card { position: relative; }

.news_card .badge {
    position: absolute;
    margin: 10px;
}

.news_card img {
    border-radius: 10px 10px 0 0;
    height: 240px;
    width: 100%;
    object-fit: cover;
}

.news_card_content {
    padding: 40px 26px;
    border-radius: 0 0 10px 10px;
}

.news_card_content p {
    color: var(--primary-blue);
}

.news_card:hover .news_card_content {
    background: #ffffff;
    transition: background .3s ease;
}

.news_card:hover .news_card_content:after {
    content: "\e952";
    font-family: 'Ultimate-Icons' !important;
    color: var(--primary-pink);
    font-size: 1.3em;
    position: absolute;
    right: 20px;
    bottom: 10px
}

.next_three .fl-post-grid-post {
    background: none;
}


/* GRANT DEADLINE BOX */
.deadline_box_col > .fl-col-content {
    max-width: 520px;
}

.grant_deadline {
    text-align: center;
}
.grant_deadline p {
    font-family: var(--nunito-extra-bold);
    font-size: 0.7778rem;
    line-height: 1.4444rem;
    color: #141740;
}
.grant_deadline p:before {
    content: url('/wp-content/uploads/noun_monthly-calendar_1814996.svg');
    vertical-align: middle;
    margin-right: 10px;
}
.grant_deadline_title {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    margin: 20px 10px;
}





/* TABS */
.tabs li {
    list-style-type: none;
    padding: 20px 0;
    border-bottom: 6px solid transparent;
    transition: border-bottom .5s ease;
}
.tabs li.ui-state-active,
.tabs li.ui-state-hover {
    border-bottom: 6px solid var(--primary-blue);
}

.tabs ul a {
    font-family: var(--nunito-bold);
    font-size: 1.4444rem;
    line-height: 1.8889rem;
    color: var(--primary-blue);
    opacity: 0.6;
    padding: 20px;
}

.tabs ul.tab_style_2 a {
    font-size: 1.2222rem;
    line-height: 1.8333rem;
    color: var(--primary-blue);
    width: 100%;
    display: block;
    padding: 0;
}

.tabs li.ui-state-active a {
    opacity: 1;
}

.tabs ul.ui-tabs-nav {
    display: flex;
    justify-content: space-evenly;
    border-bottom: 1px solid var(--primary-blue);
}

.tabs .tab_ {
    display: flex;
    margin-top: 44px;
}

.tabs .tab_ .tab_content {
    background: #fff;
    padding: 40px;
    border-radius: 10px 0 0 10px;
}

.tabs .tab_ .tab_content li {
    list-style-position: outside !important;
    list-style-type: disc !important;
    margin-left: 22px !important;
    padding: 0 !important;
}

.tabs .tab_ .tab_content_style_2 {
    background: none !important;
    max-width: 60%;
}

.tabs .tab_ .tab_content_style_2 .button_ {
    background-color: var(--primary-pink);
}

.tabs .tab_ .tab_content p {
    color: var(--primary-blue);
    margin-bottom: 20px;
}

.tabs .tab_ img {
    object-fit: cover;
    max-width: 40%;
    border-radius: 0 10px 10px 0;
}

.tab_content .tab_icon img {
    width: 51px;
    margin-bottom: 20px;
}

.our_focus_row .fl-row-content-wrap {
    transition: background-color .6s ease;
}

#tab-76-0 .button_ { background-color: var(--primary-pink); color: var(--primary-blue); }
#tab-76-1 .button_ { background-color: var(--secondary-blue); color: var(--primary-blue); }
#tab-76-2 .button_ { background-color: var(--secondary-dark-green); color: var(--primary-blue); }
#tab-76-3 .button_ { background-color: var(--secondary-green-light); color: var(--primary-blue); }





/* OVERLAP CARD WITH IMAGE */
.overlap .fl-col-group {
    position: relative;
}

.overlap .overlap_card {
    width: 60%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}





/* QUOTE */
.quote_image .fl-photo-img {
    height: 168px !important;
    object-fit: cover;
}





/* ACCORDION */
.accordion .uabb-adv-accordion-button-label {
    font-family: var(--nunito-bold);
    font-size: 1.2222rem;
    color: #141740;
}

.accordion .uabb-adv-accordion-content {
    font-family: var(--nunito-regular);
    font-size: 1rem;
    line-height: 1.5556rem;
}

.accordion .uabb-adv-accordion-item {
    background: var(--primary-white);
    border-radius: 10px;
}




/* READ MORE ACCORDION */
.read_more .uabb-adv-accordion-button-label {
    width: auto !important;
    font-family: var(--nunito-regular);
    font-size: 0.8333rem;
    line-height: 1.4444rem;
    color: #141740;
}

.read_more .uabb-adv-accordion-content {
    font-family: var(--nunito-regular);
    font-size: 1rem;
    line-height: 1.5556rem;
}





/* ISOTOPE */
.grid-sizer, .grid-item { width: calc(33.333% - 20px); }
.grid-item { margin-bottom: 20px; }

.updates--filter-options {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.updates--filter-options .filter-btn {
    background: #fff;
    border: none;
    font-family: var(--nunito-bold);
    font-size: 0.8333rem;
    line-height: 1.4444rem;
    transition: all .5s ease;
    color: var(--primary-blue);
    border-radius: 100px;
    padding: 12px 24px;
    margin: 0 6px;
}

.updates--filter-options .filter-btn:hover,
.updates--filter-options .filter-btn.active {
    background: var(--primary-pink);
}

.updates--load-more-btn {
    text-align: center;
    margin-top: 50px;
    display: none;
}

.updates--load-more-btn .button_ {
    background-color: var(--primary-pink);
    color: var(--primary-blue);
}

.updates--loading { text-align: center; }
.updates--loading img { height: 160px; }





/* FLYOUTS */
.team--wrapper { display: flex; }
.team--wrapper p { color: var(--primary-blue); }

.team--filter-wrapper { width: 35%; }
.team--posts-wrapper { width: 65%; }

.team--filter-wrapper .filter-item {
    font-family: var(--nunito-regular);
    font-size: 1rem;
    line-height: 1.5556rem;
    color: var(--primary-blue);
    width: fit-content;
    margin: 20px 0;
}
.team--filter-wrapper .filter-item:after {
    content: '';
    width: 0%;
    height: 2px;
    background: var(--primary-pink);
    transition: width .5s ease;
    display: block;
}

.team--filter-wrapper .filter-item.active {
    font-family: var(--nunito-bold);
}
.team--filter-wrapper .filter-item.active:after,
.team--filter-wrapper .filter-item:hover:after {
    width: 100%;
}

.team--post img {
    height: 240px;
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
    margin-bottom: 10px;
}

.team--flyout {
    position: fixed;
    z-index: 999;
    top: 0;
    right: -100%;
    width: 56%;
    height: 100%;
    background: #fff;
    transition: right .5s ease;
    filter: drop-shadow(-10px 3px 20px rgba(0, 0, 0, 0.05));
    overflow-y: auto;
}

.team--flyout.active {
    right: 0;
}

.team--flyout-content {
    max-width: 565px;
    margin: 0 auto;
    padding: 40px;
}

.team--flyout-content > * {
    margin-bottom: 20px;
    color: var(--primary-blue);
}

.flyout-img img {
    width: 260px;
    height: 240px;
    border-radius: 10px;
    object-fit: cover;
}

.flyout--close {
    display: inline-block;
    background: var(--primary-pink);
    border-radius: 100%;
    padding: 8px;
    margin: 20px;
    cursor: pointer;
    transition: background-color .5s ease, box-shadow .5s ease;
}

.flyout--close:hover { 
    background-color: var(--primary-white);
    box-shadow: 0 0 5px 5px rgba(0,0,0,.1);
}




/* UPDATES SINGLE PAGE */
.update_tag-single {
    font-family: var(--nunito-extra-bold);
    font-size: 1.0556rem;
    line-height: 1.4444rem;
    color: #fff;
    margin-right: 20px;
}
.update_date-single { color: #fff; }

/* .updates_single { padding-bottom:100px; } */

.updates_single p:not(.wp-caption-text),
.updates_single h1,
.updates_single h2,
.updates_single h3,
.updates_single h4,
.updates_single h5,
.updates_single h6,
.updates_single ul {
    max-width: 720px;
    margin: 20px auto;
    color: var(--primary-blue);
}

.updates_single figure {text-align:center}

.updates_single h2 {
    font-family: "roboto-regular";
    font-weight: normal;
    font-size: 34px;
    font-size: 1.8889rem;
    line-height: 47px;
    line-height: 2.6111rem;
}

.updates_single :is(iframe, img) { 
    margin-top:36px;
    /* margin-bottom:36px; */
    overflow: hidden;
    border-radius: 10px;
    height: 550px;
    width: 150%!important;
    position: relative;
    margin-right: -25%!important;
    max-width: 150%!important;
    float: right;
    object-fit: cover;
}

.updates_single blockquote p {
    font-family: var(--recoleta);
    font-size: 2.2222rem;
    line-height: 2.8889rem;
    color: #141740;
}
/* .updates_single blockquote cite:before
{
    content:"-";
} */
.updates_single blockquote {
    margin: 40px auto !important;
    max-width: 720px;
    font-style: oblique;
    padding:0;
    border:0;
}
/* .updates_single .fl-content {
    margin:0;
    padding:36px 136px;
} */
/* .fl-post img[class*="wp-image-"] {
    max-width:100%;
    border-radius:6px;
    margin:auto;
} */
.wp-caption p.wp-caption-text {
    font-family: var(--nunito-regular);
    font-size: 0.8333rem;
    line-height: 1.5556rem;
    color: #141740;
    width: 150%!important;
    margin-right: -25%!important;
    max-width: 150%!important;
    float: right;
    text-align: left;
}

.wp-caption {
    background: none;
    border: 0;
    width: auto !important;
    max-width: 720px !important;
    padding: 0 !important;
    margin: 0 auto !important;
}





/* GRANTEE TABLE */
.grantee-table thead th {
    font-family: var(--nunito-extra-bold);
    font-size: 1.0556rem;
    line-height: 1.4444rem;
    color: #fff;
    background-color: var(--primary-blue);
}

.grantee-table :is(.column-7, .column-8)  { display: none; }

.grantee-table td.column-1 {
    font-family: var(--nunito-bold) !important;
}

.grantee-table td.column-6:before {
    content: '$';
}

.grantee-table td[class*="column-"],
.dataTables_length :is(label, option),
.dataTables_filter :is(label, input) {
    font-family: var(--nunito-regular);
    font-size: 1rem;
    line-height: 1.5556rem;
    color: #141740;
}





/* LOGIN FORM */
.login_form input[type=text].um-form-field,
.login_form input[type=password].um-form-field {
    height: 60px !important;
    border-radius: 10px !important;
    border-color: var(--primary-blue) !important;
}

input[type=submit].um-button {
    font-family: var(--nunito-bold) !important;
    font-size: 0.8333rem !important;
    background: var(--primary-blue) !important;
    border-radius: 30px !important;
    padding: 18px 40px !important;
}

.um a.um-button.um-alt {
    font-family: var(--nunito-bold) !important;
    font-size: 0.8333rem !important;
    background: var(--primary-pink) !important;
    color: #fff !important;
    border-radius: 30px !important;
}





/* BOARD MEMBER DASHBOARD */
.bm--selected-option :is(.h3, a) {
    color: var(--primary-blue);
    margin-bottom: 36px;
}





/* FOOTER */
.footer_heading .fl-rich-text p {
    font-family: var(--recoleta) !important;
    font-size: 2.6667rem !important;
    line-height: 3.2222rem !important;
}

.footer_gradient .fl-row-content-wrap {
    background: url(/wp-content/uploads/CDF_Luminous-C_Pink_footer.svg), rgb(20, 23, 64) !important;
    background-position-y: bottom !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
}

#menu-footer-menu .menu-item a {
    font-family: var(--nunito-bold);
    font-size: 0.9444rem;
    line-height: 1.3889rem;
}

.fl-icon { cursor: pointer; }

/* Mailchimp Subscribe Form*/
form#mc-embedded-subscribe-form {
    padding: 0!important;
    max-width: 725px;
}

#mc-embedded-subscribe-form .mc-field-group {
    width: 50%!important;
    float: left;
    clear: none!important;
    margin-bottom: 20px;
    padding-bottom: 0!important;
    padding-right: 20px;
}

#mc-embedded-subscribe-form .mc-field-group input {
    border: none;
    height: 58px;
    border-radius: 10px;
    padding: 0 10px!important;
    color: #141740;
}

#mc-embedded-subscribe-form ::-webkit-input-placeholder { /* Edge */
  color: #141740;
}

#mc-embedded-subscribe-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #141740;
}

#mc-embedded-subscribe-form ::placeholder {
  color: #141740;
}

#mc-embedded-subscribe-form #mc-embedded-subscribe {
    padding-top: 17.5px;
    padding-right: 34px;
    padding-bottom: 17.5px;
    padding-left: 34px;
    border: none !important;
    background-color: var(--primary-pink);
    height: auto;
    border-radius: 50px;
    color: #141740;
    font-family: var(--nunito-bold);
    font-size: 0.8333rem;
    line-height: 1.4444rem;
    margin: 0;
}