/*

 Theme Name:     Divi Child

 Theme URI:      https://www.elegantthemes.com/gallery/divi/

 Description:    Divi Child Theme

 Author:         Elegant Themes

 Author URI:     https://www.elegantthemes.com

 Template:       Divi

 Version:        1.0.0

*/





/* =Theme customization starts here

------------------------------------------------------- */
@font-face {
    font-family: kenyan-regular;
    src: url(./kenyan/kenyan-coffee-rg.otf);
}

@font-face {
    font-family: kenyan-bold;
    src: url(./kenyan/kenyan-coffee-bd.otf);
}

@font-face {
    font-family: kenyan-italic;
    src: url(./kenyan/kenyan-coffee-rg-it.otf);
}

@font-face {
    font-family: kenyan-bold-italic;
    src: url(./kenyan/kenyan-coffee-bd-it.otf);
}

@font-face {
    font-family: Avenir-heavy;
    src: url(./Avenir/Avenir-Heavy.ttf);
}

@font-face {
    font-family: Avenir-light;
    src: url(./Avenir/Avenir-Light.ttf);
}

@font-face {
    font-family: Avenir-regular;
    src: url(./Avenir/Avenir-Regular.ttf);
}

@font-face {
    font-family: Avenir-heavy;
    src: url(./Avenir/Avenir-Heavy.ttf);
}

@font-face {
    font-family: Avenir-black;
    src: url(./Avenir/Avenir-Black.ttf);
}

body {
    font-family: Avenir-heavy;
    font-size: 20px;
}

p {
    font-family: Avenir-light;
    font-size: 20px;
    line-height: 30px;
    color: #26186B !important;
    text-align: justify;
    padding-bottom: 0px;
}

h1 {
    font-family: kenyan-bold;
    color: #fff !important;

}

h2 {
    font-size: 46px;
    font-family: 'kenyan-bold';
    color: #fff !important;
}

h3 {
    font-family: 'kenyan-bold';
    font-size: 51px;
    line-height: 70px;
    color: #fff;
}

h4 {
    color: #26186B;
    font-family: 'kenyan-regular';
    font-size: 47px !important;
    line-height: 55px;
    text-transform: uppercase !important;
}

h5,
h5>span {
    font-family: Avenir-heavy;
    text-align: center;
    font-size: 26px !important;
    line-height: 27px;
    color: rgba(38, 24, 107, 1);
    text-transform: uppercase;
}

.justify-text {
    text-align: justify !important;
}

h6 {
    font-family: Avenir-heavy;
    font-size: 23px;
    color: #fff !important;
}

.top-logo {
    font-size: 32px !important;
}

ul#menu-main-menu li a {
    font-size: 17px !important;
    color: #fff !important;
/*     padding: 0px 33px; */
}

ul#menu-main-menu .sub-menu li a {
	color:#26186B !important;
}

.current-menu-item a {
    border-bottom: 1px solid #fff;
    color: #000;
    padding-bottom: 13px !important;
}

.hero-banner-text h1 {
    font-size: 84px;
    padding-bottom: 0;
}

a.hero-btn {
    color: #fff;
    border: 1px solid #fff;
    padding: 14px 38px;
    font-size: 24px;
    font-family: 'Avenir-heavy';
    border-radius: 10px;
}

.home-roof-text p {
    font-size: 32px;
    line-height: 42.88px;
    text-align: center;
    font-family: Avenir-regular;
    margin-top: 82px;

}

a.orange-btn {
    color: #EE6A4D;
}

.blurb-card::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 83%;
    z-index: 0 !important;
    top: 63px;
    left: 0px;
    background-position: center;
    background-image: url(/wp-content/uploads/2024/06/orange-bg.png);
}

.blurb-card {

    position: relative;

}

.footer-listing {
    display: flex;
    justify-content: space-between;
}

ul.footer-menu {
    list-style: none;
    padding: 0;
}

.footer-wrapper p {
    color: #fff !important;
}

ul.footer-menu li a {
    color: #fff;
    padding-bottom: 10px !important;
    display: inline-block;
    font-family: 'Avenir-light';
}

.footer-logo-sec h3 {
    font-size: 32px;
    text-align: end;
    font-family: 'kenyan-bold';
}

.footer-logo-sec h1 {
    font-size: 52px !important;
    text-align: end;
    line-height: 0;
}

.address-sec p {
    text-align: end;
}

h2.finding-banners {
    font-size: 60px;
    font-family: 'kenyan-regular';
}

.fixed-bg {
    background-image: url(/wp-content/uploads/2024/06/f659279a2e675ce17e4d2cf162e5ae59-1.png);
    background-attachment: fixed;
}

.underlying-factors li {
    color: #26186B !important;
    font-size: 20px;
    font-family: 'Avenir-light';
}

.nationwide-text h4 {
    font-size: 38px !important;
    text-transform: inherit !important;
}

p.support-sec {
    color: #fff !important;
    font-size: 22px !important;
    font-family: 'Avenir-heavy';
}

p.support-sec.morgan-name {
    text-align: end;
}

.income-text .et_pb_text_inner {
    font-size: 15px;
    color: rgba(38, 24, 107, 1);
    text-align: left;
    font-family: 'Avenir-light';
}

.opportunity-sec p {
    color: #fff !important;
}

.homeowners-text h1 {
    font-size: 32px;
    font-family: 'kenyan-regular';
    text-align: center;
}

.map-bg,
.for-bg-pic {
    position: relative;
}

.map-bg::before {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/06/map-img.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    left: -54%;
    top: -8%;
}

.for-bg-pic::after {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/06/map-img.png);
    width: 26%;
    height: 50%;
    background-repeat: no-repeat;
    left: 74% !important;
    top: 59% !important;
    background-size: cover !important;

}


.map-bg h4.et_pb_toggle_title {
    padding-left: 49px !important;
}

h4.et_pb_toggle_title::before {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/06/Polygon-1-1.png);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    left: 0% !important;
    top: 16px;
}

.et_pb_toggle.et_pb_module.et_pb_accordion_item {
    margin-bottom: 0px;
}

.et_pb_toggle_open h4.et_pb_toggle_title::before {
    position: absolute !important;
    content: "" !important;
    background-image: url(/wp-content/uploads/2024/06/Polygon-1-1.png) !important;
    width: 50px !important;
    height: 50px !important;
    background-repeat: no-repeat !important;
    left: 0% !important;
    top: 16px !important;
}

.faq-wrap h4 {
    position: relative;
    font-family: 'kenyan-bold';
    font-size: 52px !important;
}

.faq-wrap h4::before {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/06/bordr-bottom-img.png);
    width: 68%;
    height: 100%;
    background-repeat: no-repeat;
    top: 94px;
    left: 33%;
}

.white-text h3 {
    font-size: 60px;
}

.white-text p {
    text-align: center;
	color:#fff !important;
}

.orange-btn {
    color: #EE6A4D;
}

/* .orange-btn {
    display: none;
} */
#vision-toggle-text {
    display: none !important;
}

.bold-para {
    font-family: 'Avenir-heavy';
    font-size: 22px;
}

.strength-communtiy {
    font-size: 38px !important;
    line-height: 43px;
}

.end-text {
    text-align: end !important;
}

.blurb-cards .et_pb_module {
    min-height: 370px !important;
}

.support-sec-wrapper::before {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/06/border.png);
    width: 100%;
    height: 100%;
    top: -15px;
    background-repeat: no-repeat;
    left: 15px;
}

.support-sec-wrapper {
    position: relative;
}

.support-sec-wrapper::after {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/06/border.png);
    width: 67%;
    height: 100%;
    background-repeat: no-repeat;
    top: 7%;
    transform: rotate(180deg);
    right: 12px;
}

.housing-wealth p::before {
    content: "";
    position: absolute;
    background-color: rgba(238, 106, 77, 1);
    width: 20px;
    height: 20px;
    left: 71px;
    top: 3px;
}

.housing-wealth p {
    font-family: 'kenyan-regular';
    font-size: 22px !important;
    position: relative;
    padding-left: 103px;
}

.vision-side-image::before {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/06/line-img.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    left: -131px;
    top: -112px;
}

.vision-side-image,
.join-us-page,
.join-before {
    position: relative;
}

.join-us-page::before {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2024/06/map-img.png);
    width: 89%;
    height: 100%;
    background-repeat: no-repeat;
    left: 108%;
}

.join-before::before {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/06/map-img.png);
    width: 100%;
    height: 62%;
    background-repeat: no-repeat;
    top: 50%;
    left: -30%;
}

.join-us-page h4::before {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/06/bordr-bottom-img.png);
    width: 78%;
    height: 100%;
    background-repeat: no-repeat;
    top: 94px;
    left: 12%;
}

.footer-wrapper::before {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/07/Group-361.png);
    width: 20%;
    height: 100%;
    background-repeat: no-repeat;
    top: -65px;
    left: 7%;
}


.footer-wrapper {
    position: relative;
}

.footer-wrapper::after {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/07/Group-362.png);
    width: 20%;
    height: 21%;
    background-repeat: no-repeat;
    /* top: 51%; */
    left: 73%;
    bottom: 0px;
}

.left-align p {
    text-align: left !important;
}

.footer-additional-links {
    font-family: 'Avenir-light';
}

.contact-form-wrapper input,
.contact-form-wrapper select,
.contact-form-wrapper textarea {
    width: 100%;
    padding: 10px;
    color: #26186B;
    font-size: 16px;
}

.contact-form-wrapper textarea {
    height: 150px;

}

.contact-form-wrapper label {
    font-size: 16px;
    margin-top: 15px;
    font-family: 'Avenir-regular';
    display: inline-block;
}

.blue-header ul#menu-main-menu li a {
    font-size: 17px !important;
    color: #26186B !important;
/*     padding: 0px 33px; */
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    color: rgba(238, 106, 77, 1);
    font-size: 24px;
    text-transform: capitalize;
    width: auto;
    padding: 6px 50px;
    border: 1px solid rgba(238, 106, 77, 1);
    background-color: transparent;
    font-family: 'Avenir-heavy';
    margin-top: 27px;
    display: inline-block;

}

input[type="checkbox"] {
    width: 21px !important;
    height: 21px;
    position: relative;
    top: 6px;
}

.center-text p {
    text-align: center !important;
}

.end-text p {
    text-align: end;
}

.blurb-card .et_pb_module {
    min-height: 362PX;
}

.main-prograss-bar-wrap .et_pb_counter_container {
    background-color: transparent;
}

.first-bar::before {
    position: absolute;
    content: "Lower Income";
    color: rgba(38, 24, 107, 1);
    left: -22px;
    width: 71px;
    font-family: 'Avenir-light';
    line-height: 24px;
    text-align: end;
}

.second-bar::before {
    position: absolute;
    content: "Moderate Income";
    color: rgba(38, 24, 107, 1);
    left: -22px;
    width: 71px;
    font-family: 'Avenir-light';
    line-height: 24px;
    text-align: end;
}

.third-bar::before {
    position: absolute;
    content: "Higher Income";
    color: rgba(38, 24, 107, 1);
    left: -22px;
    width: 71px;
    font-family: 'Avenir-light';
    line-height: 24px;
    text-align: end;
}

.fourth-bar::before {
    position: absolute;
    content: "High school or less";
    color: rgba(38, 24, 107, 1);
    left: -22px;
    width: 71px;
    font-family: 'Avenir-light';
    line-height: 24px;
    text-align: end;
}

.fifth-bar::before {
    position: absolute;
    content: "Associate degree";
    color: rgba(38, 24, 107, 1);
    left: -22px;
    width: 71px;
    font-family: 'Avenir-light';
    line-height: 24px;
    text-align: end;
}

.first-bar,
.second-bar,
.third-bar,
.fourth-bar,
.fifth-bar {
    position: relative;
    padding-left: 58px !important;
}

span.et_pb_counter_amount_number_inner {
    font-size: 32px;
    color: rgba(238, 106, 77, 1);
    position: absolute;
    right: -55px;
    top: 7px;
    font-family: 'kenyan-regular';
}

span.orange-box::before {
    position: absolute;
    content: "";
    background-color: rgba(38, 24, 107, 0.6);
    width: 20px;
    height: 20px;
    left: -27px;
    top: 6px;
}

span.orange-box,
.blue-box {
    position: relative;

}

.blue-box {
    padding-left: 84px;
}

span.blue-box::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: rgba(238, 106, 77, 1);
    left: 53px;
    top: 7px;
}

.bold-para p {
    font-family: 'Avenir-heavy';
}

.blue-box p {
    font-family: 'kenyan-regular';
    font-size: 22px;
    padding-left: 20px;
    padding-top: 15px;
}

.bold-text p {
    font-family: 'Avenir-heavy'
}

.click-button button {
    color: rgba(238, 106, 77, 1);
    text-align: center;
    background: transparent;
    border: navajowhite;
    font-size: 22px;
    font-family: 'Avenir-light';
	cursor:pointer;
}
.static-orange-text p{
    color: #EE6A4D !important;
}
.housing-equity p {
    position: relative !important;
}
	.housing-equity p::before {
    position: absolute !important;
    content: "" !important;
    background-color: #26186B !important;
    width: 20px !important;
    height: 20px !important;
    left: -12px;
    top: 19px;
}
.copyright-text a ,a.white-text {
    color: #fff;
    text-decoration: underline;
}
input::placeholder {
    color: #26186B;
}
.black-white span.blue-box::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: #26186B;
    left: 53px;
    top: 7px;
}
.black-white span.orange-box::before {
    position: absolute;
    content: "";
    background-color: #EE6A4D;
    width: 20px;
    height: 20px;
    left: -27px;
    top: 6px;
}
.mail-btn a {
    text-align: center;
    margin: auto;
    color: #26186B;
    font-weight: 400 !important;
    text-decoration: underline;
}
.faq-wrapper h4 {
    text-transform: inherit !important;
}
ul#menu-main-menu {
    gap: 119px;
}
span.small-header-text {
    display: block;
    font-size: 26px;
}
.page-id-16 .current-menu-item a   {
    border-bottom: 1px solid #26186B;
    color: #000;
    padding-bottom: 13px !important;
}
.page-id-18 .current-menu-item a  {
	 border-bottom: 1px solid #26186B;
    color: #000;
    padding-bottom: 13px !important;
}
.citations-link li a {
    color: #26186B !important;
    text-decoration: underline;
    font-size: 20px !important;
    line-height: 28px;
    font-family: 'Avenir-heavy';
}
.citations-link li {
    color: #26186B;
    font-family: 'Avenir-heavy';
	padding-bottom:12px;
}
.citations-link h4 {
    text-transform: capitalize !important;
}
sup.sup-tag {
    font-size: 14px !important;
    padding-left: 0px !important;
}
a.sup-link {
    color: #26186B;
}
sup.sup-tag-text {
    font-size: 23px;
    padding-left: 10px;
    position: relative;
    top: -27px;
}

li#menu-item-1472 sup {
    font-size: 12px !important;
    bottom: 1.3em !important;
}

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

        font-size: 16px;
        line-height: 22px;
    }

    h6 {
        font-family: 'Avenir-light' !important;
        font-size: 14px !important;
        color: #fff !important;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 34px !important;
        line-height: 40px !important;
    }

    h4 {
        font-size: 30px !important;
        line-height: 40px;
        text-align: center;
    }
	sup.sup-tag-text
	{
	padding-left: 4px;
	top: -13px;
	}

    a.hero-btn {
        font-size: 16px;
    }

    .blurb-card .et_pb_column {
        width: 50% !important;
    }

    .home-blurb h5,
    .home-blurb h5>span {
        font-size: 16px !important;
        line-height: 20px;
        text-align: center;
    }

    .blurb-card p {
        text-align: center;
    }

    .respo-center p {
        text-align: center;
    }

    .blurb-card::before {
        top: 50px;
    }

    .mobile_menu_bar {
        position: absolute;
        top: -61px;
        left: 87%;
    }

    .bold-para {
        font-family: 'Avenir-light';
        font-size: 17px;
        margin-top: 16px;
    }

    .home-roof-text p {
        font-size: 13px;
        line-height: 18.88px;
        margin-top: 22px;
    }

    .blurb-card .et_pb_module {
        min-height: 191PX;
    }

    .end-text p {
        text-align: left;
    }

    .center-text p {
        text-align: left;
    }

    .left-align p {
        text-align: center !important;
    }

    .half-columnn {
        width: 50% !important;
    }

    .nationwide-text h4 {
        font-size: 24px !important;
    }

    .underlying-factors li {
        font-size: 17px;
    }

    .faq-wrap h4::before {

        width: 77%;
        top: 59px;
        left: 11%;
        background-size: 100%;
    }

    .map-bg h4 {
        font-size: 24px !important;
        font-family: 'kenyan-bold' !important;
    }

    .map-bg::before {
        width: 100%;
        left: 2%;
        top: 68%;
        /* background-size: 100%; */
    }

    h4.et_pb_toggle_title::before {

        width: 24px;
        height: 24px;
        left: -3% !important;
        top: 13px;
        background-size: contain;
    }

    .map-bg h4.et_pb_toggle_title {
        padding-left: 12px !important;
        padding-right: 0px !important;
    }
    span.orange-box::before {
        top: 1px !important;
        left: 45px;
    }

    .blue-box {
        padding-left: 8px;
			display: block;
			        padding-top: 13px;
    }

    span.blue-box::before {
             left: 45px;
        top: 12px !important;
    }
	span.orange-box, .blue-box{
		display:block;
	}
    span.et_pb_counter_amount_number_inner {
        font-size: 20px !important;
        right: -35px !important;
        top: 0px !important;
    }

    .blurb-cards .et_pb_module {
        min-height: 336px !important;
    }

    .second-bar::before,
    .first-bar::before,
    .third-bar::before,
    .fourth-bar::before,
    .fifth-bar::before {
        font-size: 15px;
        left: -32px;
        line-height: 20px;
    }

    p.support-sec {
        color: #fff !important;
        font-size: 17px !important;
        font-family: 'Avenir-light';
    }

    .support-sec-wrapper::before {
        width: 90%;
        height: 49%;
        top: -11px;
        background-repeat: no-repeat;
        left: 11px;
        background-size: contain;
    }

    .support-sec-wrapper::after {
        width: 51%;
        height: 65%;
        top: 41%;
        transform: rotate(180deg);
        right: 12px;
        background-size: contain;
    }

    .vision-side-image::before {
        position: absolute;
        content: "";
        background-image: url(/wp-content/uploads/2024/07/nre-line.png);
        width: 39%;
        height: 45%;
        background-repeat: no-repeat;
        left: -49px;
        top: 198px;
    }

    .homeowners-text h1 {
        font-size: 20px;
    }

    .upper-l-img h5,
    h5>span {
        font-size: 24px !important;
        line-height: 20px;
        text-align: center;
    }

    .statistic-page .et_pb_column {

        margin-bottom: 0px;
    }

    .faq-wrap h4 {

        font-size: 43px !important;
    }

    .join-before::before {
        width: 81%;
        height: 85%;
        background-repeat: no-repeat;
        top: 59%;
        left: 19%;

    }

    .join-us-page::before {

        width: 89%;
        height: 100%;
        background-repeat: no-repeat;
        left: -57%;
        background-size: 100%;
    }

    .footer-logo-sec h1 {
        font-size: 26px !important;
    }

    .footer-logo-sec h3 {
        font-size: 16px !important;
    }

    .footer-wrapper::after {
        width: 30%;
        height: 13%;
        left: 70%;
        bottom: 0px;
        background-size: 100%;
    }

    .res-text p {
        text-align: left !important;
    }

    ul.footer-menu li a {
        font-size: 16px;
    }

    .address-sec p {
        text-align: left;
        font-family: revert;
    }

    .blue-box p {
        font-family: 'kenyan-regular';
        font-size: 22px;
        padding-left: 57px;
        padding-top: 15px;
    }

    .click-button button {
        color: rgba(238, 106, 77, 1);
        background-color: transparent;
        border: none;
			font-size:16px;
    }

    .statistic-page p {
        text-align: justify !important;
    }

    .opportunity-sec p {
        color: #fff !important;
        text-align: center;
    }

    .footer-wrapper::before {
        width: 41%;
        height: 100%;
        top: -33px;
        left: 3%;
        background-size: 100%;
    }

    .for-bg-pic::after {
        width: 100%;
        height: 50%;
        left: -73%;
        top: 5%;
        background-size: 100%;
    }

    ul.footer-menu {
        width: 32%;
    }

/*     .footer-listing {
        flex-wrap: wrap;
        gap: 30px;
    } */

    .footer-listing p {
        text-align: left !important;
    }

    body #page-container .et_pb_section .et_pb_button_0_tb_footer {
        padding-left: 0px !important;
    }

    .additional-references {
        position: absolute;
        left: 134px;
        top: 18px;
    }

    .footer-additional-links {
        font-size: 17px;
        text-align: end !important;
        padding: 10px 0px;
    }

    .additional-references {
        position: absolute;
        left: 134px;
        top: 18px;
        width: 176px !important;
    }

    .blurb-card p {
        font-size: 14px !important;
    }
	.black-white .orange-box, .black-white .blue-box{
		display:inline-block;
	}
	.blue-box {
        padding-left: 10px;
}
	.black-white .orange-box::before{
		        left: -34px;
	}
    .address-sec p{
        text-align: right;
    }
    .contact-form-wrapper label{
		
        text-align: left;
    }
    .copyright-text a {
        color: #fff;
        text-decoration: underline;
    }
	.housing-equity p {
    position: relative !important;
    padding-left: 95px;
}
	.housing-equity p::before {
    position: absolute !important;
    content: "" !important;
    background-color: #26186B !important;
    width: 20px !important;
    height: 20px !important;
    left: 60px;
}
.black-white span.blue-box {
    padding-left: 80px !important;
}
	.left-align-text p {
    text-align: left;
   
}
	
}
@media screen and (max-width:640px){
    .hero-banner-content h1{
        font-size: 45px!important;
    }
    .hero-banner-content  h3{
        font-size:28px !important;
    }
    .faq-wrap h4 {
        font-size: 37px !important;
    }
	



	
}
@media screen and (max-width:479px) {
    .bottom-margin {
        width: 100% !important;
        margin-bottom: 6px;
    }
	    .blue-box {
        padding-left: 9px !important;
    }
   
}