@media screen and (min-width: 1921px) {
    .subContent {
        max-width:1920px;
    }
    .subContent, #slideout.filterStick, .subContent.filterClose {
        left: auto !important;
    }
    .subContent.filterClose article {
        margin-left:41px!important;
        width: calc(100% - 41px);
    }
    .subContent.filterClose #slideout {
        width:42px;
        left: initial !important;
    }
    .subContent.filterClose #slideout .mdl-textfield {
        display:none;
    }
}

@media screen and (max-width: 1740px) {
    .dialogContent iframe {
        height:500px;
    }
}

@media screen and (max-height: 900px) {
    .dayEvents {
        height: 240px;
    }
	/*.dialogContent {height: 676px;}	
    .dialogTopics {height:706px;}
    .dialogTool {height: 726px;}*/

     .contactDetails {
        min-height: calc(100vh - 150px);
     }
}
@media screen and (max-height: 800px) {
    .dayEvents {
        height: 140px;
    }
	/*.dialogContent {height: 576px;}	
    .dialogTopics {height:606px;}
    .dialogTool {height:626px;}*/
     
}
@media screen and (max-width: 1750px) {
    .filterClose .tileContent {
        width: 32%;
    }
}
@media screen and (max-width: 1550px) {
    
    .tileContent {
        width: 49%;
    }

    .dialogContent iframe {
        height:400px;
    }

}

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

}


@media screen and (max-width: 1340px) {
.journeyTab a {
    background: none;
}

.journeyTab a.selected {
    /*background: #F7F7F7;*/
}
}

@media screen and (max-width: 1270px) {
.filterClose .tileContent {
    width: 49%;
}

.dialogBox {
    width: 100%;
}

.banner .flexslider {
    /*margin-bottom: 20px;*/
}

.flexslider .flex-control-nav {
    bottom: -40px;
}
}

@media screen and (max-width: 1250px) {
.home .masGrid,.home .rightSidebar {
    width: 99%;
    border:0;
}
.welcome {
    min-height: 0;
}
.home .welcome, .home .news {
    margin: 7px auto 20px;
}
}

@media screen and (max-width: 1180px) {
.home .item.w1 {
    width: 49%;
}

.journeyTab .journey-img {display:none;}
.journeyTab .languageItem {top:0;}

.card.earlyChildhood h1 {
    background: url(/images/early-childhood.png) no-repeat center 20px;
    background-size: 15%;
}

.card.elementary h1 {
    background: url(/images/elementary.png) no-repeat center 20px;
    background-size: 15%;
}

.card.juniorHigh h1 {
    background: url(/images/juniorhigh.png) no-repeat center 20px;
    background-size: 15%;
}

.card.highSchool h1 {
    background: url(/images/highschool.png) no-repeat center 20px;
    background-size: 15%;
}

.card.postSecondary h1 {
    background: url(/images/ministry.png) no-repeat center 20px;
    background-size: 15%;
}

.card.administration h1 {
    background: url(/images/school-system.png) no-repeat center 20px;
    background-size: 15%;
}

.journeyTab a {
    padding:10px 0 10px 0;
    width:16%;
}
}

@media screen and (max-width: 1120px) {
.tileContent {
    width: 98%;
}
}

@media screen and (max-width: 1050px) {
body .mfp-container {
    padding: 0;
}

.dialogBox {
    width: 100%;
}

.dialogTopics {
    width: 20%;
}

.dialogContent {
    width: 56%;
    padding: 20px 2%;
}

.dialogTool {
    width: 20%;
}
}

@media screen and (max-width: 990px) {
    .mfp-wrap {
        overflow:auto;
    }
    .mfp-content {
        min-height:100%;
    }
    body.topicSearch {
        overflow: auto;
    }
    #timeline-embed.stick #expandTimeline, #timeline-embed.stick {
        display:none;
    }
    
    .topic-details .subTopic.selected {
        padding:15px 6px;
    }   
    #slideout {
        /*top:0!important;*/
    }
    .filterClose #journey.journeyStick {

    }
    .dialogTopics {
        /* height:76px; */
        overflow:auto;
        overflow-y:hidden;
    }
    .addthis-share {display:none;}
    .sideBottom {display:none;}
    #topic-details footer {position:relative; opacity:1;}
    .overlay, .preview-description-inner {display:none;}
    .preview-image {width:350px; float:left;}
    .preview-description { display:block; float:left; padding:0 10px;}
    .dialogContent iframe {
        height:600px;
    }    
    .fixed-modal {
        position:absolute;
        top:0;
        z-index:999;
        width:100%;
    }
    .mobile-header {
        display:block;
        width: 100%;
        position:absolute;
        padding-top: 8px;
        height: 60px;
        background-color: #36424a;
        box-shadow: 0 2px 10px -4px #000;
        border-bottom: 10px solid #6d9324;
    }
    .news-related-container {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .eventLocation {
        padding:10px;
        width: calc(22% - 20px);
    }
    .eventDetails {
        width: calc(78% - 20px);
    }
    .topic-container {
        white-space:nowrap;
        margin-bottom: 0;
    }
    .dayEvents {
        height: auto;
    }
    .topic-details, .dialogTool {
		height:auto;
    }
	.dialogContent {height: auto;}
.journey-dd .dd-menu {
    position: relative;
    display: inline-block !important;
}

#category-container {
    /* width: 100%; */
    overflow: auto;
}
p.list-display-only {
    padding: 0 10px;
}

.cardPreviewImage {
    display:none;
}
.cardNewsPreview .cardPreviewTitle {
    padding: 0 10px;
    font-weight: normal;
    font-size: 1em;
}

.refinements-container {
    height: auto;
    /* padding: 5px 13px 10px; */
    min-height: 36px;
}

.subContent article, #slideout.filterStick + div + article {
    width: calc(100% - 41px);
    margin-left: 41px;
}


.subContent.filterClose {
    width: calc(100%);
    left: 0 !important;
}

#slideout {
    position: absolute;
    left: 0;
    z-index: 101;
    background: #fff;
    height: 100vh;
    transition: all ease .3s;
}

.filterClose #slideout {
    left: -210px !important;
    transition: all ease .3s;
}

.mobile-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    z-index: 98;
    display: block;
    opacity: .6;
    transition: all 1s ease;
}

.filterClose .mobile-overlay {
    opacity: 0;
    transition: all 1s ease;
    z-index: -1;
}

.filterSlide #journey {
    width: calc(100% - 41px);
    z-index:10;
}

.dialogBox {
    margin: 0;
    height: auto;
}

.dialogTopics,.dialogTool {
    width: 100%;
}

.dialogTopics {
    margin-top: 55px;
    padding: 10px 0 0;
}

.dialogContent {
    width: 96%;
    height: auto;
    min-height:300px;
    clear: both;
}

.tileContent .mdl-button--icon .material-icons {
    display:block;
}

div#subTopics {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 0;
    position:relative;
    top:3px;
}

.toolboxItem a {
    margin:0;
}

.topic-details .subTopic {
    border-bottom: 2px solid #8393A7;
    padding: 10px 20px 20px;
    margin: 0 5px;
    color: #8393A7;
    background: transparent;
    width:auto;
    border-left: 0!important;
}

#topic-details .subTopic.selected {
    border-bottom: 7px solid #fff;
    border-top: 2px solid #8393A7;
    color:#8393a7;
    background:#fff;
    width:auto;
    border-left:0;
}
.frenchDialog .subTopic.selected {
    border-bottom:7px solid #fff;
    color:#8393A7;
    border-top:2px solid #A2AAAE;
    background:#fff;
    width:auto;
}
#topic-details.newsDialog .subTopic.selected {
    border-bottom:7px solid #fff;
    color:#8393a7;
    border-top:2px solid #005983;
    background:#fff;
    width:auto;
}
#topic-details.promoDialog .subTopic.selected {
    border-bottom:7px solid #fff;
    border-top:2px solid #F68A1E;
    color:#8393a7;
    background:#fff;
    width:auto;
    border-left: 0;
}
.toolbox-internallinks,.toolbox-news {
    width: 100%;
    position: relative;
    bottom: initial;
}

.mdl-layout__header,.mfp-close-btn-in .mfp-close {
    position: absolute;
    top: 50px;
    z-index: 99;
}

.card.earlyChildhood h1 {
    background: url(/images/early-childhood.png) no-repeat center 20px;
    background-size: 25%;
}

.card.elementary h1 {
    background: url(/images/elementary.png) no-repeat center 20px;
    background-size: 25%;
}

.card.juniorHigh h1 {
    background: url(/images/juniorhigh.png) no-repeat center 20px;
    background-size: 25%;
}

.card.highSchool h1 {
    background: url(/images/highschool.png) no-repeat center 20px;
    background-size: 25%;
}

.card.postSecondary h1 {
    background: url(/images/ministry.png) no-repeat center 20px;
    background-size: 25%;
}

.card.administration h1 {
    background: url(/images/school-system.png) no-repeat center 20px;
    background-size: 25%;
}
    .filterOpen #journey.journeyStick, .filterOpen .filterClose #journey.journeyStick {
        width:100%;
    }
    .journeyStick+.space {
        /* padding: 45px 0; */
    }
    .card-container {
    /* padding: 120px 10px 20px; */
}
/*#topic-details footer {
    margin-top: 10px !important;
}*/

#slideout.filterStick ~ article { 
    margin-left: 40px;
}


}

@media screen and (max-width: 960px) {
#fontSize {
    display: none;
}

.journey-dd {
    display: block;
}
.journey-dd-container {
    display: block;
}
.filterClose .tileContent {
    width: 98%;
}
#tl-container {
    margin-left:40px;
}
.card-topics {
    display: none;
}
.sort-options {
    right: 15px;
}
.search-total-results {
    right:150px;
}
.cardNewsPreview .cardPreviewDescription {
    display:none;
}
.journeyTab,#viewSelector {
    display: none;
}
.topic-content,a .topic-content {
    width: 96%;
    height:auto;
}

.topic-details h1.topic span {
    
}

.subContent {
    top: 149px;
	/* adjust for outage notice */
	top: 205px;
}
#journey.journeyStick {
    /* position: fixed; */
    top: 55px;
	/* adjust for outage notice */
	top: 111px;
    position: absolute;
    z-index: 5;
}
/* adjust for outage notice */
.filterCategories, .filterPersona {
  height: calc(100vh - 290px);
}

/*for mobile view do not display any of the sliders or preview items
      only display description
    */
.journeyStick+.space {
    /* padding:0; */
}
.preview-image {display:none!important;}

#journey {
    right:0;
    /*width:100%!important;*/
}
.internalLinksCardContainer,.externalLinksCardContainer,.resourcesCardContainer,.eventsCardContainer,.faqsCardContainer,.pollsCardContainer,.mediaCardContainer {
    display: none;
}
.tileContent {height:auto;}

.list-display-only {
    display: block;
    float: left;
    text-align:left;
}

#calendarDiv .eventContent,#calendarDiv .fc-calendar .fc-row > div.fc-today {
    background-size: contain;
}
}

@media screen and (max-width: 880px) {
.flexslider .flex-direction-nav .flex-prev,.flexslider .flex-direction-nav .flex-next {
    opacity: .5;
}
    .dialogContent iframe {
        height:500px;
    }
}

@media screen and (max-width: 768px) {
.search input[type="text"] {
    width: 100px;
}

.mdl-logo {
    float: left;
    margin-bottom: 0;
    margin-right: 16px;
}
.topic-details h1.topic span {
   
}
    .dialogContent iframe {
        height:400px;
    }


header {
    height: auto;
    min-height: 60px;
}
.resourceDetails {
    width:70%;
}
}

@media screen and (max-width: 620px) {
.masonry.home .item {
    height: 70px;
}
.home .item.w1 {
    width: 99%;
}
.masonry.home .item h1 {
    font-size: 1.2em;
    padding-top: 25px;
    padding-left: 40%;
    height: 45px;
    margin: 0;
    padding-bottom: 0;
    text-align: left;
}

.searchBar .mdl-textfield {
    width: calc(100% - 50px);
    margin-left:10px;
}
.home-link-box {
    display: none;
}
.topic-details h1.topic span {
    
}


.subContent {
    top: 191px;
	/* adjust for outage notice */
	top: 246px;
}
#journey.journeyStick {
    top: 100px;
	/* adjust for outage notice */
	top: 151px;
}
.topBar {
    height: 95px;
}
.journey-dd {
    padding: 20px 2% 10px;
    width: 46%;
    margin-left: 10px;
}
.search-total-results {
    right: 15px;
}
.topicSearch .sort-options {
    right: 0;
    top: -48px;
    width: 46%;
    /* padding: 20px 2% 10px; */
    padding: 0;
    height:48px;
    border-left:0;
}
.topicSearch .sort-options select {
    padding: 20px 2% 10px;
    width: calc(100% - 40px);
}
div.searchBar {
    position: absolute;
    top: 45px;
    width: 98%;
    float: none;
    right: 0;
}
.subContent article {
    height: calc(100vh - 235px);
	/* adjust for outage notice */
	height: calc(100vh - 290px);
}
/* adjust for outage notice */
.filterCategories, .filterPersona {
  height: calc(100vh - 331px);
}
.searchResults-active .subContent article {
    height: calc(100vh - 195px);
}
.topicDetails-active .journey-dd, .searchResults-active .journey-dd {
    width:96%;
}

.dialogFind {
    padding-bottom:20px;
}

.news-related-tabs span {
    width:40%;
}


.dialogFind select, .dialogFind .mdl-textfield {
    clear:both;
    margin-left:0;
    width:100%;
}

.dialogFind .findButton {
    margin-top:20px;
    margin-left:0;
    clear:both;
}


.masonry.home .item.card.postSecondary,.masonry.home .item.card.administration {
    width: 99%;
    /*height: 115px;*/
}

.masonry.home .item.card.postSecondary h1,.masonry.home .item.card.administration h1 {
    /*padding-top: 48px;
    padding-left: 40%;
    height: 67px;
    margin: 0;
    padding-bottom: 0;
    text-align: left;*/
}

.home .welcome, .home .news {
    margin:0 2px;
    width:calc(100% - 14px);
    padding:5px;
    background:#fff;
    margin-bottom:5px;
}

.card.earlyChildhood h1 {
    background: url(/images/early-childhood.png) no-repeat 10% center;
    background-size: 15%;
}

.card.elementary h1 {
    background: url(/images/elementary.png) no-repeat 10% center;
    background-size: 15%;
}

.card.juniorHigh h1 {
    background: url(/images/juniorhigh.png) no-repeat 10% center;
    background-size: 15%;
}

.card.highSchool h1 {
    background: url(/images/highschool.png) no-repeat 10% center;
    background-size: 15%;
}

.card.postSecondary h1 {
    background: url(/images/ministry.png) no-repeat 10% center;
    background-size: 15%;
}

.card.administration h1 {
    background: url(/images/school-system.png) no-repeat 10% center;
    background-size: 15%;
}

.topic-details h1.topic {
    font-size: 18px;
}

.flexslider .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -30px;
    text-align: center;
}
.eventDetails, .eventLocation {
    border-radius:0;
    width:calc(100% - 20px);
    margin:0;
}
    .dialogContent iframe {
        height:350px;
    }
}
@media screen and (min-width: 601px) {
    .mobile-only {display:none;}
}
@media screen and (max-width: 600px) {
    .desktop-only {display:none!important;}
    .mobile-only {display:inline-block;}
    nav.breadcrumbs {display:none;}
    .subspacer {padding:51px 0!important;}
    footer.mini-footer {position:fixed; bottom:0;}
    h1.topic {
        padding: 10px 10px;
        color: #fff;
        font-size: 18px;
        margin: 0;
        font-weight: 500;
        width: calc(100% - 20px);
        background: #6A747D;
        line-height: 28px;
    }
    
    h1.topic span {
        max-width: 100%;
    }
    .home .news {
        padding-bottom:40px;
    }
    #category-container ul {
        white-space:nowrap;
    }
    .search-total-results, #category-container {
        float:none;
        width:100%;
    }
    .search-total-results {
        margin-bottom: 10px;
        position: absolute;
        right: 0;
        text-align: right;
        margin-right: 10px;
        max-width:60px;
    }
    div#category-container {
        width: calc(100% - 70px);
    }
    #expandTimeline, #timelineContainer.timeline-toggle #timeline-embed {
        top:90px;
    }
    #timeline-embed {
        top:-70px!important;
    }
    .timeline-toggle #expandTimeline {
        top:250px;
    }
    #slideContainer.sideSticky {
        top:291px;
    }
    #container .subspacer {
        padding: 65px 0 !important;
    }
    .local-nav-top .mobile-only {
        position: absolute;
        right: 10px;
        top:4px;
    }
    .local-nav-top .mobile-only ul {
        padding:0;
        width:100%;
    }
    .local-nav-top .mobile-only .mdl-menu a:hover {
        color: #3d4d65;
    }
    .toolboxItemContainer {height:auto;margin: 20px;}
    .home .spacer {
        padding: 0;
    }
    .journeyStick + .space {
        padding: 70px 0;
    }
    .current-search-term {
        margin: 15px 20px 0 20px;
        float:none;
        max-width: calc(100% - 40px);
    }

}
@media screen and (max-width: 540px) {
    .logo {
        position:absolute;
        padding: 0 0 0 10px;
    }
    .logo img {
        width: 80%;
        margin-top:2px;
    }
    .utility {
        background: #36424A;
    }
}
@media screen and (max-width: 500px) {
}
@media screen and (max-width: 480px) {
    .logo img {
        width: 70%;
        margin-top: 5px;
    }
}
@media screen and (max-width: 460px) {
    
.resourceDetails {
    width:60%;
}
.topic-details h1.topic span {
   
}
.topic-content {
    /*display: none;*/
}
.search-result .topic-content {
    display:block;
}
.tileContent {
    height: auto;
}
    .dialogContent iframe {
        height:250px;
    }
.fr-eng-toggle {margin:10px 0;}
.logo {
}

}

@media screen and (max-width: 400px) {
.masonry.home .item {
    /*height: 140px;*/
}
.user-voice {
    /* margin:10px; */
}


.masonry.home .item.card.postSecondary,.masonry.home .item.card.administration {
    height: 70px;
}
.masonry.home .item.card.postSecondary h1,.masonry.home .item.card.administration h1 {
    padding-top: 25px;
    padding-left: 40%;
    height: 45px;
    margin: 0;
    padding-bottom: 0;
    text-align: left;
}

.home .card h1 {
    /*padding-top: 75px;*/
}
}

@media screen and (max-width: 390px) {
    .topic-details h1.topic span {
        
    }
}

@media screen and (max-width: 380px) {
    .logo {
    }
    .user-voice {
        margin: 15px 2px 5px;
    }
    
    .welcome {
        width: 250px;
    }
    .logo img {
    }
}

@media screen and (max-width: 340px) {   
    .resourceDetails {
        width:55%;
    }
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with too much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.persona-dd .dd-menu {
    padding-right: 0;
}
}


@media screen and (min-width: 200px) and (max-height:710px) {

h1 {
    line-height:normal;
}
}