/*
#region !!====={ Version Information }=====!!
// %~%@ < 1.3003 > @%~%     // File Version
// %~%# < 03/24/2016 > #%~%   // File Mod Date
// %~%! < Genesis Content > !%~%    // Core Module
// %~%^ < 1.3000 > ^%~%     // Minimum Core Version
#endregion ==================================
*/
/*
#region !!====={ Mod Information }=====!!
#~#$ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
03/24/2016 - MKA :  * Color Change for Gen 1.3
$#~# +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

#~#$ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
11/5/2014 - MKA : Added style for comments
$#~# +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

#endregion ==================================
*/

.donate-button-home {
    top: calc(-48% + 108px) !important;
}

#DonateBodyID h1 {
    margin: 0 auto;
    text-align: center;
}
#DonateBodyID #main.wrapper {
    padding: 90px 60px;
}

#AnnualGala #main.wrapper {
	padding: 90px 60px 50px 60px;
}

.buttonWrapNew {
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
	background: #f5f5f5;
	padding: 30px 0;
	margin-bottom: 20px;
	box-shadow: 5px 4px 5px 0px rgba(0,0,0,0.18);
	-webkit-box-shadow: 5px 4px 5px 0px rgba(0,0,0,0.18);
	-moz-box-shadow: 5px 4px 5px 0px rgba(0,0,0,0.18);
}

.buttonWrapNew p {
	font-size: 20px;
}

.firstButtonLink {
	background: #ff6a29;
	padding: 5px 30px;
	color: #FFF !important;
	font-weight: 600;
	font-size: 15px;
	border-radius: 5px;
	text-transform: uppercase;
	display: inline-block;
}
	.firstButtonLink:hover {
		background: #23b2d5;
		transition: all 0.25s ease;
	}

.secondButtonLink {
	background: #fb8800;
	padding: 5px 30px;
	color: #FFF !important;
	font-weight: 600;
	font-size: 15px;
	border-radius: 5px;
	text-transform: uppercase;
	display: inline-block;
}
	.secondButtonLink:hover {
		background: #23b2d5;
		transition: all 0.25s ease;
	}


#CommunityProgramsWeatherization-ProcedureBodyID ol {
	margin: 10px 0 70px 35px;
	font-size: 15px;
}


/*
#CommunityProgramsWeatherization-ProcedureBodyID ol li {
	font-size: 15px;
	padding: 5px 0;
}

*/


	@media (max-width: 1530px) {
		.donate-button {
        top:calc(-40% + 100px) !important;
        z-index:5 !important;
    }

    .donate-button-home {
        top: calc(-48% + 98px) !important;
    }

    .caresActBtn {
        top: calc(-40% + 140px) !important;
        z-index: 5 !important;
    }

    #Home .caresActBtn {
        top: calc(-48% + 138px) !important;
    }
}

@media (max-width: 1350px) {
    .donate-button-home {
        top: calc(-44% + 98px) !important;
    }
    #Home .caresActBtn {
        top: calc(-44% + 138px) !important;
        position:absolute; right:14px;
    }
    body .caresActBtn {
        top: calc(-44% + 140px) !important;
        position: absolute;
        right: 14px;
    }
}

@media (max-width: 1200px) {
    .donate-button-home {
        top: 0 !important;
    }

    #Home .caresActBtn {
        top: calc(-44% + 138px) !important;
        position: absolute;
        right: 14px;
    }

    .donate-button {
        right: 15px !important;
        left: auto !important;
        margin-left:auto !important;
    }
}

@media (max-width: 1000px) {
    .donate-button {
        right:15px !important;
        left:auto !important;
        position:absolute !important;
    }

    .donate-button-home {
        top: 10px !important;
    }

    .donate-button {
        right: 15px !important;
        left: auto !important;
        bottom: 10px !important;
        top: auto !important;
        position: fixed !important;
    }

    #Home .caresActBtn {
        top: auto !important;
        position: absolute;
        right: 14px;
    }

    body .wrapper .caresActBtn {
        right: 15px !important;
        left: auto !important;
        bottom: 50px !important;
        top: auto !important;
        position: fixed !important;
    }
}

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


@font-face {
    font-family: 'Open Sans';
    src: url('hinted-OpenSans-Bold.eot');
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/Content/css/fonts/hinted-OpenSans-Bold.woff2') format('woff2'), url('/Content/css/fonts/hinted-OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('hinted-OpenSansLight-Italic.eot');
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('/Content/css/fonts/hinted-OpenSansLight-Italic.woff2') format('woff2'), url('/Content/css/fonts/hinted-OpenSansLight-Italic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('hinted-OpenSans.eot');
    src: local('Open Sans'), local('OpenSans'), url('/Content/css/fonts/hinted-OpenSans.woff2') format('woff2'), url('/Content/css/fonts/hinted-OpenSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('hinted-OpenSans-Light.eot');
    src: local('Open Sans Light'), local('OpenSans-Light'), url('/Content/css/fonts/hinted-OpenSans-Light.woff2') format('woff2'), url('/Content/css/fonts/hinted-OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('hinted-OpenSans-BoldItalic.eot');
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/Content/css/fonts/hinted-OpenSans-BoldItalic.woff2') format('woff2'), url('/Content/css/fonts/hinted-OpenSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('hinted-OpenSans-ExtraboldItalic.eot');
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('/Content/css/fonts/hinted-OpenSans-ExtraboldItalic.woff2') format('woff2'), url('/Content/css/fonts/hinted-OpenSans-ExtraboldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('hinted-OpenSans-Semibold.eot');
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('/Content/css/fonts/hinted-OpenSans-Semibold.woff2') format('woff2'), url('/Content/css/fonts/hinted-OpenSans-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('hinted-OpenSans-SemiboldItalic.eot');
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('/Content/css/fonts/hinted-OpenSans-SemiboldItalic.woff2') format('woff2'), url('/Content/css/fonts/hinted-OpenSans-SemiboldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('hinted-OpenSans-Extrabold.eot');
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('/Content/css/fonts/hinted-OpenSans-Extrabold.woff2') format('woff2'), url('/Content/css/fonts/hinted-OpenSans-Extrabold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('hinted-OpenSans-Italic.eot');
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/Content/css/fonts/hinted-OpenSans-Italic.woff2') format('woff2'), url('/Content/css/fonts/hinted-OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
input,
select,
textarea,
label,
button {
    font-family: "skolar-sans-latin", sans-serif;
}
input:focus,
select:focus,
textarea:focus,
label:focus,
button:focus {
    outline: none;
}
/*
*
* BEGIN LA CASA STYLES
*
*/

html {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
* {
    margin: 0;
    padding: 0;
}
body,
html {
    margin: 0;
    padding: 0;
}
body {
    background: #fff;
    font-family: "Open Sans", sans-serif;
    position: relative;
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
}
.page {
    width: 100%;
    overflow-x: hidden;
}
a {
    transition: all 120ms ease-out;
    color: #fb8800;
}
a:link {
    color: #fb8800;
    text-decoration: none;
}
a:visited {
    color: #fb8800;
}
a:hover {
    color: #05093e;
    text-decoration: none;
}
a:active {
    color: #05093e;
}
a img {
    border: none;
    outline: none;
}
p,
ul {
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1.6em;
    z-index: 2;
    position: relative;
}
#main p {clear: both;}
iframe {
    max-width: 100%;
}
abbr {
    text-decoration: none;
}
header,
footer,
nav,
section {
    display: block;
}
h1,
h2,
h3 {
    font-weight: 900;
    z-index: 2;
    position: relative;
}
h4,
h5,
h6 {
    font-weight: 700;
}
h1 {
    text-transform: uppercase;
    font-size: 31px;
    color: #ff6a29;
}
h2 {
    font-size: 24px;
    font-weight: normal;
    color: #f29727;
    line-height: 1;
}
h2 em {
    display: block;
    font-weight: 900;
    font-style: normal;
    font-size: 1.35em;
    color: #ff6a29;
    line-height: 0.9;
}
input {
    -webkit-appearance: none;
    -moz-appearance: none;
}
#Home h2 {
    font-size: 56px;
    text-transform: uppercase;
    margin-bottom: 0;
}
#Home .header h2 {
    margin-bottom: 0.2em;
    font-size: 90px;
}
.home-article {font-size:15px;}
#academic-excellence h2 em {
    color: #23b2d5;
}
h3 {
    font-size: 16px;
    color: #ee4900;
}
h4 {
    font-size: 14px;
    color: #ee4900;
}
.clear:after {
    content: " ";
    /* Older browser do not support empty content */
    
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.wrapper {
    width: 100%;
    max-width: 2000px;
    margin: auto;
    height: 100%;
    position: relative;
}
::-moz-selection {
    background: #FF6A29;
    color: #fff;
}
::selection {
    background: #FF6A29;
    color: #fff;
}
h1::-moz-selection,
h2::-moz-selection,
h1 em::-moz-selection {
    background: transparent;
    color: #000;
}
h1::selection,
h2::selection,
h1 em::selection {
    background: transparent;
    color: #000;
}
#main table::selection {
    background: transparent;
    color: #fff;
}
#main table::-moz-selection {
    background: transparent;
    color: #fff;
}
#miniHeader,
#topBar,
#topBarOffset,
#footer {
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
#main>ul, #main>div:not(.search-area)>ul {
    margin: 1em;
    padding: 1em;
    width: auto;
    display: inline-block;
    font-size: 1.125em;
    list-style:none;
}
#main>ul li, #main>div:not(.search-area)>ul>li {
    margin-left: 1em;
}

#main>ul li:before, #main>div:not(.search-area)>ul>li:before{
    content:'';
    display:inline-block;width:0.7em;height:0.7em;border-radius:1em;
    margin:0 0.4em 0 0;
    background:#23b2d5;
}

#main>ul ul li:before {background:none;}
#main>ul ul {margin:0 0 0 15px; padding:0; font-size:15px;}
#main>ul ul ul {font-size:14px;}


#main a.embed {
    display: inline-block;
}
#AboutDedicatedStaffBodyID #main p img {
    float: left;
    margin: 0 1em 0 0;
}
.faqHolder {
    display: block;
    box-shadow: 0 0 0 4px #1FB1D6;
    margin: 1em;
    border-radius: 10px;
    opacity: 0.9;
}
.faqHolder:hover {
    opacity: 1;
}
.faqHolder label {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    color: #1fb1d6;
    padding: 0.6em;
    transition: background 100ms;
}
.faqHolder label:hover {
    background: rgba(0, 0, 0, 0.15);
}
.faqHolder input {
    position: absolute;
    left: -100vw;
}
input+label+.faqAnswer {
    display: none;
    padding: 1em;
}
input:checked+label+.faqAnswer {
    display: block;
}
.faqAnswer ul {
    margin-left: 1em;
}
#SpecialEventsBodyID .newsItem,
#ArticlesBodyID .newsItem,
#NewsletterBodyID .newsItem {
    width: 100%;
    padding-bottom: 1em;
    margin-top: 1em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.45);
    position: relative;
    min-height: 100px;
}
.newsItem .blogButton {
    position: absolute;
    bottom: 1em;
    right: 0;
    background: #FF6A29;
    padding: 0;
    height: 2.5em;
    line-height: 2.5em;
    overflow: hidden;
}
.newsItem .blogButton a {
    color: #fff;
    font-size: 1.25em;
    padding: 1em;
}
.newsItem .blogButton a:hover {
    text-shadow: 0 0 9px #FF993E;
    background: #EE4900;
}
.newsItem .newsDate {
    color: rgba(0, 0, 0, 0.45);
    font-style: italic;
    position: absolute;
    top: 0;
    right: 0;
}
.newsItem .previewImage {
    float: left;
    max-width: 200px;
    height: auto;
    margin: 0 10px 10px 0;
}
.newsItem .newsLink a {
    font-size: 1.5em;
}
.newsItem .newsContent {
    margin-right: 160px;
}
#SupportWishlistBodyID ul {
    display: block;
}
/***** TOP FIXED ELEMENTS *****************************************************/

#loading-cover {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    text-align: center;
    z-index: 10000;
    padding-top: 100px;
}
#loading-cover img {
    position: fixed;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -26px;
    margin-top: -26px;
}
.topBar {
    height: 40px;
    line-height: 38px;
    width: 100%;
    background-color: #ff6a29;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    position: fixed;
    z-index: 9999;
}
.topBar a {
    color: white;
}
.topBar span {
    position: relative;
}
.topBar span:after {
    content: '';
    height: 18px;
    width: 18px;
    background-image: url(/Content/images/icons/rightArrowIcon.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: -30px;
    transition: all 0.2s ease-in-out;
}
.topBar span:hover:after {
    -o-animation: bounce 1.5s infinite;
    -moz-animation: bounce 1.5s infinite;
    -webkit-animation: bounce 1.5s infinite;
    animation: bounce 1.5s infinite;
}
@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(-0.5em);
    }
    60% {
        transform: translateX(-0.33em);
    }
}
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(-0.5em);
    }
    60% {
        transform: translateX(-0.33em);
    }
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(-0.5em);
    }
    60% {
        transform: translateX(-0.33em);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(-0.5em);
    }
    60% {
        transform: translateX(-0.33em);
    }
}


.newSupportPopupBtn {
	background: #ff6a29;
	border-radius: 5px;
	color: #FFF !important;
	padding: 5px 15px;
	transition: all 0.25s ease;
	position: relative;
	top: 100px;
}

.newSupportPopupBtn:hover {
	background: #000;
	transition: all 0.25s ease;
}




@media (max-width: 450px) {
	.hover_bkgr_fricc > div {
		width: 90% !important;
	}
}




	#miniHeader {
		background: #FFF;
		width: 100%;
		height: 71px;
		position: fixed;
		top: 40px;
		z-index: 5000;
		text-align: right;
		margin-top: -71px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
#miniHeader.showMini {
    margin-top: 0px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#miniHeader .headLogoLink {
    float: left;
}
#miniHeader.showMini.afterScroll {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}
#miniHeader input,
#miniHeader label {
    display: none;
}
#miniHeader #miniHeaderLogo,
#miniHeader #menucontainer,
#miniHeader ul li,
#miniHeader .social-links {
    display: inline-block;
}
#miniHeader #miniHeaderLogo {
    margin: 12px 0 0 100px;
}
#miniHeader .social-links {
    margin: 17px 80px 0 0;
    float: right;
}
#miniHeader .contact-links {
    margin: 17px 20px 0 0;
    float: right;
    text-align: right;
    height: 34px;
    display:inline-block;
}
#miniHeader .contact-links .phone {
    font-size: 16px;
    color: #ff6a29;
    font-weight: 900;
    height: 50%;
    line-height: 100%;
    display: block;
}
#miniHeader .contact-links .place a {
    text-transform: uppercase;
    color: #6b6b6b;
}
#miniHeader .contact-links div.place {
    height: 50%;
    line-height: 100%;
}
#miniHeader #menucontainer {
    vertical-align: top;
    margin: 18px 0 0 480px;
}
#miniHeader #menucontainer ul {
    margin: 0 1em 0 0;
}
#miniHeader #menucontainer ul li {
    position: relative;
    height: 4em;
}
#miniHeader #menucontainer ul li a {
    padding: 0 10px;
}
#miniHeader #menucontainer>ul>li.active>a {
    color: white;
    padding-bottom: 3px;
    background: #ff8706;
}
#miniHeader a {
    color: #6b6b6b;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 2px;
    display: inline-block;
    height: 2em;
}
#miniHeader .social-links a {
    height: 22px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    width: 22px;
	background-size: 100%;
}
#miniHeader a:hover {
    color: #ff8706;
}
.social-links {
    list-style: none;
    float: left;
    margin: 0 0 0 17px;
}
.social-links li {
    display: inline-block;
    margin: 0 4px;
}
.social-links li a {
    height: 32px;
    width: 32px;
    display: block;
    -webkit-transition: transform .6s ease-in-out;
    -moz-transition: transform .6s ease-in-out;
    -o-transition: transform .6s ease-in-out;
    -ms-transition: transform .6s ease-in-out;
    transition: all .6s ease-in-out;
    background-size: contain;
}
.social-links li:nth-child(1) a {
    background-image: url(/Content/images/icons/facebookIcon.png);
}
.social-links li:nth-child(2) a {
    background-image: url(/Content/images/icons/twitterIcon.png);
}
.social-links li:nth-child(3) a {
    background-image: url(/Content/images/icons/linkedIcon.png);
}
#miniHeader .social-links li a.social-icon-fb {
    background-image: url(/Content/images/icons/facebookIconYellow.png);
}
#miniHeader .social-links li a.social-icon-tw {
    background-image: url(/Content/images/icons/twitterIconYellow.png);
}
#miniHeader .social-links li a.social-icon-in {
    background-image: url(/Content/images/icons/linkedIconYellow.png);
}
#miniHeader .social-links li a.social-icon-insta {
	background-image: url(/Content/images/icons/instagramIconYellow.png);
}
.social-links li a:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.social-links li:nth-child(1) a:hover {
    background-image: url(/Content/images/icons/facebookIconOrange.png);
}
.social-links li:nth-child(2) a:hover {
    background-image: url(/Content/images/icons/twitterIconOrange.png);
}
.social-links li:nth-child(3) a:hover {
    background-image: url(/Content/images/icons/linkedIconOrange.png);
}
.social-links li:nth-child(4) a:hover {
	background-image: url(/Content/images/icons/instagramIconOrange.png);
}
#miniHeader .social-links li:nth-child(1) a:hover {
    background-image: url(/Content/images/icons/facebookIconBlack.png);
}
#miniHeader .social-links li:nth-child(2) a:hover {
    background-image: url(/Content/images/icons/twitterIconBlack.png);
}
#miniHeader .social-links li:nth-child(3) a:hover {
    background-image: url(/Content/images/icons/linkedIconBlack.png);
}
#miniHeader .social-links li:nth-child(4) a:hover {
	background-image: url(/Content/images/icons/instagramIconBlack.png);
}
/* END TOP FIXED ELEMENTS */
/* HEADER *************************************************************/

.topBarOffset {
    height: 40px;
}
.header {
    color: white;
    height: 0px;
    background-size: cover;
}
#Home .header {
    height: 39vw;
    width: 100%;
    position: relative;
    overflow: hidden;
    color: white;
    background: url(/Content/images/homeHeader2000.jpg) top center no-repeat;
}
.header a {
    color: white;
}
.header a:hover {
    color: #ee4900;
}
/*.StreamEntryBodyClass:not(#Home) .header,
#NewsAndEvents .header {
    display: none;
}*/
.StreamEntryBodyClass:not(#Home) #main {
    padding-top: 130px;
}
#videoTop {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    bottom: 0;
}
#vidOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.lcVid {
    width: 100%;
    height: auto;
    width: calc(100vh * 1.777);
    min-width: 100%;
}
#header-logo {
    background-image: url(/Content/images/logo.png);
    background-repeat: no-repeat;
    width: 458px;
    height: 52px;
    display: block;
    margin: 0 0 0 8px;
}
#header-right {
    float: right;
    margin: -55px 0 0 0;
    line-height: 1em;
}
#header-right .adr {
    float: left;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 2.25px;
    margin: 1px 0 10px 516px;
}
#header-right .adr .tel {
    font-size: 19px;
    font-weight: 900;
    letter-spacing: 3px;
    margin: -4px -3px 4px 0;
    display: block;
}
.nav-label,
#nav-input {
    display: none;
}
.navigation {
    clear: both;
}
.open-button,
.close-button,
#mobile-logo,
.mobile-social {
    display: none;
}
.navigation ul {
    list-style: none;
}
.navigation ul li {
    display: inline-block;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
}
#menucontainer ul li.active {
    color: white;
}
#menucontainer>ul>li.active>a {
    border-radius: 5px;
    padding-bottom: 3px;
}
#menucontainer ul li.active a:hover {
    color: white;
}
.header h2 {
    text-transform: uppercase;
    font-size: 84px;
    font-weight: 900;
    letter-spacing: 2px;
    color: white;
}
.header h3 {
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 400;
    letter-spacing: 8px;
    margin: 0 0 35px 3px;
    color: white;
}

.caresActBtn {
    background: #fb8800;
    height: 40px;
    width: 256px;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 40px;
    border-radius: 5px;
    position: relative;
    margin: 0 0 0 5px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.caresActBtn:hover {
    background: #23b2d5;
    color: white !important;
}




.donate-button {
    background: #ee4900;
    height: 40px;
    width: 256px;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 40px;
    border-radius: 5px;
    position: relative;
    padding-left: 25px;
    margin: 0 0 0 5px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.donate-button:hover {
    background: #23b2d5;
    color: white !important;
}
.donate-button span:before {
    content: '';
    background-image: url(/Content/images/paypalLogo.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 11px;
    width: 35px;
    position: absolute;
    top: 18px;
    left: 10px;
}
.donate-button span:after {
    content: '';
    height: 16px;
    width: 16px;
    background-image: url(/Content/images/icons/rightArrowIcon.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 16px;
    right: 15px;
}

@media screen and (max-width: 1530px) {
	#miniHeader #menucontainer .subNav {
		width: 270px !important;
	}
}

@media screen and (max-width: 1000px) {
	#miniHeader #menucontainer .subNav {
		width: 100% !important;
	}
	#menucontainer .mobile-social {
		display: none !important;
	}
}

#miniHeader #menucontainer .subNav {
    display: none;
    left: 0;
    position: absolute;
    top: 2em;
    background: #fff;
    width: 330px;
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.25);
    bottom: auto;
    text-align: left;
}
#miniHeader #menucontainer ul li:hover .subNav {
    display: block;
}
#miniHeader #menucontainer .subNav li {
    display: block;
    line-height: 2em;
    height: 2em;
    position: relative;
}
#miniHeader #menucontainer .subNav a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
    padding: 0.5em 0.5em;
    line-height:1em;
}
#miniHeader #menucontainer .subNav a:hover {
    background: #FF6A29;
    color: #fff;
}
/* END HEADER */
/************************************************************************
*
* BEGIN MAIN CONTENT AREA
*
************************************************************************/

#main {
    /*background: white;*/
    font-size: 14px;
    letter-spacing: 1px;
    color: #010101;
}
#main.wrapper {
    padding: 90px 775px 50px 60px;
    letter-spacing: 0.4px;
    min-height: calc(100vh - 298px);
}


body[id^="Support"] #main::before {
	opacity: 0.2;
}


#SupportBodyID #main.wrapper {
	padding: 90px 60px 50px !important;
}

	#SupportBodyID #main.wrapper .leftDiv {
		width: 50%;
		padding: 0 2.5%;
		float: left;
	}

	#SupportBodyID #main.wrapper .rightDiv {
		width: 50%;
		padding: 0 2.5%;
		float: left;
		text-align: center;
	}


	#main.wrapper .leftDivNew {
		width: 50%;
		padding: 0 2.5%;
		float: left;
	}

	#main.wrapper .rightDivNew {
		width: 50%;
		padding: 0 2.5%;
		float: left;
		text-align: center;
	}


@media screen and (max-width: 1150px) {
	#SupportBodyID #main.wrapper .leftDiv {
		width: 100%;
		padding: 1% 2.5%;
	}
	#SupportBodyID #main.wrapper .rightDiv {
		width: 100%;
		padding: 1% 2.5%;
	}

	#main.wrapper .leftDivNew {
		width: 100%;
		padding: 1% 2.5%;
	}

	#main.wrapper .rightDivNew {
		width: 100%;
		padding: 1% 2.5%;
	}
}


	#Home #main.wrapper {
		padding: 0;
		max-width: none;
		overflow: hidden;
	}
#main h1 {
    margin-bottom: 30px;
    letter-spacing: 1px
}
.StreamEntryBodyClass #main h1, .StreamBodyClass #main h1, .NewsJobsStreams #main h1 {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 200;
    color: #f29727;
    line-height: 0.7;
    word-spacing: -0.1em;
}
.StreamEntryBodyClass #main h1 em, .StreamBodyClass #main h1 em, .NewsJobsStreams #main h1 em {
    display: block;
    font-weight: 900;
    font-style: normal;
    font-size: 1.35em;
    color: #1fb1d6;
    margin: 0.125em 0;
    line-height: 0.9;
}
.icon-link,
.icon-stat {
    color: #000 !important;
    font-size: 10px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    margin: 10px 0;
}
.icon-link img {
    display: block;
    margin: 0 auto 25px;
}
.icon-link:hover {
    color: #fb8800 !important;
}
.icon-link:after {
    content: '';
    height: 10px;
    width: 10px;
    background-image: url(/Content/images/icons/rightArrowIconBlack.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 7px;
    right: -20px;
    transition: all 0.2s ease-in-out;
}
.icon-link:hover:after {
    background-image: url(/Content/images/icons/rightArrowIconYellow.png);
}
.icon-stat .number {
    font-size: 62px;
    color: #F29727;
    display: block;
    margin: 0 0 18px 0;
    line-height: 52px;
}
/* HOME
************************************************************************/

#Home h1 {
    display: none;
}
.program-block-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    width: 18.5vw;
    background-color: #F29727;
    padding: 0.5vw 1vw;
}
.program-block {
    display: block;
    margin: 0.5vw 0 2em 0;
    height: calc(25% - 2rem);
    width: 100%;
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    box-sizing: border-box;
}
.program-block .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: transparent;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    z-index: 0;
}
.program-block:hover .overlay {
    background: rgba(0, 147, 202, 0.5);
}
.program-block .overlay:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 147, 202, 0.5);
    background: linear-gradient( rgba(9, 79, 165, 0), rgba(3, 120, 149, 0.59));
    transition: top 300ms 200ms;
}
.program-block:hover .overlay:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 147, 202, 0.5);
    background: linear-gradient( rgba(9, 79, 165, 0), rgba(3, 120, 149, 0.59));
}
.program-block span {
    display: block;
    color: white;
    font-size: 0.8vw;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: calc(-0.3vw - 1.25rem);
    pointer-events: none;
}
.program-block:hover span {
    bottom: 3.125vw;
}
.program-block#education {
    background-image: url(/Content/images/programBlocks/pbEducation.png);
}
.program-block#finance {
    background-image: url(/Content/images/programBlocks/pbFinance.png);
}
.program-block#weather {
    background-image: url(/Content/images/programBlocks/pbWeather.png);
}
.program-block#affordable {
    background-image: url(/Content/images/programBlocks/pbAffordable.png);
}
#positive-change {
    padding: 35px 45% 0 100px;
    background: url(/Content/images/smilingBoys.jpg) #FFF;
    background-repeat: no-repeat;
    background-position: top 0 right calc(50% - 500px);
    background-size: contain;
    position: relative;
}
#academic-excellence {
    padding: 35px 100px 0 45%;
    background: url(/Content/images/childrenColoring.jpg) #FFF;
    background-repeat: no-repeat;
    background-position: top 0 left calc(50% - 500px);
    background-size: contain;
    position: relative;
}
#engaged-community {
    padding: 35px 45% 0 100px;
    background: url(/Content/images/childrenReading.jpg) #FFF;
    background-repeat: no-repeat;
    background-position: top 0 right calc(50% - 600px);
    background-size: contain;
    position: relative;
}
.home-article {
    position: relative;
}
.home-article h2 {
    margin-bottom: 20px;
}
.home-article p {
    margin-bottom: 20px;
}
.home-article:after {
    content: '';
    height: 600px;
    width: 600px;
    margin: auto;
    background-image: url(/Content/images/eagleBG.png);
    background-repeat: no-repeat;
    position: absolute;
    background-size: cover;
    top: 217px;
    left: -97px;
}
.home-article p {
    position: relative;
    z-index: 1;
}
#academic-excellence::after {
    right: -97px;
    left: auto;
}
.home-article ul {
    list-style: none;
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 40px 70px 0 0;
    clear: both;
}
.home-article#academic-excellence ul {
    margin: 40px 0 0 0;
    width: 100%;
}
.home-article ul li {
    display: inline-block;
    margin: 0;
    width: 30%;
    vertical-align: top;
}
.home-article#engaged-community ul li {
    width: 23%;
}
.home-article ul li a {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    position: relative;
    color: #000;
    width: auto;
    line-height: 1.3;
}
.home-article ul li a:hover {
    color: #fb8800;
}
.home-article ul li a:after {
    content: '';
    height: 13px;
    width: 13px;
    background-image: url(/Content/images/icons/rightArrowIconBlack.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 69px;
    margin-left: 0.5em;
    transition: all 0.2s ease-in-out;
    display: inline-block;
}
.home-article ul li:nth-child(1) a:after {
    top: 83px;
}
.home-article ul li a:hover:after {
    background-image: url(/Content/images/icons/rightArrowIconYellow.png);
}
.home-article ul li a img {
    margin: auto;
    display: block;
    margin-bottom: 15px;
}
#become-famliy {
    height: 400px;
    background: #fb8800;
    background-image: url(/Content/images/babyAndChild.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 14px;
    padding: 10px 0 0 0;
    letter-spacing: 1px;
    position: relative;
}
#become-famliy h2 {
    color: white;
    margin: 5px 0 18px;
}
#become-famliy ul {
    font-weight: 700;
    font-size: 11px;
    list-style: none;
    text-align: left;
    width: 585px;
    margin: auto;
}
#become-famliy ul li {
    height: auto;
    line-height: 1.6em;
    margin-bottom: 20px;
}
#become-famliy ul li a {
    font-size: 22px;
    letter-spacing: 3px;
    position: relative;
    color: #05093e;
}
#become-famliy ul li a:hover {
    color: white;
}
#become-famliy ul li p a {
    margin: 0;
    font-size: 14px;
    line-height: 1.6em;
    text-transform: none;
    font-weight: 400;
    position: relative;
    color: white;
    letter-spacing: 2px;
    display: block;
}
#become-famliy ul li p a:hover {
    color: #05093e;
    /*text-decoration: underline;*/
}
#become-famliy ul li p a:after {
    content: '';
    height: 14px;
    width: 14px;
    background-image: url(/Content/images/icons/rightArrowIcon.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 7px;
    right: -15px;
    display: block;
    transition: all 0.2s ease-in-out;
}
#become-famliy ul li p a:hover:after {
    background-image: url(/Content/images/icons/rightArrowIconBlack2.png);
}
#one-on-one {
    white-space: nowrap;
    padding: 0 130px 0 120px;
}
#one-on-one div {
    width: 50%;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
#one-on-one div:nth-child(1) {
    padding: 35px 80px 50px 0;
}
#one-on-one div:nth-child(2) {
    padding: 35px 0 50px 90px;
}
#one-on-one h2 {
    text-align: center;
    margin-bottom: 20px;
}
#one-on-one p {
    margin-bottom: 25px;
}
#one-on-one ul {
    list-style: none;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    padding-top: 10px;
}
#one-on-one ul li {
    margin-bottom: 20px;
}
#one-on-one ul li img {
    vertical-align: middle;
}
#flyingMoney img {
    margin-right: 25px;
}
#creditRepair img {
    margin-right: 34px;
}
#piggyBank img {
    margin-top: -10px;
    margin-right: 31px;
}
#insulation img {
    margin-right: 31px;
}
#lightBulb img {
    margin-top: -9px;
    margin-left: 15px;
    margin-right: 39px;
}
#tools img {
    margin-top: -10px;
    margin-right: 25px;
}
.view-more {
    text-align: center;
    margin: 30px 0 0 0 !important;
}
#one-on-one div:nth-child(2) .view-more {
    margin-top: 35px !important;
}
.view-more a {
    color: #ee4900;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    font-weight: 900;
}
.view-more a:hover {
    color: #000;
}
.view-more a:after {
    content: '';
    height: 13px;
    width: 12px;
    background-image: url(/Content/images/icons/rightArrowIconOrange.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 6px;
    right: -20px;
    display: block;
    transition: all 0.2s ease-in-out;
}
.view-more a:hover:after {
    background-image: url(/Content/images/icons/rightArrowIconBlack.png);
}
/* END HOME **************************************************************************************/

.sidebar {
    display: block;
}
.sidebar ul {
    text-align: center;
    margin-top: 4em;
}
.sidebar li {
    display: inline-block;
    text-align: center;
    margin: 0 5%;
}
.sidebar li img {
    display: block;
    margin: 0 auto;
}
body:not([id*="NewsEvents"]) #main:before {
    content: '';
    display: block;
    position: fixed;
    width: 42vw;
    height: 937px;
    max-height: 59vw;
    right: 0;
    top: 90px;
    max-width: 50vw;
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
}
body#YouthEducationArtBodyID #main:before {
    display: none;
}
#main table {
    border-collapse: collapse;
    border: none !important;
    background: #DDDDDD;
    font-size: 16px;
}
#main table td {
    padding: 0.5em 2em 0.5em 0.5em;
    border: 0;
    cursor: default;
}
#main table tr:first-child {
    border-bottom: 2px solid;
    font-weight: bold;
    font-size: 18px;
}
#main table tr:first-child td {
    text-align: center;
}

/* ABOUT */

body[id^="About"] #main:before {
    background-image: url(/Content/images/mainBackgrounds/aboutMainBG.png);
}
body[id^="WaukeshaCharterSchool"] #main:before {
    background-image: url(/Content/images/mainBackgrounds/charterSchoolBG.png);
}
body[id^="CharterSchoolCalendar"] #main:before {
    background-image: url(/Content/images/mainBackgrounds/charterSchoolBG.png);
}
body[id^="CommunityPrograms"] #main:before {
    background-image: url(/Content/images/mainBackgrounds/programsBG.png);
}
body#CommunityProgramsWeatherization-ProcedureBodyID #main:before {
	background-image: url(/Content/images/weatherizationBG.jpg);
}
#CommunityProgramsWeatherizationApplicationBodyID #main:before{
    display:none;
}
body[id^="YouthEducation"] #main:before {
    background-image: url(/Content/images/mainBackgrounds/programsBG.png);
}
body[id^="Support"] #main:before {
    background-image: url(/Content/images/mainBackgrounds/supportBG.png);
}
body[id="AboutDirectorsBodyID"] #main:before {
    background-image: url(/Content/images/mainBackgrounds/aboutDirectorsBG.png);
}
body[id="AboutDirectorsBodyID"] #main:before{
    width:50vw;
}
body[id="AboutVillageBoardBodyID"] #main:before {
    background-image: url(/Content/images/mainBackgrounds/aboutVillageBoardBG.png);
}
body[id="AboutFoundationBoardBodyID"] #main:before {
    background-image: url(/Content/images/mainBackgrounds/aboutFoundationBoard.png);
}
body[id="AboutAdvisoryBoardBodyID"] #main:before {
    background-image: url(/Content/images/mainBackgrounds/aboutLeadershipBoard.png);
}
body[id="YouthEducationHeadStartProgramBodyID"] #main:before{
    background-image: url(/Content/images/mainBackgrounds/youthEducationHeadStartBG.png);
}
body[id="AboutOurHistoryBodyID"] #main:before{
    background-image: url(/Content/images/mainBackgrounds/aboutHistoryBG.png);
}
body[id="AboutOurLeadershipBodyID"] #main:before,
body[id="AboutDedicatedStaffBodyID"] #main:before,
body[id="AboutPrivacyPolicyBodyID"] #main:before,
body[id="WaukeshaCharterSchoolRegisterBodyID"] #main:before,
body[id="YouthEducationArtBodyID"] #main:before,
body[id="CommunityProgramsHomeWeatherizationBodyID"] #main:before,
body[id="CommunityProgramsSeniorHousingBodyID"] #main:before,
body[id="CommunityProgramsFinancialEducationBodyID"] #main:before,
body[id="AboutOurLeadershipBodyID"] #main:before,
body[id="AboutOurLeadershipBodyID"] #main:before,
body[id="AboutOurLeadershipBodyID"] #main:before,
body[id="AboutOurLeadershipBodyID"] #main:before,
body[id^="SpecialEvents"] #main:before,
body[id^="Articles"] #main:before,
body[id^="Newsletter"] #main:before,
body[id^="NewsEvents"] #main:before,
body[id="CafeEsperanzaBodyID"] #main:before,
body[id="SupportPreferredPartnersBodyID"] #main:before,
body[id="SupportWishlistBodyID"] #main:before,
body[id="CommunityProgramsBodyID"] #main:before,
body[id="CommunityProgramsIncomeTaxAssistanceBodyID"] #main:before,
body[id="CommunityProgramsAssetStrategiesBodyID"] #main:before {
    display: none !important;
}
body[id="AboutOurLeadershipBodyID"] #main.wrapper,
body[id="AboutDedicatedStaffBodyID"] #main.wrapper,
body[id="AboutPrivacyPolicyBodyID"] #main.wrapper,
body[id="WaukeshaCharterSchoolRegisterBodyID"] #main.wrapper,
body[id="YouthEducationArtBodyID"] #main.wrapper,
body[id="CommunityProgramsHomeWeatherizationBodyID"] #main.wrapper,
body[id="CommunityProgramsSeniorHousingBodyID"] #main.wrapper,
body[id="CommunityProgramsFinancialEducationBodyID"] #main.wrapper,
body[id="AboutOurLeadershipBodyID"] #main.wrapper,
body[id="AboutOurLeadershipBodyID"] #main.wrapper,
body[id="AboutOurLeadershipBodyID"] #main.wrapper,
body[id="AboutOurLeadershipBodyID"] #main.wrapper,
body[id^="SpecialEvents"] #main.wrapper,
body[id^="Articles"] #main.wrapper,
body[id^="Newsletter"] #main.wrapper,
body[id^="NewsEvents"] #main.wrapper,
body[id="SupportPreferredPartnersBodyID"] #main.wrapper,
body[id="SupportWishlistBodyID"] #main.wrapper,
body[id="CommunityProgramsBodyID"] #main.wrapper,
body[id="CommunityProgramsIncomeTaxAssistanceBodyID"] #main.wrapper,
body[id="CommunityProgramsAssetStrategiesBodyID"] #main.wrapper {
    padding: 90px 60px 50px 60px !important;
}
body[id="AboutPrivacyPolicyBodyID"] #main strong{
    color:#f29727;
}
#AboutDedicatedStaffBodyID h3 {
    clear: both;
}
#AboutDedicatedStaffBodyID p+h3 {
    margin-top: 2em;
}
#About #main {
    background-position: top right;
    background-repeat: no-repeat;
}
#About .icon-link {
    margin-top: 50px;
}
#SupportPreferredPartnersBodyID #main > ul{
    display:block;text-align:center;font-size:0;
}
#SupportPreferredPartnersBodyID #main > ul li{
    display:inline-block;width:400px;font-size:1rem;
    text-align:center;
    height:200px;
    max-width:44%;
    margin:0 2%;
}
#SupportPreferredPartnersBodyID #main > ul li img{
    max-width:100%;height:auto;vertical-align:middle;
}
#SupportPreferredPartnersBodyID #main > ul li:before{display:none;}
#SupportWishlistBodyID #main > ul > li{
    display:inline-block;width:calc((100% / 4) - 4em);vertical-align:top;margin:1em;
    font-size:14px;min-width:300px;
}
#SupportWishlistBodyID #main > ul > li:before{
    display:none;
}
#SupportWishlistBodyID #main > ul ul{
    list-style:none;
}
#SupportWishlistBodyID #main > ul{padding:0;margin:0;}
.newsEventsChoices {
    width: 100%;
    text-align: center;
}
.laCasaBadge {
    display: inline-block;
    width: 200px;
    height: 200px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 30%;
}
.laCasaBadge:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    transition: opacity 200ms;
    opacity: 1;
}
.laCasaBadge:hover:after {
    opacity: 0;
}
.laCasaBadge.blog {
    background-image: url('/Content/images/LaCasa-BlogH.png');
}
.laCasaBadge.news {
    background-image: url('/Content/images/LaCasa-NewsH.png');
}
.laCasaBadge.events {
    background-image: url('/Content/images/LaCasa-EventsH.png');
}
.laCasaBadge.blog:after {
    background-image: url('/Content/images/LaCasa-Blog.png');
}
.laCasaBadge.news:after {
    background-image: url('/Content/images/LaCasa-News.png');
}
.laCasaBadge.events:after {
    background-image: url('/Content/images/LaCasa-Events.png');
}

#AboutDirectorsBodyID table,#AboutVillageBoardBodyID table,#AboutFoundationBoardBodyID table,#AboutAdvisoryBoardBodyID table{
    background:transparent;
}
#AboutDirectorsBodyID td:first-child,#AboutVillageBoardBodyID td:first-child,#AboutFoundationBoardBodyID td:first-child,#AboutAdvisoryBoardBodyID td:first-child{
    font-size:1.25em;color:#ee4900;
}
#AboutDirectorsBodyID td:last-child,#AboutVillageBoardBodyID td:last-child,#AboutFoundationBoardBodyID td:last-child,#AboutAdvisoryBoardBodyID td:last-child{
    font-style:italic;color:#878787;
}
#AboutDirectorsBodyID table tr:first-child td,#AboutVillageBoardBodyID table tr:first-child td,#AboutFoundationBoardBodyID table tr:first-child td,#AboutAdvisoryBoardBodyID table tr:first-child td{
    text-align:left;
}
#WaukeshaCharterSchoolRegisterBodyID #main strong a{
    display:inline-block;padding:1em;
    background:#EE4900;color:#fff;
    font-size:1.5em;text-transform:uppercase;
    border-radius:5px;
}
#WaukeshaCharterSchoolRegisterBodyID #main strong a:after{
    content:'';
    margin:0 0 0 0.5em;
    display:inline-block;width:0.75em;height:0.75em;
    background-image:url(/Content/images/icons/rightArrowIcon.png);
    background-size:contain;background-repeat:no-repeat;background-position:center;
}
#WaukeshaCharterSchoolRegisterBodyID #main strong a:hover{
    background:#23b2d5;
}
/* CONTACT */

#Contact .primary-content strong {
    font-weight: 900;
    text-transform: uppercase;
}
#Contact .primary-content span,
#Contact .primary-content .tel,
#Contact .primary-content .email {
    display: block;
}
#Contact .primary-content .locality,
#Contact .primary-content abbr,
#Contact .primary-content .postal-code {
    display: inline-block;
}
#Contact .primary-content {
    width: 1030px;
    padding-right: 300px;
}
#Contact .left-side,
#Contact .right-side {
    float: left;
}
#Contact .left-side {
    width: 420px;
}
#Contact .primary-content a {
    color: #000;
}
#Contact .primary-content a:hover {
    color: #ee4900;
}
#Contact .right-side h2 {
    margin: -80px 0 30px 0;
    color: #030D6D;
    font-size: 31px;
}
#Contact .sidebar {
    width: 500px;
    text-align: center;
}
#Contact .sidebar h2 {
    line-height: 1em;
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-size: 32px;
    font-weight: 700;
}
#Contact .sidebar p {
    font-size: 16px;
}
#ContactForm {
    margin-top: 5px;
}
#ContactForm p {
    margin: 0;
}

#CommunityProgramsWeatherizationApplicationBodyID #ContactForm p{
    margin:10px auto;
}

#CommunityProgramsWeatherizationApplicationBodyID label.error {
    color:red;
    font-weight:bold;
    margin-left:20px;
}
#CommunityProgramsWeatherizationApplicationBodyID #ContactForm #SubmissionWrap label.error {
    display:block;
    background:red !important;
    color:#fff;
    padding:10px;
    margin:0;
    text-align:center;
    font-size:24px;
}

#DocumentUpload {
    border: 1px solid #fb8800;
    border-left: 2px solid #fb8800;
    border-right: 2px solid #fb8800;
    padding: 10px 20px;
}

#ContactForm input[type="text"],
#ContactForm textarea,
#ContactForm select,
#ContactForm .radioGroup {
    border: 1px solid #fb8800;
    border-left: 2px solid #fb8800;
    border-right: 2px solid #fb8800;
    width: 100%;
    padding-left: 20px;
    font-size: 16px;
    letter-spacing: 1px;
}
#ContactForm .radioGroup{
    padding: 10px 20px;
    min-height: 4.5em;
}
#ContactForm .radioGroup input{
    display:inline-block;border:2px solid #fb8800;padding:0.25em;
    margin:0 0 0 0.5em;float:right;
}
#ContactForm .radioGroup input[type="number"]{
    height:2.5em;line-height:2.5em;font-size:1.25em;
    width:20%;padding:0.25em 0.5em;min-width:80px;
}
#ContactForm input[type="number"] {
    height:2.5em;line-height:2.5em;font-size:1.25em;
    width:20%;padding:0.25em 0.5em;min-width:80px;
    border: 1px solid #fb8800;
    border-left: 2px solid #fb8800;
    border-right: 2px solid #fb8800;
}
#ContactForm .radioGroup input[type="radio"]{
    display:block;position:fixed;right:-100vw;
}
#ContactForm input[type="checkbox"] {
    width:15px;
    height:15px;
    border:2px solid #fb8800;
}

#ContactForm input[type="checkbox"]:checked {
    background:#fb8800;
}

#ContactForm .checkbox-container {
    border: 1px solid #fb8800;
    border-left: 2px solid #fb8800;
    border-right: 2px solid #fb8800;
    padding: 10px 20px;
}
#ContactForm .checkbox-container label {
    margin-right:20px;
}

#ContactForm .required-indicator {
    font-style:italic;
}

#ContactForm .required-indicator span {
    color:#1fb1d6;
    font-style:normal;
}

#ContactForm label span {
    color:#1fb1d6;
}

#ContactForm .radioGroup input[type="radio"]+label{
    display:block;
}
#ContactForm .radioGroup input[type="radio"]+label:before{
    content:'';display:inline-block;width:1em;height:1em;
    border-radius:100%;box-shadow:inset 0 0 0 2px #FF6A29;
    margin: 0 0.5em 0 0;transition:box-shadow 100ms;
}
#ContactForm .radioGroup input[type="radio"]:checked+label:before{
    box-shadow:inset 0 0 0 1em #FF6A29;
}
#ContactForm input[name="Name01"] {
    border-top: 2px solid #fb8800;
}
#ContactForm input[type="text"] {
    height: 46px;
}
#ContactForm select {
    height: 46px;
    padding-left: 15px;
}
#ContactForm textarea {
    height: 100px;
    padding-top: 10px;
    border-bottom: 2px solid #fb8800;
    resize: vertical;
}
#ContactForm input[type="checkbox"] {
    margin-right: 10px;
}
#ContactForm .checkbox-wrapper span {
    font-size: 13px;
}
#ContactForm input[type="submit"] {
    background: #ee4900;
    border: none;
    color: white;
    height: 38px;
    margin: 20px 0;
    width: 100px;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    border-radius:5px;
    text-transform:uppercase;
    vertical-align: top;
}
#ContactForm input[type="submit"]:hover {
    background: #23b2d5;
    cursor: pointer;
}
#ContactForm #CaptchaWrap {
    display: inline-block;
    vertical-align: top;
}
#ContactForm #SendButton {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 310px);
}
#ContactForm .checkbox-wrapper {
    height: 4em;
    line-height: 4em;
}
#ContactForm .checkbox-wrapper input {
    position: fixed;
    left: -100vw;
}
#ContactForm .checkbox-wrapper input+label {
    font-weight: 400;
    font-size: 1.25em;
}
#ContactForm .checkbox-wrapper input+label:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: -5px 1em 0 0;
    background-image: url(/Content/images/icon-checkbox.png);
    background-position: top right;
    background-size: cover;
}
#ContactForm .checkbox-wrapper input:checked+label:before {
    background-position: top left;
}
#Contact #LaCasaMap {
    height: 100%;
    background: #333;
    box-shadow: 0 0 0 4px #fff, 0 0 0 6px #FB8800;
    width: 100%;
    margin: 21px auto 0 auto;
}
#Contact #main.wrapper {
    position: relative;
    margin: 0;
    padding: 100px 30px 30px 30px;
    text-align: center;
}
#Contact #main.wrapper>div:not(.clear) {
    width: 95%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 1em;
    padding: 0;
    float: none;
    text-align: left;
}
#Contact #main.wrapper .contact-form h2 {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
}
#Contact #main.wrapper .contact-form p {
    text-align: center;
    font-size: 16px;
}
#Contact #main.wrapper .primary-content:not(.clear) {
    padding-bottom: 282px;
}
#Contact #main.wrapper .primary-content h2 {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 68px;
}
#Contact #main.wrapper .primary-content p {
    display: inline-block;
    width: 49%;
    box-sizing: border-box;
}
#Contact #main.wrapper .map-holder {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 288px;
    top: auto;
}
.mapInfoWindow {
    max-width: 100%;
}
.mapInfoWindow a {
    display: block;
}
/* STAFF LISTING */

#StaffListing #main ul {
    list-style: none;
    text-align: center;
    width: 1580px;
    margin-left: -33px;
}
#StaffListing #main ul li h3 {
    font-size: 24px;
    text-transform: uppercase;
    margin: 10px 0 5px;
}
#StaffListing #main ul li {
    display: inline-block;
    width: 260px;
    font-size: 19px;
    color: #757575;
    height: 370px;
    vertical-align: top;
    margin: 0;
}
#StaffListing #main ul li:nth-child(1) {
    margin-left: 0;
}
#AboutDedicatedStaffBodyID #main div{
    float:left;width:200px;text-align:center;
}
#AboutDedicatedStaffBodyID #main h2{
    color:#ee4900;
    font-size:18px;
    text-transform:uppercase;
    font-weight:600;
    text-align:center;
}
#AboutDedicatedStaffBodyID #main h3{
    color:#999;
    font-size:14px;
    font-weight:600;
    text-align:center;
}
#AboutDedicatedStaffBodyID #main div h2+img{
    max-width:163px;height:auto;
    margin:0 auto;display:inline-block;
    float:none !important;
    margin:7px 12px !important;
}
#AboutDedicatedStaffBodyID #main hr{
    clear:both;
    border:none;
    margin-bottom:2em;
}
#AboutDedicatedStaffBodyID #main p{
    width:calc(100% - 250px);
    float:right;clear:none;
}
/* NEWS AND EVENTS */

.NewsJobsStreams h1 {
    margin-bottom: 55px;
}
.NewsJobsStreams .search-area {
    float: left;
    left: 60px;
    border-right: 1px solid rgba(0, 0, 0, 0.33);
    padding-right: 1em;
    padding-bottom: 1em;
    margin-bottom: 50vh;
    margin-right: 1.5em;
    position: fixed;
}
.NewsJobsStreams .search-area h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 700;
}
.NewsJobsStreams .search-area ul {
    margin: 0;
    list-style: none;
    font-size: 15px;
    font-weight: 600;
}
.NewsJobsStreams .search-area ul li {
    height: 40px;
}
.NewsJobsStreams .search-area ul li a {
    color: #000;
}
.NewsJobsStreams .search-area ul li a:hover {
    color: #ee4900;
}
.NewsJobsStreams .search-area ul li input {
    position: absolute;
    left: -200vw;
}
/*SLIDER BIT MAIN*/

.NewsJobsStreams .search-area ul li input+label {
    display: inline-block;
    position: relative;
    margin-left: 2em;
}
.NewsJobsStreams .search-area ul li input+label:before {
    content: '';
    display: block;
    position: absolute;
    width: 1.75em;
    height: 1em;
    background: #555;
    left: -2em;
    top: 0.25em;
    border-radius: 1em;
    transition: background 200ms;
}
.NewsJobsStreams .search-area ul li input+label:after {
    content: '';
    display: block;
    position: absolute;
    width: calc(1em - 2px);
    height: calc(1em - 2px);
    background: #000;
    left: calc(-2em + 1px);
    top: calc(0.25em + 1px);
    border-radius: 100%;
    transition: left 80ms, background 200ms;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.5);
}
/*SLIDER BIT OFF*/

.NewsJobsStreams .search-area ul li input:not(:checked)+label:after {
    background: #EEE;
}
/*SLIDER BIT ON*/

.NewsJobsStreams .search-area ul li input:checked+label:before {
    background: #EE4900;
}
.NewsJobsStreams .search-area ul li input:checked+label:after {
    left: calc(-1.25em + 1px);
    background: #FFF;
}
.NewsJobsStreams .search-area ul li input:checked+label {
    color: #303030;
}
/*SLIDER BIT OFF DISABLED*/

.NewsJobsStreams .search-area ul li input.disable+label:after {
    background: #888;
}
/*SLIDER BIT ON DISABLED*/

.NewsJobsStreams .search-area ul li input.disable:checked+label:before {
    background: #CCC;
}
.NewsJobsStreams .search-area ul li input.disable:checked+label:after {
    background: #EEE;
}
.NewsJobsStreams .search-area ul li input.disable,
.NewsJobsStreams .search-area ul li input+label {
    transition: opacity 200ms;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.NewsJobsStreams .search-area ul li input.disable,
.NewsJobsStreams .search-area ul li input.disable+label {
    opacity: 0.25;
    pointer-events: none;
    color: #777;
}
.NewsJobsStreams .search-field {
    border: 1px solid #ee4900;
    height: 20px;
    width: 130px;
}
.NewsJobsStreams input[type="submit"] {
    cursor: pointer;
    font-size: 0;
    display: inline-block;
    margin: 0;
    border: none;
    height: 20px;
    width: 20px;
    vertical-align: top;
    background-color: transparent;
    background-image: url(/Content/images/icons/searchIcon.png);
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.2s ease-in-out;
}
.NewsJobsStreams input[type="submit"]:hover {
    background-image: url(/Content/images/icons/searchIconOrange.png);
}
#pullForSearch {
    position: absolute;
    left: -200vw;
}
#pullForSearch+label {
    display: none;
}
.newsLink {
    padding-bottom: 1em;
    padding-right: 100px;
}
.NewsJobsStreams .news-feed {
    margin-left: 255px;
    color: #8c8c8c;
    font-size: 14px;
    font-weight: 300;
    margin-right: 0;
    width: calc(100% - 95px);
}
.NewsJobsStreams .news-feed .newsItem {
    width: 100%;
    margin-bottom: 80px;
    float: left;
    position: relative;
    padding-right: 1em;
    min-height: 100px;
}
.NewsJobsStreams .news-feed .newsDate {
    position: absolute;
    top: 0;
    right: 0;
    font-style: italic;
}
.NewsJobsStreams .news-feed .newsLink a {
    color: #1fb1d6;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.NewsJobsStreams #main.wrapper {
    padding: 90px 215px 50px 60px;
}
/* CAFE ESPERANZA */

#CafeEsperanzaBodyID #main {
    background-image: url(/Content/images/cafeBanner.jpg);
    background-repeat: no-repeat;
    background-position: top 70px left 0;
    background-size: contain;
    padding: calc(15.8vw + 115px) 60px 50px 60px;
}
#CafeEsperanzaBodyID .sidebar{
    position:relative;float:right;
}
#CafeEsperanzaBodyID .sidebar ul{
    margin:0 0 1em 60px;
}
#CafeEsperanzaBodyID .sidebar li{
    display:block;text-align:left;margin:0;
    position:relative;width:300px;height:100px;
}
#CafeEsperanzaBodyID .sidebar li p{
    margin-top:0;
}
#CafeEsperanzaBodyID .sidebar li h3{
    position:absolute;left:80px;
}
#CafeEsperanzaBodyID .sidebar li p{
    position:absolute;left:80px;
    top:2em;line-height: 1;
}
#CafeEsperanzaBodyID .sidebar li img{
    float:left;
}
#CafeEsperanzaBodyID .sidebar li:nth-child(2) img{
    margin-left:-23px;
}
#CafeEsperanzaBodyID .sidebar li h3 a{color:#ee4900;font-size:1.25em;}
#CafeEsperanzaBodyID strong{color:#ee4900;font-weight:normal;}

    .inline-donate-button input[type="submit"]{
        font-size:1em;
        padding:0.5em 1.5em;border:0;border-radius:4px;
        background:#FF6A29;color:#fff;
        cursor:pointer;
    }
    .inline-donate-button input[type="submit"]:hover{
        background:#F35F1E;
    }
/* END MAIN CONTENT AREA *******************************************************/
/* BEGIN FOOTER ****************************************************************/
/* designed mobile view first */

#footer {
    background: #ff6a29;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6em;
    color: white;
    letter-spacing: 2px;
    text-align: center;
    border-top: 8px solid #f29727;
    position: relative;
    z-index: 4;
	clear: both;
}
#footer .wrapper {
    position: relative;
    padding-bottom: 25px;
}
#footer-logo {
    width: 100%;
    margin: 25px auto 20px;
}
#footer a {
    color: white;
}
#footer a:hover {
    color: #05093e;
}
#footer a.active {
    color: #05093e;
    cursor: default;
    font-weight: 700;
}
#footer .fn.org {
    display: block;
}
#foot-nav {
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0 0 0;
}
#foot-nav li {
    line-height: 30px;
}
#footer #other-logos {
    list-style: none;
    margin: 30px auto 0;
    white-space: nowrap;
}
#footer #other-logos li {
    display: inline-block;
    width: calc(100% / 5 - 5px);
    margin: 0;
    vertical-align: middle;
    text-align: center;
}
#footer #other-logos li img {
    width: 100%;
    max-width: 65px;
}
#footer #other-logos li:nth-child(3) img,
#footer #other-logos li:nth-child(4) img {
    max-width: 60px;
}
/* END FOOTER */
/* GALLERY SLIDERS 

#pageGallery{
    display:block;box-shadow:inset 1px 4px 8px -3px rgba(0,0,0,0.7);
    width:100%;overflow:hidden;position:relative;height:300px;
}
#pageGallery .galleryPrev   {
    display:block;position:absolute;left:1rem;top:50%;background:rgba(255,255,255,0.8);z-index:500;
    width:3rem;height:3rem;line-height:3rem;font-size:2rem;text-align:center;margin-top:-1.5rem;
    cursor:default;user-select:none;transition:background 100ms;
    box-shadow:0 2px 4px rgba(0,0,0,0.4);border-radius:100%;
}
#pageGallery .galleryPrev:hover{background:rgba(255,255,255,1);}
#pageGallery .galleryNext   {
    display:block;position:absolute;right:1rem;top:50%;background:rgba(255,255,255,0.8);z-index:500;
    width:3rem;height:3rem;line-height:3rem;font-size:2rem;text-align:center;margin-top:-1.5rem;
    cursor:default;user-select:none;transition:background 100ms;
    box-shadow:0 2px 4px rgba(0,0,0,0.4);border-radius:100%;
}
#pageGallery .galleryNext:hover{background:rgba(255,255,255,1);}
#pageGallery .galleryNav    {}
#pageGallery .galleryFrame  {
    z-index:400;text-align:center;
}
#pageGallery .galleryFrame img{
    display:inline-block;height:300px;width:auto;margin:0 3px;
}*/
/************************************************************************
*
* BEGIN MEDIA QUERIES
*
************************************************************************/
/* MOBILE NAVIGATION
***********************************************************************/

@media (max-width: 999px) {
    .hide-tablet {
        display: none;
    }
    #Home .header {
        overflow: visible;
    }
    .navigation {
        float: none;
        display: inline-block;
        width: 28px;
        height: 25px;
        background: #ffa200;
        border-radius: 3px;
        transition: all 0.4s ease-in-out;
    }
    .navigation:hover {
        background: #424242;
    }
    .navigation:before {
        content: '';
        display: block;
        width: 20px;
        height: 3px;
        background: #424242;
        margin: 5px auto 0;
        box-shadow: 0px 6px 0px #424242, 0px 12px 0px #424242;
        transition: all 0.2s ease-in-out;
    }
    .navigation:hover:before {
        background: #ffa200;
        box-shadow: 0px 6px 0px #ffa200, 0px 12px 0px #ffa200;
    }
    .open-button {
        height: 25px;
        width: 28px;
        margin-top: -8px;
        display: block;
        cursor: pointer;
    }
    #mobile-logo {
        display: block;
        margin: 20px auto;
        clear: both;
        padding: 0 10px;
        text-align: center;
    }
    #mobile-logo img {
        max-width: 100%;
    }
    .icon {
        display: inline-block;
        width: 32px;
        height: 32px;
    }
    .close-button {
        text-align: center;
        color: rgba(255, 255, 255, 0.5);
        display: inline-block;
        padding: 0;
        margin: 10px;
        float: right;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
    }
    .close-button:hover {
        color: rgba(255, 255, 255, 1);
    }
    .mobile-nav {
        width: 100%;
    }
    #header-right .adr .tel {
        margin: -7px -3px -4px 0;
    }
    .navigation #menucontainer {
        display: none;
        background: rgba(0, 6, 60, 0.95);
        width: 100%;
        height: 100%;
        margin: 0;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        right: 0;
        padding-bottom: 10px;
        overflow-y: scroll;
    }
    .navigation #menucontainer ul {
        clear: both;
        margin-bottom: 0;
    }
    .navigation #menucontainer ul li {
        display: block;
        float: none;
        width: 100%;
        max-width: 320px;
        text-align: center;
        margin: 10px auto;
    }
    .navigation #menucontainer ul li a {
        color: white;
        margin: 0;
        font-size: 16px;
    }
    .navigation #menucontainer ul li a:hover {
        color: #ee4900;
    }
    #menucontainer ul li.active {
        border-radius: 0;
    }
    #menucontainer ul li.active a:hover {
        color: white;
        cursor: default;
    }
    .mobile-social {
        display: block !important;
    }
    .mobile-social .social-links {
        list-style: none;
        width: 32px;
        float: none;
        margin: auto;
    }
    .mobile-social .social-links li {
        display: inline-block;
        margin: 20px 0 !important;
        padding: 0;
    }
    .mobile-social .social-links li a {
        height: 32px;
        width: 32px;
    }
}
@media (max-width: 300px) {
    .header h2,
    .header h3 {
        letter-spacing: 1px !important;
    }
    .header h2 {
        font-size: 22px !important;
    }
}
@media (max-width: 370px) {
    #footer #other-logos {
        max-width: 90%;
    }
    #footer #other-logos li {
        max-width: 75px;
    }
}
@media (max-width: 639px) {
    h2 {
        font-size: 30px;
    }
    .topBar {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .topBar span:after {
        height: 12px;
        width: 12px;
        right: -20px;
    }
    .topBarOffset {
        height: 30px;
    }
    #Home .header {
        height: 185px;
        background: url(/Content/images/homeHeader320.jpg) top center no-repeat !important;
    }
    #videoTop {
        display: none;
    }
    #header-inner {
        padding: 8px 15px 0;
        text-align: center;
    }
    #header-logo {
        background-image: url(/Content/images/logoSmall.png);
        width: 40px;
        height: 39px;
    }
    #header-right {
        width: auto;
        margin: -30px 0 0 0;
    }
    #header-right .adr {
        margin: 5px 10px 5px 5px;
        font-size: 12px;
        letter-spacing: 2px;
        width: 105px;
    }
    #header-right .adr .tel {
        font-size: 12px;
        letter-spacing: 3px;
    }
    .social-links {
        display: none;
    }
    .mobile-social .social-links {
        display: block;
    }
    .header h2 {
        font-size: 44px !important;
        letter-spacing: 1px;
        margin: 11vh 0 0 0;
    }
    .header h3 {
        font-size: 21px;
        letter-spacing: 1px;
        margin: 0;
        margin-top: -1em;
    }
    .donate-button {
        height: 38px;
        line-height: 35px;
        padding-left: 10px;
        letter-spacing: 1px;
        margin: 0;
        left: 50%;
        margin-left: -112px;
        top: 20px;
    }
    .donate-button span:before {
        height: 100%;
        width: 35px;
        top: 0;
        left: 10px;
        background-position: center;
    }
    .donate-button span:after {
        height: 14px;
        width: 14px;
        top: 12px;
        right: 11px;
    }
    .program-block {
        height: 200px;
        width: 50%;
    }
    .program-block span {
        font-size: 14px;
        line-height: 1em;
        margin-top: 152px;
        white-space: normal;
    }
    .program-block#affordable span {
        padding: 0 10px;
    }
    .program-block:hover span {
        margin-top: 60px;
    }
    .program-block-wrapper .wrapper {
        max-width: 360px !important;
        margin: 0 auto;
    }
    #main {
        font-size: 16px;
        letter-spacing: 0.5px;
    }

	#Home #main {
		position: relative;
		margin-top: 50px;
	}

	#positive-change,
	#academic-excellence,
	#engaged-community {
		padding: 20px 20px 20px;
		height: auto;
		background: transparent;
	}
    #academic-excellence:after {
        height: 374px;
        width: 379px;
        bottom: -230px;
        right: -115px;
    }
    #positive-change:after,
    #engaged-community:after {
        height: 374px;
        width: 379px;
        bottom: -230px;
        left: -115px;
    }
    #positive-change h2,
    #academic-excellence h2,
    #engaged-community h2 {
        margin-bottom: 15px;
    }
    #positive-change p,
    #academic-excellence p,
    #engaged-community p {
        margin-bottom: 20px;
        line-height: 19px;
    }
    #positive-change ul,
    #academic-excellence ul,
    #engaged-community ul {
        margin: 40px 0 0 0;
        text-align: center;
    }
    #positive-change ul li,
    #academic-excellence ul li,
    #engaged-community ul li {
        margin: auto;
        width: 140px;
    }
    #positive-change ul li:nth-child(2),
    #academic-excellence ul li:nth-child(2),
    #engaged-community ul li:nth-child(2) {
        margin: auto;
    }
    #positive-change ul li:nth-child(3),
    #academic-excellence ul li:nth-child(3),
    #engaged-community ul li:nth-child(3) {
        margin: 0 auto 0;
    }
    #positive-change ul li a img,
    #academic-excellence ul li a img,
    #engaged-community ul li a img {
        margin-bottom: 10px;
    }
    #positive-change ul li:nth-child(1) a img {
        width: 41px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(1) a img {
        width: 45px;
        height: auto;
    }
    #engaged-community ul li:nth-child(1) a img {
        width: 28px;
        height: auto;
    }
    #positive-change ul li:nth-child(2) a img {
        width: 49px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(2) a img {
        width: 40px;
        height: auto;
    }
    #engaged-community ul li:nth-child(2) a img {
        width: 44px;
        height: auto;
    }
    #positive-change ul li:nth-child(3) a img {
        width: 73px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(3) a img {
        width: 49px;
        height: auto;
    }
    #engaged-community ul li:nth-child(3) a img {
        width: 46px;
        height: auto;
    }
    #engaged-community ul li:nth-child(4) a img {
        width: 71px;
        height: auto;
    }
    #positive-change ul li a,
    #academic-excellence ul li a,
    #engaged-community ul li a {
        font-size: 12px;
        letter-spacing: 1px;
        margin: 1em 10px 1em 0;
    }
    .home-article ul li a {
        width: auto;
    }
    #engaged-community.home-article ul li {
        width: 125px;
    }
    #positive-change ul li a:after,
    #academic-excellence ul li a:after {
        height: 9px;
        width: 9px;
        top: 43px;
        right: -12px;
    }
    #engaged-community ul li a:after {
        height: 9px;
        width: 9px;
        top: 64px;
        right: -12px;
    }
    #positive-change ul li:nth-child(1) a:after,
    #academic-excellence ul li:nth-child(1) a:after {
        top: 44px;
    }
    #engaged-community ul li:nth-child(1) a:after {
        top: 66px;
    }
    #become-famliy {
        height: 153px;
        background-image: url(/Content/images/babyAndChild320.png);
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 10px;
    }
    #become-famliy h2 {
        font-size: 14px;
        margin: 0 0 15px 0;
    }
    #become-famliy ul {
        text-align: center;
        width: auto;
    }
    #become-famliy ul li {
        margin-bottom: 15px;
        position: relative;
    }
    #become-famliy ul li a {
        font-size: 12px;
    }
    #become-famliy ul li a:after {
        height: 10px;
        width: 10px;
        background-image: url(/Content/images/icons/rightArrowIconBlack2.png);
        top: 6px;
        right: -15px;
    }
    #become-famliy ul li a:hover:after {
        background-image: url(/Content/images/icons/rightArrowIcon.png);
    }
    #one-on-one {
        padding: 0 15px;
    }
    #one-on-one div {
        display: block;
        width: 100%;
        padding: 30px 0 30px 0 !important;
        ;
    }
    #one-on-one div:nth-child(2) {
        padding-top: 0 !important;
    }
    #one-on-one img {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        float: left;
    }
    #one-on-one ul {
        letter-spacing: 1px;
    }
    #one-on-one ul li {
        min-height: 60px;
    }
    #flyingMoney img {
        margin-right: 5px;
    }
    #creditRepair img {
        margin-top: -15px;
        margin-right: 14px;
    }
    #piggyBank img {
        margin-top: -20px;
        margin-right: 11px;
    }
    #insulation img {
        margin-right: 11px;
    }
    #lightBulb img {
        margin-top: -9px;
        margin-left: 15px;
        margin-right: 19px;
    }
    #tools img {
        margin-top: -10px;
        margin-right: 5px;
    }
    .view-more a {
        letter-spacing: 1px;
    }
    .view-more a:after {
        top: 4px;
    }
    #footer-logo {
        max-width: 300px;
    }
}
@media (min-width: 640px) and (max-width: 1000px) {
    h2 {
        font-size: 30px;
    }
    .topBar {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .topBar span:after {
        height: 12px;
        width: 12px;
        right: -20px;
        top: 2px;
    }
    .topBarOffset {
        height: 30px;
    }
    #videoTop {
        display: none;
    }
    #Home .header {
        height: 275px;
        background: url(/Content/images/homeHeader640.jpg) top center no-repeat !important;
        overflow: visible;
    }
    #header-inner {
        padding: 25px 15px 0 20px;
    }
    #header-logo {
        width: 275px;
        height: 32px;
        background-size: contain;
        margin-left: -5px;
    }
    .header h2 {
        font-size: 55px;
        margin: 85px 0 0 0;
        text-align: center;
    }
    .header h3 {
        font-size: 30px;
        letter-spacing: 3.5px;
        margin: 0 0 15px 0;
        text-align: center;
    }
    .donate-button {
        height: 38px;
        line-height: 35px;
        padding-left: 10px;
        letter-spacing: 1px;
        margin: 0;
        left: 50%;
        margin-left: -112px;
    }
    .donate-button span:before {
        height: 100%;
        width: 35px;
        top: 0;
        left: 10px;
        background-position: center;
    }
    .donate-button span:after {
        height: 14px;
        width: 14px;
        top: 12px;
        right: 11px;
    }
    #header-right {
        width: auto;
        margin: -28px 0 0 0;
    }
    #header-right .adr {
        margin: 5px 0 5px 5px;
        font-size: 12px;
        letter-spacing: 2px;
        width: 105px;
    }
    #header-right .adr .tel {
        font-size: 11px;
        letter-spacing: 3px;
    }
    .social-links {
        margin: 0 10px;
    }
    .social-links li {
        margin: 2px;
    }
    .social-links li a {
        height: 18px;
        width: 18px;
    }
    .program-block span {
        font-size: 14px;
        line-height: 1em;
        white-space: normal;
    }
    .program-block#affordable span {
        padding: 0 10px;
    }
    #main {
        letter-spacing: 0.5px;
    }
    #positive-change,
    #academic-excellence,
    #engaged-community {
        padding: 15px;
        background: transparent;
    }
    #academic-excellence:after {
        height: 374px;
        width: 379px;
        top: 296px;
        right: -85px;
    }
    #positive-change:after,
    #engaged-community:after {
        height: 374px;
        width: 379px;
        top: 296px;
        left: -85px;
    }
    #positive-change h2,
    #academic-excellence h2,
    #engaged-community h2 {
        margin-bottom: 10px;
        font-size:44px;
    }
    #positive-change p,
    #academic-excellence p,
    #engaged-community p {
        margin-bottom: 15px;
        line-height: 21px;
    }
    #positive-change ul,
    #academic-excellence ul,
    #engaged-community ul {
        margin: 35px 0 0 -10px;
    }
    #positive-change ul li:nth-child(1) a img {
        width: 47px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(1) a img {
        width: 52px;
        height: auto;
    }
    #engaged-community ul li:nth-child(1) a img {
        width: 29px;
        height: auto;
    }
    #positive-change ul li:nth-child(2) a img {
        width: 51px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(2) a img {
        width: 51px;
        height: auto;
    }
    #engaged-community ul li:nth-child(2) a img {
        width: 45px;
        height: auto;
    }
    #positive-change ul li:nth-child(3) a img {
        width: 76px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(3) a img {
        width: 64px;
        height: auto;
    }
    #engaged-community ul li:nth-child(3) a img {
        width: 46px;
        height: auto;
    }
    #engaged-community ul li:nth-child(4) a img {
        width: 70px;
        height: auto;
    }
    #positive-change ul li a,
    #academic-excellence ul li a,
    #engaged-community ul li a {
        margin-top: 5px;
        font-size: 12px;
    }
    #positive-change ul li a:after {
        height: 9px;
        width: 9px;
        top: 62px;
        right: -12px;
    }
    #academic-excellence ul li a:after {
        height: 9px;
        width: 9px;
        top: 71px;
        right: -12px;
    }
    #engaged-community ul li a:after {
        height: 9px;
        width: 9px;
        top: 69px;
        right: -12px;
    }
    #positive-change ul li:nth-child(1) a:after,
    #academic-excellence ul li:nth-child(1) a:after,
    #engaged-community ul li:nth-child(1) a:after {
        top: 67px;
    }
    #engaged-community ul li:nth-child(1) a:after {
        top: 73px;
    }
    #become-famliy {
        height: 153px;
        background-image: url(/Content/images/babyAndChild640.png);
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 10px;
    }
    #become-famliy h2 {
        font-size: 16px;
        margin: 0 0 10px 0;
    }
    #become-famliy ul {
        text-align: center;
        width: auto;
    }
    #become-famliy ul li {
        margin-bottom: 15px;
        position: relative;
    }
    #become-famliy ul li a {
        font-size: 13px;
    }
    #become-famliy ul li a:after {
        content: '';
        height: 10px;
        width: 10px;
        background-image: url(/Content/images/icons/rightArrowIconBlack2.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 7px;
        right: -25px;
        display: block;
        transition: all 0.2s ease-in-out;
    }
    #become-famliy ul li a:hover:after {
        background-image: url(/Content/images/icons/rightArrowIcon.png);
    }
    #one-on-one {
        padding: 0 15px;
    }
    #one-on-one div {
        display: block;
        width: 100%;
        padding: 30px 0 30px 0 !important;
    }
    #one-on-one div:nth-child(2) {
        padding-top: 0 !important;
    }
    .view-more a:after {
        top: 4px;
    }
    #footer {
        text-align: left;
        font-size: 11px;
        padding-bottom: 10px;
    }
    #footer-logo {
        width: 325px;
        margin: 45px 45px 35px;
    }
    #footer .vcard {
        margin-left: 50px;
    }
    #foot-nav {
        width: 550px;
        margin: 90px auto 0;
        text-align: center;
    }
    #foot-nav li {
        display: inline-block;
        margin: 0 8px;
    }
    #footer #other-logos {
        margin-top: 15px;
        width: 420px;
    }
    #footer #other-logos li {
        width: 90px;
        margin: 0 10px;
    }
    #footer #other-logos li img {
        max-width: 90px;
    }
    #footer #other-logos li:nth-child(3),
    #footer #other-logos li:nth-child(4),
    #footer #other-logos li:nth-child(3) img,
    #footer #other-logos li:nth-child(4) img {
        width: 75px;
    }
    .StreamEntryBodyClass:not(#Home) #main h1 em {
        line-height: 1;
        margin: 0;
    }
    .StreamEntryBodyClass:not(#Home) #main h1 {
        line-height: 1;
    }
}
@media (min-width: 1000px) {
    .navigation #menucontainer {
        display: block !important;
    }
}
@media (min-width: 1001px) and (max-width: 1199px) {
    h2 {
        font-size: 19px;
    }
    #miniHeader #miniHeaderLogo {
        margin: 22px 0 0 20px;
        width: 210px;
    }
    #miniHeader #menucontainer {
        margin: 18px 0 0 40px;
        width: auto;
    }
    #miniHeader #menucontainer ul li {
        padding: 0 4px;
    }
    #miniHeader a {
        font-size: 11px;
        letter-spacing: 1px;
    }
    #miniHeader .social-links {
        margin: 20px 10px 0 0;
    }
    .social-links {
        margin-bottom: 0;
    }
    .social-links li {
        margin: 0 4px;
    }
    .social-links li a {
        height: 26px;
        width: 26px;
    }
    #Home .header {
        height: 407px;
        background: url(/Content/images/homeHeader1000.jpg) top center no-repeat;
    }
    .navigation ul li {
        padding: 0 5px;
        font-size: 11px;
        letter-spacing: 2px;
    }
    #header-logo {
        width: 350px;
        height: 40px;
        background-size: contain;
        margin: 0;
    }
    .header h2 {
        font-size: 60px;
        letter-spacing: 2px;
        margin: 50px 0 0 0;
        text-align: center;
    }
    .header h3 {
        font-size: 30px;
        letter-spacing: 5px;
        margin: 0 0 15px 0;
        text-align: center;
    }
    .header h3 {
        font-size: 40px;
        letter-spacing: 6px;
        text-align: center;
    }
    #Home .header h2{
        font-size:75px;
        margin-bottom:0.1em;
    }
    .donate-button {
        height: 38px;
        line-height: 35px;
        padding-left: 10px;
        letter-spacing: 1px;
        margin: 0;
        left: 50%;
        margin-left: -112px;
    }
    .donate-button span:before {
        height: 100%;
        width: 35px;
        top: 0;
        left: 10px;
        background-position: center;
    }
    .donate-button span:after {
        height: 14px;
        width: 14px;
        top: 12px;
        right: 11px;
    }
    #header-right {
        margin: -48px 0 0 0;
    }
    #header-right .adr {
        width: 200px;
        font-size: 12px;
        letter-spacing: 3px;
        margin: -1px 0 0 173px;
    }
    #header-right .adr .tel {
        font-size: 15px;
        letter-spacing: 4px;
    }
    #menucontainer {
        width: 500px;
        text-align: right;
    }
    #main {
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1.5em;
    }
	#positive-change {
		padding: 15px 20px 20px 20px;
		background: #FFF;
	}
    #academic-excellence {
        padding: 15px 20px 20px 20px;
        background: #FFF;
    }
    #engaged-community {
        padding: 15px 20px 20px 20px;
        background: #FFF;
    }
    #miniHeader #miniHeaderLogo {
        margin: 14px 0 0 16px;
    }
    #positive-change:before {
        content: '';
        display: inline-block;
        width: 45%;
        padding-top: 25%;
        height: 0;
        background: url(/Content/images/smilingBoys1000.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top right;
        float: right;
        margin: -30px -40px 20px -10%;
    }
    #academic-excellence:before {
        content: '';
        display: inline-block;
        width: 45%;
        padding-top: 25%;
        height: 0;
        background: url(/Content/images/childrenColoring1000.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top left;
        float: left;
        margin: -30px -10% 20px -40px;
    }
    #engaged-community:before {
        content: '';
        display: inline-block;
        width: 45%;
        padding-top: 25%;
        height: 0;
        background: url(/Content/images/childrenReading1000.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top right;
        float: right;
        margin: -30px -40px 20px -10%;
    }
    #academic-excellence:after {
        height: 374px;
        width: 379px;
        top: 175px;
        right: -104px;
    }
    #positive-change:after,
    #engaged-community:after {
        height: 374px;
        width: 379px;
        top: 175px;
        left: -104px;
    }
    #positive-change h2,
    #academic-excellence h2,
    #engaged-community h2 {
        margin-bottom: 15px;
    }
    #positive-change p,
    #academic-excellence p,
    #engaged-community p {
        margin-bottom: 15px;
    }
    #positive-change ul,
    #academic-excellence ul,
    #engaged-community ul {
        margin: -5px 0 0 -10px;
    }
    #positive-change ul li a img,
    #academic-excellence ul li a img,
    #engaged-community ul li a img {
        margin-bottom: 0;
    }
    #positive-change ul li:nth-child(1) a img {
        width: 43px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(1) a img {
        width: 49px;
        height: auto;
    }
    #engaged-community ul li:nth-child(1) a img {
        width: 24px;
        height: auto;
    }
    #positive-change ul li:nth-child(2) a img {
        width: 51px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(2) a img {
        width: 44px;
        height: auto;
    }
    #engaged-community ul li:nth-child(2) a img {
        width: 39px;
        height: auto;
    }
    #positive-change ul li:nth-child(3) a img {
        width: 76px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(3) a img {
        width: 54px;
        height: auto;
    }
    #engaged-community ul li:nth-child(3) a img {
        width: 40px;
        height: auto;
    }
    #engaged-community ul li:nth-child(4) a img {
        width: 64px;
        height: auto;
    }
    #positive-change ul li a,
    #academic-excellence ul li a,
    #engaged-community ul li a {
        font-size: 12px;
    }
    #positive-change ul li a:after,
    #academic-excellence ul li a:after,
    #engaged-community ul li a:after {
        height: 9px;
        width: 9px;
        top: 47px;
        right: -15px;
    }
    #positive-change ul li:nth-child(1) a:after,
    #academic-excellence ul li:nth-child(1) a:after,
    #engaged-community ul li:nth-child(1) a:after {
        top: 48px;
    }
    #become-famliy {
        height: 222px;
        background-image: url(/Content/images/babyAndChild1000.png);
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 10px;
    }
    #become-famliy h2 {
        margin: 5px 0 10px 0;
    }
    #become-famliy ul {
        width: 420px;
    }
    #become-famliy ul li {
        margin-bottom: 5px;
    }
    #become-famliy ul li p {
        margin-bottom: 5px;
    }
    #become-famliy ul li a {
        font-size: 13px;
    }
    #become-famliy ul li p a {
        font-size: 12px;
        line-height: 1.6em;
    }
    #become-famliy ul li p a:after {
        height: 12px;
        width: 12px;
        top: 4px;
        right: -5px;
    }
    #one-on-one {
        padding: 0 30px;
    }
    #one-on-one div:nth-child(1) {
        padding: 25px 35px 50px 0;
    }
    #one-on-one div:nth-child(2) {
        padding: 25px 0 50px 45px;
    }
    #one-on-one img {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
    #one-on-one ul {
        letter-spacing: 1px;
    }
    #flyingMoney img {
        margin-right: 5px;
    }
    #creditRepair img {
        margin-right: 14px;
    }
    #piggyBank img {
        margin-top: -10px;
        margin-right: 11px;
    }
    #insulation img {
        margin-right: 11px;
    }
    #lightBulb img {
        margin-top: -9px;
        margin-left: 15px;
        margin-right: 19px;
    }
    #tools img {
        margin-top: -10px;
        margin-right: 5px;
    }
    .view-more a:after {
        top: 3px;
        right: -15px;
    }
    #footer {
        text-align: left;
        font-size: 12px;
        line-height: 2em;
    }
    #footer .wrapper {
        padding: 0 20px 30px 25px;
    }
    #footer-logo {
        width: 380px;
        margin: 50px auto 45px;
    }
    #foot-nav {
        text-align: right;
        width: 550px;
        margin: -57px 0 0 395px;
        position: absolute;
        bottom: 20px;
        right: 20px;
    }
    #foot-nav li {
        display: inline-block;
        margin: 0 6px;
    }
    #footer #other-logos {
        position: absolute;
        top: 0;
        right: 30px;
    }
    #footer #other-logos li {
        width: 90px;
        margin: 0 5px;
    }
    #footer #other-logos li img {
        max-width: 90px;
    }
    #footer #other-logos li:nth-child(3),
    #footer #other-logos li:nth-child(4) {
        width: 80px;
        max-width: none;
    }
    #footer #other-logos li:nth-child(3) img,
    #footer #other-logos li:nth-child(4) img {
        width: 80px;
        max-width: none;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    h2 {
        font-size: 20px;
    }
    #miniHeader #miniHeaderLogo {
        margin: 18px 0 0 20px;
        width: 290px;
    }
    #miniHeader #menucontainer {
        margin: 18px 0 0 35px;
    }
    #miniHeader #menucontainer ul li {
        padding: 0;
    }
    #miniHeader a {
        font-size: 12px;
    }
    #miniHeader .social-links {
        margin: 20px 10px 0 0;
    }
    .social-links {
        margin-bottom: 0;
    }
    .social-links li {
        margin: 0 4px;
    }
    .social-links li a {
        height: 26px;
        width: 26px;
    }
    #header-logo {
        width: 458px;
        margin: 0;
    }
    .header h2 {
        font-size: 64px;
        letter-spacing: 2px;
        text-align: center;
    }
    .header h3 {
        font-size: 40px;
        letter-spacing: 6px;
        text-align: center;
    }
    #Home .header h2{
        font-size:75px;
        margin-bottom:0.1em;
    }

  

    .donate-button {
        height: 38px;
        line-height: 35px;
        padding-left: 10px;
        letter-spacing: 1px;
        margin: 0;
        left: 50%;
        margin-left: -112px;
        position: absolute;
        left: auto;
        right: 1em;
        bottom: auto;
        top: calc(-43% + 108px);
    }
    .donate-button span:before {
        height: 100%;
        width: 35px;
        top: 0;
        left: 10px;
        background-position: center;
    }
    .donate-button span:after {
        height: 14px;
        width: 14px;
        top: 12px;
        right: 11px;
    }
    #header-right {
        margin: -48px 0 0 0;
    }
    #header-right .adr {
        width: 200px;
        font-size: 12px;
        letter-spacing: 3px;
        margin: -2px 0 0 326px;
    }
    #header-right .adr .tel {
        font-size: 15px;
        letter-spacing: 4px;
    }
    #header-right .social-links {
        margin-bottom: 0px;
    }
    #menucontainer {
        width: auto;
        text-align: center;
    }
    .navigation ul li {
        padding: 0 4px;
        font-size: 11px;
        letter-spacing: 2px;
    }
    #main {
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1.5em;
    }
    #positive-change {
        padding: 25px 540px 20px 40px;
        background: url(/Content/images/smilingBoys1200.png) #FFF;
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 50%;
    }
	#academic-excellence {
		padding: 25px 40px 20px 540px;
		background: url(/Content/images/childrenColoring1200.jpg) #FFF;
		background-repeat: no-repeat;
		background-position: top left;
		background-size: 50%;
	}
	#engaged-community {
		padding: 25px 540px 20px 40px;
		background: url(/Content/images/childrenReading1200.jpg) #FFF;
		background-repeat: no-repeat;
		background-position: top right;
		background-size: 50%;
	}
    #academic-excellence:after {
        height: 374px;
        width: 379px;
        top: 163px;
        right: -99px;
    }
    #positive-change:after,
    #engaged-community:after {
        height: 374px;
        width: 379px;
        top: 163px;
        left: -99px;
    }
    #positive-change h2,
    #academic-excellence h2,
    #engaged-community h2 {
        margin-bottom: 15px;
    }
    #positive-change u li a img,
    #academic-excellence u li a img,
    #engaged-community u li a img {
        margin-bottom: 5px;
    }
    #positive-change ul li:nth-child(1) a img {
        width: 40px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(1) a img {
        width: 47px;
        height: auto;
    }
    #engaged-community ul li:nth-child(1) a img {
        width: 23px;
        height: auto;
    }
    #positive-change ul li:nth-child(2) a img {
        width: 38px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(2) a img {
        width: 41px;
        height: auto;
    }
    #engaged-community ul li:nth-child(2) a img {
        width: 38px;
        height: auto;
    }
    #positive-change ul li:nth-child(3) a img {
        width: 54px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(3) a img {
        width: 50px;
        height: auto;
    }
    #engaged-community ul li:nth-child(3) a img {
        width: 38px;
        height: auto;
    }
    #engaged-community ul li:nth-child(4) a img {
        width: 59px;
        height: auto;
    }
    #positive-change ul li a,
    #academic-excellence ul li a,
    #engaged-community ul li a {
        font-size: 9px;
    }
    #positive-change ul li a:after,
    #academic-excellence ul li a:after,
    #engaged-community ul li a:after {
        height: 10px;
        width: 10px;
        top: 47px;
        right: -15px;
    }
    #positive-change ul li:nth-child(1) a:after,
    #academic-excellence ul li:nth-child(1) a:after,
    #engaged-community ul li:nth-child(1) a:after {
        top: 56px;
    }
    #become-famliy {
        height: 282px;
        background-image: url(/Content/images/babyAndChild1200.png);
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 15px;
    }
    #become-famliy ul {
        width: 420px;
        padding-left: 20px;
    }
    #become-famliy ul li {
        margin-bottom: 15px;
    }
    #become-famliy ul li p {
        margin-bottom: 10px;
    }
    #become-famliy ul li a {
        font-size: 16px;
    }
    #become-famliy ul li p a {
        font-size: 14px;
        line-height: 16px;
    }
    #become-famliy ul li p a:after {
        height: 12px;
        width: 12px;
        top: 4px;
        right: -20px;
    }
    #one-on-one {
        padding: 0 60px;
    }
    #one-on-one div:nth-child(1) {
        padding: 25px 45px 50px 0;
    }
    #one-on-one div:nth-child(2) {
        padding: 25px 0 50px 45px;
    }
    .view-more a:after {
        top: 3px;
        right: -15px;
    }
    #footer {
        text-align: left;
        font-size: 12px;
        line-height: 2em;
    }
    #footer .wrapper {
        padding: 0 20px 30px 25px;
    }
    #footer-logo {
        width: 380px;
        margin: 50px auto 45px;
    }
    #footer .vcard {
        margin-left: 60px;
    }
    #foot-nav {
        text-align: right;
        width: 550px;
        margin: -57px 0 0 595px;
        position: absolute;
        right: 30px;
        bottom: 30px;
    }
    #foot-nav li {
        display: inline-block;
        margin: 0 6px;
    }
    #footer #other-logos {
        position: absolute;
        top: 0;
        right: 30px;
    }
    #footer #other-logos li {
        width: 90px;
        margin: 0 5px;
    }
    #footer #other-logos li img {
        max-width: 90px;
    }
    #footer #other-logos li:nth-child(3),
    #footer #other-logos li:nth-child(4) {
        width: 80px;
        max-width: none;
    }
    #footer #other-logos li:nth-child(3) img,
    #footer #other-logos li:nth-child(4) img {
        width: 80px;
        max-width: none;
    }
}
@media (min-width: 1400px) and (max-width: 1999px) {
    #main h2 {
        padding: 0;
        line-height: 1em;
    }
    #main h2 span {
        font-weight: 200;
        font-size: 0.75em;
    }
    #miniHeader #miniHeaderLogo {
        width: 325px;
        margin: 12px 0 0 20px;
    }
    #miniHeader #menucontainer {
        margin: 18px 0 0 20px;
    }
    #miniHeader #menucontainer ul li a {
        padding: 0 8px;
    }
    #miniHeader .social-links {
        margin: 17px 20px 0 0;
    }
    .social-links li {
        margin: 0 5px;
    }
    #videoTop {
        left: 19vw;
        right: 0;
        width: auto;
    }
    #header-inner {
        left: 19vw;
        right: 0;
        width: auto;
        position: absolute;
        top: calc(17vw - 65px);
    }
    #Home .header {
        width: 100%;
        height: calc(39.5vw - 10px);
        background: url(/Content/images/homeHeader1400.jpg) top center no-repeat;
        left: 0;
        margin-top: 70px;
        text-align: center;
        right: 0;
    }
    #header-logo {
        margin-top: 10px;
    }
    #header-right {
        margin: -55px 0 0 0;
    }
    #header-right .adr {
        margin: 1px 0 0 449px;
    }
    .header h2 {
        font-size: 90px;
        letter-spacing: 2px;
        margin: 0 0 28px 0;
    }
    .header h3 {
        font-size: 53px;
        letter-spacing: 6px;
        margin: -23px 0 20px 0;
    }


    .donate-button {
        top: calc(-40% + 50px);
    }


    #Home .caresActBtn {
        top: calc(-40% + 90px);
    }

    .caresActBtn {
        height: 38px;
        line-height: 35px;
        letter-spacing: 1px;
        margin: 0;
        left: 50%;
        margin-left: -118px;
        position: absolute;
        left: auto;
        right: 1em;
        bottom: auto;
        top: calc(-40% + 120px);
        z-index: 999;
    }

    .donate-button {
        height: 38px;
        line-height: 35px;
        padding-left: 22px;
        letter-spacing: 1px;
        margin: 0;
        left: 50%;
        margin-left: -118px;
        position:absolute;
        left:auto;
        right:1em;
        bottom:auto;
        top:calc(-40% + 80px);
        z-index:999;
    }
    .donate-button span:before {
        height: 100%;
        width: 35px;
        top: 0;
        left: 10px;
        background-position: center;
    }
    .donate-button span:after {
        height: 14px;
        width: 14px;
        top: 12px;
        right: 11px;
    }
    .social-links li {
        margin: 5px 0px;
    }
    .navigation ul li {
        padding: 0 8px;
        font-size: 12px;
        letter-spacing: 2px;
    }
    #main {
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 1.6em;
    }
    #positive-change {
        padding: 30px 42% 30px 40px;
    }
    #academic-excellence {
        padding: 30px 30px 40px 44%;
    }
    #engaged-community {
        padding: 30px 42% 30px 40px;
    }
    #positive-change {
        padding: 30px 42% 30px 40px;
        background-repeat: no-repeat;
        background-position: top right;
    }
    #positive-change:after,
    #academic-excellence:after,
    #engaged-community:after {
        height: 413px;
        width: 418px;
        bottom: -100px;
        left: -110px;
    }
    #academic-excellence:after {
        left: auto;
        right: -110px;
    }
    #positive-change h2 {
        margin-bottom: 15px;
    }
    #positive-change p {
        margin-bottom: 15px;
    }
    #positive-change u li a img {
        margin-bottom: 10px;
    }
    #positive-change ul li:nth-child(1) a img {
        width: 47px;
        height: auto;
    }
    #positive-change ul li:nth-child(2) a img {
        width: 59px;
        height: auto;
    }
    #positive-change ul li:nth-child(3) a img {
        width: 87px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(1) a img {
        width: 60px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(2) a img {
        width: 54px;
        height: auto;
    }
    #academic-excellence ul li:nth-child(3) a img {
        width: 68px;
        height: auto;
    }
    #engaged-community ul li:nth-child(1) a img {
        width: 30px;
        height: auto;
    }
    #engaged-community ul li:nth-child(2) a img {
        width: 49px;
        height: auto;
    }
    #engaged-community ul li:nth-child(3) a img {
        width: 51px;
        height: auto;
    }
    #engaged-community ul li:nth-child(4) a img {
        width: 80px;
        height: auto;
    }
    #positive-change ul li a,
    #academic-excellence ul li a,
    #engaged-community ul li a {
        font-size: 12px;
    }
    #positive-change ul li a:after {
        height: 10px;
        width: 10px;
        top: 68px;
        right: -15px;
    }
    #academic-excellence ul li a:after,
    #engaged-community ul li a:after {
        height: 10px;
        width: 10px;
        top: 74px;
        right: -15px;
    }
    #positive-change ul li:nth-child(1) a:after {
        top: 67px;
    }
    #become-famliy {
        height: 282px;
        background-image: url(/Content/images/babyAndChild1400.png);
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 15px;
    }
    #become-famliy ul {
        width: 430px;
    }
    #become-famliy ul li {
        margin-bottom: 15px;
    }
    #become-famliy ul li p {
        margin-bottom: 10px;
    }
    #become-famliy ul li a {
        font-size: 16px;
    }
    #become-famliy ul li p a {
        font-size: 12px;
        line-height: 16px;
    }
    #become-famliy ul li p a:after {
        height: 12px;
        width: 12px;
        top: 4px;
        right: 0;
    }
    #one-on-one {
        padding: 0 60px;
    }
    #one-on-one div:nth-child(1) {
        padding: 35px 80px 50px 0;
    }
    #one-on-one div:nth-child(2) {
        padding: 35px 0 50px 80px;
    }
    .view-more a:after {
        top: 5px;
        right: -20px;
    }
    #footer {
        text-align: left;
        font-size: 12px;
		clear: both;
        line-height: 2em;
    }
    #footer .wrapper {
        padding: 0 20px 60px 40px;
    }
    #footer-logo {
        width: 380px;
        margin: 50px auto 45px;
    }
    #foot-nav {
        text-align: right;
        margin: -57px 0 0 700px;
    }
    #foot-nav li {
        display: inline-block;
        margin: 0 6px;
    }
    #footer #other-logos {
        position: absolute;
        top: 0;
        right: 30px;
    }
    #footer #other-logos li {
        width: 90px;
        margin: 0 10px;
    }
    #footer #other-logos li img {
        max-width: 90px;
    }
    #footer #other-logos li:nth-child(3) {
        width: 90px;
        max-width: none;
    }
    #footer #other-logos li:nth-child(3) img {
        width: 90px;
        max-width: none;
    }
    #footer #other-logos li:nth-child(4) {
        width: 70px;
        max-width: none;
    }
    #footer #other-logos li:nth-child(4) img {
        width: 70px;
        max-width: none;
    }
}
@media (min-width: 1530px) and (max-width: 1620px){
    #miniHeader #menucontainer ul li a{padding:0 6px;font-size:12px;}
}
@media (min-width: 1515px) and (max-width:1522px){
    #miniHeader .contact-links{margin:1px 270px 716px 0;}
}
@media (min-width: 2000px) {
    #footer {
        text-align: left;
        font-size: 15px;
        line-height: 1.75em;
    }
    #footer .wrapper {
        padding: 0 100px 50px 150px;
    }
    #footer-logo {
        width: 458px;
        margin: 25px 0 30px -10px;
    }
    #footer .vcard {
        margin-left: 63px;
        letter-spacing: 3px;
    }
    #footer .vcard .tel {
        font-size: 16px;
    }
    #foot-nav {
        text-align: right;
        width: 1180px;
        margin: -27px 0 0 575px;
        font-size: 14px;
    }
    #foot-nav li {
        display: inline-block;
        margin: 0 10px;
    }
    #footer #other-logos {
        position: absolute;
        top: 0;
        right: 95px;
    }
    #footer #other-logos li {
        width: 125px;
        margin: 0 10px;
    }
    #footer #other-logos li img {
        max-width: 115px;
    }
    #footer #other-logos li:nth-child(3),
    #footer #other-logos li:nth-child(4) {
        width: 95px;
        max-width: none;
        margin: 0 8px;
    }
    #footer #other-logos li:nth-child(3) img,
    #footer #other-logos li:nth-child(4) img {
        width: 90px;
        max-width: none;
    }
}
/* RESPONSIVE LAYOUTS
************************************************************************/

#headerLinkDrop {
    position: absolute;
    left: -100vw;
}
#headerLinkDrop+label {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #ffa200;
}
#headerLinkDrop+label:after {
    content: '';
    display: block;
    position: absolute;
    background: transparent;
    border-top: 5px solid #424242;
    border-bottom: 5px solid #424242;
    height: 23px;
    width: auto;
    top: 15px;
    left: 10px;
    right: 10px;
    transition: height 200ms 100ms ease-out, top 200ms 100ms ease-out, border-top 200ms 100ms ease-out, border-bottom 200ms 100ms ease-out, transform 100ms ease-in;
}
#headerLinkDrop+label:before {
    content: '';
    display: block;
    position: absolute;
    background: #424242;
    height: 5px;
    width: auto;
    top: 24px;
    left: 10px;
    right: 10px;
    transition: transform 100ms ease-in;
}
#headerLinkDrop:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    background: transparent;
    border-top: 2px solid #424242;
    border-bottom: 3px solid #424242;
    height: 0;
    width: auto;
    top: 24px;
    left: 10px;
    right: 10px;
    transform: rotate(-45deg);
    transition: height 100ms ease-in, top 100ms ease-in, border-top 100ms ease-in, border-bottom 100ms ease-in, transform 200ms 100ms ease-out;
}
#headerLinkDrop:checked+label:before {
    content: '';
    display: block;
    position: absolute;
    background: #424242;
    height: 5px;
    width: auto;
    top: 24px;
    left: 10px;
    right: 10px;
    transform: rotate(45deg);
    transition: transform 200ms 100ms ease-out;
}
@media screen and (max-width: 1530px) {
    #Contact #main.wrapper>div:not(.clear) {
        display: block;
        width: 100%;
        max-width: 600px;
        margin: 10px auto;
    }
    #Contact #main.wrapper .primary-content:not(.clear) {
        padding-bottom: 428px;
    }
    #Contact #main.wrapper .map-holder {
        height: 408px;
        bottom:20px;
    }
    #miniHeader {
        height: 90px;
    }
    #miniHeader #menucontainer ul {
        display: block;
        position: absolute;
        right: 10px;
        bottom: -28px;
    }
    #miniHeader #miniHeaderLogo {
        margin: 20px 0 0 25px;
        width: 380px;
    }
    #Home .header {
        margin-top: 90px;
    }
    #header-inner {
        left: 19vw;
        right: 0;
        width: auto;
        position: absolute;
        top: calc(17vw - 65px);
    }
    #CafeEsperanzaBodyID #main {
        background-position: top 90px left 0;
        padding-top: calc(15.8vw + 135px);
    }
    body:not(#Home):not(#CafeEsperanzaBodyID) #main {
        padding-right: 35vw;
    }
    #positive-change{
        padding:30px 40px;
    }
    #academic-excellence{
        padding:30px 40px;
    }
    #engaged-community{
        padding:30px 40px;
    }
    #positive-change:before{
        content:'';
        float:right;
        width:30%;
        height: 27vw;
    }
    #academic-excellence:before{
        content:'';
        float:left;
        width:30%;
        height: 27vw;
    }
    #engaged-community:before{
        content:'';
        float:right;
        width:30%;
        height: 28vw;
    }
    #positive-change,#engaged-community{background-position:top right;}
    #academic-excellence{background-position:top left;}
    #positive-change, #academic-excellence, #engaged-community{
        background-size:auto 29vw;
    }
}
@media screen and (max-width: 1330px) {
    #Home .header {
        height: 526px;
    }
    .program-block-wrapper {
        width: 246px;
        padding: 7px 14px;
    }
    .program-block {
        margin: 7px 0 2em 0;
    }
    .program-block span {
        font-size: 13px;
    }
    .program-block:hover span {
        bottom: 37px;
    }
    #miniHeader #miniHeaderLogo {
        width: 360px;
    }
}
@media screen and (max-width: 1200px) {
    #main.wrapper {
        padding-right: 30vw;
    }
    body:not([id*="NewsEvents"]) #main::before {
        max-height: none;
        height: auto;
        bottom: 0;
        background-size: cover;
        background-position: top left;
        width: 45vw;
        opacity: 0.25;
    }
    #miniHeader #menucontainer ul{right:-12px;}
    #miniHeader #menucontainer ul li a{padding: 0 6px;}
}
@media screen and (max-width: 1000px) {
    .program-block-wrapper {
        top: auto;
        width: 100%;
        font-size: 0;
        height: 200px;
        bottom: 0;
    }
    .program-block-wrapper .wrapper {
        width: 100%;
        max-width: 100vw;
    }
    .program-block {
        display: inline-block;
        width: calc(25% - 1em);
        margin: 0.5em;
        vertical-align: top;
        font-size: 16px;
        height: calc(100% - 2.5em);
    }
    .program-block span,
    #education.program-block span {
        top: 150px;
    }
    .program-block:hover span,
    #education.program-block:hover span {
        top: auto;
        bottom: 70px;
    }
    #Home .header {
        height: 565px;
    }
    #header-inner {
        background: #FFF;/* url("/Content/images/nonVideoHeader.jpg");*/
        background-size: cover;
        background-position: center right;
        background-repeat: no-repeat;
    }
    #miniHeader {
        top: 30px;
        height: 50px;
    }
    #miniHeader ul {
        width: 0;
    }
    #miniHeader #miniHeaderLogo {
        margin: 6px 0 0 6px;
        width: 340px;
    }
    #miniHeader .contact-links {
        margin: 7px 60px 0 0;
    }
    #headerLinkDrop+label {
        display: block;
    }
    #miniHeader #menucontainer {
        position: fixed;
        background: #FFA200;
        width: 320px;
        height: 0;
        right: 0;
        top: 62px;
        transition: height 100ms;
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: calc(100% - 80px);
    }
    #headerLinkDrop:checked+label+#menucontainer {
        height: auto;
    }
    #miniHeader #menucontainer ul {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: auto;
        overflow: hidden;
        position: relative;
    }
    #miniHeader #menucontainer ul li {
        display: block;
        width: auto;
        color: #fff;
        font-weight: bold;
        text-align: right;
        height: auto;
        line-height: 30px;
    }
    #miniHeader #menucontainer ul li a {
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 16px;
    }
    #miniHeader #menucontainer .mobile-social .social-links {
        width: 50px;
        background: #fff;
    }
    #Home .header {
        margin-top: 50px;
    }
    #header-inner {
        top: 0;
        left: 0;
        right: 0;
        bottom: 200px;
        height: auto;
    }
    #Home .header h2{
        margin-bottom:0;
        font-size:50px;
    }
    #CafeEsperanzaBodyID #main {
        background-position: top 50px left 0;
        padding-top: calc(15.8vw + 95px);
    }
    #miniHeader #menucontainer ul li:hover .subNav {
        display: none;
    }
    #miniHeader #menucontainer .subNav a {
        color: #424242;
        font-size: 12px;
        padding-right: 1.7em;
    }
    #miniHeader #menucontainer .subNav {
        position: relative;
        display: none;
        top: 0;
        width: auto;
        z-index: 500;
    }
    #miniHeader #menucontainer input:checked+label+.subNav {
        display: block;
    }
    #miniHeader #menucontainer ul li:hover input:checked+label+.subNav {
        display: block;
    }
    #miniHeader #menucontainer ul li input {
        display: block;
        position: absolute;
        left: -100vw;
    }
    #miniHeader #menucontainer ul li input+label {
        display:inline-block;
        width:1em;height:1em;
        position:relative;
    }
    #miniHeader #menucontainer ul li input+label:before {
        content:'';
        left:calc(0.5em - 2px);
        width: 4px;
        height: 1em;
        background: #424242;
        position:absolute;
        transition: height 100ms, margin-bottom 100ms;
    }
    #miniHeader #menucontainer ul li input+label:after {
        content:'';
        height: 4px;
        width: 1em;
        background: #424242;
        position:absolute;
        top:calc(0.5em - 2px);
        left:0;
    }
    #miniHeader #menucontainer ul li input:checked+label:before {
        display: inline-block;
        margin-right: 0.45em;
        height: 0;
        background: #424242;
        margin-bottom: 0.75em;
    }
    #miniHeader #menucontainer ul li a.loner {
        padding-right: 2.9em;
    }
    #miniHeader .wrapper>.social-links {
        display: none;
    }
    #miniHeader .social-links a {
        width: 48px;
    }
    #main img {
        max-width: 30vw;
        height: auto;
    }
    .newsItem .blogButton {
        display: block;
        position: relative;
        bottom: 0;
        background: #FF6A29;
        clear: both;
        width: 100%;
        max-width: 200px;
        margin: 1em auto;
        text-align: center;
    }
    .newsItem .blogButton a {
        color: #fff;
        font-size: 1.25em;
    }
    .newsItem .newsDate {
        color: rgba(0, 0, 0, 0.45);
        font-style: italic;
        position: absolute;
        bottom: 0;
        top: auto;
        right: 0;
    }
    .newsItem .previewImage {
        float: left;
        max-width: 100px;
        height: auto;
        margin: 0 5px 5px 0;
    }
    .newsItem .newsLink {
        padding-right: 0;
    }
    .newsItem .newsLink a {
        font-size: 1.5em;
    }
    .newsItem .newsContent {
        margin-right: 0;
    }
    .NewsJobsStreams .news-feed .newsDate {
        bottom: -1em;
        top: auto;
        left: 0;
        right: auto;
        border-bottom: 1px solid;
        width: 100%;
    }
    body:not([id*="NewsEvents"]) #main::before {
        top: 80px;
        transition: top 300ms ease-out;
    }
    .StreamEntryBodyClass:not(#Home) #main {
        padding-top: 80px;
    }
    
    #positive-change:before{
        display:none;
    }
    #academic-excellence:before{
        display:none;
    }
    #engaged-community:before{
        display:none;
    }
    
    #CafeEsperanzaBodyID .sidebar {
        float:none;
    }
    #CafeEsperanzaBodyID .sidebar ul {
        margin:0;text-align:center;
    }
    #CafeEsperanzaBodyID .sidebar ul li{
        display:inline-block;
    }
    body:not(#Home):not(#CafeEsperanzaBodyID) #main{
        padding-right:60px;
    }
}
@media screen and (max-width: 640px) {
    #Home .header {
        height: 1110px;
    }
    #Home h2 {
        font-size: 32px;
    }
    #Home .header h2{
        margin-bottom:0.5em;
    }
    .program-block-wrapper {
        height: 740px;
        top: 50vh;
    }
    .program-block {
        width: 100%;
        display: block;
        height: 150px;
        margin: 0.5rem 0 2rem 0;
    }
    .program-block:hover span {
        bottom: 19vw;
    }
    #miniHeader .headLogoLink {
        width: 50px;
        height: 50px;
        overflow: hidden;
        display: block;
    }
    #miniHeader .contact-links {
        position: absolute;
        top: 0;
        right: 50px;
        margin: 7px 10px 0 0;
    }
    #main img {
        display: block;
        margin: 0 auto !important;
        float: none !important;
        max-width: 100%;
        height: auto;
    }
    #header-inner {
        bottom: auto;
        height: 50vh;
        background-position: top 50% right 20%;
    }
    #main table {
        font-size: 12px;
    }
    #main table td {
        padding: 0.5em;
    }
    #main table tr:not(:first-child) td+td {
        border-top: 1px solid #999;
    }
    .StreamEntryBodyClass #main h1 {
        font-size: 27px;
    }
    body:not(#Home):not(#CafeEsperanzaBodyID) #main {
        padding: 63px 32px 50px 32px;
    }
    h1 {
        font-size: 24px;
    }
    .NewsJobsStreams .search-area {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        width: auto;
        float: none;
        padding: 1em;
        height: 0;
        background: #fff;
        top: 100vh;
        z-index: 900;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
        box-sizing: border-box;
        overflow-x: scroll;
        transition: height 200ms;
    }
    .NewsJobsStreams .search-area form {
        margin-bottom: 2em;
    }
    .NewsJobsStreams .news-feed {
        margin: 0;
        width: 100%;
    }
    .NewsJobsStreams .news-feed .newsItem {
        width: 100%;
        padding: 0;
    }
    .NewsJobsStreams #main h1{
        line-height:1;
    }
    
    .program-block span,
    #education.program-block span {
        margin-top: 158px;
        top:0;
    }
    #pullForSearch+label {
        display: block;
        position: fixed;
        height: 1.75em;
        bottom: 0;
        left: 0;
        right: 0;
        line-height: 1.5em;
        background: white;
        font-size: 18px;
        text-align: center;
        z-index: 1000;
        text-transform: uppercase;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
        background-color: #1FB1D6;
        color: #fff;
        font-weight: bold;
        letter-spacing: 1px;
        transition: bottom 200ms;
    }
    #pullForSearch:checked+label {
        bottom: calc(50vh - 2px);
    }
    #pullForSearch:checked+label+.search-area {
        top: auto;
        height: 50vh;
        bottom: 0;
        margin: 0;
    }
    .NewsJobsStreams .search-field {
        width: calc(100% - 42px);
    }
    .NewsJobsStreams input[type="submit"] {
        height: 20px;
        width: 36px;
        vertical-align: top;
        background-position: center center;
        background-repeat: no-repeat;
    }
    body#CafeEsperanzaBodyID #main {
        background-position: top 50px left 0;
        padding-top: calc(100px + 95px) !important;
        background-size: 640px;
    }
    #Contact #main.wrapper .primary-content p {
        min-width: 300px;
    }
    #ContactForm .checkbox-wrapper {
        height: auto;
        line-height: 2em;
        margin: 1em;
    }
    #ContactForm #SendButton {
        width: 100%;
    }
    #ContactForm input[type="submit"] {
        display: inline-block;
        width: 200px;
    }
    #ContactForm .checkbox-wrapper input + label{
        font-size:1em;
    }
    #AboutDedicatedStaffBodyID #main div{
        display:block;float:none;width:100%;
    }
    #AboutDedicatedStaffBodyID #main h2, #AboutDedicatedStaffBodyID #main h3, #AboutDedicatedStaffBodyID #main img{float:none;margin:0 auto;}
    #AboutDedicatedStaffBodyID #main p{
        width:100%;float:none;
    }
    body[id="AboutOurLeadershipBodyID"] #main.wrapper,
    body[id="AboutDedicatedStaffBodyID"] #main.wrapper,
    body[id="AboutPrivacyPolicyBodyID"] #main.wrapper,
    body[id="WaukeshaCharterSchoolRegisterBodyID"] #main.wrapper,
    body[id="YouthEducationArtBodyID"] #main.wrapper,
    body[id="CommunityProgramsHomeWeatherizationBodyID"] #main.wrapper,
    body[id="CommunityProgramsSeniorHousingBodyID"] #main.wrapper,
    body[id="CommunityProgramsFinancialEducationBodyID"] #main.wrapper,
    body[id="AboutOurLeadershipBodyID"] #main.wrapper,
    body[id="AboutOurLeadershipBodyID"] #main.wrapper,
    body[id="AboutOurLeadershipBodyID"] #main.wrapper,
    body[id="AboutOurLeadershipBodyID"] #main.wrapper,
    body[id^="SpecialEvents"] #main.wrapper,
    body[id^="Articles"] #main.wrapper,
    body[id^="Newsletter"] #main.wrapper,
    body[id^="NewsEvents"] #main.wrapper,
    body[id="CafeEsperanzaBodyID"] #main.wrapper,
    body[id="CommunityProgramsBodyID"] #main.wrapper,
    body[id="CommunityProgramsIncomeTaxAssistanceBodyID"] #main.wrapper,
    body[id="CommunityProgramsAssetStrategiesBodyID"] #main.wrapper {
        padding: 60px 20px 50px 20px !important;
    }
    #CafeEsperanzaBodyID .sidebar li img{
        float:left !important;
    }
    #SupportWishlistBodyID #main > ul > li{
    min-width:100%;
    }
}
@media screen and (max-width: 420px) {
    #miniHeader #menucontainer {
        width: 100%;
    }
    .laCasaBadge {
        display: block;
        width: 200px;
        max-width: 100%;
        min-width: 0;
        margin: 0 auto;
    }
}
#become-famliy {
    display: none !important;
}
#one-on-one {
    display: none !important;
}

noscript {
    position: fixed;
    top: 111px;
    left: 0;
    right: 0;
    z-index: 500;
    background: #ffd40b;
    padding: 10px;
    box-shadow: 0 5px 5px -5px;
    font-size: 22px;
    text-align: center;
    animation: flash 1.5s forwards;
    animation-delay: 1s;
}

.googleCalendarWrapper{
    position:relative;padding-bottom:75%;height:0;overflow:hidden;
}
.googleCalendarWrapper iframe{
    position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;
}
.googleCalendarWrapper .mobileLink{display:none;}
@media screen and (max-width:720px){
  .googleCalendarWrapper iframe{display:none;}
  .googleCalendarWrapper .mobileLink{display:block;}
}

#WaukeshaCharterSchoolContactBodyID #ContactForm, #YouthEducationBodyID #ContactForm{
    background:#fff;padding:0.5em;position:relative;
    z-index:10;border-radius:8px;box-shadow:0 5px 12px -4px rgba(0,0,0,0.5);
}
#YouthEducationBodyID #ContactForm h2, #WaukeshaCharterSchoolContactBodyID #ContactForm h2{
    padding:0 0 0.5em 0;
}
@media screen and (max-width:1450px){
    #YouthEducationBodyID #ContactForm, #WaukeshaCharterSchoolContactBodyID #ContactForm{
        overflow-y:auto;overflow-x:hidden;
    }
    #YouthEducationBodyID #ContactForm input[type="text"], #YouthEducationBodyID #ContactForm textarea, #YouthEducationBodyID #ContactForm select, #YouthEducationBodyID #ContactForm .radioGroup{font-size:13px;}
    #WaukeshaCharterSchoolContactBodyID #ContactForm input[type="text"], #WaukeshaCharterSchoolContactBodyID #ContactForm textarea, #WaukeshaCharterSchoolContactBodyID #ContactForm select, #WaukeshaCharterSchoolContactBodyID #ContactForm .radioGroup{font-size:13px;}
    #YouthEducationBodyID #SendButton, #WaukeshaCharterSchoolContactBodyID #SendButton{display:block;text-align:center;width:100%;}
    #YouthEducationBodyID #ContactForm input[type="submit"], #WaukeshaCharterSchoolContactBodyID #ContactForm input[type="submit"]{display:inline-block;}
    #YouthEducationBodyID #CaptchaWrap, #WaukeshaCharterSchoolContactBodyID #CoCaptchaWrapntactForm{display:block;text-align:center;width:100%;}
    #YouthEducationBodyID #CaptchaWrap>div, #WaukeshaCharterSchoolContactBodyID #CaptchaWrap>div{display:inline-block;}
}
@media screen and (max-width:1000px){
    #YouthEducationBodyID #ContactForm, 
#WaukeshaCharterSchoolContactBodyID #ContactForm{
        position:relative;top:auto;
        right:auto;bottom:auto;
        max-width:720px;
    }
}
@media screen and (max-width:400px){
    #YouthEducationBodyID #ContactForm, #WaukeshaCharterSchoolContactBodyID #ContactForm{
        margin:0 -28px;
    }
    .topBar{font-size: 9px;}
}
.headerAlert {
	display: block;
	text-align: center;
	font-size: 18px;
	background-color: #c10;
	height: 50px;
	line-height: 50px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.05em;
    position:fixed;
    top:0;left:0;width:100%;
    z-index:9000;
}
.headerAlert ~ .page{margin-top:50px;}
.headerAlert ~ .page #miniHeader{margin-top:50px;}
@media(max-width:1270px){
    .headerAlert{font-size:14px;line-height:1;padding:9px;}
}
@media(max-width:530px){
    .headerAlert{font-size:12px;}
}