/* Fix to stop Contact us from overlapping school image */
@media only screen and (min-width: 661px) and (max-width: 768px) {
    #header .title-container-container {
        top: 93px;
    }
        
    #header .header-top {
        height: 150px;
    }
        
}

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

    #header .header-top {
        height: auto;
        position: relative;
    }

    #header .title-container-container #titleContainer img {
        right: 0;
    }


    #Logo.dynamic-logo-extended {
        position: relative !important;
        margin-bottom:0;
        margin-top:0.5em;
    }

    #Logo {
        left: 0;
        top:0 !important;
    }

    #Logo.dynamic-logo-extended #siteIcon, #Logo.dynamic-logo-extended #siteIcon .icon-display {
        height: auto;
        }

    #header .title-container-container {
        position:relative;
        top:0;
        /* margin-bottom:15px; */
    }

    #header .searchbox {
        top: auto;
        bottom: -48px;
    }

    .site-utilities-container {
        float:none;
        position:relative;
    }
    
    .header-top-right>.col-sm-6 {
        margin-left: 0;
    }
}

/* End of site header fix */


/* Fix for welcome image and text */

/* Fix for welcome image and text */
@media screen and (max-width: 1024px) {
    .homepage .highlighted-content.image-left .highlighted-content-image, .homepage .highlighted-content.image-left .highlighted-content-text, .homepage .highlighted-content.image-right .highlighted-content-image, .homepage .highlighted-content.image-right .highlighted-content-text {
        width: 100%;
        display: block;
    }
}


/* Remove excess padding under Welcome message or article */

.homepage div.article,
.homepage div.welcome {
    padding: 0px;
}


/*********************************************************
**********************************************************/


/* Fix for hero link flex bug on homepage */

.article-app .article-flex-inner:before,
.article-app .article-flex-inner:after,
.hero-links .hero-links-list:before,
.hero-links .hero-links-list:after {
    width: 0px;
}


/*END Flex bug on homepage*/


/*********************************************************
**********************************************************/


/* Fix for latest news and highlighted content images to appear better */

@media only screen and (min-width: 1060px) and (max-width: 1180px) {
    .homepage .article-app .articles.tile.top .article-text-container {
        padding-top: 214px;
    }
    .homepage .article-app .articles.tile .article .article-image-container {
        height: 190px;
    }
    .homepage #band-4 .highlighted-content .highlighted-content-image,
    .homepage #band-4 .highlighted-content .highlighted-content-image a {
        height: 190px !important;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1059px) {
    .homepage .article-app .articles.tile.top .article-text-container {
        padding-top: 194px;
    }
    .homepage .article-app .articles.tile .article .article-image-container {
        height: 180px;
    }
    .homepage #band-4 .highlighted-content .highlighted-content-image,
    .homepage #band-4 .highlighted-content .highlighted-content-image a {
        height: 180px !important;
    }
}

@media only screen and (min-width: 870px) and (max-width: 992px) {
    .homepage .article-app .articles.tile.top .article-text-container {
        padding-top: 334px;
    }
    .homepage .article-app .articles.tile .article .article-image-container {
        height: 320px;
    }
    .homepage #band-4 .highlighted-content .highlighted-content-image,
    .homepage #band-4 .highlighted-content .highlighted-content-image a {
        height: 320px !important;
    }
}

@media only screen and (min-width: 780px) and (max-width: 869px) {
    .homepage .article-app .articles.tile.top .article-text-container {
        padding-top: 314px;
    }
    .homepage .article-app .articles.tile .article .article-image-container {
        height: 300px;
    }
    .homepage #band-4 .highlighted-content .highlighted-content-image,
    .homepage #band-4 .highlighted-content .highlighted-content-image a {
        height: 300px !important;
    }
}

@media only screen and (min-width: 661px) and (max-width: 779px) {
    .homepage .article-app .articles.tile.top .article-text-container {
        padding-top: 264px;
    }
    .homepage .article-app .articles.tile .article .article-image-container {
        height: 250px;
    }
    .homepage #band-4 .highlighted-content .highlighted-content-image,
    .homepage #band-4 .highlighted-content .highlighted-content-image a {
        height: 250px !important;
    }
}

@media only screen and (min-width: 501px) and (max-width: 660px) {
    .homepage .article-app .articles.tile.top .article-text-container {
        padding-top: 414px;
    }
    .homepage .article-app .articles.tile .article .article-image-container {
        height: 400px;
    }
    .homepage #band-4 .highlighted-content .highlighted-content-image,
    .homepage #band-4 .highlighted-content .highlighted-content-image a {
        height: 400px !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 500px) {
    .homepage .article-app .articles.tile.top .article-text-container {
        padding-top: 334px;
    }
    .homepage .article-app .articles.tile .article .article-image-container {
        height: 320px;
    }
    .homepage #band-4 .highlighted-content .highlighted-content-image,
    .homepage #band-4 .highlighted-content .highlighted-content-image a {
        height: 320px !important;
    }
}

@media only screen and (min-width: 411px) and (max-width: 480px) {
    .homepage .article-app .articles.tile.top .article-text-container {
        padding-top: 314px;
    }
    .homepage .article-app .articles.tile .article .article-image-container {
        height: 300px;
    }
    .homepage #band-4 .highlighted-content .highlighted-content-image,
    .homepage #band-4 .highlighted-content .highlighted-content-image a {
        height: 300px !important;
    }
}

@media only screen and (min-width: 381px) and (max-width: 410px) {
    .homepage .article-app .articles.tile.top .article-text-container {
        padding-top: 264px;
    }
    .homepage .article-app .articles.tile .article .article-image-container {
        height: 250px;
    }
    .homepage #band-4 .highlighted-content .highlighted-content-image,
    .homepage #band-4 .highlighted-content .highlighted-content-image a {
        height: 250px !important;
    }
}

@media only screen and (min-width: 321px) and (max-width: 380px) {
    .homepage .article-app .articles.tile.top .article-text-container {
        padding-top: 264px;
    }
    .homepage .article-app .articles.tile .article .article-image-container {
        height: 250px;
    }
    .homepage #band-4 .highlighted-content .highlighted-content-image,
    .homepage #band-4 .highlighted-content .highlighted-content-image a {
        height: 250px !important;
    }
}

@media only screen and (max-width: 320px) {
    .homepage .article-app .articles.tile.top .article-text-container {
        padding-top: 234px;
    }
    .homepage .article-app .articles.tile .article .article-image-container {
        height: 180px;
    }
    .homepage #band-4 .highlighted-content .highlighted-content-image,
    .homepage #band-4 .highlighted-content .highlighted-content-image a {
        height: 180px !important;
    }
}

@media only screen and (max-width: 768px) {
    .article-app .articles.tile.alternating .article:nth-child(odd) .article-image-container,
    .article-app .articles.tile.alternating.flipped .article:nth-child(odd) .article-image-container,
    .article-app .articles.tile.alternating.flipped .article:nth-child(even) .article-image-container {
        height: 200px;
    }
}


/*********************************************************
**********************************************************/


/* Fix for Facebook and Twitter feeds */

.facebookFeedEmbedded,
.twitterFeedEmbedded {
    overflow: auto;
}


/*********************************************************
**********************************************************/


/* Side navigation fix for Android indentation */

#sideNavBox .nav-accordion-item .father ul.dynamic {
    margin-top: 1px;
}

/* Adds white background to band-4b to fix custom image bgs for band 4 */
@media only screen and (max-width: 1024px) {
    .band-4b > .container {
        background: white;
    }
}