/*
Website development by Midwest New Media, LLC
Unauthorized distribution or resale is expressly prohibited
www.midwestnewmedia.com
info@midwestnewmedia.com
(513) 742-9150
*/

/* --- 2019 Branding Updates --- */

#top{ background:none; padding-top:0; }
#top-wrap{ background-color:rgba(255,255,255,0.8); }
.navbar-inverse .navbar-toggle{ background:#66d0d3; }
#navigation ul ul{ background:#66d0d3; }
#navigation li a, .menu-mobile-container li a{ color:#000; font-family: 'Open Sans', sans-serif; font-weight:600; }
#navigation li > a:hover{ color:#13a89e; }
#donate-box, #sticky-donate{ background:#66d0d3; }
#donate-box:after{ content:""; width:97%; height:97%; display:block; border:4px solid #FFF; position:absolute; z-index:-1; bottom:-15px; right:-15px; border-radius:5px; }
#donate-box > a, #sticky-donate > a{ background:#FFF; color:#000; font-family: 'Open Sans', sans-serif; font-weight:600; }
.index-head{ background:#FFF; }
.index-head .box:before{ content:''; background:#FFF; width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:0; box-shadow:0 0 15px rgba(0,0,0,0.22); }
.index-head .box:after{ content:''; display:block; width:100%; height:100%; border:4px solid #000; position:absolute; bottom:-20px; right:-18px; z-index:-1; }
.index-head .box h1{ font-weight:600; }
.index-head .box h1,
.index-head .box a{ position:relative; font-family: 'Open Sans', sans-serif; font-weight:600; }
#our-story .wrap h1, 
.index-head .wrap h1, 
.index-page2 .main-head h1{ font-family: 'Open Sans', sans-serif; font-weight:700; }
#our-story{ background:#13a89e; }
#our-story .wrap h1{ color:#FFF; }
#main .main-content h1{ display:block; padding:10px 20px; width:100%; max-width:220px; margin:0 auto 40px; position:relative; z-index:0; font-family: 'Open Sans', sans-serif; font-weight:600; }
#main .main-content h1:before{ content:''; background:#fae500; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; } 
#main .main-content h1:after{ content:''; display:block; width:99%; height:100%; border:4px solid #000; position:absolute; top:7px; left:9px; z-index:-2; }
.index-page2 .main-head{ background:#FFF !important; }
#bottom{ padding:0; background:none; }
#bottom ul.buttons{ background:#66d0d3; }
#bottom ul.buttons li a{ background:#13a89e; color:#FFF; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:25px; }
#address{ background:#FFF; position:relative; z-index:0 }
#address:before{ content:''; width:100%; border:2px solid #000; position:absolute; top:48%; left:0; }
#address:after{ content:''; width:100%; height:auto; max-width:1020px; background:#fae500; padding:25px 20px; margin:25px auto; position:absolute; top:0; right:0; left:0; bottom:0; z-index:-1; }
#address span{ background:#fae500; color:#000; margin:0 auto; width:95%; max-width:960px; display:block; position:relative; padding:25px 20px; font-family: 'Open Sans', sans-serif; font-weight:400; }
.partners h1{ font-size:24px; color:#000; }

#logo a{ background:url(../images/slp-logo-new.png) no-repeat center center; background-size:auto 85%; }
#donate-box ul li.facebook a,
#sticky-donate ul li.facebook a{ background:url("../images/icons/social/ico-dark-facebook.png") no-repeat #FFF; }
#donate-box ul li.youtube a,
#sticky-donate ul li.youtube a{ background:url("../images/icons/social/ico-dark-youtube.png") no-repeat #FFF; }
#donate-box ul li.twitter a,
#sticky-donate ul li.twitter a{ background:url("../images/icons/social/ico-dark-twitter.png") no-repeat #FFF; }
#donate-box ul li.linkedin a,
#sticky-donate ul li.linkedin a{ background:url("../images/icons/social/ico-dark-linkedin.png") no-repeat #FFF; }
#donate-box ul li.instagram a,
#sticky-donate ul li.instagram a{ background:url("../images/icons/social/ico-dark-instagram.png") no-repeat #FFF; }
.partners h1.supporting{ background:url(../images/icons/supporting-partners-new.png) no-repeat center top; }
.partners h1.mission{ background:url(../images/icons/mission-partners-new.png) no-repeat center top; }
.partners h1.supporting, 
.partners h1.mission{ padding-top:110px; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:30px; }

@media only screen and (max-width:1080px){
	#address:after{ width:90%; box-sizing:border-box; }
	#address span{ width:88%; }
}
@media screen and (max-width: 750px){
	#donate-box{ position:relative; bottom:0; }
	.menu-mobile-container{ background:#13a89e; }
}
@media screen and (max-width: 360px){
	.index-head .box{ width:80%; }
}