/**
Theme Name: CTA IFT Astra Child
Author: StellarJay Digital Services
Author URI: 
Description: 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cta-ift-astra-child
Template: cta-ift-astra-child
*/
:root {
    --primary-color: #21489E;
    --primary-alt-color: #133788;
    --accent-color: #EDE7E0;
    --accent-green-color: #057658;
    --black-color: #1F1F23;
    --light-grey-color: #D5D5D5;
    --medium-grey-color: #969696;
    --dark-grey-color: #575151;
    --light-blue-color: #DAF7F7;
    --white-color: #fff;
    --off-white-color: #FCFBFA;
    --serif-family: "sole-serif-titling-variable", serif;
    --san-serif-family: "sofia-pro-soft", sans-serif;
    --card-box-shadow: 0 3px 24px #8D8D8D !important;
    --sm-card-box-shadow: 0 3px 24px #d5d5d529;
    --sm-card-box-shadow-hover: 0 3px 24px #d5d5d5;
    --sm-card2-box-shadow: 0 3px 24px #d5d5d550;
    --sm-card2-box-shadow-hover: 0 3px 24px #d5d5d5;
}

/* global typography */
body {
    font-family: var(--san-serif-family);
}

a,
.ast-single-post .entry-content a {
    color: var(--primary-color)
}

a:hover,
.ast-single-post .entry-content a:hover {
    color: var(--primary-alt-color);
}

a[role=button]:not(.ast-outline-button),
.ast-single-post .entry-content a[role=button]:not(.ast-outline-button) {
    color: var(--white-color);
}

a[role=button]:hover,
.ast-single-post .entry-content a[role=button]:hover {
    text-decoration: none;
}

.button_teriary>div>a[role=button] {
    background-color: var(--accent-color);
    color: var(--black-color) !important;
}

.button_teriary>div>a[role=button]:hover {
    background-color: var(--light-blue-color);
    color: var(--primary-color);
}

h1,
h2,
h5 {
    font-family: var(--serif-family);
    font-weight: 400 !important;
}

h1 {
    line-height: 62px !important;
    letter-spacing: -1.95px;
}

h2 {
    line-height: 50px !important;
}

h3,
h4 {
    font-family: var(--san-serif-family);
    font-weight: 400 !important;
}

h3 {
    line-height: 38px !important;
}

h4.wp-block-heading {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 0;
    color: var(--dark-grey-color);
}

h4.large {
    font-size: 26px;
}

h5 {
    margin-bottom: 0;
}

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

    h1,
    h2,
    h3,
    h4,
    h5 {
        line-height: 1 !important;
    }
}

p.no-margin {
    margin: 0;
}

p.large {
    font-size: 20px;
}

.hide {
    display: none;
}

/* end global settings */

/* header customizations */
.ast-primary-header-bar,
.ast-header-break-point .ast-primary-header-bar {
    border: 0;
}

.ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item {
    line-height: 30px;
}

.main-header-menu .menu-link,
.main-header-menu>a {
    padding: 0 .5em;
}

.ast-builder-grid-row {
    grid-column-gap: 5px;
}

/** header right buttons **/
#ast-hf-menu-2.main-header-menu>.menu-item>.menu-link {
    background-color: var(--primary-color);
    color: var(--white-color);
    padding: 12px 18px;
    border-radius: 6px;
    line-height: 16px;
    margin-left: 5px;
}

#ast-hf-menu-2.main-header-menu>.menu-item>.menu-link:hover {
    background-color: var(--primary-alt-color);
}

/* Was for donate menu button. removed: JAN 5 2026 */
/* #ast-hf-menu-2.main-header-menu>.menu-item:first-child>.menu-link {
    background-color: var(--accent-color);
    color: black;
}

#ast-hf-menu-2.main-header-menu>.menu-item:first-child>.menu-link:hover {
    background-color: var(--light-blue-color);
} */

.main-header-menu>.menu-item>.sub-menu {
    border-width: 0;
    border-radius: 6px;
    padding: 8px;
    box-shadow: 0px 3px 24px var(--light-grey-color);
}

.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar {
    border-radius: 20px;
    background: var(--white-color);
    margin: 12px;
    box-shadow: 0 3px 24px #D5D5D529;
}

/* end header customiszations */

/* global components */
@media only screen and (max-width: 1200px) {
    #home-hero {
        margin-left: -6px;
        margin-right: -6px;
        padding-left: 24px;
        padding-right: 24px;
    }
}

.home-work-with-cards>div:hover:nth-child(1)>div {
    background-image: url(/wp-content/uploads/2026/01/wheel1-on.png);
}

.home-work-with-cards>div:hover:nth-child(2)>div {
    background-image: url(/wp-content/uploads/2026/01/wheel2-on.png);
}

.home-work-with-cards>div:hover:nth-child(3)>div {
    background-image: url(/wp-content/uploads/2026/01/wheel3-on.png);
}

.home-work-with-cards>div:hover:nth-child(4)>div {
    background-image: url(/wp-content/uploads/2026/01/wheel4-on.png);
}

.content-footer p {
    font-family: var(--serif-family);
    font-size: 48px;
    line-height: 50px;
    text-align: center;
    max-width: 780px;
    margin: 72px auto 48px;
}

.content-footer div.light a {
    background-color: var(--light-blue-color);
    color: var(--primary-color);
}

.content-footer div.light a:hover {
    background-color: var(--off-white-color);
    color: var(--primary-color);
}

@media only screen and (max-width: 767px) {
    .content-footer p {
        font-size: 40px;
        line-height: 41px;
    }
}

.no-v-margin {
    margin-top: 0;
    margin-bottom: 0;
}

.sm-card,
.wp-block-uagb-container.sm-card {
    border-radius: 12px;
    background-color: var(--white-color);
    box-shadow: var(--sm-card-box-shadow);
    padding: 24px;
}

.sm-card:hover,
.wp-block-uagb-container.sm-card:hover {
    box-shadow: var(--sm-card-box-shadow-hover);
}

.sm-card:hover p:last-child,
.wp-block-uagb-container.sm-card:hover p:last-child {
    color: var(--primary-color);
}

.sm-card2,
.wp-block-uagb-container.sm-card2 {
    border-radius: 12px;
    background-color: var(--white-color);
    box-shadow: var(--sm-card2-box-shadow);
    /* 0px 3px 24px #D5D5D54A; */
    padding: 24px;
}

.sm-card2:hover,
.wp-block-uagb-container.sm-card2:hover {
    box-shadow: var(--sm-card2-box-shadow-hover);
    /* 0px 3px 24px #D5D5D5; */
}

.sm-card-blue,
.wp-block-uagb-container.sm-card-blue {
    border-radius: 12px;
    background-color: var(--light-blue-color);
    box-shadow: 0 3px 24px rgba(93, 93, 93, 0.29);
}

.icon-card.wp-block-uagb-container {
    border-radius: 12px;
    background-color: var(--white-color);
    box-shadow: var(--sm-card-box-shadow);
    cursor: pointer;
}

.icon-card.wp-block-uagb-container:hover {
    box-shadow: var(--sm-card-box-shadow-hover);
}

.icon-card.wp-block-uagb-container:hover .link {
    color: var(--primary-color);
}

.icon-card>div>figure {
    width: 45px !important;
}

body .wp-block-uagb-container.checked-cards-wrapper>div>div>figure {
    width: 24px !important;
}

.checked-cards-wrapper>div>div.wp-block-uagb-container {
    flex-grow: 1;
}

.wp-block-uagb-container.card,
.card {
    border-radius: 20px;
    background-color: var(--white-color);
    box-shadow: 0 3px 24px #D5D5D54A;
}

hr.wp-block-separator {
    border-top: 1px solid;
    color: var(--light-grey-color);
}

/** grants page **/
.wp-block-uagb-container.grant-quote-block .open-quote {
    position: absolute !important;
    left: -36px;
    top: 15px;
}

@media only screen and (max-width: 767px) {
    .wp-block-uagb-container.grant-quote-block .open-quote {
        left: 12px;
        top: 10px;
    }
}

.wp-block-uagb-container.grant-quote-block p.quote {
    font-size: 26px;
    line-height: 29px;
}

.focus-area-wrapper p,
.wp-block-uagb-container.focus-area-wrapper p {
    font-size: 16px;
}

.focus-area-wrapper>div>div:hover p,
.wp-block-uagb-container.focus-area-wrapper>div>div:hover p {
    color: var(--primary-color);
}

.focus-area-wrapper>div>div {
    flex-wrap: nowrap !important;
}

.focus-area-wrapper .wp-block-uagb-image {
    flex-shrink: 0;
}

/* end global components */


/* Search results styles */
.search-results-wrapper .pages {
    display: flex;
    justify-content: center;
}

.search-results-wrapper .pagination {
    display: flex;
    column-gap: 12px;
    flex-direction: row-reverse;
    justify-content: center;
}

.search-sort-wrap .search-filter-field {
    flex-grow: 1;
}

/* ids are applied by javascript on document ready */
.search-filters-wrap #data-search-filter-id-2 {
    width: 100% !important;
}

.search-from-wrap h4 {
    font-size: 16px;
    color: var(--dark-grey-color);
}

@media only screen and (max-width: 1200px) {
    .search-filters-wrap #data-search-filter-id-3 {
        width: 100% !important;
    }
}

.ift-project-search .search-results-wrapper .search-filter-base {
    position: absolute !important;
}

.ift-project-search .search-filter-query-posts a {
    display: block;
    padding: 24px 12px;
    text-decoration: none !important;
    border-radius: 12px;
}

.ift-project-search .search-filter-query-posts a:hover {
    box-shadow: 0 3px 24px #8D8D8D;
    background-color: var(--white-color);
}

.ift-project-search .search-filter-query-posts a h4 {
    color: var(--dark-grey-color);
    margin-bottom: 12px;
}

.ift-project-search .search-filter-query-posts a h5 {
    font-size: 23px;
    color: var(--black-color);
    margin-bottom: 0;
}

.ift-project-search a .result-top {
    display: flex;
    justify-content: space-between;
}

/* end Search results styles */

/* Why-fund-cards */
.why-fund-cards .wp-block-uagb-image {
    position: absolute !important;
    margin-right: 34px;
    width: 280px !important;
    top: -140px;
    left: 24px;
}

@media only screen and (max-width: 435px) {
    .why-fund-cards .wp-block-uagb-image {
        width: 77% !important;
    }
}

.why-fund-cards .why-fund-card {
    margin-top: 140px;
    flex-direction: row;
    flex-wrap: wrap;
}

@media only screen and (min-width: 977px) {
    .why-fund-cards .wp-block-uagb-image {
        /* display: none; */
        z-index: 20;
    }

    .why-fund-cards .why-fund-card:hover {
        cursor: pointer;
        background-color: var(--white-color);
    }

    .why-fund-photo-1 {
        left: 100px !important;
    }

    .why-fund-photo-2 {
        left: 100px !important;
    }

    .why-fund-photo-3 {
        left: 100px !important;
    }

    .why-fund-photo-4 {
        left: -100px !important;
    }
}

.why-fund-cards h4 {
    align-self: flex-start;
}

.why-fund-cards p {
    font-size: 26px;
    line-height: 29px;
}

/* end why-fund-cards */

footer {
    display: block;
    position: relative;
    background-color: var(--primary-color);
    color: var(--off-white-color);
    padding: 20px;
}

footer a {
    color: var(--off-white-color);
}

footer .footer-content {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
}

footer .card {
    display: flex;
    justify-content: right;
    background-color: var(--primary-alt-color);
    border-radius: 24px;
    padding: 60px;
    margin: 36px 0;
    box-shadow: none;
}

footer a.identity {
    display: block;
    flex-grow: 1;
    min-width: 200px;
}

footer .nav-group {
    width: 170px;
    margin-left: 36px;
}

footer .nav-group.who {
    width: 270px;
}

footer .nav-group .title {
    font-family: var(--serif-family);
    font-size: 20px;
    color: var(--light-blue-color);
    line-height: 24px;
    margin-bottom: 36px;
}

footer .nav-group a {
    display: block;
}

footer .nav-group a:hover {
    color: #29252A;
}

@media only screen and (max-width: 767px) {
    footer a.identity {
        margin-bottom: 48px;
    }

    footer a.identity img {
        width: 160px;
    }

    footer .card {
        display: block;
        padding: 24px;
    }

    footer .nav-group,
    footer .nav-group.who {
        margin-left: 0;
        width: 100%;
    }

    footer .nav-group .title {
        margin: 36px 0 12px;
    }

    footer .nav-group a {
        font-size: 20px;
        line-height: 38px;
    }
}

@media only screen and (min-width: 998px) {
    .footer-learn-more .wp-block-uagb-image {
        justify-content: flex-end;
    }
}

footer .footer-content .nav-group a {
    line-height: 24px;
    margin-bottom: 12px;
}

footer .footer-content .nav-group a:hover,
footer .footer-content .nav-group a:focus {
    color: var(--light-blue-color);
}

footer .ast-footer-copyright {
    text-align: center;
}