/*
Theme Name: ESFA Child
Template: understrap-master
Author: FYC Labs
Tags: one-column,custom-menu,featured-images,theme-options,translation-ready
Version: 0.9.4.1575327062
Updated: 2019-12-02 22:51:02

*/

/* font-family: 'Montserrat', sans-serif; */


/******************* Navigation Styling *******************/
/******************* Navigation Styling *******************/
/******************* Navigation Styling *******************/
/******************* Navigation Styling *******************/
.single-covid .top-band-content:before{
    content:'' !important;
    display:none;
}
.single-events .top-band-content:before{
    content:'';
    display:none;
}
.featpost-link{
    transition:.2s ease;
    opacity:1;
}
.featpost-link:hover{
    transition:.2s ease;
    opacity:.7;
    text-decoration: none;
}
.understrap-read-more-link{
    display:none;
}
.calendar-item {
    margin-bottom: 50px;
    border-radius: 25px;
    background-color: #F7F7F7;
}
.calendar-item .calendar-item--times{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}
.calendar-item .calendar-icon {
    object-fit: contain;
    width: 13px;
    height: 13px;
}
.calendar-item a:hover{
    text-decoration: none;
    transition:.2s ease;
}
.calendar-item--link span:after {
    content: '';
    background-image: url(https://eastsideforall.org/wp-content/uploads/2019/12/ESFA_Icons_arrow-red.png);
    position: absolute;
    width: 17px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
}
.calendar-item .calendar-date{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 45px;
    text-align: center;
    background-color: #F05643;
    padding: 1.5rem;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.calendar-item .calendar-item--link{
    color: #F05643;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 22px;
}
.calendar-item .calendar-item--location{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 200;
    line-height: 20px;
}
.calendar-item .calendar-item--title h3{
    color: #F05643;
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    line-height: 34px;
}
.calendar-item .calendar-item--title h3:after {
    content: "";
    background-color: rgba(172,152,124,0.55);
    width: 200px;
    height: 2px;
    display: block;
    margin-top: .5rem;
}
.select .facetwp-facet {
    margin-bottom: 0;
}
.image-left-content-right.mobile{
    display:none;
}
.icon-bar {
	width: 22px; 
	height: 2px;
    background-color: #EB5643;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
.navbar-toggler {
    border: none;
    background: transparent !important;
}
.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.navbar-toggler .middle-bar {
    opacity: 0;
} 
.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}
.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}
.navbar-brand {
    width: 241px;
    height: 127px;
    object-fit: cover;
    padding:0;
    transition:.2s ease;
}
.navbar-nav .nav-link{
    font-family: 'Montserrat', sans-serif;
    color: #111727;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
}
.custom-container-header{
    max-width: 1480px;
    margin:0 auto;
}
li.menu-item{
    padding: 0 .8rem;
}
.navbar-nav .dropdown-menu {
    background-color: #F7F7F7;
    border: 0;
}
.dropdown-item {
    color: #AC987C;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    padding:0;
}
.dropdown-menu li{
    padding: 0;
    transition:.2s ease;
}
.dropdown-menu li a:hover{
    background-color:#F05643;
    color:#FFF;
    transition:.2s ease;
}
.dropdown-menu li a{
    padding:1rem;
    transition:.2s ease;
}
#main-menu{
    margin-top: .5em;
    transition: .2s ease;
}
nav{
    transition:.2s ease;
}
.header-scroll{
    background-color:#FFF;
    transition:.2s ease;
}
.header-scroll .navbar-brand {
    width: 175px;
    height: 90px;
    transition:.2s ease;
}
.header-scroll #main-menu {
    margin-top: 0;
    transition: .2s ease;
}
.fixed-nav-parent { 
    width: 100%; 
    background: #f8f8f8; 
    position: relative; 
    z-index: 99;
}
#fixed-nav-content { 
    width: 100%; 
    position: fixed; 
    left: 0; 
    bottom: 0; 
    background: #FFFFFF;
    z-index: 99;
}
#fixed-nav-content ul{
    list-style: none;
    margin:0;
    padding:0;
    text-align:right;
}
#fixed-nav-content ul li {
    display: inline-block;
    width: 221px;
    text-align: center;
    padding: 1rem;
}
#fixed-nav-content ul li:hover {
    transition:.2s ease;
    background-color: #F15742;
}
#fixed-nav-content ul li:hover a {
    transition:.2s ease;
    color:#FFFFFF;
    text-decoration: none;;
}
#fixed-nav-content ul li a{
    color: #111727;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 21px;
    text-transform: uppercase;
}
#fixed-nav-content ul li a:hover{
    text-decoration: none;
}

/******************* Site Helpers Styling *******************/
/******************* Site Helpers Styling *******************/
/******************* Site Helpers Styling *******************/
/******************* Site Helpers Styling *******************/
.select {
    position: relative;
    display: inline-block;
    width: 100%;
}    
.select select {
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 14px 15px;
    outline: 0;
    border: 0px solid #000000;
    border-radius: 10px;
    background: #e6e6e6;
    color: #F05643;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 18px;
    font-weight: 200;
    line-height: 22px;
}
.select select::-ms-expand {
    display: none;
}
.select select:hover,
.select select:focus {
    color: #FFF;
    background: #F05643;
}
.select select:disabled {
    opacity: 0.6;
    pointer-events: none;
}
.select_arrow {
    position: absolute;
    top: 21px;
    right: 19px;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
    border-top-color: #000000;
}
.select select:disabled ~ .select_arrow {
    border-top-color: #cccccc;
}
.wrapper {
    padding: 0;
}
.mw-1280{
    max-width:1280px;
}
.text-red{
    color:#F05643;
}
.donate-btn {
    background-color: #F05643;
    border-radius: 20px;
    margin-left: .8rem;
}
.donate-btn a{
    color:#FFF !important;
}
.rounded{
    border-radius: 20px !important;
}
.btn-red{
    background-color: #F05643;
    color:#F7F7F7;
    padding: 6px 30px;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 24px;
    transition:.2s ease;
    opacity: 1;
}
.btn-red:hover,.btn-red-sm:hover, .btn-gold-sm:hover, .btn-lgold-sm:hover, .btn-blue-sm:hover {
    text-decoration: none;
    transition:.2s ease;
    opacity: .7;
    color:#FFFFFF !important;
}
.btn-blue-sm {
    background-color: #0E1626;
    color: #F7F7F7;
    padding: 6px 30px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 19px;
    transition: .2s ease;
    opacity: 1;
}
.btn-white-sm:hover{
    text-decoration: none;
    transition:.2s ease;
    opacity: .7;
    color:#EF5643 !important;
}
.btn-red-sm{
    background-color: #F05643;
    color:#F7F7F7;
    padding: 6px 30px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 19px;
    transition:.2s ease;
    opacity: 1;
}
.btn-gold-sm{
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 20px;
    background-color: #AC987C;
    padding:8px 24px;
    transition:.2s ease;
}

.btn-lgold-sm{
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 20px;
    background-color: #E4DAC8;
    padding:8px 24px;
    transition:.2s ease;
}
.btn-white-sm{
    color: #EF5643;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 20px;
    background-color: #FFFFFF;
    padding:8px 24px;
    transition:.2s ease;
}
.black{
    color:#000;
}
.fw-500{
    font-weight:500;
}
/******************* Page Header Styling *******************/
/******************* Page Header Styling *******************/
/******************* Page Header Styling *******************/
/******************* Page Header Styling *******************/
header.masthead{
    height: 100vh;
    min-height: 500px;
    background-image: url('https://eastsideforall.org/wp-content/uploads/2019/11/SeptEvent_Board3.jpg');
    background-size: cover;
    background-position: top;
    position:relative;
    background-repeat: no-repeat;
    text-align:center;
}
.masthead .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background-image:url(https://eastsideforall.org/wp-content/uploads/2019/11/overlay.png);
    background-size: cover;
}
.masthead-text{
    max-width: 1159px;
    color: #0E1626;
    font-size: 60px;
    line-height: 72px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-weight:500;
    transition: ease all .5s;
}
.masthead-lead{
    min-height: 58px;
    max-width: 897px;
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
    text-align: center;
    margin: 25px auto;
    transition: ease all .5s;
    margin: 25px auto 45px auto;
}


/******************* Home Page *******************/
/******************* Home Page *******************/
/******************* Home Page *******************/
/******************* Home Page *******************/


section.about {
    background-image: url(https://eastsideforall.org/wp-content/uploads/2019/12/people-crowd-walking-on-street-P32X9N7.jpg);
    height: 100%;
    min-height: 500px;
    background-size: cover;
    background-position: top;
    position: relative;
    background-repeat: no-repeat;
    padding: 5rem 0 1rem 0;
}
.overlay-section{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#F7F7F7;
    opacity:.8;
}
.about-inner img{
    margin-bottom: 75px;
}
.about-inner .about-inner--content{
    max-width:620px;
    margin:0 auto;
}
.about-inner .about-inner--content p{
    padding-bottom:50px;
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 22px;
    text-align:left;
}
.featured-events{
    position: relative;
    background-color: #E4DAC8;
}
.featured-events .color-line {
    position: absolute;
    top: -8px;
    width: 100%;
}
.featured-events .featured-event--header{

}
.featured-events .featured-event--header .featured-event--h2{
    color: #111727;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 48px;
    margin-bottom:13px;
    text-transform: uppercase;
}
.featured-events .featured-event--header .featured-event--lead-text{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
}
.featured-event--header{
    padding-top:118px;
    text-align:center;
}
.featured-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 72px 0 64px;
}
.featured-post-card {
    background-color: #FFFFFF;
    border-radius: 25px;
    max-width: 400px;
    margin: 0 auto 1.5rem auto;
}
.featured-post--header{
    background-color: #F15742;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    padding: 1rem 1rem 1rem 2rem;
}
.featured-post--header span{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    line-height: 26px;
}
.featured-post--image img{
    height: 267px;
    width: 100%;
    object-fit: cover;
}
.featured-post-card--body {
    padding: 2rem 2rem 1rem 2rem;
}
.featured-post-card--body .post-title{
    color: #111727;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 29px;
}
.post-lead p{
    opacity: 0.5;
    color: #111727;
    font-family: 'Source Sans Pro Light';
    font-size: 12px;
    line-height: 15px;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('https://eastsideforall.org/wp-content/themes/ESFA/fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('https://eastsideforall.org/wp-content/themes/ESFA/fonts/SourceSansPro-Regular.woff') format('woff'),
        url('https://eastsideforall.org/wp-content/themes/ESFA/fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro Light';
    src: url('https://eastsideforall.org/wp-content/themes/ESFA/fonts/SourceSansPro-Light.woff2') format('woff2'),
        url('https://eastsideforall.org/wp-content/themes/ESFA/fonts/SourceSansPro-Light.woff') format('woff'),
        url('https://eastsideforall.org/wp-content/themes/ESFA/fonts/SourceSansPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


.red-hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #EF5643;
    width: 150px;
    margin-left: 0;
}
.event-address {
    line-height: 15px;
    padding-bottom: 1.5rem;
}
.post-lead{
    padding-top: 1.5rem;
}
.event-address span{
    opacity: 0.5;
    color: #111727;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 200;
}
.time-badge {
    height: 36px;
    min-width: 120px;
    border-radius: 25px;
    background-color: #E4DAC8;
    text-align: center;
    line-height: 36px;
    display: inline-block;
    padding: 0 1rem;
}
.time-badge span{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 14px;  
}
.viewAllEvents {
    text-align: center;
    width: 100%;
    margin-top: 2.9rem;
}
.cta-home{
    background-image:url(https://eastsideforall.org/wp-content/uploads/2019/12/CTA-1-Image.jpg);
    min-height: 745px;
    background-size: cover;
    background-position: top;
    position:relative;
    background-repeat: no-repeat;
}
.cta-home-two {
    background-image: url(https://eastsideforall.org/wp-content/uploads/2019/12/diversity-teamwork-with-joined-hands-FRACL2W.jpg);
    /* height: 100vh; */
    min-height: 500px;
    background-size: cover;
    background-position: top;
    position: relative;
    background-repeat: no-repeat;
    padding-bottom: 12rem;
}
.overlay-cta{
    opacity: 0.42;
    background-color: #111727;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
}
.circle-cta {
    position: absolute;
    height: 556px;
    width: 556px;
    background-color: #F05643;
    border-radius: 50%;
    top: 30rem;
    z-index: 98;
    left: 3rem;
}
.circle-cta .inner{
    position:absolute;
    top:50%; 
    left:50%;
    transform: translate(-50%, -50%);
    margin:0;
    text-align:center;
    max-width: 425.79px;
    min-width: 425.79px;
}
.circle-cta .inner .circle-header{
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 40px;
    margin-bottom:40px;
}
.circle-cta .inner p{
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 200;
    line-height: 30px;
}
.circle-btn{
    margin-top:4.5rem;
}
.cta-home-two-header {
    max-width: 650px;
    text-align: center;
    margin: 0 auto;
}
.cta-home-two-header h2 {
    color: #F7F7F7;
    font-size: 40px;
    line-height: 45px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    margin-bottom: 3rem;
}
.resource-card{
    min-height: 250px;
    max-width: 340px;
    margin:0 auto;
    border-radius: 25px;
    background-color: #E4DAC8;
    transition:.2s ease-in-out;
    transform: scale(1);
}
.resource-card:hover{
    background-color: #EF5643;
    box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.5);
    transition:.2s ease-in-out;
    transform: scale(1.1);
}
.resource-wrap {
    padding: 4rem;
    transform: translate(0, 16rem);
}
.resource-content{
    text-align: center;
}
.resource-card:hover .resource-icon img{
    filter:invert(1);
    transition:.2s ease;
}
.resource-card .resource-content {
    max-width: 305px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 1rem;
    height: 80px;
}
.resource-card:hover .resource-content span{
    color:#F8F8F8;
    transition:.2s ease;
}
.resource-content span{
    color: #0F1727;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 200;
    transition:.2s ease;
    line-height: 29px;
}
.resource-card .resource-icon {
    padding-top: 2.2rem;
}
.resource-card .resource-icon img {
    max-width: 100px;
    margin: 0 auto;
    display: block;
    transition:.2s ease;
}
.library-access{
    text-align: center;
    padding-top:72px;
    padding-bottom:72px;
}


.news-insights-featured{
    border-radius: 25px;
    position:relative;
    background-size:cover;
    background-position:center;
    min-height: 508px;
}
.news-insights--inner {
    position: absolute;
    bottom: 0;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 2rem 5rem 1.5rem 5rem;
    min-height: 254px;
}
.news-insights--inner:before {
    content: '';
    background-color: #EF5643;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    mix-blend-mode: multiply;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.news-insights--inner h3 {
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    line-height: 38px;
}
.news-insights--content p{
    color: #F7F7F7;
    font-family: "Source Sans Pro";
    font-size: 16px;
    line-height: 20px;
}
.news-insights--date span{
    color: #F7F7F7;
    font-family: "Source Sans Pro";
    font-size: 16px;
    line-height: 20px;
}
.inner-holder {
    position: relative;
    z-index: 5;
    color: white;
}
.nsf-sep {
    position: absolute;
    top: -63px;
    left: -30px;
}
.viewAll-insights {
    text-align: center;
    padding-bottom: 4rem;
}
.right-posts{
    margin-bottom: 30px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.not-featured-image {
    height: 150px;
    background-position: center;
    background-size: 100% auto;
}
.not-featured-content {
    max-width: 300px;
    padding-right: 1rem;
}
.not-featured-content p {
    color: #F7F7F7;
    font-family: "Source Sans Pro";
    font-size: 12px;
    line-height: 15px;
    max-width: 282px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}
.not-featured-content h5{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 19px;
}
.not-featured-date{
    color: #F7F7F7;
    font-family: "Source Sans Pro";
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
}

#countdown .countdown-top {
    margin-bottom: 4rem;
}
#countdown .countdown-top .countdownHeader{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 200;
    line-height: 44px;
    text-align: center;
}
#countdown-list {
    margin: 0;
    padding: 0;
    text-align: center;
}
#countdown-list li {
    display: inline-block;
    font-size: 1.5em;
    list-style-type: none;
    padding: 0;
    text-transform: uppercase;
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
    text-align: center;
    background-color: rgba(197, 197, 197, 0.38);
    width: 181px;
    border-radius: 25px;
    padding: 2rem 0;
    margin: 0 3rem;
}
#countdown-list li span {
    display: block;
    color: #F7F7F7;
    margin-bottom:22px;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 200;
    line-height: 49px;
    text-align: center;
    color:#FFFFFF;
}
#countdown .countdown-bottom {
    max-width: 820px;
    margin: 0 auto 5rem auto;
    text-align: center;
}
#countdown .countdown-bottom .countdownHeaderBottom{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
}
#countdown {
    background-size: cover;
    min-height: 579px;
    position: relative;
}
.countdown-overlay{
    position:absolute;
    width:100%;
    height:100%;
    background-image:url(https://eastsideforall.org/wp-content/uploads/2019/12/ESFA_Texture-04.png);
}
.countdown-inner{
    padding-top: 5rem;
}
.countdown-color-line {
    position: absolute;
    z-index: 99;
    top: -8px;
    right: 0;
}
.map-section{
    max-height: 490px;
    overflow: hidden;
}
.map-inner{
    position: relative;
    height: 396px;
    background: #EF5643;
}
.map-inner svg {
    height: 400px;
    position: absolute;
    width: 200px;
    height: 490px;
    top: -3px;
    bottom: 0;
    left: -169px;
}
.map-placeholder{
    width: 100%;
    object-fit: cover;
    height: 420px;
}
.map-inner--text {
    max-width: 378px;
    margin: 0 auto;
    height: 100%;
    padding-top: 5.3rem;
}
.map-inner--text .header-span{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 40px;
    font-weight:500;
}
.map-inner--text .span-lead{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 200;
    line-height: 29px;
    font-weight:300;
    margin-top:32px;
    margin-bottom:32px;
}
#belonging{
    max-height: 490px;
    overflow: hidden;
}
#belonging .belonging-inner{
    position: relative;
    height: 396px;
    background: #f7f7f7;
}
#belonging .belonging-inner svg {
    position: absolute;
    width: 200px;
    height: 490px;
    top: -3px;
    bottom: 0;
    right: -114px;
    z-index: 9;
}
#belonging .belonging-inner .belonging-inner--text {
    max-width: 284px;
    margin: 0 auto;
    height: 100%;
    padding-top: 3.3rem;
    text-align: center;
}
#belonging .belonging-inner .belonging-inner--text .belonging-span{
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    color: #111727;
}
#belonging .belonging-inner .belonging-inner--text .belonging-lead{
    color: #111727;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 200;
    line-height: 37px;
    font-weight: 300;
}
#belonging .belonging-inner .belonging-inner--text .belonging-btn {
    margin-top: 3rem;
}
.belonging-placeholder{
    width: 100%;
    object-fit: cover;
    height: 420px;
    object-position: bottom;
}
#newsletter-band{
    background-color:#EF5643;
}
#newsletter-band .newsletter-container{
    padding-top:53px;
    padding-bottom:55px;
}
#newsletter-band .newsletter-container h3{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: 200;
    line-height: 39px;
    text-align: center;
}
/******************* Who We Are Page *******************/
/******************* Who We Are Page *******************/
/******************* Who We Are Page *******************/
/******************* Who We Are Page *******************/
#our-people-mobile{
    display:none;
}
.masthead-subtext {
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 54px;
    text-align: center;
    max-width: 1000px;
    margin:0 auto;
    display:block;
    padding-top: 3rem;
}
.who-we-are-page .masthead{
    background-image:url(https://eastsideforall.org/wp-content/uploads/2019/12/SeptEvent_guests4.jpg) !important;
    background-size: 170%;
    background-position: 44% 0%;
    position: relative;
    background-repeat: no-repeat;
    text-align: center;
}
.who-we-are-page .overlay{
    background-image:url(https://eastsideforall.org/wp-content/uploads/2019/12/white-overlay.png) !important;
    top:-11px;
}
#our-mission {
    background-image: url(https://eastsideforall.org/wp-content/uploads/2019/12/who-we-are-mission-image.jpg);
    position: relative;
    background-size: cover;
    padding: 4rem 0 2rem 0;
    background-position: 100% 30%;
}
.ourmission-overlay{
    background-image:url(https://eastsideforall.org/wp-content/uploads/2019/12/ourmission-overlay.png);
    background-size:cover;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
}
#our-mission .mission-title {
    padding: 2rem 0 3rem 0;
}
#our-mission .mission-title h2{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 50px;
    text-transform:uppercase;
}
.mission-statement-container {
    max-width: 885px;
    margin: 0 auto;
}
.mission-left p{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 200;
    line-height: 20px;
    margin-bottom: 1.5rem;
}
.mission-right ul {
    list-style: none;
    margin: 0;
    padding-left: 1.5rem;
}
.mission-right ul li{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4rem;
}
.mission-right ul li:before {
    background: transparent url(https://eastsideforall.org/wp-content/uploads/2019/12/ESFA_symbol_Heart-Red.png);
    content: "";
    width: 30px;
    height: 28px;
    position: absolute;
    left: 0;
    /* top: 8px; */
    background-repeat: no-repeat;
}
#built-for-belonging {
    position: relative;
    min-height: 565.21px;
    background-image: url(https://eastsideforall.org/wp-content/uploads/2019/12/collaboration-communication-togetherness-work-PBXCLYP.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 28%;
}
#built-for-belonging .bfb-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .55;
    background-color: rgba(247,247,247,0.79);
    mix-blend-mode: multiply;
}
.topLine-bfb {
    position: absolute;
    top: -7px;
    right: 0;
}

.bfb-top{
    position:relative;
}
.bfb-top:before {
    content: 'Social Infrastructure that Promotes Welcoming and Belonging in Physical Spaces';
    max-width: 1164px;
    color: rgba(14,22,38,0.04);
    font-size: 67px;
    font-weight: 700;
    letter-spacing: 8.93px;
    line-height: 72px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    position: absolute;
    bottom: -2rem;
}
.bfb-top h2{
    font-family: 'Montserrat', sans-serif;
    max-width: 800px;
    margin:0 auto;
    color: #0E1626;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
}
.bfb-top p{
    max-width: 800px;
    margin:0 auto;
    color: #0E1626;
    font-size: 30px;
    font-weight: 200;
    line-height: 37px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    margin-top: 3.5rem;
}
.third-place-left-col h3{
    max-width: 600px;
    color: #F05643;
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    line-height: 72px;
}
.third-place-left-col p{
    max-width: 600px;
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
}
.third-place-right-col p{
    max-width: 510px;
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 2rem;
}









.sm-circle-cta {
    /* position: absolute; */
    height: 440px;
    width: 465px;
    background-color: #E6DCC9;
    border-radius: 50%;
    z-index: 98;
}
.circle {
    position: absolute;
    display: block;
    background-color: transparent;
    color: #222;
    text-align: center;
    height: 439.84px;
    width: 435px;
    top: 17rem;
    right: 16rem;
}
.circle:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #E6DCC9;
    content: "";
}
.circle__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.circle__wrapper {
    display: table;
    width: 100%;
    height: 100%;
}
.circle__content {
    display: table-cell;
    padding: 1em;
    vertical-align: middle;
}
.circle__header{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 40px;
    font-weight:500;
}
.circle__text {
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 200;
    line-height: 35px;
    max-width: 225px;
    margin: 2.5rem auto 2.5rem auto;
    text-align: center;
}
#founder-people {
    padding: 12rem 0;
}
#founder-people .founder-image {
    max-height: 544px;
    box-shadow: -15px -15px 0px 2px #F05643;
    border-radius: 10px;
}
#founder-people .founder-image img {
    height: 557.69px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
#founder-people .founder-info {
    max-width: 400px;
    margin-left: auto;
}
#founder-people .founder-info h3{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 43px;
}
#founder-people .founder-info h3:after {
    content: '';
    height: 2px;
    width: 100px;
    background-color: #AC987C;
    display: block;
    margin-bottom: 2rem;
    margin-top: .2rem;
}
#founder-people .founder-info .founder-info-inner{
    max-width: 400px;
}
#founder-people .founder-info .founder-info-inner p{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 200;
    line-height: 25px;
}
.founder-button {
    margin-top: 2rem;
}
#our-people {
    margin-top: 10rem;
}
#founder-people #our-people .founder-image {
    max-height: 544px;
    box-shadow: 15px -15px 0px 2px #F05643;
    border-radius: 10px;
}
#founder-people #our-people .founder-info {
    max-width: 400px;
    margin-right: auto;
    margin-left:0;
}
#weAre {
    max-height: 562px;
    overflow: hidden;
}
#weAre .weAre-inner {
    position: relative;
    height: 434px;
    background: #0F1727;
}
#weAre .weAre-inner .weAre-inner--text {
    max-width: 284px;
    margin: 0 auto;
    height: 100%;
    padding-top: 6.3rem;
    text-align: left;
}
#weAre .weAre-inner .weAre-inner--text .weAre-span {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    color: #F7F7F7;
}
#weAre .weAre-inner .weAre-inner--text .weAre-lead {
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 200;
    line-height: 24px;
    font-weight: 300;
    margin-top: 3rem;
}
#weAre .weAre-inner .weAre-inner--text .weAre-btn {
    margin-top: 3rem;
}
#weAre .weAre-inner svg {
    position: absolute;
    width: 200px;
    height: 434px;
    top: 0;
    bottom: 0;
    right: -163px;
    z-index: 9;
}
.weAre-placeholder {
    width: 100%;
    object-fit: cover;
    height: 434px;
    object-position: 0 34%;
}
.topLine-weAre {
    position: absolute;
    right: 0;
    top: -8px;
}
#ourHistory {
    position: relative;
    background-image: url(https://eastsideforall.org/wp-content/uploads/2019/12/our-history-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 84px 0 125px 0px;
    text-align: center;
}
#ourHistory .ourHistory-inner .ourHistory-header h2 {
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    margin: 47px 0;
}
#ourHistory .ourHistory-inner .ourHistory-content{
    margin-bottom:47px;
}
#ourHistory .ourHistory-inner .ourHistory-content p{
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 29px;
    text-align: center;
    color:#F7F7F7;
}
.overlay-history {
    background-image: url(https://eastsideforall.org/wp-content/uploads/2019/12/history-overlay.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.bottomLine-history {
    position: absolute;
    bottom: -3px;
}
/******************* What We Do Page *******************/
/******************* What We Do Page *******************/
/******************* What We Do Page *******************/
/******************* What We Do Page *******************/
.what-we-do-page .masthead-subtext {
    padding-top: 1rem;
}
.what-we-do-statement{
    margin-top:52px;
}
.what-we-do-statement p{
    padding-bottom: 25px;
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 22px;
    text-align: left;
}
.what-we-do-page .mission-statement-container{
    max-width: 620px;
    margin: 0 auto;
}
.text-red-lg{
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
}
.what-we-do-statement-button {
    text-align: center;
    margin-top: 5rem;
    margin-bottom: 4rem;
}
.what-we-do-statement-line {
    position: absolute;
    bottom: -4px;
    right: 0;
}
.page-id-122 #builtForBeloning-wwd {
    height: 558px;
    background-size: 140%;
    background-repeat: no-repeat;
    background-position: 98% 64%;
    position:relative;
}
#builtForBeloning-wwd {
    height: 558px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
#builtForBeloning-wwd .circle {
    position: absolute;
    display: block;
    background-color: transparent;
    color: #FFF;
    text-align: center;
    height: 528px;
    width: 527px;
    top: 9rem;
    right: 1rem;
}
#builtForBeloning-wwd .circle__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#builtForBeloning-wwd .circle__wrapper {
    display: table;
    width: 100%;
    height: 100%;
}
#builtForBeloning-wwd .circle__content {
    display: table-cell;
    padding: 1em;
    vertical-align: middle;
}
#builtForBeloning-wwd .circle__header {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
}
#builtForBeloning-wwd .circle__text {
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 200;
    line-height: 35px;
    max-width: 225px;
    margin: 2.5rem auto 2.5rem auto;
    text-align: center;
}
#builtForBeloning-wwd .circle:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #F05643;
    content: "";
}
#heres-how{
    padding: 12rem 0 5rem 0;
}
#heres-how .heres-how-header p{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 22px;
}
.heres-how-header-text{
    color: #F05643;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 300;
    line-height: 29px;
    margin-top:4rem;
}
.heres-how-header-text:after {
    content: '';
    height: 2px;
    width: 100px;
    background-color: #AC987C;
    display: block;
    margin-bottom: 2rem;
    margin-top: .2rem;
    position: relative;
    top: 10px;
}
.image-left-content-right,.image-right-content-left{
    margin-bottom: 8rem;
}
.heres-how-block-container {
    margin-top: 12rem;
}
.hereshow-block-image{
    box-shadow: -15px -15px 0px 2px #F05643;
    border-radius: 10px;
    height: 326px;
    width: 400px;
}
.hereshow-block-image img{
    border-radius: 10px;
}
.hereshow-block--header h3{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 37px;
    font-weight: 300;
    line-height: 60px;
}
.hereshow-block--header h3:after{
    content: '';
    height: 2px;
    width: 100px;
    background-color: #AC987C;
    display: block;
    margin-bottom: 2rem;
    margin-top: .2rem;
    position: relative;
    top: 0;
}
.hereshow-block--content p{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 200;
    line-height: 20px;
}
.image-right-content-left .hereshow-block-image{
    margin-left:auto;
    box-shadow: 15px -15px 0px 2px #F05643;
}








/******************* News & Insights Page *******************/
/******************* News & Insights Page *******************/
/******************* News & Insights Page *******************/
/******************* News & Insights Page *******************/

.blog-container{
    background-color: rgba(229,218,200,0.56);
}
.blog-sub-header{
    padding-top:76px;
    padding-bottom:100px;
}
.blog-sub-content{
    max-width: 610px;
}
.blog-sub-content p{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
}
.blog-header {
    height: 46vh;
    background-size: cover;
    position: relative;
    min-height: 100%;
    z-index:99;
}
.blog-header .blog-overlay {
    background: linear-gradient(180deg, #F7F7F7 4%, rgba(251,251,251,0.67) 27%, rgba(254,254,254,0.58) 41%, rgba(254,254,254,0.32) 74%, rgba(255,255,255,0) 100%);
    width: 100%;
    position: absolute;
    z-index: 99;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index:0;
}
.blog-header-text {
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 6rem;
}
.blog .news-insights--inner {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem !important;
    width: 100%;
}
.blog .news-insights--inner h3 {
    max-width: 277px;
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 2rem;
    min-height: 44px;
}
.blog .news-insights-featured {
    margin: 0 auto;
    height: 411px;
    width: 360px;
}
.blog .news-insights--content{
    margin-bottom: 2rem;
}
.blog .news-insights--content p {
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
}
.readmore-blog {
    text-align: right;
    margin-right: 1.5rem;
}
.readmore-blog span:after {
    content: '';
    background-image: url(https://eastsideforall.org/wp-content/uploads/2019/12/ESFA_Icons_arrow_white.png);
    position: absolute;
    width: 20px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
}
.facetwp-page{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}
.facetwp-page.active {
    font-weight: inherit !important;
    cursor: default;
    background-color: #F05643;
    padding: .5rem 1.2rem;
}
.next-link{
    background-color: #F05643 !important;
    color: #F7F7F7 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 22px !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.prev-link{
    background-color: #F05643;
    color: #F7F7F7 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}
.facetwp-page {
    display: inline-block;
    padding: .5rem 1.2rem !important;
    margin-right: .5px !important;
    margin-left: .5px !important;
    cursor: pointer;
    color: #F7F7F7 !important;
    background-color: #b4a18a;
}
.facetwp-page:nth-child(1) {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.facetwp-pager{
    text-align: right;
    padding-top:10px;
    padding-bottom:100px;
}
/* .pagination-blog{
    padding: 2rem;
    height: 160px;
    width: 100%;
}
.pagination-blog .pagination{
    float:right;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #F05643;
    border-color: #F05643;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #FFF;
    background-color: #b4a18a;
    border: 0;
    border-left: 1px solid #FFF;
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}
.page-link:hover {
    z-index: 2;
    color: #FFF;
    text-decoration: none;
    background-color: #F05643;
    border-color: #F05643;
} */
.blog-title {
    margin-top: 100px;
    text-align: center;
}
.blog-title h2{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 48px;
    text-transform:uppercase;
}
.blog-filter{
    border-radius: 25px;
    background-color: #e1d4c2;
    padding: 2rem 1.5rem;
}
.category-label{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
}
#blog-quote{
    position:relative;
}
#blog-quote .quote-line-top {
    position: absolute;
    top: -8px;
    right: 0;
}
#blog-quote .quote-line-bottom {
    position: absolute;
    bottom: -4px;
    left: 0;
}
#blog-quote .blog-quote-container {
    padding-top: 7rem;
    padding-bottom:7rem;
}
#blog-quote .blog-quote--logo{}
#blog-quote .blog-quote--logo img{}
.blockquote-container blockquote{
    max-width:700px;
    margin:0 auto;
    position:relative;
}
.blockquote-container blockquote p{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 200;
    line-height: 24px;
}
.blockquote-container blockquote:before,
.blockquote-container blockquote:after {
	position: absolute;
	color: #f1efe6;
	font-size: 8rem;
	width: 4rem;
	height: 4rem;
}
.blockquote-container blockquote:before {
    content: '';
    background-image: url(https://eastsideforall.org/wp-content/uploads/2019/12/esfa-quote-start.png);
    background-size: 10px 20px;
    display: inline-block;
    width: 86px;
    height: 85px;
    left: -7rem;
    top: -3rem;
    background-repeat: no-repeat;
    background-size: contain;
}
.blockquote-container blockquote:after {
    background-image: url(https://eastsideforall.org/wp-content/uploads/2019/12/esfa-quote-end.png);
    content:'';
    background-size: 10px 20px;
    display: inline-block;
    width: 86px;
    height: 85px;
    background-repeat: no-repeat;
    background-size: contain;
    right: -4rem;
    bottom: 0rem;
}
.blockquote-container blockquote .quote-author{
    max-width: 539px;
    color: #AC987C;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    margin-top: 3rem;
}
.blockquote-container{
    margin-top: 6.5rem;
}
/******************* Voluneer Page *******************/
/******************* Voluneer Page *******************/
/******************* Voluneer Page *******************/
/******************* Voluneer Page *******************/

.get-involved-page .masthead{
    background-image:url(https://eastsideforall.org/wp-content/uploads/2019/12/get-involved-header-image.jpg);
}
.get-involved-page .masthead .overlay{
    background-image: url(https://eastsideforall.org/wp-content/uploads/2019/12/get-involved-overlay.png);
    opacity: .77;
}
#ways-to-get-involved{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    padding:125px 0 100px 0;
    position:relative;
}
#ways-to-get-involved .wtgi-overlay{
    position:absolute;
    background-color: #C8C8C8;
    mix-blend-mode:multiply;
    width:100%;
    height:100%;
    top:0;
}
.wtgi-header{
    text-align:center;
    margin-bottom:106px;
}
.wtgi-header h2{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 48px;
    font-weight:500;
}
.wtgi-line {
    position: absolute;
    top: -7px;
}
.grid-item{
    box-sizing: border-box;
    color: #FFFFFF;
    max-width: 340px;
    border-radius: 25px;
    background-color: #E4DAC8;
    margin: 0 auto 4rem auto;
    padding: 2rem;
    transition: .2s ease-in-out;
    transform: scale(1);
    position:relative;
    min-height: 248.53px;
}
.grid-item:hover{
    transition: .2s ease-in-out;
    transform: scale(1);
    background-color: #EF5643;
    box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.5);
    transform: scale(1.1);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
}
.grid-item:hover .grid--icon img {
    height: 55px;
    width: 55px;
    object-fit: contain;
    filter: invert(1);
}
.grid-item:hover .grid--title span{
    color: #F7F7F7;
    transition:color .2s ease;
}
.grid-item .grid--icon{}

.grid-item .grid--content{
    max-width: 265px;
    margin:0 auto;
    text-align: center;
    display:none;
    transition: .2s ease-in-out;
}
.grid-item:hover .grid--content, .grid-item:hover .grid--button {
    display:block;
    transition: .2s ease-in-out;
}
.grid-item:hover .grid--title {
    transition:.2s ease;
    padding-top: 1rem;
    padding-bottom: .7rem;
}
.grid-item .grid--button{
    display:none;
    margin-top: 2rem;
}
.grid-item .grid--content p{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
}
.grid-item .grid--icon img {
    height: 93.75px;
    width: 101px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    margin-top: .5rem;
}
.grid-item .grid--title{
    transition:.2s ease;
    height: 85px;
    align-items: center;
    display: flex;
    justify-content: center;
    max-width: 295px;
    padding-top: 1.5rem;
    text-align: center;
    margin:0 auto;
}
.grid-item .grid--title span{
    color: #F05643;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
    transition:color .2s ease;
}
#volunteer{
    position:relative;
    background-color: #F7F7F7;
}
#volunteer .volunteer-container{
    padding-top:95px;
    padding-bottom:55px;
}
.volunteer-line{
    position:absolute;
    right:0;
    top: -7px;
}
#stayUpdated label{
    display:none;
}
#stayUpdated{
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 2rem;
}
#stayUpdated .nameWidth {
    flex-grow: 2;
    border: none;
    border-radius: 24px;
    height: 40px;
    margin-left: 2rem;
    background: transparent;
    color: #F7F7F7;
    font-family: 'Source Sans Pro Light';
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    width: 235px;
    border-right: 1px solid white;
    border-radius: 0;
}
.nameWidth::placeholder{
    color: white;
}
#stayUpdated .emailWidth {
    flex-grow: 2;
    border: none;
    border-radius: 24px;
    height: 40px;
    margin-left: 0rem;
    background: transparent;
    color: #F7F7F7;
    font-family: 'Source Sans Pro Light';
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    width: 308px;
    padding-left: 1rem;
}
.emailWidth::placeholder{
    color: white;
}
#stayUpdated form{
    display: flex;
    flex-direction: row;
    border-radius: 24px;
    background: white;
    margin: 0 auto;
    max-width: 700px;
    background: rgba(255, 255, 255, 0.61);
    height: 40px;
    border-radius: 24px;
}
#stayUpdated .formSub {
    background: #FFF;
    background-color: white;
    -webkit-appearance: inherit;
    border-radius: 20px;
    height: 40px;
    padding: 0rem 1.5rem;
    border: 0;
    vertical-align: bottom;
    color: #0F1727;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: 500;
    position: absolute;
    right: 13rem;
}
#volunteer .volunteer-container h3{
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 48px;
    margin-bottom: 1.5rem;
}
#volunteer .volunteer-container .volunteer-sub-header {
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 29px;
    max-width: 552px;
}
.spacer-sm{
    margin-top:44px;
}
#volunteer .volunteer-container .volunteer-sub-header strong{
}
#volunteer .volunteer-container .volunteer-sub-header p{
    margin-bottom:1.7rem;
}
.volunteer-card{

}
.volunteer-card img{
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.volunteer-desc {
    background-color: #F05643;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 1rem;
    min-height: 90px;
}
.volunteer-desc span{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    text-transform:uppercase;
}
.voluneeter-button{
    text-align:center;
    padding-top:75px;
    padding-bottom:100px;
}






/******************* Donate Page *******************/
/******************* Donate Page *******************/
/******************* Donate Page *******************/
/******************* Donate Page *******************/



.donate-page .blog-header {
    background-position: center;
}
#donate-top {
    position: relative;
    background-color: rgba(229,218,200,0.56);
    padding-top: 7em;
    padding-bottom: 7rem;
}
#donate-top .donate-line{
    position:absolute;
    top: -7px;
}
#donate-top .donate-container{

}
#donate-top .donate-container img{
    width:85px;
    height:85px;
    object-fit:contain;
}
#donate-top .donate-container .donate-container--content{
    max-width: 717px;
    margin: 3.5rem auto 0 auto;
}
#donate-top .donate-container .donate-container--content p{
    max-width: 650px;
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    text-align: center;
    margin: 2.5rem auto 0 auto;
}
#donate-top .donate-container .donate-container--content span:not(.text-red){
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    text-align: center;
}
.donate-button-container {
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 1rem;
}
.donate-button-container a{
    transition:.2s ease;
    opacity:1;
    border-radius: 25px;
    background-color: #F05643;
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 29px;
    padding: 1rem 1.5rem;
}
.donate-button-container a:hover{
    transition:.2s ease;
    opacity:.7;
}
.donate-page .otherWaysWrap {
    padding: 8rem 4rem 0 4rem;
}
.otherWays {
    background-image: url(https://eastsideforall.org/wp-content/uploads/2019/12/diversity-teamwork-with-joined-hands-FRACL2W.jpg);
    background-size: cover;
    background-position: top;
    position: relative;
    background-repeat: no-repeat;
    padding-bottom: 4rem;
}
.grid-wrapper {
    max-width: 837px;
    margin: 0 auto;
}
.otherWays .cta-home-two-header h2 {
    color: #F7F7F7;
    font-size: 40px;
    line-height: 45px;
    font-family: 'Montserrat', sans-serif;
    text-transform: inherit;
    margin-bottom: 8rem;
}
#makeAnImpact {
    position: relative;
    background-color: #F7F7F7;
    padding-top: 8rem;
    padding-bottom: 10rem;
}
#makeAnImpact .impact-line{
    position:absolute;
    top: -7px;
    right:0;
}
#makeAnImpact .makeAnImpact--header {
    padding-bottom: 5rem;
}
#makeAnImpact .makeAnImpact--header h3{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
}
.impact-card {
    max-width: 385px;
    margin: 0 auto;
    position: relative;
    max-height: 340px;
    border-radius: 10px;
    overflow:hidden;
}
.impact-card:hover .impact-card--content {
    bottom:0;
    transition:.2s ease-in-out;
}
.impact-card .impact-card--image{}
.impact-card .impact-card--image img{
    border-radius: 10px;
}
.impact-card .impact-card--content {
    /* background-color: #F05643; */
    border-radius: 0 0 10px 10px;
    padding: 1.5rem 2rem 2rem 2rem;
    text-align: center;
    position: absolute;
    bottom: -143px;
    transition:.2s ease-in-out;
}
.impact-card .impact-card--content:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #EF5643;
    mix-blend-mode: inherit;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    z-index: 2;
    transition: background .2s ease-in-out;
}
.impact-card:hover .impact-card--content:before{
    mix-blend-mode:multiply;
    transition: background .2s ease-in-out;
}
.impact-card .impact-card--content h4 {
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    margin-bottom: 0;
    line-height: 29px;
    padding-bottom: 1.5rem;
    position: relative;
    z-index: 9;
    height: 61px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.impact-card .impact-card--content p {
    margin-bottom: 0;
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    margin-top: 1rem;
    margin-bottom: 2rem;
    position: relative;
    z-index: 9;
}
.impact-card .impact-card--content .impact-card--button{
    position: relative;
    z-index: 9;
}
.impact-card-container{
    margin:0 auto;
    max-width:961px;
}



/******************* History Page *******************/
/******************* History Page *******************/
/******************* History Page *******************/
/******************* History Page *******************/

.history-page .mission-logo{
    margin-bottom: 4rem;
}
.history-content{
    max-width: 743px;
    margin: 11rem auto 0 auto;
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}
.history-content p{}





/******************* Built For Belonging Page *******************/
/******************* Built For Belonging Page *******************/
/******************* Built For Belonging Page *******************/
/******************* Built For Belonging Page *******************/

.built-for-belonging-page .blog-header {
    background-position: 100% 40%;
}
.built-for-belonging-page .top-band-content{
    max-width: 771px;
}
.built-for-belonging-page .top-band-content .sub-band{
    font-weight:400 !important;
    font-size:18px !important;
}
.built-for-belonging-page #top-band .top-band-content p {
    max-width: 585px;
}

#thirdPlaces {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 11rem;
    padding-bottom: 9rem;
}
#thirdPlaces .overlay {
    background-color: rgba(14,22,38,0.85);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}
.bfb-wrapper-line {
    position: absolute;
    right: 0;
    bottom: -4px;
}
#thirdPlaces .third-places-wrapper{}
#thirdPlaces .third-places-wrapper .third-places-wrapper--logo {
    padding: 2.4rem 0 3rem 0;
}
#thirdPlaces .third-places-wrapper .third-places-wrapper--logo img{
    height: 54.38px;
    width: 55px;
    object-fit: contain;
}
#thirdPlaces .third-places-wrapper .third-places-wrapper--header{}
#thirdPlaces .third-places-wrapper .third-places-wrapper--header h2{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 3rem;
    text-align: center;
}
#thirdPlaces .third-places-wrapper .third-places-wrapper--content{
    max-width: 700px;
    margin:0 auto;
}
#thirdPlaces .third-places-wrapper .third-places-wrapper--content h3{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    text-align: center;
    margin-bottom: 3rem;
}
#thirdPlaces .third-places-wrapper .third-places-wrapper--content p{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 22px;
    text-align: center;
    margin-bottom: 3rem;
}
#thirdPlaces .third-places-wrapper .third-places-wrapper--content p strong{
    font-weight:400;
}
#heres-how-wrapper {
    position: relative;
    padding-top: 2rem;
    background-color: rgba(172,152,124,0.75);
}
.hh-wrapper-line{
    position:absolute;
    top:-7px;
    right:0;
}
#heres-how-wrapper .hh-container {
    max-width: 100%;
    padding-bottom: 7rem;
}
#heres-how-wrapper .hh-container h2 {
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 60px;
    text-align:center;
}
#heres-how-wrapper .hh-container h2:after {
    content: '';
    height: 2px;
    width: 100px;
    background-color: #AC987C;
    display: block;
    margin-bottom: 2rem;
    margin-top: .2rem;
    display: block;
    margin: 0 auto;
}

.how-block{
    max-width: 336px;
    margin:0 auto;
    border-radius: 25px;
    background-color: rgba(247,247,247,0.35);
    padding:1.5rem;
    margin-bottom:36px;
}
.how-block img{
    margin-bottom:10px !important;
}
.how-block p {
    max-width: 290px;
    margin: 0 auto;
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    text-align: center;
    min-height: 50px;
}
.best-part-container {
    max-width: 926px;
    margin: 0 auto;
    padding-top: 5rem;
    padding-bottom: 6rem;
}
.best-part-container p{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 200;
    line-height: 30px;
    text-align: center;
}
.hereshow-line-bottom{
    position: absolute;
    bottom: -4px;
}
.built-for-belonging-page #blog-quote .quote-line-top{
    display:none;
}
.how-container {
    margin-top: 5rem;
}
.how-container ul{
    list-style: none;
    margin: 0;
    padding-left: 1.5rem;
}
.how-container ul li{
    font-family: 'Montserrat', sans-serif;
    color: #0E1626;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom:40px;
    padding-left: 2rem;
}

.how-container ul li:before {
    background: transparent url(https://eastsideforall.org/wp-content/uploads/2019/12/ESFA_symbol_Heart-Red.png);
    content: "";
    width: 30px;
    height: 28px;
    position: absolute;
    left: 10px;
    /* top: 8px; */
    background-repeat: no-repeat;
}
.under-list{
    max-width: 700px;
    margin-top: 5rem;
}
.under-list p{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
}
.under-list p strong{
    font-weight: 400 !important;
}
.built-for-belonging-page #builtForBeloning-wwd {
    background-position: 100% 38%;
    background-size: cover;
}



/******************* Office of Equity Page *******************/
/******************* Office of Equity Page *******************/
/******************* Office of Equity Page *******************/
/******************* Office of Equity Page *******************/

.office-of-equity-page .blog-header-text {
    margin-bottom: 4rem;
    max-width: 427px;
}
.office-of-equity-page #top-band .top-band-content{
    max-width: 993px;
}
.office-of-equity-page #top-band  .top-band-content p{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 35px;
}
.office-of-equity-page .circle-cta {
    position: absolute;
    height: 556px;
    width: 556px;
    background-color: #F05643;
    border-radius: 50%;
    top: 30rem;
    z-index: 98;
    left: inherit;
    right: 5rem;
}
#oea {
    position: relative;
    margin-top: 9rem;
    padding-top: 2rem;
}
#oea .oea-header {
    margin-bottom: 5rem;
}
#oea .oea-header h2{
    color: #F05643;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 60px;
}
#oea .oea-header h2:after{
    content: '';
    height: 2px;
    width: 100px;
    background-color: #AC987C;
    display: block;
    margin-bottom: 2rem;
    margin-top: .2rem;
}
#we-are-equity-page{
    position: relative;
    min-height: 565.21px;
    background-image: url(https://eastsideforall.org/wp-content/uploads/2019/12/collaboration-communication-togetherness-work-PBXCLYP.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 28%;
}
#we-are-equity-page .circle {
    position: absolute;
    display: block;
    background-color: transparent;
    color: #222;
    text-align: center;
    height: 441px;
    width: 441px;
    top: 17rem;
    right: 5rem;
}
#we-are-equity-page .circle:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #F05643;
    content: "";
}
#we-are-equity-page .circle__text {
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 200;
    line-height: 25px;
    max-width: 336px;
    margin: 2.5rem auto 2.5rem auto;
    text-align: center;
}
#we-are-equity-page .circle__header {
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
}
.office-of-equity-page .hereshow-block--header h3{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 44px;
}
.office-of-equity-page .hereshow-block--header h3:after {
    content: '';
    height: 2px;
    width: 100px;
    background-color: #AC987C;
    display: block;
    margin-bottom: 1.5rem;
    margin-top: .2rem;
    position: relative;
    top: 0;
}
.office-of-equity-page .hereshow-block--content ul li{
    max-width: 388px;
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom:20px;
}
.office-of-equity-page .hereshow-block--content ul {
    list-style: none;
    margin: 0;
    padding-left: 2.5rem;
    margin-top:2rem;
}
.office-of-equity-page .image-right-content-left .hereshow-block-image {
    box-shadow: 15px -15px 0px 2px #F05643;
    border-radius: 10px;
    height: 389px;
    width: 478px;
}
.office-of-equity-page .hereshow-block--content ul li:before {
    background: transparent url(https://eastsideforall.org/wp-content/uploads/2019/12/ESFA_symbol_Heart-Red.png);
    content: "";
    width: 30px;
    height: 28px;
    position: absolute;
    left: .9rem;
    /* top: 8px; */
    background-repeat: no-repeat;
}
.office-of-equity-page .hereshow-block-image {
    box-shadow: -15px -15px 0px 2px #F05643;
    border-radius: 10px;
    height: 389px;
    width: 478px;
}
.office-of-equity-page .hereshow-block-image img {
    border-radius: 10px;
    height: 389px;
    width: 478px;
}
.office-of-equity-page .image-left-content-right, .office-of-equity-page .image-right-content-left {
    margin-bottom: 0;
}
.oea-card-wrap .ng{
    padding-top: 6rem;
    padding-bottom: 4rem;
}
.oea-card-wrap .gray-bg {
    padding-top: 6rem;
    padding-bottom: 4rem;
}
#welcoming{
    position:relative;
}
#welcoming .gray-bg {
    padding-top: 8rem;
    padding-bottom: 10rem;
}
#welcoming .bottom-band-line-welcoming {
    position: absolute;
    bottom: -4px;
    right: 0;
}
.office-of-equity-page #weAre .weAre-inner .weAre-inner--text .weAre-lead{
    margin:0 auto;
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 40px;
    text-align: center;
}
.office-of-equity-page #weAre .weAre-inner .weAre-inner--text {
    max-width: 340px;
    margin: 0 18px 0 auto;
    height: 100%;
    padding-top: 6.3rem;
    text-align: center;
    position: relative;
    z-index: 9999;
}
.office-of-equity-page #weAre .weAre-inner svg {
    position: absolute;
    width: 200px;
    height: 473px;
    top: 0;
    bottom: 0;
    right: -161px;
    z-index: 9;
}
/******************* Our People Page *******************/
/******************* Our People Page *******************/
/******************* Our People Page *******************/
/******************* Our People Page *******************/



#top-band {
    position: relative;
    padding: 5rem 0 4rem 0;
    background-color: rgba(229,218,200,0.56);
}
#top-band .top-band-line {
    position: absolute;
    top: -8px;
}
#top-band .top-band-content{
    max-width: 591px;
}
#top-band .top-band-content .top-band-strong{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
}
#top-band .top-band-content p{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 200;
    line-height: 20px;
    margin-top:21px;
}
#bod {
    padding-top: 8rem;
    position:relative;
}
#bod .bod-header{
    max-width: 546px;
    padding-bottom: 6rem;
}
#bod .bod-header h2{
    color: #F05643;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 60px;
}
#bod .bod-header h2:after{
    content: '';
    height: 2px;
    width: 100px;
    background-color: #0E1626;
    display: block;
    margin-bottom: 2rem;
    margin-top: .2rem;
}
#bod .bod-header p{
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}
.gray-bg{
    background-color: #F7F7F7;
}
.our-people-page .hereshow-block--header h3 {
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 43px;
}
.our-people-page .hereshow-block--content p {
    font-size: 14px;
    line-height: 17px;
}
.our-people-page .hereshow-block--header h3:after {
    content: '';
    height: 2px;
    width: 100px;
    background-color: #AC987C;
    display: block;
    margin-bottom: 1.5rem;
    margin-top: 0rem;
    position: relative;
    top: 0;
}
.our-people-page .image-left-content-right, .our-people-page .image-right-content-left {
    margin-bottom: 0;
    padding: 5rem 0 5rem 0;
}
.our-people-page .topLine-bfb {
    top: -8px;
}
.founder-wrap {
    padding-top: 7rem;
    padding-bottom: 5rem;
}
.founder-wrap .founder-wrap--header h2{
    color: #F05643;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 60px;
}
.founder-wrap .founder-wrap--header h2:after{
    content: '';
    height: 2px;
    width: 100px;
    background-color: #0E1626;
    display: block;
    margin-bottom: 2rem;
    margin-top: .2rem;
}
.our-people-page #belonging .belonging-inner {
    position: relative;
    height: 396px;
    background: #AC987C;
}
/* .our-people-page #belonging .belonging-inner .belonging-inner--text .belonging-lead, #belonging .belonging-inner .belonging-inner--text .belonging-span {
    color: #F7F7F7;
} */
.our-people-page #belonging .belonging-inner .belonging-inner--text .belonging-lead {
    color: #F7F7F7;
}
.our-people-page .cls-1 {
    fill: #AC987C;
}
.our-people-page #belonging .belonging-inner .belonging-inner--text {
    max-width: 244px;
    padding-top: 1rem;
}
.page-id-122 #blog-quote .quote-line-top{
    display: none;
}






/******************* FOOTER *******************/
/******************* FOOTER *******************/
/******************* FOOTER *******************/
/******************* FOOTER *******************/





#wrapper-footer{
	background-color:#0F1727;
	color:#FFF;
}
footer {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
}
.footer-list-items {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.footer-list-items li{
	color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 200;
	line-height: 14px;
	margin-bottom:1rem;
}
.footer-list-items li:first-child{
	color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
}
.footer-list-items li a{
	color: #F7F7F7;
	transition:.2s ease;
	opacity:1;
}
.footer-list-items li a:hover{
	transition:.2s ease;
	opacity:.7;
	text-decoration:none;
}
.sub-footer-link{
	color: #F7F7F7;
	transition:.2s ease;
	opacity:1;
    font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
}
.sub-footer-link:hover{
	transition:.2s ease;
	opacity:.7;
	color: #F7F7F7;
	text-decoration:none;
}
.fb-icon{
    position: relative;
    top: -16px;
}


/******************* Calendar Page *******************/
/******************* Calendar Page *******************/
/******************* Calendar Page *******************/
/******************* Calendar Page *******************/
.calendar-header {
    height: 46vh;
    background-size: cover;
    position: relative;
    min-height: 100%;
    z-index: 99;
}
.calendar-header .calendar-overlay {
    background: linear-gradient(180deg, #F7F7F7 4%, rgba(251,251,251,0.67) 27%, rgba(254,254,254,0.58) 41%, rgba(254,254,254,0.32) 74%, rgba(255,255,255,0) 100%);
    width: 100%;
    position: absolute;
    z-index: 99;
    height: 350px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.calendar-header-text {
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 6rem;
}
.calendar-container {
    background-color: rgba(229,218,200,0.56);
}
.calendar-sub-header {
    padding-top: 76px;
    padding-bottom: 100px;
}
.calendar-sub-content {
    max-width: 610px;
}
.calendar-sub-content p {
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
}
.calendar-sub-content p:nth-child(1) {
    margin-bottom:0;
}
.calendar-filter {
    border-radius: 25px;
    background-color: #e1d4c2;
    padding: 2rem 1.5rem;
}
.calendar-title {
    margin-top: 100px;
    text-align: left;
}
.calendar-title h2 {
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 48px;
    text-transform: uppercase;
}
.welcoming-institute-page #top-band .bottom-band-line {
    position: absolute;
    bottom: -4px;
    right: 0;
}
.welcoming-institute-page .quote-line-top{
    display:none;
}
.welcoming-institute-page #blog-quote {
    position: relative;
    padding-top: 7rem;
}
.welcoming-institute-page .circle__text {
    margin: 0.5rem auto 2.5rem auto;
}
.welcoming-institute-page #top-band .top-band-content p{
    max-width: 520px;
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
}
.top-section-right p {
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 20px;
    margin-top: 0;
}

.top-section-right ul {
    list-style: none;
    margin: 0;
    padding-left: 1.5rem;
    margin-top:30px;
}
.top-section-right ul li {
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 3.4rem;
}
.top-section-right ul li:before {
    background: transparent url(https://eastsideforall.org/wp-content/uploads/2019/12/ESFA_symbol_Heart-Red.png);
    content: "";
    width: 30px;
    height: 28px;
    position: absolute;
    left: 0;
    /* top: 8px; */
    background-repeat: no-repeat;
}
.top-band-content,.side-bar-section{
    position:relative;
    z-index:99;
}

.top-band-content:before {
    z-index:-1;
    content: "Bringing the Community Together Through a Deep Commitment to Being Better Humans";
    height: 493px;
    width: 989px;
    color: rgba(14,22,38,0.04);
    font-family: 'Montserrat', sans-serif;
    font-size: 67px;
    font-weight: 800;
    letter-spacing: 3px;
    line-height: 82px;
    position: absolute;
    text-transform: uppercase;
    left: -82px;
    top: -15px;
}
.bottom-content-section{
    max-width: 855px;
    margin: 3rem auto 0 auto;
    display:block;
}
.bottom-content-section p{
    color: #0E1626;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-align: center;
}
#online-library{
    position:relative;
    background-size:cover;
    background-repeat:no-repeat;
    padding:84px 0px;
    min-height:562px;
}
.online-overlay{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: rgba(14,22,38,0.82);
}
.online-library-header{
    text-align:center;
}
.online-library-header h2{
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 48px;
    margin-bottom:2.5rem;
}
.online-library-header p{
    max-width: 600.5px;
    margin: 0 auto;
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom:2rem;
}
.library-list{
    list-style-type:none;
    margin:0;
    padding:0;
}
.library-list .library-item {
    display: inline-block;
    min-height: 22px;
    min-width: 91px;
    line-height: 62px;
    margin: 0 .2rem;
}
.library-list .library-item a{
    transition:.2s ease;
    border: 1px solid white;
    color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    border-radius: 25px;
    padding: .6rem 1rem;
}
.library-list .library-item a:hover{
    transition:.2s ease;
    background-color:#F7F7F7;
    color:#0E1626;
    text-decoration:none;
}
/******************* Media Queries *******************/
/******************* Media Queries *******************/
/******************* Media Queries *******************/
/******************* Media Queries *******************/
@media (min-width:1500px){
.map-placeholder {
    height: 551px;
}
.map-inner--text {
    padding-top: 9.3rem;
}
.map-section {
    max-height: 700px;
}
.map-inner svg {
    height: 640px;
}
#belonging .belonging-inner svg {
    height: 589px;
}
#belonging .belonging-inner {
    height: 505px;
}
#belonging .belonging-inner .belonging-inner--text {
    padding-top: 6rem;
}
#belonging {
    max-height: 650px;
}
.belonging-placeholder {
    height: 505px;
}
}
@media (max-width:1200px){
    .top-band-content:before{
        content:'' !important;
        width: 0 !important;
    }
    .welcoming-institute-page #top-band .top-band-content p {
        font-size: 30px !important;
        line-height: 37px !important;
    }
    .bfb-top:before {
        content: 'Social Infrastructure that Promotes Welcoming and Belonging in Physical Spaces';
        max-width: 900px;
        font-size: 50px;
        line-height: 72px;
        bottom: -2rem;
        left: 0 !important;
        right: 0!important;
        margin: 0 auto;
    }
    #thirdPlaces .mw-1280 {
        max-width: 1080px;
    }
}
@media (max-width:1165px){
    #countdown-list li {
        margin: 0 1rem;
    }
    .volunteer-desc span {
        font-size: 18px;
        font-weight: 500;
        line-height: 23px;
    }
}
@media (max-width:1024px){
    .third-place-left-col h3 {
        margin: 0 auto;
        text-align: center;
    }
    .third-place-left-col p {
        margin: 2rem auto;
        text-align: center;
    }
    .how-block p {
        max-width: 100%;
        font-size: 16px;
    }
    .third-place-right-col p {
        text-align: center;
        margin: 2rem auto;
    }
    #heres-how-wrapper .container{
        max-width: 920px;
    }
    .navbar-brand {
        width: 175px;
        height: 90px;
        transition: .2s ease;
    }
    section.about {
        padding: 5rem 0 1rem 0;
        height:auto;
    }
    .circle-cta{
        margin:0 auto;
        left:0;
        right:0;
    }
    .resource-wrap {
        padding: 7rem 3rem 4rem 3rem;
    }
    .map-inner svg {
        left: -182px;
    }
    #belonging .belonging-inner svg {
        right: -94px;
        z-index: 2;
        height: 537px;
    }
    #belonging .belonging-inner .belonging-inner--text {
        z-index: 10;
        position: relative;
    }
    .countdown-inner {
        padding-top: 5rem;
        padding-bottom: 7rem;
    }
    #countdown-list li{
        margin:0 1rem;
    }
}
@media (max-width:991px){
    .right-posts {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }
    .news-insights-featured{
        margin-bottom:2rem;
    }
    .not-featured-image {
        height: 350px;
        border-top-right-radius: 25px;
        border-top-left-radius: 25px;
    }
    .featured-container {
        max-width: 480px;
    }
    .news-insights--inner {
        padding: 2rem 2rem 1.5rem 2rem;
    }
    .not-featured-content {
        max-width: 100%;
        padding: 2rem 2rem 1.5rem 2rem;
    }
    .not-featured-content h5 {
        font-size: 20px;
        line-height: 24px;
        max-width: 400px;
    }
    .not-featured-content p {
        font-size: 15px;
        line-height: 18px;
        max-width: 363px;
    }
    .news-insights--inner h3 {
        font-size: 26px;
        line-height: 28px;
    }
    .calendar-item .calendar-date {
        font-size: 25px;
        line-height: 36px;
        padding: 1.5rem;
    }
    .calendar-item .calendar-item--title h3 {
        font-size: 24px;
    }
    .footer-list-items {
        padding: inherit;
    }
    .calendar-item .calendar-item--location {
        font-size: 10px;
        line-height:5px;
    }
    .calendar-item .calendar-item--times {
        font-size: 14px;
        line-height: 14px;
    }
    .sub-footer-link {
        padding-left: 1rem;
    }
    #stayUpdated .nameWidth {
        width: 225px;
    }
    .grid-item:hover {
        transition: .2s ease-in-out;
        background-color: #EF5643;
        box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.5);
        transform: scale(1);
        position: relative;
        z-index: 99;
    }
    .masthead-text {
        max-width: 100%;
        font-size: 40px;
        line-height: 46px;
        transition: ease all .5s;
    }   
    .masthead-lead {
        max-width: 100%;
        font-size: 20px;
        transition: ease all .5s;
    }
    #navbarNavDropdown{
        background-color:#FFF;
    }
    #main-menu li a{}
    #main-menu li{
        text-align: center;
        padding: 1rem;
    }
    .donate-btn{
        max-width: 120px;
        padding: 0 1rem !important;
        margin: 1rem auto 2rem auto;
    }
    .map-section {
        max-height: 100%;
        overflow: hidden;
    }
    .map-inner svg{
        display:none;
    }
    .map-section .col-lg-8.pr-0.pl-0{
        padding-left:15px !important;
        padding-right:15px !important;
    }
    .map-section .container-fluid.pr-0{
        padding:0px !important;
    }
    .resource-wrap {
        padding: 9rem 2rem 4rem 2rem;
    }
    .resource-card {
        margin-bottom: 3rem;
    }
    .library-access {
        padding-top: 33px;
    }
    #belonging {
        max-height: 100%;
    }
    #belonging .container-fluid.pl-0{
        padding:0 !important;
    }
    #belonging .belonging-inner {
        height: 420px;
    }
    #belonging .belonging-inner svg{
        display:none;
    }
    .mission-right {
        margin-top: 3rem;
    }
    .circle {
        top: 4.5rem;
        right: 0;
        left:0;
        margin:0 auto;
    }
    #founder-people .founder-info {
        max-width: 100%;
        margin-left: auto;
        margin-top: 4rem;
    }
    #founder-people .founder-info .founder-info-inner {
        max-width: 100%;
    }
    #our-people{
        display:none;
    }
    #our-people-mobile {
        display: block;
        margin-top: 8rem;
    }
    #weAre {
        max-height: 100%;
    }
    #weAre .container-fluid.pl-0{
        padding:0 !important;
    }
    #weAre .weAre-inner .weAre-inner--text {
        max-width: 384px;
    }
    .bottomLine-history {
        bottom: -5px;
    }
    .masthead-subtext {
        font-size: 32px;
        line-height: 46px;
    }
    .heres-how-block-container {
        margin-top: 4rem;
    }
    .image-right-content-left{
        display:none;
    }
    .image-left-content-right.mobile {
        display: block;
    }
    .what-we-do-page #weAre .weAre-inner {
        max-width: 100%;
        margin: 0 auto;
    }
    .image-left-content-right {
        margin-bottom: 4rem;
    }
    .hereshow-block-container{
        margin-top:3rem;
    }
    .volunteer-card {
        max-width: 400px;
        margin: 0 auto 2rem auto;
    }
    #volunteer .volunteer-container {
        max-width: 650px;
        margin: 0 auto;
    }
    .blockquote-container blockquote:before {
        width: 35px;
        height: 35px;
        left: -25px;
        top: -33px;
    }
    .blockquote-container blockquote:after {
        width: 35px;
        height: 35px;
        right: -1.5rem;
        bottom: 5rem;
    }
    .blockquote-container blockquote p {
        font-size: 16px;
        font-weight: 200;
        line-height: 21px;
    }
    .blockquote-container blockquote .quote-author {
        max-width: 339px;
        font-size: 14px;
        line-height: 19px;
    }
    #blog-quote .blog-quote-container {
        max-width: 650px;
        margin: 0 auto;
    }
}
@media (max-width:768px){
    .footer-logo img{
        margin:0 auto;
        display:block;
    }
    .footer-list-items {
        text-align: center;
    }
    .sub-footer-link {
        text-align: center;
        padding: 0;
        width: 100%;
        margin: 1rem auto 1rem auto;
        display: block;
    }
    #newsletter-band .container{
        max-width: 690px;
    }
    #stayUpdated .emailWidth {
        width: 237px;
    }
    #stayUpdated .nameWidth {
        width: 170px;
    }
    #stayUpdated form{
        max-width:564px;
    }
    .masthead-text {
        max-width: 100%;
        font-size: 30px;
        line-height: 46px;
        padding: 0 8px;
        transition: ease all .5s;
    }
    .masthead-lead {
        max-width: 100%;
        font-size: 18px;
        padding: 0 8px;
        transition: ease all .5s;
    }
    section.about {
        height: 100%;
        padding: 5rem 0 2rem 0;
    }
    .featured-event--header {
        max-width: 550px;
        margin: 0 auto;
    }
    .circle-cta {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .resource-wrap {
        padding: 9rem 2rem 4rem 2rem;
    }
    .resource-card {
        margin-bottom: 3rem;
    }
    .library-access {
        padding-top: 33px;
    }
    .map-section {
        max-height: 100%;
        overflow: hidden;
    }
    .map-inner svg{
        display:none;
    }
    .map-section .col-lg-8.pr-0.pl-0{
        padding-left:15px !important;
        padding-right:15px !important;
    }
    .map-section .container-fluid.pr-0{
        padding:0px !important;
    }
    .viewAll-insights {
        padding-bottom: 6rem;
    }
    #countdown .countdown-bottom {
        max-width: 520px;
    }
    #countdown {
        min-height: 710px;
        padding-bottom: 3rem;
    }
    #countdown-list li {
        margin: 0 3rem 3rem 3rem;
    }
    #belonging {
        max-height: 100%;
    }
    #belonging .container-fluid.pl-0{
        padding:0 !important;
    }
    #belonging .belonging-inner {
        height: 420px;
    }
    #belonging .belonging-inner svg{
        display:none;
    }
    .who-we-are-page .masthead {
        background-size: cover;
        height: 888px;
    }
    .who-we-are-page .overlay {
        top: -16px;
        height: 151%;
    }
    .masthead-subtext {
        font-size: 31px;
        line-height: 29px;
        max-width: 500px;
        padding-top: 2rem;
    }
    #our-mission {
        background-size: cover;
        background-repeat: no-repeat;
    }
    .mission-right{
        margin-top: 3rem;
    }
    .topLine-bfb {
        top: -10px;
    }
    .circle {
        top: 4.5rem;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    #founder-people {
        padding: 7rem 0;
    }
    #founder-people .founder-image {
        max-height: 344px;
        max-width: 444px;
        margin: 0 auto;
    }
    #founder-people .founder-image img {
        height: 357.69px;
    }
    #founder-people .founder-info {
        max-width: 476px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4rem;
    }
    #founder-people .founder-info .founder-info-inner {
        max-width: 100%;
    }
    #our-people{
        display:none;
    }
    #our-people-mobile {
        display: block;
        margin-top: 7rem;
    }
    #weAre {
        max-height: 100%;
    }
    #weAre .container-fluid.pl-0{
        padding:0 !important;
    }
    #weAre .weAre-inner .weAre-inner--text {
        max-width: 384px;
    }
    .bottomLine-history {
        bottom: -5px;
    }
    .what-we-do-page .masthead .overlay {
        height: 151%;
    }
    .heres-how-block-container {
        margin-top: 4rem;
    }
    .image-right-content-left{
        display:none;
    }
    .image-left-content-right.mobile {
        display: block;
    }
    .what-we-do-page #weAre .weAre-inner {
        max-width: 340px;
        margin: 0 auto;
    }
    .image-left-content-right {
        margin-bottom: 4rem;
    }
    .hereshow-block-container{
        margin-top:3rem;
    }
    #builtForBeloning-wwd .circle {
        height: 427px;
        width: 427px;
        top: 4rem;
        margin: 0 auto;
        right: 0;
        left: 0;
    }
    #heres-how {
        padding: 4rem 0 5rem 0;
    }
    .blockquote-container blockquote:before {
        width: 35px;
        height: 35px;
        left: -25px;
        top: -33px;
    }
    .blockquote-container blockquote:after {
        width: 35px;
        height: 35px;
        right: -1.5rem;
        bottom: 5rem;
    }
    .blockquote-container blockquote p {
        font-size: 16px;
        font-weight: 200;
        line-height: 21px;
    }
    .blockquote-container blockquote .quote-author {
        max-width: 339px;
        font-size: 14px;
        line-height: 19px;
    }
    #blog-quote .blog-quote-container {
        max-width: 400px;
        margin: 0 auto;
    }
    .grid-wrapper .grid-item {
        box-sizing: border-box;
        max-width: 400px;
        min-height: 320px;
    }
    .grid-wrapper .grid-item:hover {
        box-sizing: border-box;
        max-width: 400px;
        transform: scale(1);
    }
    .donate-page .otherWaysWrap {
        padding: 8rem 2rem 0 2rem;
    }
    #makeAnImpact .impact-line {
        top: -9px;
    }
    #makeAnImpact .makeAnImpact--header h3 {
        font-size: 32px;
    }
    .impact-card .impact-card--content h4{
        font-size:20px;
    }
    #makeAnImpact .makeAnImpact--header {
        padding: 0 2rem 5rem 2rem;
    }
    .grid-item .grid--title {
        padding-top: 6.5rem;
    }
    .impact-card {
        margin: 0 auto 2rem auto;
    }
    .our-people-page #belonging .belonging-inner {
        height: 420px;
    }
    .office-of-equity-page .blog-header {
        background-position: center;
    }
    #we-are-equity-page .circle {
        top: 4rem;
        right: 0;
        left: 0;
    }
    #oea {
        margin-top: 2rem;
    }
    .oea-card-wrap:first-child .ng {
        padding-top: 1rem;
    }
    .office-of-equity-page #weAre .weAre-inner .weAre-inner--text {
        max-width: 400px;
        margin: 0 auto;
        z-index: 0;
    }
    .office-of-equity-page #weAre .weAre-inner svg{
        display:none;
    }

    .calendar-item .calendar-date {
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }
    .calendar-item--title {
        padding: 2rem 2rem .5rem 2rem;
    }
    .calendar-item--meta{
        padding:0 2rem 1rem 2rem;
    }
    .calendar-item .calendar-item--link {
        padding: 0rem 2rem 2rem 2rem;
    }


    .bfb-top h2 {
        font-size: 32px;
        line-height: 36px;
    }
    .bfb-top:before{
        display:none;
    }
    .bfb-top p {
        font-size: 18px;
        line-height: 23px;
    }
    .third-place-left-col h3 {
        font-size: 48px;
        line-height: 54px;
    }
    .third-place-left-col p {
        font-size: 26px;
        line-height: 30px;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .third-place-right-col p {
        max-width: 510px;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 2rem;
    }



}
@media (max-width:610px){
    #stayUpdated .formSub {
        display: block;
        max-width: 120px;
        margin: 2rem auto 0 auto;
    }
    #stayUpdated .nameWidth,#stayUpdated .emailWidth {
        width: 49%;
        margin-left: 0;
        padding-left: 1rem;
    }
    #newsletter-band .newsletter-container {
        padding-bottom: 77px;
    }
    #newsletter-band .newsletter-container h3 {
        max-width: 400px;
        margin: 0 auto;
    }
}
@media (max-width:576px){
    .page-id-488 .top-section-right ul li {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 2rem;
    }
    .page-id-488 .top-section-right ul li:before {
        left: 11px;
    }
    .page-id-488 .top-section-right {
        padding: 1.5rem 1.5rem 0 1.5rem;
    }
    .who-we-are-page .overlay {
        top: -18px;
    }
    .masthead .overlay{
        height: 180%;
    }
    .masthead-text {
        max-width: 100%;
        font-size: 30px;
        line-height: 46px;
        padding: 0 8px;
        transition: ease all .5s;
    }
    .masthead-lead {
        max-width: 100%;
        font-size: 18px;
        padding: 0 8px;
        transition: ease all .5s;
    }
    .navbar-brand {
        width: 175px;
        height: 90px;
        transition: .2s ease;
    }
    nav.navbar{
        padding-left:0;
        padding-right:0;
    }

    /* HOMEPAGE */
    section.about{
        padding-top: 4rem;
    }
    .featured-events .featured-event--header .featured-event--h2{
        font-size:32px;
    }
    .cta-home {
        min-height: 500px;
        background-size: cover;
        background-position: 53%;
        position: relative;
        background-repeat: no-repeat;
    }
    .featured-events .color-line {
        position: absolute;
        top: -11px;
        width: 100%;
    }
    .news-insights--inner {
        padding: 2rem 1rem 1.5rem 1rem;
    }
    .news-insights--inner h3 {
        font-size: 20px;
        line-height: 23px;
    }
    #countdown .countdown-top .countdownHeader {
        font-size: 24px;
    }
    #countdown .countdown-bottom .countdownHeaderBottom {
        font-size: 32px;
    }
    #countdown-list li {
        width: 242px;
        padding: 3rem 0;
        margin: 1rem 3rem;
    }
    .countdown-inner {
        padding-bottom: 5rem;
    }
    #belonging {
        max-height: none;
        overflow: hidden;
    }
    #belonging .belonging-inner {
        height: 392px;
    }
    #belonging .belonging-inner .belonging-inner--text .belonging-lead {
        font-size: 18px;
        line-height: 28px;
        margin-top: 1rem;
    }
    #belonging .container-fluid.pl-0{
        /* padding-left: 15px !important; */
    }
    #belonging .belonging-inner svg {
        display: none;
    }
    .circle-cta {
        height: 356px;
        width: 356px;
        top: 19rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .circle-cta .inner {
        max-width: 247.79px;
        min-width: 247.79px;
    }
    .circle-cta .inner .cta-lead {
        font-size: 18px;
        font-weight: 200;
        line-height: 20px;
    }
    .circle-cta .inner .circle-header{
        display:none;
    }
    .circle-btn {
        margin-top: 2.5rem;
    }
    .resource-wrap {
        padding: 1rem;
    }
    .cta-home-two-header h2 {
        font-size: 40px;
        line-height: 45px;
    }
    .home .circle-cta .inner p {
        font-size: 16px;
        line-height: 20px;
    }
    .resource-card {
        margin-bottom: 2rem;
    }
    .library-access {
        padding-bottom: 117px;
    }
    .map-section {
        max-height: none;
    }
    .map-inner--text .span-lead {
        font-size: 18px;
    }
    .map-inner svg {
        display: none;
    }
    .map-inner {
        height: 384px;
    }
    .who-we-are-page .masthead {
        background-size: cover;
        height: 689px;
    }
    .masthead-subtext {
        font-size: 24px;
        line-height: 29px;
        max-width: 100%;
        padding-top: 1rem;
    }
    #our-mission {
        background-size: cover;
        background-repeat: no-repeat;
    }
    #our-mission .mission-title h2 {
        font-size: 32px;
        line-height: 32px;
    }
    .mission-right ul li:before {
        left: 16px;
    }
    .mission-right ul li {
        font-size: 16px;
    }
    .mission-right ul {
        padding-left: 2rem;
    }
    .mission-right{
        margin-top: 2rem;
    }
    #built-for-belonging {
        background-size: cover;
        background-position: 38%;
    }
    .topLine-bfb {
        top: -10px;
    }
    .circle {
        height: 239.84px;
        width: 335px;
        top: 8rem;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .circle__inner {
        top: 50px;
    }
    .circle__header {
        font-size: 18px;
        line-height: 14px;
    }
    .circle__text {
        font-size: 16px;
        line-height: 22px;
        max-width: 225px;
    }
    #founder-people {
        padding: 6rem 0;
    }
    #founder-people .founder-image {
        max-height: 344px;
        max-width: 310px;
        margin: 0 auto;
    }
    #founder-people .founder-image img {
        height: 248.69px;
    }
    #founder-people .founder-info {
        margin-top: 3rem;
    }
    #founder-people .founder-info h3 {
        font-size: 24px;
    }
    #our-people{
        display: none;
    }
    #our-people-mobile{
        display:block;
        margin-top: 6rem;
    }
    #weAre .weAre-inner svg {
        display: none;
    }
    .topLine-weAre {
        top: -9px;
    }
    #weAre {
        max-height: initial;
        overflow: hidden;
    }
    .weAre-placeholder {
        height: auto;
    }
    #ourHistory .ourHistory-inner .ourHistory-header h2 {
        font-size: 32px;
    }
    #ourHistory .ourHistory-inner .ourHistory-content p {
        font-size: 18px;
        line-height: 27px;
    }
    .bottomLine-history {
        position: absolute;
        bottom: -6px;
    }
    #builtForBeloning-wwd {
        height: 600px;
        background-size: cover;
    }
    #builtForBeloning-wwd .circle {
        height: 328px;
        width: 327px;
        top: 9rem;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    #builtForBeloning-wwd .circle__header {
        font-size: 18px;
        line-height: 14px;
    }
    #builtForBeloning-wwd .circle__text {
        font-size: 18px;
        line-height: 23px;
    }
    .what-we-do-statement-line {
        bottom: -6px;
    }
    #heres-how {
        padding: 4rem 0 1rem 0;
    }
    .hereshow-block-image {
        height: 245px;
        width: 300px;
        margin: 0 auto;
    }
    .hereshow-block-container{
        padding-top:2rem;
    }
    .hereshow-block--header h3 {
        font-size: 24px;
    }
    .heres-how-block-container {
        margin-top: 4rem;
    }
    .image-right-content-left{
        display:none;
    }
    .image-left-content-right.mobile {
        display: block;
    }
    .what-we-do-page #weAre .weAre-inner {
        max-width: 340px;
        margin: 0 auto;
    }
    .image-left-content-right {
        margin-bottom: 4rem;
    }
    .blockquote-container blockquote:before {
        width: 35px;
        height: 35px;
        left: -25px;
        top: -33px;
    }
    .blockquote-container blockquote:after {
        width: 35px;
        height: 35px;
        right: -1.5rem;
        bottom: 5rem;
    }
    .blockquote-container blockquote p {
        font-size: 16px;
        font-weight: 200;
        line-height: 21px;
    }
    .blockquote-container blockquote .quote-author {
        max-width: 339px;
        font-size: 14px;
        line-height: 19px;
    }
    #blog-quote .blog-quote-container {
        max-width: 400px;
        margin: 0 auto;
    }
    .impact-card {
        margin: 0 auto 2rem auto;
    }
    .grid-wrapper .grid-item {
        box-sizing: border-box;
        max-width: 100%;
    }
    .grid-wrapper .grid-item:hover {
        box-sizing: border-box;
        max-width: 100%;
        transform:scale(1);
    }
    .donate-page .otherWaysWrap {
        padding: 8rem 2rem 0 2rem;
    }
    #makeAnImpact .impact-line {
        top: -9px;
    }
    #makeAnImpact .makeAnImpact--header h3 {
        font-size: 32px;
    }
    .impact-card .impact-card--content h4{
        font-size:20px;
    }
    #makeAnImpact .makeAnImpact--header {
        padding: 0 2rem 5rem 2rem;
    }
    .blog-header {
        background-position: center;
    }
    #top-band .top-band-line {
        top: -9px;
    }
    #top-band .top-band-content {
        max-width: 100%;
        padding: 0 1.5rem;
    }
    .our-people-page .topLine-bfb {
        top: -9px;
    }
    #bod {
        padding-top: 3rem;
    }
    #bod .bod-header h2 {
        font-size: 32px;
        line-height: 47px;
    }
    .founder-wrap .founder-wrap--header h2 {
        font-size: 32px;
        line-height: 37px;
    }
    .our-people-page #belonging .belonging-inner {
        height: 413px;
    }
    .office-of-equity-page #top-band .top-band-content p {
        font-size: 18px;
        line-height: 32px;
    }
    #we-are-equity-page .circle {
        height: 441px;
        width: 345px;
        top: 6rem;
        right: 0;
        left: 0;
    }
     #we-are-equity-page .circle__inner {
        top: -46px;
    }
    #we-are-equity-page .circle__header {
        font-size: 18px;
        line-height: 0;
    }
    #we-are-equity-page .circle__text {
        font-size: 16px;
        line-height: 19px;
        max-width: 270px;
    }
    #oea .oea-header h2 {
        font-size: 32px;
        line-height: 40px;
    }
    #oea {
        margin-top: 2rem;
    }
    #oea .oea-header {
        margin-bottom: 1rem;
    }
    .oea-card-wrap .ng {
        padding-top: 3rem;
    }
    .office-of-equity-page .hereshow-block-image {
        height: 240px;
        width: 320px;
        margin: 0 auto;
    }
    .office-of-equity-page .hereshow-block-image img {
        height: 240px;
        width: 320px;
    }
    .office-of-equity-page .hereshow-block--header h3 {
        line-height: 30px;
    }
    .office-of-equity-page .hereshow-block--header h3:after {
        margin-top: .9rem;
    }
    .office-of-equity-page .hereshow-block--content ul {
        margin-bottom: 2rem;
    }
    #welcoming .bottom-band-line-welcoming {
        bottom: -6px;
    }
    .office-of-equity-page #weAre .weAre-inner .weAre-inner--text .weAre-lead {
        font-size: 20px;
        line-height: 30px;
    }
    .office-of-equity-page #weAre .weAre-inner svg{
        display:none;
    }
    .office-of-equity-page #weAre .weAre-inner {
        height: 366px;
    }
    .blockquote-container blockquote {
        max-width: 300px;
    }
    .office-of-equity-page #weAre .weAre-inner .weAre-inner--text {
        margin: 0 auto;
        z-index: 0;
    }
    #blog-quote .quote-line-bottom {
        bottom: -6px;
    }
    .blog-header-text {
        font-size: 28px;
        line-height: 31px;
    }
    #top-band .top-band-content .top-band-strong {
        font-size: 20px;
        line-height: 25px;
    }
    #thirdPlaces .third-places-wrapper .third-places-wrapper--header h2 {
        font-size: 32px;
        line-height: 35px;
    }
    #thirdPlaces .third-places-wrapper .third-places-wrapper--content h3 {
        font-size: 20px;
        line-height: 25px;
    }
    #thirdPlaces .third-places-wrapper .third-places-wrapper--content p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 2.5rem;
    }
    .hh-wrapper-line {
        top: -11px;
    }
    #heres-how-wrapper .hh-container h2 {
        font-size: 32px;
        line-height: 52px;
    }
    #heres-how-wrapper {
        padding-top: 4rem;
    }
    .how-container {
        margin-top: 3rem;
    }
    .how-container ul li:before {
        left: 16px;
    }
    .calendar-header-text {
        font-size: 28px;
        line-height: 31px;
    }
    .calendar-sub-content, .blog-sub-content {
        max-width: 610px;
        text-align: center;
        margin-bottom: 3rem;
    }
    .calendar-sub-header {
        padding-top: 44px;
        padding-bottom:70px;
    }
    .calendar-filter {
        padding: 1rem 1.5rem;
    }
    .select {
        margin-top: 1rem;
    }
    .calendar-title {
        margin-top: 76px;
        text-align: center;
    }
    .calendar-title h2 {
        font-size: 32px;
    }
    .calendar-item .calendar-item--location {
        font-size: 12px;
        line-height: 16px;
    }

    .bfb-top h2 {
        font-size: 32px;
        line-height: 36px;
    }
    .bfb-top:before{
        display:none;
    }
    .bfb-top p {
        font-size: 18px;
        line-height: 23px;
    }
    .third-place-left-col h3 {
        font-size: 48px;
        line-height: 54px;
    }
    .third-place-left-col p {
        font-size: 26px;
        line-height: 30px;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .third-place-right-col p {
        max-width: 510px;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 2rem;
    }
}