/**
* ////////////////////////////////////////////////////////////////
*  breakpoints
* ////////////////////////////////////////////////////////////////
*/
@media only screen and (min-width: 550px) {
    .footerUpperLeft{
        float: left;
        width: 50%;
    }
    .footerUpperRight{
        float: left;
        width: 50%;
    }
    .footerMenuColumn{
        padding: 10px;
        width: 33.3%;
        min-height: 195px;
    }
    a.buttonFooter {
        margin: 0;
    }
    .indexSlides{
        margin: 20px;
    }
    .tile{
        float: left;
        margin: 0 0 15px 15px;
        width: 30%;
        min-width: 150px;
    }
    .tileText{
        min-height: 80px;
    }
    .featuredResource{
        width: 50%;
        min-height: 100px;
    }
    #tabContentTopic > div:last-child{
        width: 76%;
    }
    #tabContentTopic > div:first-child{
        display: block;
    }
    .bookTile {
        width:22%;
    }
    body#wsc-gateway.topLevelPage .tile{
        width: 22%;
    }
    .studentListingTiles .tile{
        width: 22%;
        min-height: 120px;
        border: none;
    }
    .graduateListingTiles .tile{
        width: 22%;
        min-height: 180px;
        border: none;
    }
    .formerStudentListingTiles .tile{
        width: 22%;
        min-height: 195px;
        border: none;
    }
    .eNewsletterFeatured .mbWideLeft{
        padding: 15px;
    }
    .eNewsletterFeatured .mbWideLeft .mbSecondaryColumn{
        width: 235px;
    }
    .eNewsletterFeatured .mbWideLeft .mbPrimaryColumn{
        margin-right: -235px;
    }
    .eNewsletterFeatured .mbWideLeft .mbSecondaryColumnInner{
        padding: 0;
        text-align: center;
    }
    .eNewsletterFeatured .mbWideLeft .mbPrimaryColumnInner{
        margin-right: 235px;
        padding-right: 15px;
    }
    

    .eNewsletterFacultyBook .mbWideRight .mbSecondaryColumn,
    .eNewsletterNews .mbWideRight .mbSecondaryColumn,
    .eNewsletterDidYouKnow .mbWideRight .mbSecondaryColumn{
        width: 115px;
    }
    .eNewsletterFacultyBook .mbWideRight .mbPrimaryColumn,
    .eNewsletterNews .mbWideRight .mbPrimaryColumn,
    .eNewsletterDidYouKnow .mbWideRight .mbPrimaryColumn{
        margin-left: -115px;
    }
    .eNewsletterFacultyBook .mbWideRight .mbPrimaryColumnInner,
    .eNewsletterNews .mbWideRight .mbPrimaryColumnInner,
    .eNewsletterDidYouKnow .mbWideRight .mbPrimaryColumnInner{
        padding: 0 0 0 20px;
        font-size: 12px;
    }
    .eNewsletterFacultyBook .mbWideRight .mbSecondaryColumnInner,
    .eNewsletterNews .mbWideRight .mbSecondaryColumnInner,
    .eNewsletterDidYouKnow .mbWideRight .mbSecondaryColumnInner{
        padding: 0;
        text-align: right;
    }
    .eNewsletterFacultyBook .mbWideRight .mbPrimaryColumnInner,
    .eNewsletterNews .mbWideRight .mbPrimaryColumnInner,
    .eNewsletterDidYouKnow .mbWideRight .mbPrimaryColumnInner{
        margin-left: 115px;
    }

}
@media only screen and (min-width: 600px) {
    .eNewsletterHeaderTitle{
        font-size: 60px;
        padding: 10px 0 0 12%;
    }
    .eNewsletterHeaderTitle span{
        font-size: 58px;
    }
    .eNewsletterHeaderTagline{
        font-size: 23px;
    }
}
@media only screen and (min-width: 700px) {
    body{
        font-size: 13px;
    }
    .footerMenuColumn{
        width: 25%;
    }
   .blogPrevNext > div{
        width:25%;
    }
    .blogPrevNext > div.newerPosts{
        float: left;
    }
    .blogPrevNext > div.olderPosts{
        float: right;
        text-align: right;
    }

}
@media only screen and (min-width: 750px) {
    .featuredResource{
        width: 33.333%;
    }
    #tabContentTopic > div:last-child li{
        width: 48%;
    }
    #tabContentName > div:last-child li,
    #tabContentScripture > div:last-child li,
    #tabContentDate > div:last-child li{
        width: 30%;
    }
        

}
@media only screen and (min-width: 800px) {
    .indexSlides .slideTextArea{
        position: absolute;
        height: 100%;
        right: 0;
        top: 0;
        min-height: 0;
        width: 250px;
        font-size: 13px;
    }
    .indexSlides .slideTitle{
        font-size: 24px;
        padding: 15px 15px 15px 15px;
    }
    .indexSlides .slideMore{
        padding: 15px 15px 15px 26px;
    }
    .indexSlides .slideTypeText{
        font-size: 10px;
    }
    .indexSlides .slide img {
        padding-right: 250px;
    }
}
@media only screen and (min-width: 850px) {
    .bodyCopySecondary > div:first-child{
        border: none;
        padding-top: 0;
    }
    .primaryColumnInner{
        border: 1px solid #dcdbcb;
    }
    .primaryColumnInner article{
        padding: 15px;
    }
    .footerUpperLeft > div:first-child div{
        float: left;
        width: 33.3%;
    }
    .footerUpperLeft,
    .footerLowerLeft{
        float: left;
        width: 100%;
        margin-right: -230px;
    }
    .footerUpperRight,
    .footerLowerRight{
        float: right;
        width: 215px;
        z-index: 500;
    }
    .footerUpperLeft > div:first-child,
    .footerLowerLeft > div:first-child{
        margin-right: 230px;
    }
    .sectionHeaderNav{
        display: block;
    }
    .indexColumns{
        margin: 30px;
    }
    .indexColumns > div{
        width: 33.3%;
        float: left;
        border-right: 1px solid #e5e7e8;
        padding: 0 15px 0 15px;
    }
    .indexColumns > div:last-child{
        border: none;
        padding: 0 0 0 15px;
    }
    .indexColumns > div:first-child{
        padding: 0 15px 0 0;
    }
    #index .blueBanner .mbWideRight .mbSecondaryColumn{
        width: 315px;
    }
    #index .blueBanner .mbWideRight .mbPrimaryColumn{
        margin-left: -315px;
    }
    #index .blueBanner .mbWideRight .mbPrimaryColumnInner{
        padding: 0 0 0 20px;
    }
    #index .blueBanner .mbWideRight .mbSecondaryColumnInner{
        padding: 0 0 0 15px;
    }
    #index .blueBanner .mbWideRight .mbPrimaryColumnInner{
        margin-left: 315px;
    }
    
    
    #blog .mbWideLeft .mbSecondaryColumn{
        width: 160px;
    }
    #blog .mbWideLeft .mbPrimaryColumn{
        margin-right: -160px;
    }
    #blog .mbWideLeft .mbPrimaryColumnInner{
        padding: 0 20px 0 0;
    }
    #blog .mbWideLeft .mbSecondaryColumnInner{
        padding: 0 0 0 15px;
    }
    #blog .mbWideLeft .mbPrimaryColumnInner{
        margin-right: 160px;
    }
    
    div.resourceIndexTabs .resourceTabContent{
        border: none;
    }
    
    body.monthly-enewsletter .bodyCopySecondary,
    body.enewsletter-preview .bodyCopySecondary{
        width: 200px;
        padding-right: 30px;
    }
}
@media only screen and (min-width: 950px) {
    .wideLeft,
    .wideRight,
    .fullWidth{
        padding: 20px 30px 20px 30px;
    }
    a.logo{
        left: 30px;
    }
    .indexSlides .slideTitle{
        font-size: 34px;
        padding: 15px 15px 25px 15px;
    }
    .blueBanner{
        margin-left: -5px;
        margin-right: -5px;
    }
    body#index .blueBanner{
        margin:0;
    }
    .featuredResource{
        width: 20%;
        background-image: none;
        min-height: 0;
    }
}
@media only screen and (min-width: 1020px) {
    .headerDesktopSearch{
        display: block;
    }
    #mainMenu .headerMobileSearch{
        display: none;
    }
    .footerMenuColumn{
        padding: 0 10px 0 0;
        width: 16%;
    }
}
@media only screen and (min-width: 1050px) {
    body#index .blueBanner{
        margin-left: -5px;
        margin-right: -5px;
    }
}