﻿.school-site .page-header, 
.school-site .breadcrumb {
    display: none;
}
.school-site .page-banner-container > div.logo {
    height: 150px;
    padding: 10px 0;
}

    .school-site .page-banner-container > div.logo img {
        height: 100%;
    }

.school-site .page-banner-container > div.school-name h2 {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-size: 24px;
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
}

.school-site div.school-name > span.level {
    font-size: 24px;
}



@media (min-width: 768px) {
    .school-site div.school-name > h2 span.name {
        font-size: 36px;
        font-weight: 600;
    }

    .school-site .page-banner-container > div.school-name {
        text-align: left;
        line-height: 300px;
        vertical-align: middle
    }

    .school-site .page-banner-container > div.logo {
        height: 100%;
        padding: 50px 0;
        text-align: right;
    }

    .school-site .page-banner-container {
        height: 300px;
        /*padding: 50px 0 50px 0;*/
    }
}

@media (max-width: 767px) {
    .school-site .navbar-page > ul, 
    .navbar-page > ul > li,
    .school-site .sub-nav.navbar,
    .school-site .navbar-collapse {
        max-height: none;
    }
    .school-site #schools-dropdown {
        display: inline-block !important;
        border-left: 1px solid #ddd;
    }
        .school-site #schools-dropdown.open {
            border-left: none;
            border-right: none;
        }
        .school-site #schools-dropdown .dropdown-menu .divider {
            height: 0px;
        }
        .school-site #schools-dropdown .dropdown-menu.multi-column .dropdown-column-right {         
            border-left: none;
            padding: 0 15px;
        }

        .school-site #schools-dropdown .dropdown-menu.multi-column .dropdown-column-left {
            padding: 0 15px;
        }
            .school-site .sub-nav, .navbar-page {
        overflow: visible;
        overflow-y: visible !important;
    }
    .school-site div.school-name > h2 {
        margin-bottom: 20px;
        margin-top: 10px;
    }
}

.school-site .page-banner-container {
    text-align: center;
}
    .school-site .page-banner-container > img {
        margin-top: 0px !important;
        width: auto !important;
    }

/* Elementary Schools */

/* Beachwood */
 .beachwood a.button > .icon, 
 .beachwood .page-banner-container {
    background-color: #003366 !important;
}
.beachwood .col-header,
.beachwood .media-heading,
.beachwood .list-group-item-heading {
    color: #003366 !important;
}

/* Cedar Grove */
.cedar-grove a.button > .icon,
.cedar-grove .page-banner-container {
    background-color: #003366 !important;
}
.cedar-grove .col-header,
.cedar-grove .media-heading,
.cedar-grove .list-group-item-heading {
    color: #003366 !important;
}

/* Citta */
.citta a.button > .icon,
.citta .page-banner-container {
    background-color: #003366 !important;
}
.citta .col-header,
.citta .media-heading,
.citta .list-group-item-heading {
    color: #003366 !important;
}

/* East Dover */
.east-dover a.button > .icon,
.east-dover .page-banner-container {
    background-color: #003366 !important;
}
.east-dover .col-header,
.east-dover .media-heading,
.east-dover .list-group-item-heading {
    color: #003366 !important;
}

/* Hooper Avenue */
.hooper-avenue a.button > .icon,
.hooper-avenue .page-banner-container {
    background-color: #003366 !important;
}
.hooper-avenue .col-header,
.hooper-avenue .media-heading,
.hooper-avenue .list-group-item-heading {
    color: #003366 !important;
}

/* North Dover */
.north-dover a.button > .icon,
.north-dover .page-banner-container {
    background-color: #d4af37 !important;
}
.north-dover .col-header,
.north-dover .media-heading,
.north-dover .list-group-item-heading {
    color: #d4af37 !important;
}

/* Pine Beach */
.pine-beach a.button > .icon,
.pine-beach .page-banner-container {
    background-color: #003366 !important;
}
.pine-beach .col-header,
.pine-beach .media-heading,
.pine-beach .list-group-item-heading {
    color: #003366 !important;
}

/* Silver Bay */
.silver-bay a.button > .icon,
.silver-bay .page-banner-container {
    background-color: #003366 !important;
}
.silver-bay .col-header,
.silver-bay .media-heading,
.silver-bay .list-group-item-heading {
    color: #003366 !important;
}

/* South Toms River */
.south-toms-river a.button > .icon,
.south-toms-river .page-banner-container {
    background-color: #601621 !important;
}
.south-toms-river .col-header,
.south-toms-river .media-heading,
.south-toms-river .list-group-item-heading {
    color: #601621 !important;
}

/* Walnut Street */
.walnut-street a.button > .icon,
.walnut-street .page-banner-container {
    background-color: #009900 !important;
}
.walnut-street .col-header,
.walnut-street .media-heading,
.walnut-street .list-group-item-heading {
    color: #009900 !important;
}

/* Washington Street */
.washington-street a.button > .icon,
.washington-street .page-banner-container {
    background-color: #601621 !important;
}
.washington-street .col-header,
.washington-street .media-heading,
.washington-street .list-group-item-heading {
    color: #601621 !important;
}

/* West Dover */
.west-dover a.button > .icon,
.west-dover .page-banner-container {
    background-color: #003366 !important;
}
.west-dover .col-header,
.west-dover .media-heading,
.west-dover .list-group-item-heading {
    color: #003366 !important;
}

/* Intermediate Schools */

/* East */
.intermediate-east a.button > .icon,
.intermediate-east .page-banner-container {
    background-color: #cc3333 !important;
}
.intermediate-east .col-header,
.intermediate-east .media-heading,
.intermediate-east .list-group-item-heading {
    color: #cc3333 !important;
}

/* North */
.intermediate-north a.button > .icon,
.intermediate-north .page-banner-container {
    background-color: #033574 !important;
}
.intermediate-north .col-header,
.intermediate-north .media-heading,
.intermediate-north .list-group-item-heading {
    color: #033574 !important;
}

/* South */
.intermediate-south a.button > .icon,
.intermediate-south .page-banner-container {
    background-color: #003366 !important;
}
.intermediate-south .col-header,
.intermediate-south .media-heading,
.intermediate-south .list-group-item-heading {
    color: #003366 !important;
}

/* High Schools */

/* East */
.high-school-east a.button > .icon,
.high-school-east .page-banner-container {
    background-color: #000 !important;
}
.high-school-east .col-header,
.high-school-east .media-heading,
.high-school-east .list-group-item-heading {
    color: #000 !important;
}

/* North */
.high-school-north a.button > .icon,
.high-school-north .page-banner-container {
    background-color: #003366 !important;
}
.high-school-north .col-header,
.high-school-north .media-heading,
.high-school-north .list-group-item-heading {
    color: #003366 !important;
}

/* South */
.high-school-south a.button > .icon,
.high-school-south .page-banner-container,
.high-school-south div.row-content[data-render-loc="1"]:before {
    background-color: #601621 !important;
}
.high-school-south .col-header,
.high-school-south .media-heading,
.high-school-south .list-group-item-heading {
    color: #601621 !important;
}



