/* GENERAL */
body { font-family: 'Montserrat', Verdana, Geneva, Tahoma, sans-serif; font-size: 18px; line-height: 1.5; text-align: center; min-width: 320px }
body, .top, .featured a, footer, footer h2 span { background-color: #2c6700; }
body, header a, .banner h1, .about h3 span { color: #4d4d4d; }
h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, ul, li, blockquote { text-align: left; }
h1, h2, h3, h4, h5, h6, .counter strong { font-weight: normal; line-height: 1.3; }
h1, h2, h3, h4, h5, h6 { color: #2c6700; }
.pad { padding-left: 10px; padding-right: 10px }
body, header ul { padding: 0; margin: 0; }
img, iframe { max-width: 100%; display: block; margin: 0 auto; height: auto }
.fullwidth { width: 100%; }
.video { width: 100%; height: 315px; }
a img, iframe { border: none; }
a, nav a:hover { text-decoration: none; color: #3C7CAB;transition: ease-in-out .3s; }
a:hover, .news a:hover, .news a:hover h3, .cause a:hover h2, footer a:hover { color: #f7941d; transition: ease-in-out .3s; }
hr { border-width: 1px; border-color: #eee; border-style: none none solid; margin: 40px 0; }
.imgLeft, .imgRight { max-width: 45%; }
.imgLeft { float: left; margin: 10px 4% 2% 0; }
.imgCenter { display: block; margin: 0 auto; }
.imgRight { float: right; margin: 10px 0 2% 4%; }
.clear { clear: both; }
.nowrap, a[href^=tel] { white-space: nowrap; }
.hide { display: none !important; }
.center, .counter p, .featured h2, .locations h2, .locations h3 { text-align: center; }
.container, header, section h1 span, .home h2 span, .counter, .news > div { background-color: #fff; }
.container { position: relative; }
.wrap { display: block; max-width: 1080px; margin: 0 auto; position: relative; }
.flex { display: flex; flex-wrap: wrap; }
.flex > * { flex: 1 }
.mid { align-items: center; align-self: center; }
.grid { display: grid; grid-gap: 10px; }
.grid.half { grid-template-columns: repeat(2,1fr); }
.grid.third, .grid.counter { grid-template-columns: repeat(3,1fr); }
.grid.fourth { grid-template-columns: repeat(4,1fr); }
.grid .span3 { grid-column: span 3; }
/* HEADER, NAV, BANNERS */
.top a, .top2 a, form input[type=submit], .btn, .featured h2, .help, footer, footer h2, footer h3, footer a { color: #fff; }
.top a:hover{color:#F9CC95}
.top, .top2, footer, .about h3 span { font-size: 16px; }
.top, .top2 { padding: 5px 0; }
.top svg, .top2 svg { vertical-align: middle; }
.top2 { background: #EB0000;transition: ease-in-out .3s; }
.top2:hover{background-color:#F7B059;transition: ease-in-out .3s;}
.top2:hover a{color:#4d4d4d;transition: ease-in-out .3s;}
header a,  .counter strong, .about h3 span, .administration h3 span { display: block; }
header .grid { grid-template-columns: 210px 1fr }
header .grid a { padding: 10px; }
header .grid > div:first-of-type { text-align: left; }
header .grid > div:last-of-type, nav ul, nav li, .subfoot .grid:last-of-type { text-align: right; }
header img { position: relative; z-index: 999; margin-bottom: -85px }
nav li, form input[type=submit], .btn, .featured svg, .featured h2, .subfoot li { display: inline-block; }
form input[type=submit]:hover{color:#4d4d4d}
nav { padding-top: 10px; }
nav a:hover{text-decoration-color:#4e799f;text-decoration:underline;}
nav a,nav a:hover{transition: ease-out .3s;}
.banner, .cause > div:first-of-type, .help { background-size: cover; background-position: center; }
.banner { height: 400px; text-align: left; }
.banner .btn { margin: 5px }
.banner .wrap { top: 45%; transform: translateY(-45%); }
.banner h1 { max-width: 40%; margin-top: 0; color: #fff; text-shadow: 1px 1px 3px #333 }
#job {border:2px solid green; background-color: #378100; color:#eee; font-weight: bold; padding: 10px;}
#job 
#job label {border:2px solid green;}
#job textarea {height:110px}
/* OTHER */
.grey, .contact .grid > div { background-color: #ebebeb; }
.contact .grid a{text-decoration:underline #476E90}
.contact .grid a:hover{color:#476E90;text-decoration:underline #f7941d }
.home .grey { padding-bottom: 50px; }
.counter, .featured, section h1, .home h2, section h1 span, .home h2 span, footer h2 span { position: relative; }
.counter, .featured a, .news > div, .cause, .locations img, .about img, .contact .grid > div { border-radius: 10px; }
.counter { padding: 30px 0; top: -80px; }
.counter strong { font-size: 36px; }
.counter > div:nth-of-type(2) { border-left: 1px solid #eee; border-right: 1px solid #eee; }
.featured h2, .news h2 { margin-top: 20px; }
.featured { top: -40px }
.featured a { padding: 20px 0; }
.featured a:hover { background-color: #378100; }
.featured svg, .featured h2 { width: 46%; vertical-align: middle; }
.featured h2:after { content: none !important; }
.grid.news { grid-template-columns: 2fr 1fr }
.news > div { padding: 10px 20px 20px; }
.news h3 { margin-bottom: 10px; }
.news a, .news h3 { color: #378100; }
.news a.btn { color:#fff; }
.grid.cause { margin: 50px 0; border: 1px solid #eee; grid-template-columns: 1fr 3fr }
.cause > div:first-of-type { background-image: url(/images/acorn-season.jpg); border-radius: 10px 0 0 10px; }
.cause > div:last-of-type { padding: 20px 30px 40px 20px; }
.cause h2 { margin-top: 10px; background-color: #fff }
.bgimg { position: relative }
.bgimg > img:first-of-type { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0 }
.help { height: 450px;background-color:#64a6d9 }
.help .overlay { height: 100%; background-image: linear-gradient(transparent, rgba(0,0,0,.3), transparent); z-index: 2; position: relative }
.help .wrap { top: 50%; transform: translateY(-50%); }
.help p { max-width: 600px; font-size: 24px; margin: 0 auto 0 0; text-shadow: 2px 2px 4px rgba(0,0,0,.4); }
.locations { padding-top: 10px; }
.locations .grid { margin: 40px 0 10px; }
.locations h2 span { padding: 0 20px; }
.locations img { max-height: 250px; }
.locations h3, .about h3 { margin-top: 10px; }
section, .cta { padding: 40px 0; }
section h1, .banner h1, .home h2, .contact h2, footer h3 { font-size: 24px; }
.bgline { position: relative; z-index: 2 }
section h1:after, .home h2:after, footer h2:after, .bgline:after { content: ""; width: 100%; height: 1px; background-color: #eee; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 1 }
section h1 span, .home h2 span, footer h2 span, .bgline span { padding-right: 20px; z-index: 999; }
section h2, section h3, section h4 { margin-top: 40px; }
section h1 { margin-bottom: 40px; }
section h2 { font-size: 22px; }
section h3 { font-size: 20px; }
section h4, .featured h2 { font-size: 18px; }
section ul, section ol { padding-left: 25px; }
section li, footer li { margin: 5px 0; }
.nolist, .contact .grid ul, footer ul { list-style: none; padding: 0; }
.about .grid { margin: 40px 0; }
.about img { display: block; height: 200px; background-color: #eee; }
.about h3 { margin-top: 10px; }
.contact .grid > div { padding: 10px 15%; }
.gallery { margin: 20px 0; grid-template-columns: 1fr 1fr 1fr; display: grid; grid-gap: 10px }
.gallery a { display: block; position: relative; overflow: hidden; height: 25vw; max-height: 200px; border: 1px solid #eee; }
.gallery img { object-fit: cover; object-position: 35% 50%; width: 100%; height: 100%; }

.welcomeHeader {color:#2c6700; font-size:24px; line-height:0;}
.attention {color:red;}
.contactInfo li {list-style:none;}
.contactInfo li span{white-space:nowrap}
/* MAIN CONTACT CTA */
.contactcta { background-color: rgba(232,232,232,0.48); opacity: 0.95;  padding:80px 0; }
.contactcta p { font-size:25px; text-align:center; line-height: 1.8; }
.contactcta p .ctaphonenum { color:#2c6700; font-size:52px; font-weight:bold; }

/* CTA SERVICES */
.ctaserv div {border-radius:10px; background-size:cover; background-repeat:no-repeat; display:flex; align-items: center; justify-content: center;}
.ctaserv div a {border-radius:10px; width:100%; height:300px; color:#fff; font-weight:bold; display:flex; align-items: center; justify-content: center;}
.ctaserv div a:hover {background-image:linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.1)); color:#F7B059; border-radius:10px;}
.ctaserv div:nth-child(1) {background-image:linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url(images/nurse-caring-child.jpg); } 
.ctaserv div:nth-child(2) { background-image:linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)),url(images/resilient.png); }
.ctaserv div:nth-child(3) { background-image:linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)),url(images/acorn-season.jpg); }
.ctaserv div:nth-child(4) { background-image:linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)),url(images/dental-workers.jpg); }

/* ADMINISTRATION */
.administration { display:grid; grid-gap: 10px; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; }
.administration > div { grid-row:3; }
.administration h3 {font-size:16px; text-align: center;}

/* FORMS */
form { margin: 20px 0; }
form .grid { grid-gap: 0 10px; }
form label{text-align:left;display:block}
form input[type=url], form input[type=text], form input[type=email], form input[type=tel], form input[type=file], form input[type=submit], form select, form textarea, form input[type=password] { font-family: 'Montserrat', sans-serif; font-size: 18px; }
form input[type=url], form input[type=text], form input[type=email], form input[type=tel], form select, form textarea, form input[type=password] { background-color: #fff; margin-bottom: 10px; padding: 0 15px; border: none; }
form input[type=url], form input[type=text], form input[type=email], form input[type=tel], form textarea, form input[type=password] { width: calc(100% - 30px); }
form input[type=url], form input[type=text], form input[type=email], form input[type=tel], form select, form input[type=password] { height: 50px; }
form select { width: 100%; }
form input[type=file] { margin-left: 10px; border-radius: 0; }
form textarea { height: 100px; padding: 15px; }
form input[type=submit], .btn { min-width: 120px; text-align: center; line-height: 1.6; background-color: #3C7CAB;border-width:2px;border-style: solid;border-color: #3C7CAB; padding: 11px 40px; margin: 10px 5px; border: none; border-radius: 3px; transition: ease-out .3s; }
form input[type=submit] { min-width: 250px; margin: 0; }
form input[type=submit]:hover, .btn:hover { cursor: pointer; border-color: #f7941d; color: #fff; }

/* FOOTER */
footer { clear: both }
footer a:hover{color:#F9CC95}
footer h2:after { top: 75px; background-color: rgba(255,255,255,.5); }
footer h3 { margin-top: 15px; }
.cta { display: none; }
.cta .grid > div:last-of-type { padding: 0 18%; }
.subfoot { padding: 40px 0; border-top: 1px solid rgba(255,255,255,.5); }
.subfoot .grid { grid-template-columns: 1fr 154px }
.subfoot li a { margin-right: 15px; }

@media(max-width:999px) {
}

@media(max-width:767px) {
	.grid.fourth { grid-template-columns: 1fr 1fr }
	.grid.news, .contact .grid.third, .grid.cause { grid-template-columns: 1fr }
	.mobhealth { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; align-items: end }
	.mobhealth h3 { margin-top: 20px }
	.contact .grid > div { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 30px; padding: 10px 20px }
	.contact .grid > div > div:first-of-type li { text-align: right }
	.cause > div:first-of-type { display: none; background-image: none }
}

@media(max-width:700px) {
}

@media(max-width:600px) {
	header img { margin-bottom: 0 }
	nav { margin: 10px 0 20px; padding: 0 }
	header .grid, .subfoot .grid, .grid.half, .grid.third { grid-template-columns: 1fr }
	.cta .grid .mobphone { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px }
	nav ul, nav li, .subfoot ul, .subfoot p, .cta h3, .cta li, .banner .wrap, .container .banner h1 { text-align: center }
	.cta .grid > div:last-of-type { padding: 0 }
	.banner h1 { max-width: none }
}

@media(max-width:500px) {
	.mobhealth, .grid.counter { grid-template-columns: 1fr }
	.mobhealth img { height: 175px; object-fit: cover; width: 100%; }
	.featured svg { width: 35% }
	.counter strong, .counter span { display: inline }
	.counter p { display: grid; grid-template-columns: 1fr 1fr; align-items: center; grid-gap: 0 20px; margin: .5em 0 }
	.counter p strong { text-align: right }
	.counter p span { text-align: left }
	.gallery { grid-template-columns: 1fr 1fr }
	h1 { text-align: center }
	h1 span { padding: 0 20px }
	.contact .grid > div { grid-template-columns: 1fr }
	.contact .grid li, .contact .grid p { text-align: center !important }
	.contact .grid p { margin-top: 0 }
	.contactcta p .ctaphonenum{font-size:38px}
}

@media(max-width:400px) {
	.top, .top2 { font-size: 14px }
	.home .grid.fourth{grid-template-columns:1fr}
}