/**/
 body {
	background: #fff; /*linear-gradient(#000,#fff);*/
}
.banner-wrapper-size {
	max-height: 330px;
}
#textoverlappingheaderimage {
  display: none;
}
.homepage .banner-wrapper-size {
	max-height: initial;
}
.homepage #textoverlappingheaderimage {
  display:block;
}

.banner {
	padding-bottom: 38%;
}
.banner-wrapper-background::before, .banner-wrapper-background::after {
	background-image: linear-gradient(to bottom, rgba(222, 199, 141, 0), rgb(94, 197, 212));
}
header.page-header {
  height: 4em;
}
header.page-header img {
 height: 4em; 
  float: left;
}


.main-content h1, .main-content h2, .main-content h3 { color: #ed6a56; }
.site-name { color: #000; }
.site-nav a, .static-sub-nav a {
	color: #ed6a56;
}
.cms a {
  border-bottom: 0;
  color: #000;
  
}
.cms h1 { font-weight: bold; }

.homebannerbuttons {
	color: white;
	border-radius: 10px;
	padding: .3em;
	text-align: center;
	font-weight: bold;
	opacity: .75;
  	display: inline-block;
  	margin: .2em;
  padding: .2em 1em;
  z-index: 999;
  position: relative;
}
a.homebannerbuttons {
text-decoration: none;
}

#textoverlappingheaderimage {
	bottom: 6em; 
  	position: absolute;

  text-align: center;
  width: 100%;
}
#textoverlappingheaderimage h1, #textoverlappingheaderimage h2 {
	color: #fff
}
#textoverlappingheaderimage h1 {
  font-size: 6em;
}


header.page-header .site-name {
 display: none;
}
header.page-header nav.site-nav {
  text-transform: uppercase;
  padding-top: 1em;
	margin: auto auto auto 4em;
	text-align: center;
}
.js .site-nav ul ul {
	width: 230px;
}
header.page-header nav.site-nav ul ul {
	background-color: #5fc6d4;
}
header.page-header nav.site-nav ul li ul li {
	text-align: left;
  border-bottom: 1px solid #000;
  text-transform: capitalize;
}

.main-content, .footerinner {
	max-width: 1200px;

}
.footerinner {
	padding: 0 1.5em;

}

.site-nav a, .static-sub-nav a {
	color: #000;
}
.page-header-wrapper {
 padding: 0; 
}


.banner-wrapper-background::after {
	background-image: none;
}
#footer {
	
	background-color: initial;
  	
	
}
#address, #address2, #address a, #address2 a { 
  color: #000;
} 


.social { filter: grayscale(1); }
.social .socicon { margin-top: 25px; }



.impact {
  background-color: #f0f8ff;
  display: block;
   width: 29%;
  float: left;
  margin-right: 4%;
  border-radius: 40px 0 0 0;
  text-align: center;
  min-height: 350px;
  margin-bottom: 1em;
}
.impact h3 {
  color: #000;
  padding-top: 1em;
}
.impact p {
  padding: 1em;
}

.impact img {
	float: right;
	background-color: aliceblue;
	border-radius: 50px;
	position: relative;
	top: -2.5em;
	right: -1.5em;
  margin-bottom: -2.5em;
}


.ourimpact {
  display: block;
   width: 32%;
  float: left;
  margin-right: 1%;
  border-radius: 0 40px 0 0;
}
.ourimpact h3 {
  color: #fff;
  padding-top: .5em;
  text-align: center;
  font-size: 120%;
}
.ourimpact a {
  color: #fff;
}


.getinvolved {
  display: block;
   width: 32%;
  float: left;
  margin-right: 1%;
  border-radius: 40px;
}
.getinvolved p {
  padding: 0 2em;
}
.getinvolved h3 {
  color: #fff;
  padding-top: .5em;
  text-align: center;
  font-size: 200%;
  text-transform: uppercase;
}
.getinvolved p.button {
	border: 1px solid #fff;
	width: 50%;
	text-align: center;
	margin: 1em auto;
  padding: 0;

}
.getinvolved a {
	color: #fff;
  	text-decoration: none;
	display: block;
	padding: .5em 0;
}

.sponsor {
 background-color: #ec6851; 
}
.donate {
 background-color: #f9bf13; 
}
.volunteer {
 background-color: #5fc6d4; 
}


#leftcol {
    float: left;
    width: 68%;
}
#rightcol {
    width: 28%;
    float: right;
}

hr {
	height: 1px;
	border: 0;
	background-color: #5fc6d4;
}
#footerbot { display: none; }


.year {
	background: #ec6851;
	width: 75px;
	border-radius: 50px;
	height: 75px;
	align-items: center;
	display: flex;
	justify-content: center;
}


@media (max-width: 768px) {
  .ourimpact, .getinvolved {
    width: 100%;
    float: none;
    clear: both;
    display: flow-root;
  }
}

.cms table {
  width: 100%;
  border-collapse: collapse;
}
@media (max-width: 768px) {
  .cms table,
  .cms table tr,
  .cms table td {
    display: block;
    width: 100%;
  }
  .cms table tr {
    margin-bottom: 15px;
  }
}

#footer #address {
 padding-right: 40px; 
}
#footer #address2 {
 padding-left: 0; 
}


@media (max-width: 600px) {
  .slicknav_brand { padding-left: 60px; }
  .page-header-wrapper { display: block !important; }
  .page-header {
	top: -56px;
	position: absolute;
  }
  .site-name, .site-nav { display: none; }
}