body { background:#ffffff; font-size: 1em; color:#3c3c3c; font-family: 'Work Sans', sans-serif;; } #fixedHeader { border-bottom: 2px solid #ffce3e; background: #ffffff; }#fixedHeader.mimizedHeader { border-bottom: 2px solid #ffce3e !important; background: #ffffff !important; } #mainDiv { background:#ffffff; }#contentPageBackground { background:#ffffff;  } h1 { color:#743C85; font-family: 'Poppins', sans-serif;; } h2 { color:#0096d7; font-family: 'Poppins', sans-serif;; }.largeContentButton { background:#743C85; color:#ffffff !important; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }.largeContentButton:hover { background:#33b0e6; }a,a:link,a:visited,a:active { color:#0096D7; }a:hover { color:#33b0e6; }#footer a { color:#C7B5CF !important; font-size: 1em !important;  }#footer p { color:#ffffff; }#footer { color:#ffffff; background:#743c85;border-top: 2px solid #c7b5cf;font-size:1em !important; }#primaryNavigation ul li a { color: #743C85;  }#primaryNavigation ul li a:hover, #primaryNavigation ul li a:focus { color: #33b0e6;  }#secondaryNavigation ul li a { color: #ac9ab4;  }#secondaryNavigation ul li a:hover, #secondaryNavigation ul li a:focus { color: #33b0e6;  }#primaryNavigation .emphasizedLink a.menuBuilderLink {color: #ffffff !important; background:#743C85; border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; } #primaryNavigation .emphasizedLink a.menuBuilderLink:hover, #primaryNavigation .emphasizedLink a.menuBuilderLink:focus { background:#33b0e6; }#primaryNavigation ul li { border-right: 1px solid #DEDEDE; }#secondaryNavigation .emphasizedLink a.menuBuilderLink {color: #ffffff !important; background:#743C85; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } #secondaryNavigation .emphasizedLink a.menuBuilderLink:hover, #secondaryNavigation .emphasizedLink a.menuBuilderLink:focus { background:#33b0e6; }.dropDownMenuStyleApplied {background: #ffffff; border-radius: 0px 0px 0px 0px; -moz-border-radius: border-radius: 0px 0px 0px 0px; -webkit-border-radius: border-radius: 0px 0px 0px 0px; } .dropDownMenuStyleApplied a,.dropDownMenuStyleApplied a:link,.dropDownMenuStyleApplied a:visited, .dropDownMenuStyleApplieda:active { color:#0096D7; }.dropDownMenuStyleApplied a:hover { color:#33b0e6; }#fixedHeader .sectionLevel3NestedPages a:not(:first-of-type) { border-top: solid 2px #ffffff; }div.sectionLevel3Links div.sectionLevel3NestedPages a { background: #DEDEDE; }.sectionDropdownSideEffect a { border-bottom: 1px solid #DEDEDE; }.sectionDropdownSideEffect { border-bottom: 2px solid #ffce3e !important; border-right: 1px solid #ffce3e !important; border-left: 1px solid #ffce3e !important;  }#contentBG { border-top: 6px solid #ffce3e; }#contentBGFullContent { border-top: 6px solid #ffce3e; }.TSG-accordion .TSG-accordion-nested-table.ui-accordion-header { border-left: 10px solid #743C85 !important; }.TSG-accordion .TSG-accordion-nested-table.ui-state-active { border 1px solid #743C85; background: #743C85; }.TSG-accordion .TSG-accordion-nested-table.ui-state-active p { color #ffffff !important; }.newsletterDivSubheading { border-top: 10px solid #ffce3e; border-left: 1px solid #ffce3e; border-right: 1px solid #ffce3e; border-bottom: 1px solid #ffce3e; }#newsletterClosePopup { background: #743C85; color: #ffffff; border: 2px solid #ffffff;}#newsletterClosePopup:hover { background: #33b0e6; color: #ffffff;}.orangeButton { background: #743C85; color: #ffffff; border: 1px solid #ffffff; } .orangeButton:hover { background:#33b0e6; } .bannerButton, .homeBannerButton { background:#743C85; color:#ffffff !important; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .imgBannerButton:hover { background:#33b0e6; } .imgBannerButton { background: rgba(116,60,133,0.75); color:#ffffff !important; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .bannerButton:hover, .homeBannerButton:hover { background:#33b0e6; } #homeBannerButtons .homeBannerButton, #homeBannerButtons .homeBannerButton:hover { border: solid rgb(86,30,103); } .homePageContentBlock { background:#ffffff ;border-bottom: 1px solid #ffce3e;  }.cmsImage, .cmsImageLarge { border: 1.9px solid #ffce3e; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .featuredNewsImageHolder { border: 1.9px solid #ffce3e; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .newsArticleImg { border: 1.9px solid #ffce3e; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .featuredEventImageHolder { border: 1.9px solid #ffce3e; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } #newsDiv, #eventsDiv, #mediaDiv { border-top: 2px solid #ffce3e; } .homeArticleImg { border: 2px solid #ffce3e; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .WebFormParts { color:#3c3c3c; } .buttonActionPublic { background:#743C85; color:#ffffff !important; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .buttonActionPublic:hover { background:#33b0e6; } #paginationDiv { border-top: 1px solid #ffce3e; border-bottom: 1px solid #ffce3e; } .currentPaginationSpan a { background:#743C85; color:#ffffff !important;  } .newsEventListingPhotoIcon { border: 1.9px solid #ffce3e; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; overflow: hidden; }  .newsEventListingPhotoIcon:hover { border: 1.9px solid #33b0e6; } .newsEventRowDiv { border-bottom: 1px solid #DEDEDE; };hr { border-top: 1px solid #DEDEDE; }#subnav { border-right: 1px solid #DEDEDE; }#subnavItem,#subnavItemLevelThree,#subnavItemLevelFour { border-bottom: 1px solid #DEDEDE; }.featuredEventContainerCrop img { border: 2px solid #ffce3e; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }  #projects-wrapper.all .project-container img { border-bottom: 5px solid #ffce3e; background: #ffffff; }.project-container { border: 1px solid #DEDEDE; background: #ffffff; }#projects-wrapper.all .project-container:hover { border: 1px solid #ffce3e; }a .project-container { color: #3c3c3c !important;  }a:hover .project-container { color: #3c3c3c !important;  }.project-category-container { border-bottom: 1px solid #DEDEDE; }.project-container-column .project-main-photo img, .project-photo-container img { border: 2px solid #ffce3e; }#gallery li img.galleryPhoto { border: 2px solid #ffce3e; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } #playerWrapper { border: 2px solid #ffce3e; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .latestVideothumb { border: 2px solid #ffce3e; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .searchVideothumb { border: 2px solid #ffce3e; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .videoSearchLarge { border: 2px solid #ffce3e; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .videoSearchFormButton { background:#743C85; color:#ffffff !important; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }.videoSearchFormButton:hover { background:#33b0e6; }ul#videoNavContent li a {color: #ffffff !important; background:#743C85; border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; } ul#videoNavContent li a:hover { background:#33b0e6; }ul#videoNavContent li a.videoColumnButtonLinkHighlight { background:#33b0e6; }.keylistDiv li { border-bottom: 1px solid #DEDEDE;} #promotionAd { border-left: 4px solid #ffce3e;border-top: 4px solid #ffce3e; background: #ffffff; } #promotionAdClose { border: 1px solid #ffce3e; background: #ffffff; } #mobileMenu, #accessibilityMobileMenu { background: #ffffff; }ul.mobileMenuUL li a, #accessibilityMobileMenu ul li a { background:#743C85; color:#ffffff !important; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }.mobileHomepageBanner { border-bottom: 2px solid #ffce3e; }.orangeButton { border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }#directory-tabs .ui-widget-header { border-bottom: 1px solid #743C85; }#directory-tabs .ui-tabs-nav li.ui-state-active { background: #743C85; color:#ffffff !important; }ul.mobileMenuUL li a.childMenuItem { border-bottom: 1px solid #DEDEDE; color:#0096D7 !important;  }.searchDiv form > .button { background:#743C85; color:#ffffff !important;  }#directory-wrapper .slider { background:#ffffff; color:#3c3c3c; }.directory-item { border-bottom: 1px solid #DEDEDE;}#directory-detail img { border: 2px solid #ffce3e; }#directory-tabs .directory-photo { border: 2px solid #ffce3e; }select,input { border: 1px solid #ffce3e; }#signupForm { color: #3c3c3c; }.sliderSubpageSubheadline { background: #ffffff; border-bottom: 1px solid #ffce3e;}#cmsWebViewContentContainer { background:#ffffff; border-top:10px solid #ffce3e; } .sectionDropdownSideEffect { border-radius: 0px 0px 0px 0px; -moz-border-radius: border-radius: 0px 0px 0px 0px; -webkit-border-radius: border-radius: 0px 0px 0px 0px; } #mainDiv .tsgContentSliderColumn div div { box-shadow: 0px 0px 5px #ffce3e !important; border-radius: 0px !important; } .tsgContentSliderArrow i { color: #743C85 !important }.projectImg, .projectImg img, .project-container-column .project-main-photo img, .project-photo-container img { border-radius: 0px !important; } #unsubTable thead tr { background: #ffce3e; } #sliderContainer .sliderImageHolder { height: 500px; } #partnersDiv .slider-controls .control_paginate:hover { background: #33b0e6; } .audioButton { background:#743C85; color:#ffffff !important; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }#audio_details h1 { color:#743C85; font-family: 'Poppins', sans-serif;; }a.audioPlay,a.audioWatch { background:#743C85; -moz-border-radius:0px; -webkit-border-radius:0px; color: #3c3c3c; }a.audioPlay:hover, a.audioWatch:hover {background:#743C85; }.featuredMediaImageHolder {border: 2px solid #ffce3e; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}.audioTab, #audio_photo, #audio_status {background: #c7b5cf; color: #ffffff !important; }.audioVideothumb { border: 2px solid #ffce3e; } #shiftNotificationSubscribe { background: #743C85; } .sectionFullWidthMenu { background: #DEDEDE; } .linkButton { background: #743C85; color: #ffffff; border-radius:10px !important; -moz-border-radius:0px; -webkit-border-radius: 0px; }.pageBlockPhotoShapeRectangle { -moz-border-radius:0px; -webkit-border-radius: 0px; }.pageBlockAccordionHeader.accordionActive { background: #743C85; color: #ffffff; font-weight: bold; border-radius: 0px 0px 0px 0px; } 
        #primaryNavigation a{
    font-family: 'Poppins', sans-serif!important;
    padding: 0px 8px 0px 8px;
    font-size: 1.05em;
    letter-spacing: -0.5px;
    font-weight:500;
}
#primaryNavigation a:not(.sectionFullWidthMenu a) {
    font-size: 1.2em!important;
}
#primaryNavigation a:hover{
     color:#ee3b33!important;
}
#secondaryNavigation a{
    font-family: 'Poppins', sans-serif!important;
    padding: 0px 8px 0px 8px;
    text-decoration: none;
    font-size: 0.9em;
    letter-spacing: -0.5px;
    font-weight:400!important;
}
#secondaryNavigation a:hover{
     color:#743C85!important;
}
#primaryNavigation ul li.emphasizedLink {
    border-right: none;
    margin-left: 15px;
   border-width: 5px 3px 3px 5px;
    border-radius: 95% 4% 97% 5%/4% 94% 3% 95%;
    border-bottom: none!important;
    transform: rotate(2deg);
    margin: 1px;
    float: left;
    border: solid #743C85;
}
#primaryNavigation .emphasizedLink a.menuBuilderLink{
   background: #ee3b33!important;
   font-size: 1.05em!important;
   line-height: 2.1em!important;
}
#primaryNavigation .emphasizedLink a.menuBuilderLink:hover{
   background:#f64f47!important;
}
#secondaryNavigation a i {
    font-size: 1.3em;
    margin: 0px -3px 0px -3px;
    color: #0096D7!important;
}
#secondaryNavigation a i:hover{
    color: #33B0E6!important;
}
.searchDiv form{
    border: 0px solid #C7B5CF!important;
}
.searchDiv form > .button{
    border-radius: 0px 10px 10px 0px!important;
}
table#formBuilderTable td select, input {
    border: 1px solid #ccc!important;
}
#fixedHeader{
     background: url(https://www.npheadstart.org/images/design/nav-bg.png) no-repeat bottom;
    width: 1200px;
    height: 100px;
    float: left;
    border-bottom: none!important;
}
#fixedHeader.mimizedHeader .headerLogo {
    height: 36px;
    top: 50px;
}
#fixedHeader.mimizedHeader{
background: url(https://www.npheadstart.org/images/design/nav-bg.png)!important;
border-bottom: 0px solid #ffffff !important;
height: 100px!important;
}
#fixedHeader .alertShowing{
    background: url(https://www.npheadstart.org/images/design/nav-bg.png) no-repeat bottom;
    width: 1200px;
    height: 100px;
}
#sliderContainer{
border-bottom:3px solid #743C85;
}
#contentBG {
    border-top: 6px solid #ffce2a;
}
.jssorb21 {
    -webkit-filter: brightness(100%) sepia(100%) hue-rotate(
-180deg
) saturate(500%) contrast(0.8);
    filter: brightness(80%) sepia(100%) hue-rotate(
-180deg
) saturate(500%) contrast(0.9);
    right: 7%!important;
}
.captionDiv {
    background: rgb(255 255 255 / 90%);
    border-width: 5px 3px 3px 5px;
    border-radius: 95% 4% 97% 5%/4% 94% 3% 95%;
    transform: rotate(1deg);
    border: solid #ee3b33;
    float: left;
    left: 650px!important;
}
.captionDiv h1{
    color: #743C85;
    font-size: 1.5em;
    line-height: 1.2em!important;
    font-weight: 500!important;
    padding-bottom:5px;
}
.captionDiv h1 b{
    color: #0096D7;
    font-weight: 500!important;
}
.captionDiv p{
    color: #3c3c3c;
    font-size: 0.85em;
    letter-spacing: 0px;
}
.bannerButton{
   font-family: 'Poppins', sans-serif!important;
   font-size: 1em!important;
   border-width: 5px 3px 3px 5px;
   border-radius:95% 4% 97% 5%/4% 94% 3% 95%;
   transform: rotate(2deg);
   background: #0096D7!important;
   border: solid #743C85;
   float:left; 
}
.bannerButton:hover{
   background: #33b0e6!important;
}
.noBanners{
height:220px!important;
}
.homeBlockOne h1{
font-size: 1.6em!important;
color: #0096D7!important;
font-weight: 500!important;
}
.homeBlockOne h3{
font-size: 1.1em!important;
color: #743C85!important;
font-weight: 600!important;
}
.homeBlockOne p{
font-size: 0.9em!important;
}
.homeBlockOne{
background: url(https://www.npheadstart.org/images/design/building-bg.png) no-repeat;
background-size: cover;
}
.tsgContentSlider .tsgContentSliderColumn p{
font-size: 0.72em!important;
}
.tsgContentSlider .tsgContentSliderColumn a.largeContentButton{
font-family: 'Poppins', sans-serif!important;
font-size: 1.1em!important;
font-weight: 500!important;
letter-spacing: 0.5px;
border-width: 5px 3px 3px 5px;
border-radius:95% 4% 97% 5%/4% 94% 3% 95%;
transform: rotate(2deg);
background: #743C85!important;
border: solid #C7B5CF!important;
}
 a.largeContentButton{
font-family: 'Poppins', sans-serif!important;
font-size: 0.9em!important;
font-weight: 500!important;
letter-spacing: 0.5px;
border-width: 5px 3px 3px 5px;
border-radius:95% 4% 97% 5%/4% 94% 3% 95%;
transform: rotate(2deg);
background: #743C85!important;
border: solid #C7B5CF!important;
}
.buttonActionPublic{
font-family: 'Poppins', sans-serif!important;
font-size: 0.9em!important;
font-weight: 500!important;
letter-spacing: 0.5px;
border-width: 5px 3px 3px 5px;
border-radius:95% 4% 97% 5%/4% 94% 3% 95%;
transform: rotate(2deg);
background: #743C85!important;
border: solid #C7B5CF!important;
}
.tsgContentSliderFull{
height:auto!important;
}
.homeBlockOne .tsgContentSlider img{
border-width: 5px 3px 3px 5px;
border-radius:95% 4% 97% 5%/4% 94% 3% 95%;
transform: rotate(2deg);
background: #743C85!important;
border: solid #ffce3e!important;
}
.homeBlockTwo h1{
display:none!important;
}
.homeBlockTwo h2{
font-size: 1.6em!important;
color: #743C85!important;
font-weight: 500!important;
}
.homeBlockTwo{
background: url(https://www.npheadstart.org/images/design/serve-bg.png) no-repeat;
}
.homeBlockTwo{
    width: 92%!important;
    padding: 25px 4%!important;
}
.homeBlockThree h1{
font-size: 1.6em!important;
color: #743C85!important;
font-weight: 500!important;
}
.homeBlockThree{
width: 90%;
padding: 25px 5%;
border-top:3px solid #0096D7;
}
.homeBlockFour{
background: url(https://www.npheadstart.org/images/design/adventure-bg.png) no-repeat;
border-top:3px solid #0096D7;
padding: 6px 10%!important;
}
#newsDiv{
background: url(https://www.npheadstart.org/images/design/news-bg.png) no-repeat;
border-top:3px solid #743C85;
padding: 0px 5% 80px 5%;
}
#newsDiv a{
color: #3c3c3c;
font-weight: 600;
}
.newsEventListingPhotoIcon, .featuredNewsImageHolder{
box-shadow: 0px 0px 10px #3c3c3c;
border: 3px solid #fff!important;
}
.appImg{
border-radius:0px!important;
}
#eventsDiv{
background: url(https://www.npheadstart.org/images/design/events-bg.png) no-repeat;
border-top:3px solid #C7B5CF;
}
#eventsDiv a{
color: #3c3c3c;
font-weight: 600;
}
#footer{
border-top:3px solid #C7B5CF;
}
#footer h2{
color:#fff!important;
font-size: 1.2em;
font-weight: 500!important;
}
#footer p{
font-size: 0.9em;
}
.sectionDropdownSideEffect a {
    font-size: .8em !important;
font-weight: 300;
}

.sectionStylizedMenu {
    min-width: 170px;
    width: 100%;
}
.dropDownMenuStyleApplied {
    box-shadow: none;
background:  rgba(255, 255, 255, 0.9);
}
.scroll{
    height: -webkit-fill-available;
    height: -moz-fill-available;
    height: max-content;
}
.tsgContentSlider .tsgContentSliderColumn p{
padding:0px;
}
/*START MOBILE STYLES*/

@media only screen and (max-width: 600px) {

.captionDiv {
    left: 10px!important;
width: 90% !important;
}

.captionDiv h1{
    font-size: 1.3em;
    line-height: 1.0em!important;
}
.captionDiv p{
    color: #3c3c3c;
    font-size: 0.85em;
    letter-spacing: 0px;
position: relative !important;
bottom: 0px !important;
}

#newsDiv{
    padding: 0px;
  }
#fixedHeader{
background: url(https://www.npheadstart.org/images/design/nav-bg-mobile.png) no-repeat top!important;
height:50px!important;
width:100%!important;
  }
#sliderSubText {
width: 100%;
background: rgb(255 255 255 / 90%);
border-radius: 95% 0% 97% 0%/0% 94% 0% 95%;
border: 5px solid #ee3b33;
  }
#sliderContainer p {
color: #3c3c3c;
  }
#sliderContainer h1, #sliderContainerSubpage h1 {
font-weight: 500;
  }
#sliderContainer h1 b, #sliderContainerSubpage h1 b {
color: #0096D7!important;
font-weight: 500;
  }
.homeBlockOne{
background: url(https://www.npheadstart.org/images/design/building-bg-mobile.png) no-repeat;
background-size: contain;
  }
.tsgContentSliderHolder {
width: 65% !important;
  }
.tsgContentSliderArrow.left{
left: -40% !important;
  }
.tsgContentSliderArrow.right{
right: -40% !important;
  }
.homeBlockTwo{
background: url(https://www.npheadstart.org/images/design/serve-bg-mobile.png) no-repeat;
height: 80vh;
  }
.homeBlockTwo h2 {
font-size: 1.4em!important;
line-height: 1.4em;
  }
.homeBlockTwo p {
font-size: 0.9em!important;
  }
.homeBlockThree h1 {
font-size: 1.4em!important;
line-height: 1.4em;
  }
.homeBlockThree {
width: 55%;
padding: 25px 0px 0px 24%;
border-top: none;
  }
.homeBlockFour h1 {
font-size: 1.4em!important;
line-height: 1.4em;
  }
.homeBlockFour{
background: url(https://www.npheadstart.org/images/design/adventure-bg-mobile.png) no-repeat;
background-size: cover;
  }
#newsDiv{
background: url(https://www.npheadstart.org/images/design/news-bg.png) repeat;
  }
#newsDiv a{
color: #3c3c3c;
font-weight: 600;
  }
.featuredEventImageHolder{
box-shadow: 0px 0px 10px #3c3c3c;
border: 3px solid #fff!important;
  }
#eventsDiv{
background: url(https://www.npheadstart.org/images/design/events-bg.png) repeat;
  }
#signupForm{
background: url(https://www.npheadstart.org/images/design/events-bg.png) repeat;
border-bottom: 3px solid #0096D7;
}
#signupForm h2{
color: #743C85;
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 1.4em!important;
  }
.mobileHomepageBanner {
border-bottom: 2px solid #ffffff;
margin-bottom: -18px!important;
  }
ul.mobileMenuUL li a, #accessibilityMobileMenu ul li a{
font-family: 'Poppins', sans-serif;
  }
ul.mobileMenuUL li a, #accessibilityMobileMenu ul li a {
background: #ee3b33;
font-weight: 500;
  }
ul.mobileMenuUL li a.childMenuItem{
color: #743C85 !important;
font-weight: 500;
  }
  .scroll{
    height: 230px;
  }
#signupForm{
height: 138vh;
  }
.newsletterDivSubheading{
border-bottom: none!important;
  }
.tsgContentSlider .tsgContentSliderColumn p {
font-size: 0.70em!important;
  }
.homeBlockOne h3{
line-height: 0.8em;
  }
#mediaDiv .mediaRight {
margin-bottom: 20%;
width: 90%;
height: auto;
float: left;
margin-left: 5%;
}
.bannerButton{
   float:none; 
}
}