/*
Theme Name: Neighborhood Charter Schools 2023
Theme URI: https://ncschools.org/
Description: Neighborhood Charter Schools strive to set a high bar for both academic achievement and social-emotional growth. At NCS we believe that both are imperative to developing the whole child. Learn more about our Harlem and Bronx campuses to get more of a feel for who we are.
Author: Rodriguez Valle Creative
Author URI: https://rodriguezvalle.com/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet is loaded from functions.php not using @import */

/* Brand Colors
    Dark-Blue: #28245f or 40,36,95
    Light-Blue: #6699ff or 102,153,255
    Lighter-Blue: #c2e6f8 or 194,230,248
    Accent Blue: #3399ff or 51,153,255
    White: #ffffff
*/

html, body {font-family:'Montserrat-Variable', Helvetica, Arial, sans-serif; font-size:1rem;}
#footer-bottom #copyright {text-align:left !important;}
.oceanwp-mobile-menu-icon a {font-size:20px !important;}
.oceanwp-mobile-menu-icon a.mobile-menu .oceanwp-text {display:none;}
.icon-magnifier:before {font-weight:700;}
#footer {border-top:1px solid #f1f1f1;}

h1, h2, h3, h4, h5, h6 {
    font-family:'Montserrat-Variable', Helvetica, Arial, sans-serif; color:#28245f;
}

p {font-family:'Montserrat-Variable', Helvetica, Arial, sans-serif;}

.page-header .page-header-title {font-family:'Montserrat-Variable', Helvetica, Arial, sans-serif;}

.header-24-pt1 {}
.header-24-pt2 ul li a {margin:0; padding:0;}
.header-24-pt2 .harlem-link {padding-left:10px !important; margin-left:10px !important; border-left:1px solid #6699ff !important;}
.header-24-pt2-m .harlem-link {padding-left:0px !important; margin-left:0px !important; border-left:none !important;}
.header-24-pt2 a:focus {outline: none !important; box-shadow: none !important;}

.elementor-button {background-color:#28245f;border:1px solid #28245f; border-radius:0;font-size:1rem;font-weight:700;}
.elementor-button:hover {background:#6699ff; border:1px solid #fff;}

.kobutton .elementor-button {background-color:#6699ff;border:1px solid #6699ff;border-radius:0;font-size:1rem;font-weight:700;}
.kobutton .elementor-button:hover {background:#6699ff; border:1px solid #fff;}

.stay-informed .elementor-button {background-color:#28245f;border-radius:0;font-size:1rem;font-weight:700; border:1px solid #28245f;}
.stay-informed .elementor-button:hover {background:#28245f; border:1px solid #fff;}

.footer-24 {}
.footer-24 .ncs-footer li a {text-transform:none;}
.footer-24 .socket p {font-size:.75rem; margin:0;}

.sbs-hero h1 {color:#28245f; font-size:2.5rem; line-height:3rem; font-weight:700 !important;}

.intro-24 h1 {color:#c2e6f8; font-size:2.5rem; line-height:2.5rem; font-weight:400 !important;}
.intro-24 .elementor-button {background-color:#6699ff;border:1px solid #6699ff; border-radius:0;font-size:.875rem;font-weight:400;}
.intro-24 .elementor-button:hover {border:1px solid #fff;}

.don h2 {font-weight:400 !important; font-size:3rem;}
.don .modules h2 {background:#28245f; color:#fff;}

.don h3 {font-weight:400 !important; font-size:2rem;}
.school-details h4 {font-weight:400 !important; font-size:3rem; line-height:2rem; margin:20px 0;}
.school-details h4 span {font-size:1.25rem;}

.stay-informed p {margin:0;}

.school-results h2 {font-weight:400 !important; font-size:3rem;}
.school-results h3 {font-weight:200 !important; font-size:2rem;}

.sbs h3 {font-weight:500 !important; font-size:1.5rem;}
.sbs p {color:#28245f;}

.don ol li {color:#28245f;font-weight:400;font-size:1em;line-height:1.75em;margin:0;}



/* Key Design Elements */
#keyDesign img[src$=".svg"]:hover {filter: invert(55%) sepia(65%) saturate(2590%) hue-rotate(200deg) brightness(105%) contrast(101%);}





/* Header */
#ncsHeader {}
#ncsHeader .topBar {}
#ncsHeader .branding {}
#ncsHeader .branding .logo {}
#ncsHeader .branding .burger {}
#ncsHeader .branding .burger img[src$=".svg"] {filter: invert(60%) sepia(42%) saturate(2779%) hue-rotate(195deg) brightness(98%) contrast(105%);}
#ncsHeader .branding .burger img[src$=".svg"]:hover {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(278deg) brightness(104%) contrast(101%);}

#ncsHeader .branding .burgerKO img[src$=".svg"] {filter: invert(60%) sepia(42%) saturate(2779%) hue-rotate(195deg) brightness(98%) contrast(105%);}
#ncsHeader .branding .burgerKO img[src$=".svg"]:hover {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(258deg) brightness(106%) contrast(101%);}

#menuHeader .tools img[src$=".svg"] {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(258deg) brightness(106%) contrast(101%);}
#menuHeader .tools img[src$=".svg"]:hover {filter: invert(60%) sepia(42%) saturate(2779%) hue-rotate(195deg) brightness(98%) contrast(105%);}

/*.eael-advanced-menu-container li.current-menu-ancestor > ul li {padding:0 !important;}*/

/* Footer */
#ncsFooter {}
#ncsFooter .branding {}
#ncsFooter .details {}

#ncsFooter .details .bolder {font-weight:800;}
#ncsFooter .details .text a {color:#6699ff;}
#ncsFooter .details .text a:hover {color:#ffffff;}
#ncsFooter .mascots {}


.myTopBar {background:#6699ff;border-bottom:1px solid #fff;}
.myTopBar .mySwiper {
    padding:10px 0;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    font-family:'Montserrat-Variable', Helvetica, Arial, sans-serif;
    color:#ffffff;
    font-size:15px;
    font-weight:400 !important;
    overflow:hidden;
    background:#222;
}







/* team member pages */
#teamGrid {width:100%;max-width:1400px;margin:0 auto 50px auto;border:0px solid #f60;}
.memberUnit {width:20%;float:left;display:inline;min-height:460px;margin:0 0 30px 0;}
.memberUnitimg {max-height:418px;overflow:hidden;}
.memberUnitimg img {width:100%;height:auto;display:block;}
.nameTitle h5, h6 {font-family:'Montserrat-Variable', Helvetica, Arial, sans-serif;color:#28245f;}
.nameTitle h5 {font-size:1.125em;margin:10px 0 0 0;font-weight:800;}
.nameTitle h6 {font-size:.75em;margin:0;font-weight:500;}

/* Pages */
#homeIntro {}
#homeIntro h1 {color:#28245f;font-weight:900;font-size:2em;line-height:1.5em;margin:0;letter-spacing:-.045em;word-spacing:.125em;}
#homeIntro p {color:#28245f;font-weight:300;font-size:2em;line-height:1.5em;margin:-10px 0 0 0;letter-spacing:.05em;padding-right:0;}

#pageIntro {}
#pageIntro h1 {color:#28245f;font-weight:400;font-size:1.5em;line-height:1.5em;margin:0;letter-spacing:0;padding-right:10%;}

.results {}
.results h2 {color:#28245f;font-weight:700;font-size:2.25em;line-height:1.35em;margin:0;padding-right:20%;}

.lightValues p {margin:0;}

.contentBlock p {color:#28245f;font-weight:500;font-size:1.125em;line-height:1.75em;margin:0 0 20px 0;padding-right:20%;}
.contentBlock h2 {color:#28245f;font-weight:800;font-size:2.25em;line-height:1.35em;margin:0;}
.contentBlock h3 {color:#28245f;font-weight:800;font-size:1.25em;line-height:1.35em;margin:10px 0 0 0;}
.contentBlock h4 {color:#28245f;font-weight:800;font-size:1.125em;line-height:1.35em;margin:10px 0;}

.school p {font-size:8em;margin:0;line-height:1;color:#28245f;font-weight:800;}

ul li {color:#28245f;font-weight:600;font-size:1em;line-height:1.75em;margin:0;}
ol li {color:#28245f;font-weight:600;font-size:1em;line-height:1.75em;margin:0;}

.contentBlock ul {margin:0 0 20px 20px;}
strong {font-weight:900;}

/* Brand Colors
    Dark-Blue: #28245f or 40,36,95
    Light-Blue: #6699ff or 102,153,255
    Lighter-Blue: #c2e6f8 or 194,230,248

    Accent Blue: #3399ff or 51,153,255
    White: #ffffff
*/

/* Board of Trustees */
#boardMeetings {font-family:'Montserrat-Variable', Helvetica, Arial, sans-serif; width:100%;padding:50px 0;background:#28245f;}
#archivedMeetings {font-family:'Montserrat-Variable', Helvetica, Arial, sans-serif; width:100%;padding:50px 0;background:#6699ff;}
#charterDocs {font-family:'Montserrat-Variable', Helvetica, Arial, sans-serif; width:100%;padding:50px 0;background:#c2e6f8;}

.boardContent {width:100%;max-width:1400px;margin:0 auto;}
.boardContent p {font-weight:500;}
.boardContent h4 {font-size:2em;margin:0;}
.boardContent ul {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    padding-left:0;
    margin-left:0;
}
.boardContent li {break-inside: avoid-column;}
.boardContent ul li {list-style:none;padding:0;margin:0;}

#charterDocs ul li a {color:#28245f;}
#charterDocs ul li a:hover {color:#6699ff;}

#archivedMeetings ul li a {color:#28245f;}
#archivedMeetings ul li a:hover {color:#ffffff;}

#boardMeetings h5 {margin:0 0 5px 0;font-size:1.5em;font-weight:300;color:#fff;}
#boardMeetings ul li a {color:#ffffff;}
#boardMeetings ul li a:hover {color:#6699ff;}

.negative {color:#fff;}
.positive {color:#28245f;}

.viewallboard {background:#6699ff; font-weight:400 !important; padding:10px 15px;;border:1px solid #6699ff;border-radius:0px;color:#fff;}
.viewallboard:hover {color:#fff;}

.allMeetings { padding:0 0 50px 0;}

.allMeetings ul {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    
    padding-left:0;
    margin-left:0;
}

.allMeetings li {break-inside: avoid-column;}


.allMeetings h5 {font-size:1.5em;font-weight:300;margin:0;}
.allMeetings ul {padding:0; margin:0;}
.allMeetings ul li {list-style:none;padding:0;margin:0 0 30px 0;}


/* At a Glance */
#atAGlance .data p {margin:0;line-height:1;}


/* Buttons */
.ncsButton .elementor-button {background:#6699ff;border-radius:22px;font-size:1.125em;font-weight:800;}
.ncsButton .elementor-button:hover {background:#28245f;}

.ncsButtonKO .elementor-button {border:2px solid #fff;background:#28245f;border-radius:22px;font-size:1.125em;font-weight:800;}
.ncsButtonKO .elementor-button:hover {background:#6699ff;border:2px solid #fff;}

.ncsButton .elementor-button.elementor-size-lg {background:#6699ff;border-radius:30px;font-size:1.5em;font-weight:800;}
.ncsButton .elementor-button.elementor-size-lg:hover {background:#28245f;}



/* Main Menu */

#ncsMenu .mainMenu a {color:#fff;}
#ncsMenu .mainMenu a:hover {color:#6699ff;}

#ncsMenu .mainMenu ul {padding:0;margin:0;}
#ncsMenu .mainMenu ul li {font-size:1.25rem;}

#ncsMenu .mainMenu ul ul {padding:0;margin:0 0 0 15px;}
#ncsMenu .mainMenu ul ul li {font-size:1rem;}

/* Alt Menu */

.altMenu a {color:#fff;}
.altMenu a:hover {color:#6699ff !important;}

/* Alt Menu2 */

.altMenu2 h4 {margin:5px 0 0 0;}
.altMenu2 h5 {margin:0 0 0 10px;line-height:.75em;}
.altMenu2 a {color:#fff;}
.altMenu2 a:hover {color:#6699ff !important;}

/* Universal Stuff */
.clear {clear:both;}
.rvc-credit {font-size:.75em; font-weight:400; padding:30px 0 0 0;}

.colorBand {}
.colorBand p {margin:0;}
.colorBand a {color:#6699ff;}
.colorBand a:hover {color:#c2e6f8;}



/* Brand Colors
    Dark-Blue: #28245f or 40,36,95
    Light-Blue: #6699ff or 102,153,255
    Lighter-Blue: #c2e6f8 or 194,230,248

    Accent Blue: #3399ff or 51,153,255
    White: #ffffff
*/

/* Media Queries */
@media only screen and (max-width: 1400px){   
    #ncsHeader .topBar {padding:0 20px;}
    #ncsHeader .branding {padding:20px;}
    .boardContent {padding:0 20px;}
}

@media only screen and (max-width: 1200px){   
    #teamGrid {padding:0 20px;}
    .memberUnitimg {max-height:320px;overflow:hidden;}
    .memberUnit {width:25%;float:left;display:inline;min-height:360px;margin:0 0 30px 0;}
    #pageIntro h1 {font-size:1.75em;padding-right:15%;}
    .results h2 {font-size:1.75em;padding-right:15%;}
    .contentBlock p {padding-right:15%;}
    .school p {font-size:6em;margin:0;}
    #homeIntro h1 {font-size:5em;}
}

@media only screen and (max-width: 900px){   
    .memberUnitimg {max-height:350px;overflow:hidden;}
    .memberUnit {width:33.333333333333333%;float:left;display:inline;min-height:320px;margin:0 0 30px 0;}
    #pageIntro h1 {font-size:1.5em;padding-right:10%;}
    .results h2 {font-size:1.5em;padding-right:10%;}
    .contentBlock p {padding-right:10%;}
    .school p {font-size:5em;margin:0;}
    #homeIntro h1 {font-size:4em;}
    .boardContent ul {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .allMeetings ul {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

    .don h2 {font-weight:400 !important; font-size:2rem;}
}

@media only screen and (max-width: 767px){   
    .memberUnitimg {max-height:400px;overflow:hidden;}
    .memberUnit {width:50%;float:left;display:inline;min-height:200px;margin:0 0 30px 0;}
    #pageIntro h1 {font-size:1.25em;padding-right:5%;font-weight:400;}
    .results h2 {font-size:1.25em;padding-right:5%;}
    .contentBlock p {padding-right:5%;}
    .school p {font-size:6em;margin:0;}
    #homeIntro h1 {font-size:3em;}
    .boardContent ul {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    #boardMeetings h5 {margin:30px 0 5px 0;font-size:1.5em;font-weight:300;color:#fff;}
    .allMeetings ul {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (max-width: 500px){
    .memberUnitimg {max-height:none;overflow:hidden;}
    .memberUnit {width:100%;float:left;display:inline;min-height:200px;margin:0 0 30px 0;}
    .contentBlock p {padding-right:0;}
    .school p {text-align:center !important;font-size:4em;margin:0;}
    
}