/* body,body.home,
#wrapper,
.home #wrapper,
#content{
    background: transparent!important; 
} */

.flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.flex-items.last .flex-wrap {
    padding-right: 0;
}

.hero-section .flex-items img {
    margin-bottom: 1em;
}

.hero-section p {
    padding: 0 1em;
}

.justify-content-between {
    justify-content: space-between;
    align-items: center;
}

.justify-content-center {
    -webkit-justify-content: center;
    justify-content: center;
}

.align-items-center {
    -webkit-align-items: center;
    align-items: center;
}

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

body.without-features #content {
    padding-top: 0.618em;
}

.hero-section {
    margin: 0 0 2.618em;
}

.hero-section.flexbox {
    margin: 0 0 5em;
}

.hero-section h1 {
    margin-top: 1em;
    margin-bottom: 0;
    font-size: 2.1em;
}

.hero-section h1,
.hero-section h2 {
    text-align: center;
}

.hero-section.spotlight {
    background-color: #f5f3fd;
    align-items: center;
}

.mb-3em {
    margin-bottom: 3em;
}

.hero-section.spotlight .mb-15,
.mb-15 {
    margin-bottom: 15px;
}

.hero-section.feature {
    padding: 0;
    justify-content: space-between;
}

@media only screen and (min-width: 992px) {
	.hero-section.feature .feature-detail {
    	min-height: 135px;
	}
}
@media only screen and (min-width: 768px) {
    .flex-items {
        flex: 0 0 315px;
        max-width: 315px;
    }
    .flexbox-40 {
        flex: 0 0 40%;
    }
    .flexbox-60 {
        flex: 0 0 60%;
    }
    .home .hero-wrapper {
        padding: 1em 6.7em 0;
    }
    /* .home .hero-wrapper .header-image{
        margin-bottom: 1em;
    } */
    .hero-section.spotlight img {
        width: 300px;
        height: auto;
    }
    .hero-section.feature img {
        width: 300px;
        height: auto;
    }
    a.button1,
    a.button2,
    a.button3,
    a.button4,
    a.button5,
    a.button6,
    a.button7,
    a.button8,
    a.button_pink,
    a.button_purple,
    a.button_outline,
    .wp-block-buttons>.wp-block-button.button_pink a.wp-block-button__link,
    .wp-block-buttons>.wp-block-button.button_purple a.wp-block-button__link,
    .wp-block-buttons>.wp-block-button.button_outline a.wp-block-button__link {
        margin: 30px 0;
    }	

}

@media only screen and (max-width: 767px) {
    .donate {
        text-align: right;
        position: absolute;
        top: 25px;
        right: 0;
    }
    #header .nav-toggle {
        width: 28%;
    }
    .fx-direction-row.xs,
    .xs,
    .xs.tab-container.verticle-tab {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .hero-section.flexbox {
        margin: 2.618em 0 0;
    }
    .flex-items .flex-wrap {
        padding-right: 0;
        margin: auto;
        text-align: center;
    }
    .hero-section p {
        padding: 0 1em;
    }
    .text-left {
        text-align: center;
    }
    .mb-1em {
        margin-bottom: 3em;
    }
}

@media only screen and (max-width: 1280px) {
    .hero-section p {
        padding: 0 1em;
    }
}