/* 
	This CSS file contains the custom css styles for the Schoolzine Website template 
	When adding to this file use the following comment example:
*/

/* 
	Added by: Your Name
	Date: Date Added
	Descriptoin: A breif description of the change 
*/

#app-tile {background: url(https://brightonps.schoolzineplus.com/_image/media/243/190818113617584/brighton_app.jpg); opacity: 1; background-size: cover;}

#app-tile a {color: white;}

#app-tile .bg-app {opacity: 0;}

#tile- h2, .news-item, .latest-news .txt-light a.fill {color:black !important;}

@media only screen and (min-width: 770px) {
    .main-nav .fill {
        width: 90%;}
    }
    
@media only screen and (max-width: 769px) {
    .swiper-container {
    padding-top: 40px;
    }
}

@media screen and (max-width: 769px) and (min-width: 450px) {
.main-header {
    height: auto;}
}

@media screen and (max-width: 980px) and (min-width: 770px) {
.main-header {
    height: 391px;
}
}

@media only screen and (min-width: 981px) {
    .tas-gov.is_internal .tile.blurb.txt-dark {
        max-width: 720px;
        width: 100%;
}
    }
    
body#tasDoe .main-nav li a {padding: 0 16px;}

@media screen and (max-width: 769px) {
    #tile- {
        width: 100%;
    }
}

@media screen /*and (min-width: 497px) */ and (max-width: 590px) {
#tile-id-39 .sz-tile .tile-1.right.tile-link-list {
    width: 238px;}
#tile-id-39 .tile-link-list {
    right: -23px;}}