h1, h2, h3, h4, h5, h6 {font-family: "proxima-nova", sans-serif; font-weight: 900; text-transform: unset; margin: 1em 0 0.5em 0;}
h2 {font-size: 2em;}
.body-copy.contained-1260> :not(aside):not(div), .body-copy.contained-12> :not(aside):not(div), .body-copy.contained-960> :not(aside):not(div), .body-copy.contained-9> :not(aside):not(div) {max-width: 1050px;}
p, ol li, ul li {font-size: 1.25em;}
.content-boxes {margin-top: 50px;}
.content-boxes p, .serve-block p, .intro p {font-size: 1em;}
nav #nav-main-items .tabbed-menu li.level-2 ul a p {font-size: 0.7em;}
nav #nav-main-items .tabbed-menu li.level-2 ul a div, nav #nav-main-items li.level-2 > a div {font-size:90%;}
nav #nav-main-items .tabbed-menu li.level-2 ul li.level-3 {font-size: 100% !important;}
nav #nav-main-items .tabbed-menu li.level-2 ul {background: #fff;}
@media (min-width: 480px) {
  p {line-height: 1.25em !important;}
}
@media (min-width: 960px) {
    nav .nav-actions>ul>li a, nav .nav-main>ul>li a {
        text-transform: none;
        font-size: 1.2em;
    }
    #content {
        margin-top: 105px;
    }
}
.breadcrumbs a {text-transform: none;}
#nav-donate.btn {font-size: 0.9em;}
.btn {text-transform: none; border-radius: 35px; font-weight: 300;padding: 1em 2em;font-weight: 700;}
.slider-carousel a.btn {font-size: 18px;color:#2E0B3C;}
.brand-offwhite-bg {background: #fff;}
.slider-carousel .swiper-slide .slide-content-right {background-color: #2E0B3C; width: 35%; padding: 30px;text-align: left; height: 440px;}
nav {background-color: #2E0B3C; height: 100px;}
nav .nav-container {background-color: #2E0B3C;}
.social-icon.icon-youtube, .social-icon.icon-instagram, .social-icon.icon-facebook,.social-icon.icon-linkedin,.social-icon.icon-twitter {background-color: transparent;}
.icon-youtube::before, .icon-instagram::before, .icon-facebook::before,.icon-linkedin::before, .icon-twitter::before {color: #ed027e;font-family: 'Font Awesome 6 Brands'; font-size: 3em;}
.icon-youtube::before {content: "\f167";}
.icon-instagram::before {content: "\f16d";}
.icon-facebook::before {content: "\f082";}
.icon-linkedin::before {content: "\f08c";}
.icon-twitter::before {content: "\e61b";}
/*#homepage-carousel .border {background-color: #f15b22; padding-left: 50%;height: 80px; position: relative;}
#homepage-carousel .border .swirls {background-image: url(../img/refresh/swirls-border.webp); background-position: left center; position: absolute; right: 0; z-index: 2; display: inline-block;height: 80px; width: 30%;}
#homepage-carousel .border .block.brand-purple {background-color: #2E0B3C; width: 100%; height: 100%; display: inline-block;}*/
#homepage-carousel .slide-overlay {position: absolute; top: 0; left: 0;}
#homepage-carousel {margin-bottom: 0;}
.slider-carousel .swiper-slide {padding: 35px 50px; min-height: 500px;}
.content-section-with-montage h2, .latest-news h2, .newsletter-sign-up h2, .slider-carousel h2, .section-3photos-text h2, .section-stat-boxes h2, .section-photo-text h2 {font-size: 80px; padding-bottom:0; margin-bottom:0; text-shadow: none;}
.slider-carousel h2 {margin-bottom: 0.5em; font-size: 55px;}
.slider-carousel .swiper-slide h2 {text-shadow:none; }
.slider-carousel h2::after {content: ".";color: #00abab;margin-left: -10px;}
.slider-carousel .swiper-slide p.text {font-size: 24px; font-weight: 300;text-shadow: none;}
.slider-carousel .swiper-slide p.call-to-action {margin-top: 1em;}
nav #nav-logo {max-width: 223px;}
nav #nav-logo img {width: 100%;}
.scrolled nav #nav-logo {max-width: 150px;}
.intro-block .content {width: 100%; display: flex;}
.intro-block .heading {width: 40%;}
.intro-block .intro h2 { font-size: 1.93em;}
.intro-block .intro {width: 60%;}
.intro-block .intro p {width: 83%; font-size: 24px;}
#homepage-change {padding: 2em 0; background-image: url(../img/background/green-path-lines.png); background-repeat: no-repeat; background-size: 500px; background-position: 0% 0%;}
.intro-block {padding: 1em;}
.intro-block .heading {padding: 2em 2em 2em 0;}
 h2::after {content: ".";color: #00abab;}
h2.heading {font-size: 42px;}
.intro-block .intro, #feature-section .inner {font-size: 1.2em;}
.intro-block .buttons {padding: 1em 0;}
.stat {color: #2e0b3c; padding: 2em 0;}
.stat2 .stat-figure {text-align:center;}
.stat2 .stat-figure span {display:none !important;}
.stat2 .stat-descriptor {text-align:center !important;}
.stat .stat-figure span {display: inline-block; font-size: 0.5em; text-transform: none;}
.stat .stat-figure {font-size: 7em; line-height: 1;}
.stat .stat-descriptor{text-align: left; font-family: "proxima-nova", sans-serif; font-weight: 600; font-style: normal;}
#feature-section .contained-12 {display:flex;}
#feature-section .image {width: 45%;}
#feature-section .inner {width: 55%;}
#feature-section .image img {width: 100%;}
#feature-section .inner {background-repeat: no-repeat; background-size: 100px; align-content: center; padding: 0 40px 0 180px;}
#feature-section .btn {margin-top: 1em;}
#homepage-cta-one, #homepage-cta-two {padding: 2em 0; }
#homepage-cta-one p, #homepage-cta-two p {font-size: 1.5em; margin-bottom: 1em;}
.what-we-do {padding: 0;}
.what-we-do .heading {padding: 2em 0 3em;}
.what-we-do .heading h2.period, .heading h2.period {font-size: 50px; color: #2e0b3c;}
.what-we-do .heading h2::after {content: ".";color: #00abab;width:2px;height:2px;}
#feature {min-height: 450px;height:40vh;}
#home-what-we-do {display:flex; justify-content: space-between; flex-wrap: wrap;}
#home-what-we-do .serve-block {width:33%; margin: 0 0 50px !important;  flex: 0 0 calc(33% - 25px);}
#home-what-we-do .serve-block .intro {padding: 30px 20px; font-size: 1.3em;  box-shadow: 0 5px 50px rgba(0, 0, 0, 0.15); min-height: 170px;}
#meet-caroline {padding: 2em;}
#meet-caroline.section-photo-text {padding: 4em 0; background-position: top center;}
#meet-caroline h2:after, .newsletter-sign-up h2:after {margin-left: -20px;}
#meet-caroline {background-position: 50% 10%;}
#meet-caroline:after {content: '';background-color: rgba(0,0,0,0.2);position:absolute; top:0; left:0;width: 100%;height:100%;}
#meet-caroline .content {position: relative; z-index:9;}
#meet-caroline .half-width-left .call-to-action-btn {margin-top: 2em; margin-bottom: 0;}
#meet-caroline .half-width-left p {margin-bottom: 4em;}
#meet-caroline h2 {font-size: 65px; margin-bottom: 0.5em;}
.btn.brand-light-pink-bg {color: #2e0b3c;}
.brand-pale-purple-bg {background-color: #EFE7F1;}
/*WHAT WE DO*/
.how-we-do .heading h2:after {content: "";}
#home-how-we-do {display: flex; padding: 0 0 3em 0;}
.how-we-do .serve-block {width: 25%; text-align: center;}
.how-we-do .serve-block strong {color: #2e0b3c;}
#what-we-do .intro {font-size: 1.5em;}
#what-we-do .what-we-do .heading {padding: 0;}
#what-we-do .how-we-do .intro  {padding: 0 0.5em;}
#where-we-work .brand-pale-purple-bg h3 {font-size: 1.6em;}
#where-we-work .brand-pale-purple-bg p {font-size: 1.5em;}
#focus {padding-bottom:0;}
#focus .intro p {font-size: 1.5em; width:50%;}
#focus .serve-block {text-align: center;}
#focus .serve-block .btn {font-size: 1em;}
#focus .serve-block .title {padding-top: 20px;}
#focus .serve-block .title p {font-size: 1.7em; color: #2e0b3c; font-weight: 700;}
.focus {padding: 2em 0 4em;}
#home-focus {display:flex; column-gap: 40px;}
#focus .focus .contained-12 {background-image: url('../img/background/green-path-lines-right.png'); background-position: top right; background-size: 600px;background-repeat: no-repeat;}
#bertha {display: flex;}
#bertha .image {width: 33%;height: 100%; position: absolute; background-repeat: no-repeat; background-size: 100%;}
#bertha .content {width: 66%;}
#bertha .quote {padding: 4em 15% 4em 38%;background-image: url('../img/background/orange-arrow-lines.png'); background-position: 980px; background-size: 450px;background-repeat: no-repeat;}
#bertha .quote .title {font-size: 1.5em; color: #2e0b3c; font-weight: 900;}
#bertha .quote .subtext {font-size: 1.1em; width: 50%; margin-bottom: 2em;}
#our-impact #stats-bar .row>.col.col-4 {width: 100%;}
#our-impact #stats-bar .stats {display: inline-block; }
#our-impact #stats-bar .stat {display:flex; align-items: baseline; flex-direction:row; flex-wrap: wrap; padding: 0;}
#our-impact #stats-bar .stat2 .stat-figure, #our-impact #stats-bar .stat2 .stat-descriptor {text-align: left !important;}
#our-impact #stats-bar .stat2 .stat-figure span {display: inline-block !important;}
#our-impact #stats-bar .stat .stat-figure span, #our-impact #stats-bar .stat2 .stat-figure span {margin-right: 10px; margin-left: -10px;}
#our-impact #stats-bar .stat .stat-descriptor {font-size: 1.5em;}
#our-impact #stats-bar .stat .stat-figure {font-size: 5em;}
#our-impact .heading h2 {font-size: 50px;}
#our-impact .call-to-action-btn {padding-top: 2em; font-size: 1.3em;}

#home- .serve-block .intro {padding: 20px; min-height: 220px;}
#home- .serve-block p {width: 90%;}

#leadership-container {padding: 0 !important; max-width: 1060px; margin: 0 auto;}
#meet-the-client-video, #client-video {max-width: 1060px; width: 100%; margin: 0 auto;}
/**HEADING**/
#content div.heading {background-color: #fff; background-image: none; padding: 2em 0; color: #2e0b3c; max-width: 1260px; margin: 0 auto; }
#content div.heading h1 {text-align: left !important;}
#content div.heading h1::after {content: ".";color: #00abab;width:2px;height:2px; }
.superheading, .superheading a {text-align: left; font-size: 1em; color: #2e0b3c; margin-top: -0.5em;}

#meet-the-client-content {padding: 2em 0;}
#meet-the-client-content h2 {text-align: left; max-width: 1060px;margin: 0 auto 1em;}

/**WHO WE SERVE**/
#who-we-serve-today {max-width: 1260px; width: 100%; margin: 0 auto;}
#home-who-we-serve-section {display:flex;flex-wrap: wrap;gap: 20px; justify-content: center;}
.who-we-serve-block {width: 28%; position: relative; margin-bottom: 20px; flex-grow: 1;}
.who-we-serve-block .intro {position:absolute; bottom: 0; padding: 5px 10px; width: 100%; text-align:center;background: #000;  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.who-we-serve-block .intro a {color: #fff; font-size: 24px;}
.who-we-serve-block .intro a:hover {text-decoration: underline;}
.who-we-serve-block .intro a i {font-size: 22px;vertical-align:middle;}

.latest-news {padding-top: 2em;}
.content-boxes {padding: 50px auto;}
.content-boxes li time {text-transform: none;}
.latest-news .content-boxes p, footer .footer-heading, .footer-nav .footer-nav-heading {text-transform: none;}
.latest-news .content-boxes {margin: 40px auto;}
.newsletter-sign-up {padding: 2em 0 1.8em;}
.newsletter-sign-up.separator-bottom {margin-bottom: 0.5em;}
.newsletter-sign-up #footer-email-form .btn {border-radius: 35px;width:auto;display:inline-block;}
footer {color: #000; background: #EFE7F1;}
.newsletter-sign-up.separator-bottom {margin-bottom: 0;}
.footer-nav {margin-top: 1em;}
.footer-left .heading {font-size: 35px;}
@media (max-width: 1400px) {
   .slider-carousel h2 {font-size: 50px;}
}
@media (max-width: 1300px) {
   #content div.heading {padding: 2em 1em;}
   .newsletter-sign-up {padding: 2em;}
   .slider-carousel .swiper-slide .slide-content-right {width: 38%;}
   .slider-carousel .swiper-slide p.text {font-size: 20px; margin-bottom: 1em;}
    .slider-carousel .swiper-slide .slide-content-right {width: 66%; max-width: 66%; margin: 0 0 0 auto} 
}
@media (max-width: 1200px) {
  #feature-section .contained-12 {flex-direction: column;}
  #feature-section .image, #feature-section .inner {width: 100%;}
  #feature-section .inner {padding-top: 2em; padding-bottom: 2em;order:1;}
  #feature-section .image {order:2;}
  .latest-news {padding: 2em;}
}

@media (max-width: 950px){
  #stats {padding-left: 2em; padding-right: 2em;}
 #stats .row>.col.t-col-4 {width: 100%;}
 .stat2 .stat-figure, .stat2 .stat-descriptor {text-align: left !important;}
 .slider-carousel .swiper-slide > div  {position: static;}
 .slider-carousel .swiper-slide .slide-content-right {width: 100%; max-width: 100%;  height: 300px;}
 #mobile-donate {text-align: center;}
 #mobile-donate .btn {max-width: 40%; display: inline-block; font-size: 16px; float: none !important;}
 #homepage-carousel .swiper-wrapper {position:relative;}
 #homepage-carousel .swiper-slide {margin-bottom: 80px;  height: 70vh; }
 #homepage-carousel .swiper-slide .contained-12 {max-width: 100%;position: absolute; bottom: 0; left:0;background-color: #2E0B3C; height:150px; margin-bottom: 30px;}
  .slider-carousel .swiper-slide > div {height: auto;}
 .slider-carousel h2 {font-size: 36px;}
 .slider-carousel .swiper-slide p.text {font-size: 18px;}
 #what-we-do .content, #focus .content {padding: 0 2em;}
#content div.heading {padding: 2em 0;}
#home-how-we-do, #home-focus {flex-wrap: wrap;column-gap: 0; }
.how-we-do .serve-block, #focus .serve-block {width: 50%; margin-bottom: 2em;}
#our-impact .call-to-action-btn {margin-bottom: 2em;}
.introduction-content-with-boxes .introduction-content .body-copy {padding-bottom: 250px;}
}
@media (max-width: 768px) {
 #homepage-change {background-size: 340px;} 
 #homepage-carousel .swiper-slide .contained-12 {height:200px;}
 #home-what-we-do, #home-how-we-do, #home-focus {display: block;}
 #home-what-we-do .serve-block, .how-we-do .serve-block, #home-focus .serve-block {width: 100%;}
 #home-focus .serve-block {margin-bottom: 2em;}
 #feature-section .inner {background-image: none !important; padding-left: 40px;}
 .buttons .btn.brand-light-pink-bg {margin-top: 20px;}
 #homepage-cta-two, #homepage-cta-one {padding: 0 40px;}
 .what-we-do .heading h2.period, .heading h2.period, h2.heading {font-size: 40px;}
 #focus .focus .contained-12 {background-size: 200px;}
 #bertha {display: block;}
 #bertha .image, #bertha .quote .subtext {width: 100%;}
 #bertha .image {height: 60%; background-position: 0;}
 #bertha .quote {padding: 30em 2em 2em;}
 #our-impact img.block {margin-top:2em;}
 #focus .intro p {font-size: 1.25em; width: 100%;}
 #home- .serve-block .intro {min-height: 330px;}
 .footer-left .heading {margin-bottom: 0.5em;}
#home-who-we-serve-section {padding: 0 1em;}
#content div.heading h1 {padding-left: 40px;}
#content div.heading {padding: 2em 2.8em !important;}
}
@media (max-width: 480px) {
 .client-block, .donation-block, .serve-block {width: 100% !important; padding: 0 20px;} 
 .who-we-serve-block {width: 100%;}
 .who-we-serve-block .intro {background: none; margin-top: -50px; position: static;}
  #bertha .image {background-position: top;}
  #home-what-we-do, #home-how-we-do, #home-focus {padding: 0 20px;}
  #content div.heading h1 {padding-left: 30px;}
  #content div.heading {padding: 2em !important;}
}